header {
    margin: 1.5rem;
    font-size: large;
}

body {
    padding-top: 6rem;
}

body {
    height: 100%;
    min-height: 100%;
}

h1, h2 {
    color: rgb(4, 30, 99);
    font-size: 2.4rem;
}

h3 {
    color: rgb(4, 30, 99);
    margin-bottom: 1.5rem;
}

h4 {
    color: rgb(4, 30, 99);
    margin-top: 1.5rem;
    font-size: 1.3rem;
}

h5 {
    color: rgb(4, 30, 99);
    font-size: 1.3rem;
}

th, td {
    padding: 0.3rem;
}

.logo {
    height: 4rem;
    width: auto;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    right: 100%;
}

.dropdown-menu:hover {
    display: block;
}

.dropdown-item:active {
    background-color: rgb(4, 30, 99);
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgb(4, 30, 99);
    border-top: 0.125rem solid transparent;
}

.navbar-light .navbar-nav .nav-link:active, 
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgb(188, 173, 83);
    border-top: 0.125rem solid rgb(4, 30, 99);
    outline: none;
}

.btn-outline-secondary {
    color: rgb(4, 30, 99);
    border-color: rgb(4, 30, 99);
}

.btn-outline-secondary:hover {
    border-color: rgb(4, 30, 99);
    background-color: rgb(4, 30, 99);
    color: rgb(188, 173, 83);
}

.custom-forgot-password {
    padding-right: 1rem;
}

.card-body {
    padding: 0.6rem;
}

.pagination > li > a {
    background-color: white;
    color: rgb(4, 30, 99);
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #5a5a5a;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a {
    color: white;
    background-color: rgb(4, 30, 99) !Important;
    border: solid 1px rgb(4, 30, 99) !Important;
}

.pagination > .active > a:hover {
    background-color: rgb(4, 30, 99) !Important;
    border: solid 1px rgb(4, 30, 99);
}

.font-color {
    color: rgb(4, 30, 99);
}

.footer-bg-color {
    color: rgb(248, 249, 250) i !important;
}

table thead tr {
    border-top: hidden;
}

table tbody th a,
table tbody tr a,
table tbody th a:visited,
table tbody tr a:visited {
    color: rgb(4, 30, 99) !important;
}

table tbody th a:hover,
table tbody tr a:hover,
table tbody th a:active,
table tbody tr a:active {
    color: rgb(4, 30, 99, 0.7) !important;
}

ul.list-group li.active a {
    color: rgb(4, 30, 99) !important;
}

button.border-left-0 {
    position: relative;
}

i.gj-icon {
    margin: 0;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    font-size: min(21px, 4vw) !important;
}

.embed_pdf {
    width: 30rem;
    height: 20rem;
}

/* #home {
    text-align: justify;
} */

#solicitud {
    font-weight: 500;
}

#empresas {
    outline: none;
}

#id_start_date,
#id_end_date {
    background-color: white;
}

#div_id_terms label.requiredField {
    font-size: 0.7rem;
}

#home,
#jumbo-personas,
#jumbo-emails {
    padding: 2.3rem 2rem;
}

.custom-btn-filter,
.custom-btn-filter:focus,
.custom-btn-filter:active,
.custom-btn-filter:visited {
    background-color: rgb(4, 30, 99) !important;
    border: rgb(4, 30, 99) !important;
    outline: none !important;
    box-shadow: none;
}

.custom-btn-filter {
    border: white;
}

.custom-btn-filter:hover {
    background-color: #6c757d !important;
    border: #6c757d !important;
}

#div_id_company, 
#div_id_employee,
#div_id_document,
#div_id_plate,
#div_id_email,
#div_id_status,
#div_id_create_date {
    margin-bottom: 0.2rem;
}

#div_id_areas div:not(.form-check),
#div_id_work_area div:not(.form-check),
#div_id_license_type div:not(.form-check) {
    background-color: white;
    padding: .25rem .5rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

#div_id_terms label:not(.form-check-label),
.form-control-file {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .5rem;
}

#footer-text {
    height: 3.5rem;
    font-size: min(1rem, 2.5vw);
}

html {
    position: relative;
    min-height: 100%;
    padding-bottom: 0rem;
  }

body {
    margin-bottom: 3rem;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3.5rem;
}

@media (max-width: 992px) {
    .embed_pdf {
        width: 20rem;
        height: 15rem;
    }
  }

@media (max-width: 560px) {
    .embed_pdf {
        width: 13rem;
        height: 9rem;
    }

    table.table {
        font-size: 10px !important;
    }
}

@media (max-width: 400px) {
    html, body {
        font-size: 8px;
    }

    table.table {
        font-size: 8px !important;
    }

    .embed_pdf {
        width: 13rem;
        height: 9rem;
    }
}