@import url('https://fonts.googleapis.com/css?family=Aclonica|Lemon|Lemonada|Ruslan+Display');

/*HEADER CONFIG*/
main, footer {
    padding-left: 300px;
}

nav, .logo {
    padding-left: 10px;
}

nav {
    background-color: #bdbdbd !important;
}

.imglogo {
    height: 60px;
    padding-top: 5px;
}

.nav-title {
    padding: 0px !important;
    font-family: 'Aclonica', sans-serif;
}

#btnLogout {
    margin-top: 65px !important;
}

    #btnLogout * a {
        text-align: center;
    }


#slide-out {
    margin-top: 65px;
    border-right: 1px solid #64b5f6;
}

    #slide-out * .collapsible-body > a {
        width: 100%;
        padding-left: 140px;
        font-size: 11px;
    }

    #slide-out * .collapsible-body {
        line-height: 35px !important;
    }

    #slide-out * .btn {
        border-radius: 0 !important;
        margin: 0 auto !important;
        background-color: transparent;
        color: #000;
        box-shadow: none;
    }

.collapsible-header > .l {
    margin-right: 10px !important;
}

.collapsible-header > .r {
    margin-right: 0px !important;
}

.collapsible-header > .material-icons {
    color: #000 !important;
}

@media (max-width : 992px) {
    .nav-title {
        visibility: hidden;
    }

    main, footer {
        padding-left: 0px;
    }
}


@media (max-width : 600px) {
    .imglogo {
        height: 55px;
        padding-top: 5px;
    }
}

@media (max-width : 360px) {
    .nav-title {
        display: none !important;
    }
}
/*END HEADER CONFIG*/

/*MAIN CONFIG*/
main {
    margin: 10px;
}

    main * .divider {
        background-color: #0064A8 !important;
    }
    /*END MAIN CONFIG*/

    main .btn {
        background-color: #0064A8;
    }

        main .btn:hover {
            background-color: #0064A8;
        }

    main [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
        background-color: #0064A8 !important;
        z-index: 0;
    }

    main [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after {
        border: 2px solid #0064A8 !important;
    }

    main * input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label {
        color: #0064A8 !important;
    }

    main * input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=text].valid, input[type=password].valid {
        border-bottom: 1px solid #0064A8 !important;
        box-shadow: 0 1px 0 0 #0064A8 !important;
    }

    main * .input-field .prefix.active {
        color: #0064A8 !important;
    }

    main * .picker__date-display, .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
        background-color: #0064A8 !important;
    }

    main * .picker__close, .picker__today, .picker__clear {
        color: #0064A8 !important;
    }

.dropdown-content li > a, .dropdown-content li > span {
    color: black !important;
}

/*SEARCH GUIDE CONFIG*/
main * .row {
    margin-bottom: 0px !important;
}

.SearchUserr1 {
    margin-bottom: 0px !important;
}

.crdSearchGuide {
    padding: 3px !important;
    text-align: center;
    background-color: #bdbdbd;
    border-radius: 3px 3px 0 0 !important;
}

#tblSimpleSearchGuide * td {
    text-align: center;
}

.cSimpleSearch, .cMassSearchGuide {
    padding: 5px !important;
}

.crdaSearchGuide {
    padding: 7px !important;
}

.cardOptionSearchGuide {
    margin-bottom: 0px !important;
}

#fileSearchGuide, .btnMassSearch {
    margin-top: 5px !important;
    font-size: 14px !important;
}

    #fileSearchGuide > .btn {
        height: 36px;
        line-height: 37px;
    }

.archiveMassSerarchGuide {
    margin-bottom: 5px;
    height: 35px !important;
}

.wMassSerarchGuide {
    height: 40px !important;
}
/*END SEARCH GUIDE CONFIG*/



/*LOGIN CONFIG*/

#mLogin {
    top: 20% !important;
    width: 600px;
    height: 400px;
}

    #mLogin > .modal-footer {
        text-align: center !important;
    }

    #mLogin > .modal-content {
        padding: 15px;
    }

.cpLogin {
    padding-left: 17px !important;
}

/*END LOGIN CONFIG*/


/*ASSIGNMENSS CONFIG*/
.cCheckAssignments, #caCheckAssignments, .ccLastAssig, .clastGuide {
    padding: 10px 5px 5px 5px !important;
}

.cAssig2 {
    padding: 5px 1px 1px 1px !important;
}
#tblAssignment{
    font-size:12px !important 
}
/*END ASSIGNMENSS CONFIG*/

/*AutorizeEnrute CONFIG*/
.cardAutorizeEnrute1 {
    padding: 5px !important;
    height: 300px;
}

.cardAutorizeEnrute2 {
    height: 100%;
    padding: 5px !important;
}

#tblLastsEnrutes * td {
    text-align: center;
}

#tblLastsEnrutes > thead > tr > td {
    padding: 5px !important;
}

#tblEnrutes > tbody, thead {
    font-size: 13px !important;
}

#tblEnrutes > thead > tr > td {
    padding: 9px !important;
    text-align:center !important;
}
#tblEnrutes > tbody > tr > td {
    padding: 5px !important;
    text-align:center !important;
}
/*END AutorizeEnrute CONFIG*/




/*OTHER CONFIG*/
.backButton {
    color: #ffffff !important;
    background-color: #0064A8 !important;
    border-left: 5px solid #000 !important;    
}

label {
    color: #000 !important;
}

.firstColum tbody tr:first-child {
    color: #ffffff;
    background-color: #0064A8 !important;
}

.hide {
    visibility: hidden;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}


#tabs-swipe-demo * a {
    color: #000 !important;
}

#tabs-swipe-demo > .indicator {
    background-color: #0064A8 !important;
}
/*END OTHER CONFIG*/



.bodyLogin {
    background: url(Image/fondo.jpg);
}

.dataTables_length > label {
    color: #ffffff !important;
}


.load {
    text-align: center;
    z-index: 1;
}

    .load > .preloader-wrapper {
        width: 128px;
        height: 128px;
        margin-top: 300px;
        /*margin-left: 300px;*/
    }

.over {
    position: fixed; /* Sit on top of the page content */
    /*display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#slide-out * .collapsible-body > a {
    padding: 0 16px !important;
    text-transform: none;
}

.side-nav li > a {
    height: 48px !important;
}