﻿body {
}

#content {
    padding-top: 0px;
}

.highlighted {
    background-color: #348A75;
}


.high {
    background-color: #feffb9 !important;
}

.tabulator {
    background-color: transparent;
    font-size: 12px;
}

    .tabulator .tabulator-header .tabulator-col {
        text-align: center;
    }

    .tabulator .tablulator-loader {
        display: none !important;
    }


.tabulator-cell {
    font-weight: 700;
}

.tabulator-header {
    border-right: 2px solid #000 !important;
}

.tabulator-frozen-left:hover {
    cursor: default;
}

.SumoSelect {
    width: 500px;
}

#horaires_tab .SumoSelect {
    width: 280px !important;
}


.SumoSelect .select-all {
    height: 35px;
}






.SumoSelect .options .group label:first-child {
    background-color: #ed6f56 !important;
    color: #fff;
}

#horaires_tab .SumoSelect .options .group .opt label {
    background-color: #fff !important;
    color: #000;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #f5f5f5 !important;
}


label {
    font-weight: normal;
}

.select-all label {
    font-weight: bold !important;
}



.tabulator-col-title:hover {
    cursor: default;
}

.tabulator-col-content:hover {
    background-color: #feffb9 !important;
}

.tabulator-row.tabulator-selectable:hover {
    background-color: #feffb9 !important;
}

[tabulator-field="type"] {
    cursor: default;
}

.tabulator-row.tabulator-group {
    background-color: #ed6f56 !important;
    color: #fff !important;
}

    .tabulator-row.tabulator-group:hover {
        background-color: #283237 !important;
    }

.tabulator-group .tabulator-arrow {
    border-left: 6px solid #fff !important;
    border-top: 6px solid transparent !important;
}

.tabulator-group-visible .tabulator-arrow {
    border-top: 6px solid #fff !important;
    border-left: 6px solid transparent !important;
}

.hauteur {
}


#example-table {
    height: 65vh;
}

.navbar-fixed-top {
    position: fixed;
}

select[multiple], select[size] {
    height: 0;
}

.wrapper.theme-3-active .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {
    color: #fff !important;
}

.heading-bg {
    height: 40px;
    margin: 0;
    padding: 0;
}


.slide-nav-toggle .page-wrapper {
    margin-left: 30px !important;
}

.container-fluid {
    padding-right: 10px;
    padding-left: 15px;
}

.checkbox {
    padding-left: 40px !important;
}

.btn {
    text-transform: none !important;
    padding: 8px 15px;
}



ul.dropdown-menu {
    min-width: 300px;
}

.dropdown-menu li a {
    white-space: normal !important;
}

.add-friend span {
    text-transform: none;
    width: 100%;
}

.fa-calendar:hover {
    cursor: pointer;
}

.page-wrapper {
    padding: 70px 20px 20px 20px;
}

.iziToast > .iziToast-body > p {
    font-weight: bold;
    max-width: 400px;
}

.txt-grey {
    color: #000 !important;
}

@media (max-width: 1366px) {
    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (max-width: 1024px) {
    .navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand .nav-header .logo-wrap .brand-text {
        color: #fff !important;
    }

    .zmdi-menu, .zmdi-more {
        color: #fff !important;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .page-wrapper {
        padding: 70px 10px 20px 10px !important;
    }
}

@media (max-width: 768px) {
    .btn-responsive {
        font-size: 80%;
        line-height: 1;
    }

    .btn.btn-anim i {
        padding-top: 4px;
    }


    .SumoSelect {
        width: 300px;
    }
}

@media (min-width: 769px) and (max-width: 996px) {
    .btn-responsive {
        font-size: 90%;
        line-height: 1.2;
    }



    .SumoSelect {
        width: 400px;
    }
}


.SumoSelect > .optWrapper > .options {
    max-height: 200px !important;
}

@media (max-height: 400px) and (max-width: 768px) {

    .SumoSelect > .optWrapper > .options {
        max-height: 100px !important;
    }

    .navbar-fixed-top {
        position: absolute;
    }

    #example-table {
        height: 105vh !important;
    }
}