/*////////BODY////////*/

body {
    background-color: #E5E5E5;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    min-height: 100vh;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: column;
    -ms-box-orient: column;
    -webkit-box-orient: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    font-family: 'Roboto', sans-serif;
}


/*////////HEADER////////*/

@media only screen and (max-width: 430px) {
    header a .dl-logo+sup {
        display: none;
    }
}


/*////////BTN////////*/

.btn.add-files {
    float: none;
}

@media only screen and (max-width: 600px) {
    .btn {
        height: auto;
    }
}

@media only screen and (max-width: 330px) {
    .btn.add-files {
        height: 80px;
    }
}

.btn.white.blue-boccard-text:hover {
    background-color: #e3ecfc !important;
}

.btn.blue-boccard:hover {
    background-color: #00afff !important;
}


/*////////MAIN////////*/

.main {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    padding: 0;
}


/*////////LIST EMPTY////////*/

.list-empty {
    padding: 1%;
    background-color: #E5E5E5;
}

.list-empty.list-empty-error {
    background-color: #f26560;
    color: #ffffff;
}


/*////////CARD TITLE////////*/

.card .card-title {
    border-bottom: 1px solid rgba(160, 160, 160, 0.2);
    padding: 16px 24px;
}

.card .card-title.blue-boccard {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
}

.card {
    margin: 1%;
    padding: 0% !important;
}

.card .warning-card .row {
    padding: 1%;
    font-size: 10.5px;
    background-color: #f4ff81;
}

.card .error-card .row {
    padding: 1%;
    font-size: 10.5px;
    background-color: #f44336;
}

.card .success-card .row {
    padding: 1%;
    font-size: 10.5px;
    background-color: #4CAF50;
}

a i.white-text:hover {
    color: #e3ecfc !important;
}


/*////////S SPE////////*/

@media only screen and (max-width: 600px) {
    .card .card-content {
        padding: 5px;
    }
    .modal {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        top: 0% !important;
    }
    .picker__frame {
        min-width: 100% !important;
        width: 100% !important;
    }
}


/*////////BOCCARD LOGO////////*/

.dl-logo {
    font-size: 3rem;
    font-family: Neuropol;
    float: left;
}


/*////////COLOR////////*/

.blue-boccard {
    background-color: #009ae0 !important;
}

.blue-boccard-text {
    color: #009ae0 !important;
}

.center {
    text-align: center;
}


/*////////ICONS-PUCE////////*/

ul.icons-puce li i {
    margin: 10px;
    color: #009ae0 !important;
}

ul.icons-puce li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


/*////////SIDE NAV////////*/

.side-nav {
    top: 64px;
    width: 250px;
    ;
    border-top: 0% !important;
    border-left: 0% !important;
    border-right: 0% !important;
}

.side-nav+.main,
.side-nav+.card {
    margin-left: 260px !important;
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    margin-right: 1% !important;
}

.side-nav~footer {
    display: none;
}

.side-nav+footer {
    display: none !important;
}

.side-nav li.profile {
    height: 100px;
    line-height: 100px;
}

.side-nav li.profile .username {
    text-transform: capitalize;
    font-size: 15px;
    line-height: 75px;
    height: 50px;
}

.side-nav li.profile .grade {
    line-height: 0;
    font-size: 1em;
    font-style: italic;
}

.side-nav li.sub-menu .collapsible-header {
    padding: 5px;
    text-align: left;
}

.side-nav li.sub-menu .collapsible-content {
    background-color: #eeeeee;
}

.side-nav li.select {
    background-color: #01579b;
}

.side-nav li.select a {
    color: white !important;
}

.side-nav li.select a i {
    color: white !important;
}

.side-nav li.footer {
    position: absolute;
    bottom: 120px;
    width: 100%;
}

.side-nav li.footer .collapsible-header,
.side-nav li.footer .collapsible-header:hover {
    background-color: #009ae0;
    color: #ffffff;
}

.side-nav li.footer .collapsible-header+div ul li {
    background-color: #e0eaf9;
}

.side-nav li.footer .collapsible-content {
    z-index: 1;
    position: relative;
}

.side-nav li.admin {
    background-color: red;
}

.side-nav li a {
    padding-left: 5px;
    padding-right: 5px;
}

.side-nav li a i.left {
    margin-right: 5px;
}

.side-nav li.admin a {
    color: white !important;
}

@media only screen and (max-width: 992px) {
    .side-nav {
        top: 0px;
        width: 80%;
    }
    .side-nav+.main {
        margin-left: 0px !important;
    }
    .side-nav li.footer {
        position: absolute;
        bottom: 60px;
        width: 100%;
    }
}

#span_profil_session {
    font-weight: bold;
}


/*////////INFO BULLE////////*/

.infobull {
    font-size: 14px;
}

.infobull-title {
    background-color: #009ae0;
    padding: 10%;
    text-align: center;
    color: #ffffff;
}

.infobull-content {
    background-color: #ffffff;
    padding: 10%;
}

.infobull span {
    position: absolute;
    color: black;
    z-index: 500;
    text-decoration: none;
}

.infobull span {
    display: none;
}


/*correction bug IE*/

.infobull:hover {
    z-index: 500;
}

.infobull:hover span div.card {
    padding: 5px 50px;
}

.infobull:hover span {
    display: block;
    /*on affiche */
}

.infobull:hover span.left {
    right: 300px
}


/*////////CUSTOM INPUT////////*/


/* label color */

.input-field label {
    color: #009ae0;
}


/* label color */

.input-field input,
.input-field textarea {
    border-bottom: 1px solid #009ae0;
}


/* invalid color */

