body {
    background-color: #1E1738;
    font-size: 0.9rem;
}

table {
    border-radius: 10px;
}

thead {
    background-color: #1E1738;
    border-bottom: 1px solid #fff;
    color: #fff;
}

thead th {
    color: #fff;
}

tbody tr {
    color: #f4f4f4;
    padding: 10px;
    margin: 10px;
}

.modal-register {
    background-color: #1e1738;
}

.modal-input,
input[type=text],
input[type=number],
input[type=password],
input[type=email] {
    background-color: #232a3b;
    border: none;
    color: #fff;
}


/*NAV*/

.main-nav {
    background-color: #e49b00;
}


/*CHECADOR*/

@font-face {
    font-family: "clock";
    src: url("../font/digital-7.ttf");
}

.img-clock {
    width: 300px;
}

.digital-clock {
    font-family: "clock";
    font-size: 2rem;
}

.digital-clock input[type=text] {
    font-size: 4rem;
}

.form-clock-button {
    background-color: #EBAA00;
}

.form-time {
    background-color: #1e1738;
}

@media (max-width: 450px) {
    .digital-clock input[type=text] {
        font-size: 2.5rem;
    }
}

@media (max-width: 720px) {
    .img-clock {
        width: 180px;
    }
}


/*LOGIN*/

.content-login {
    background-color: #f4f4f4;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
}

form.form-login {
    background-color: #1a202c;
}

form-clock-button form.form-login,
input[type=email],
input[type=password] {
    outline: none;
    border: none;
}

.form-docente .form-clock-button {
    background-color: #e5a201;
}

.form-docente .form-clock-button:hover {
    background-color: #ba871f;
}


/*Preconfiguration Datatables*/

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #fff;
}


/*BUTTONS DATATABLE*/