.input-field input.invalid {
    border-bottom: 1px solid #f26560;
    box-shadow: 0 1px 0 0 #f26560;
}

.input-field input.invalid~label,
.input-field textarea.invalid~label {
    color: #f26560;
}


/*////////DATEPICKER////////*/

.picker__frame {
    width: 310px;
}

.picker__date-display {
    background-color: #2196F3 !important;
}

.picker__weekday-display {
    background-color: #1976D2 !important;
}

.picker__day--selected {
    background-color: #1976D2 !important;
}

.picker__day--selected.picker__day:hover {
    color: #ffffff !important;
}

.picker__day:hover {
    color: #1976D2 !important;
}

.picker__day--disabled.picker__day--infocus {
    color: #dddddd !important;
}

.picker__day--today.picker__day--selected {
    color: #ffffff !important;
}

.picker__close,
.picker__day--today,
.picker__today,
.picker__clear,
.picker__nav--prev,
.picker__nav--next {
    color: #1976D2 !important;
}

.picker__close:focus,
.picker__today:focus,
.picker__clear:focus,
.picker__today:hover,
.picker__close:hover,
.picker__clear:hover,
.picker__nav--prev:hover,
.picker__nav--next:hover {
    background-color: #70b3f4 !important;
}

.picker__nav--prev:hover.picker__nav--disabled,
.picker__nav--next:hover.picker__nav--disabled {
    background-color: #ffffff !important;
}


/*////////MY ERROR////////*/

.my-error {
    font-size: 10.5px;
    color: #f26560;
}


/*////////INDEX CONTAINER////////*/

.index-container {
    border: 5px dashed #009ae0;
    padding: 10px;
    margin: 5px;
    height: 250px;
}

.index-container.disabled {
    border-color: #d1d1d1;
    background-color: #d1d1d1;
    color: #efefef;
}

.index-container.disabled .index-title {
    color: #efefef;
}

.index-title {
    color: #009ae0;
    text-align: center;
    height: 35px;
}

.index-content {
    text-align: center;
    height: 120px;
}

.index-footer {
    text-align: center;
    height: 56px;
}


/*////////SCROLLBAR////////*/

.scroller {
    overflow-y: auto;
    max-height: 200px;
}

.scroller-nav {
    overflow-y: auto;
    max-height: 100%;
}


/*////////BACKBUTTON////////*/

.btn-floating.btn-xlarge {
    width: 65.5px;
    height: 65.5px;
}

.btn-xlarge {
    height: 89px;
    line-height: 89px;
}

.btn-xlarge i {
    font-size: 2.2rem;
}

@media only screen and (max-width: 600px) {
    .btn-floating.btn-xlarge {
        width: 45.5px;
        height: 45.5px;
    }
    .btn-xlarge {
        height: 89px;
        line-height: 45.5px;
    }
    .btn-xlarge i {
        font-size: 1.6rem;
    }
}


/*////////COLLAPSIBLE////////*/

.collapsible-body {
    text-align: justify;
}


/*////////TABS////////*/

.tabs {
    background-color: #009ae0;
    text-align: center;
}

.tabs .indicator {
    background-color: #ffffff;
}

.tabs .tab a {
    color: #d1d1d1;
}

.tabs .tab a:hover,
.tabs .tab a.active {
    color: #ffffff;
}

.tab-child {
    background-color: #d1d1d1;
    border: 1px bold #dddddd;
    height: 300px;
    padding: 15px;
}


/*////////MODAL BOTTTOM-SHEET////////*/

.modal.bottom-sheet {
    height: 70%;
    max-height: 100% !important;
}

.modal.bottom-sheet .modal-title {
    background-color: #009ae0;
    padding: 24px;
    text-align: center;
    font-size: 1.64rem;
    color: #ffffff;
}

.modal.bottom-sheet .modal-title a {
    color: #ffffff;
}


/*////////MODAL BOTTTOM-SHEET////////*/

a i.material-icons.blue-boccard-text:hover {
    color: #00afff !important;
}


/*////////TABLE////////*/

table.striped>tbody>tr:nth-child(2n+1) {
    background-color: #e3ecfc;
}

table.highlight>tbody>tr:hover {
    background-color: #edf2fc;
}


/*////////WAVES COLOR////////*/

.waves-effect.waves-blue-boccard .waves-ripple {
    background-color: #00afff;
}


/*////////STATS////////*/

.collapsible.stats {
    border: none;
    box-shadow: none;
}

.collapsible.stats .collapsible-body {
    padding: 5px !important;
    background-color: #ffffff;
}

.collapsible.stats .collapsible-body .collection {
    border: 1px solid #e0e0e0 !important;
}


/*////////PAGINATION////////*/

div#jquery_filter_table_pages ul li.active {
    background-color: #00afff;
}


/*////////MAX-WIDTH-150////////*/

.max-width-150 {
    max-width: 150px;
}


/*////////FILTERS-TABLE////////*/

a.sort i.material-icons {
    color: grey;
}

a.sort.active i.material-icons {
    color: #009ae0;
}


/*////////FILTERS-TABLE////////*/

[type="radio"]:checked+label::after,
.with-gap[type="radio"]:checked+label::after {
    background-color: #009ae0 !important;
}


/*////////FILTERS-TABLE////////*/

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


/*////////RESPONSIVE-TABLE////////*/

@media only screen and (max-width: 992px) {
    table.responsive-table th,
    table.responsive-table td {
        height: 98px;
    }
}


/*////////SWITCH////////*/

.switch label input[type="checkbox"]:checked+.lever::after {
    background-color: #009ae0;
}

.switch label input[type="checkbox"]:checked+.lever {
    background-color: #bbdefb;
}