.bg-menu-lateral {
    background-color: black;
}

.bg-menu-navy {
    background-color: #0d4b79;
}

.text-white {
    color: white !important;
}

.topbar .topbar-divider-2 {
    width: 0;
    border-right: 1px solid #0d4b79;
    height: calc(4.375rem - 2rem);
    margin: auto 1px;
}

.btn-primary {
    color: #fff;
    background-color: #0d4b79;
    border-color: #0d4b79;
}

.text-blue-300 {
    color: #0d4b79 !important;
}

a:hover{
    text-decoration: none;
}

.sidebar .sidebar-heading {
    text-align: left;
    padding: 0 1rem;
    font-weight: 800;
    font-size: .85rem;
}

.bg-gradient-primary {
    background-color: #0d4b79;
    background-image: linear-gradient(180deg,#0d4b79 10%,#224abe 100%);
    background-size: cover;
}

.bg-login-image {
    background: url("/sbadmin/img/logo/login2.jpg");
    background-position: center;
    background-size: cover;
}

.bg-atelier-image {
    background: url("/sbadmin/img/logo/equerre-1.jpg");
    background-position: center;
    background-size: cover;
}

.bg-equerre-image {
    background: url("/sbadmin/img/logo/equerre-1.jpg");
    background-position: center;
    background-size: auto;
}

.bg-equerre-image-2 {
    background: url("/sbadmin/img/logo/equerre-2.jpg");
    background-position: center;
    background-size: auto;
}

.bg-equerre-image-3 {
    background: url("/sbadmin/img/logo/equerre-3.jpg");
    background-position: center;
    background-size: auto;
}

.bg-pyramide-image-1 {
    background: url("/sbadmin/img/logo/pyramide-1.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-pyramide-image-2 {
    background: url("/sbadmin/img/logo/pyramide-2.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-pyramide-image-3 {
    background: url("/sbadmin/img/logo/pyramide-5.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-pyramide-image-4 {
    background: url("/sbadmin/img/logo/pyramide-3.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-pyramide-image-5 {
    background: url("/sbadmin/img/logo/pyramide-6.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-pyramide-image-6 {
    background: url("/sbadmin/img/logo/pyramide-4.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.bg-sphinx-image-1 {
    background: url("/sbadmin/img/logo/sphinx1.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-sphinx-image-2 {
    background: url("/sbadmin/img/logo/sphinx2.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-library-image-1 {
    background: url("/sbadmin/img/logo/library-1.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-library-image-2 {
    background: url("/sbadmin/img/logo/library-2.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

i.material-icons { color: #fff !important;}

.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; }
.toggle.ios .toggle-handle { border-radius: 20rem; }


.password-filed {
    margin-top: 0;
    background-color: beige;
}

label.required:after {
    content: "*";
    color: red;
}

.mylabel {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.myinput {
    width: 25px;
    height: 25px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.card-header {
    padding: 1rem 1.35rem;
    margin-bottom: 0;
    background-color: #0d4b79;
    border-bottom: 1px solid rgba(31, 45, 65, 0.125);
}

.pagination {
    /*display: flex;*/
    padding-left: 0;
    list-style: none;
    border-radius: 0.35rem;
}

.border-bottom-primary {
    border-bottom: 0.10rem solid #4e73df!important;
}

.topbar .dropdown .dropdown-menu {
    width: fit-content;
    right: 0;
}

.year-macon {
    text-align: center;
    font-weight: 500;
    font-size: 3.85rem;
}

.table-ym {
    width: 32%;
    align-self: center;
    border: none;
    text-align: center;
    font-weight: 600;
    margin: 0 auto;
}

.text-horloge {
    font-size: 3.0em;
    font-weight: bold;
}

.dt-body-nowrap {
    white-space: nowrap;
}

.img-gallery {
    height: 4rem;
    width: 4rem;
}

.carbon-img {
    float: left;
    margin-left: -145px;
}

.carbon-link {
    text-decoration: none;
    text-underline: none;
    color: black;
}

.carbon-link:hover {
    text-decoration: none;
    text-underline: none;
    color: black;
}

.text-pub {
    font-size: 1em;
    color: navy;
    display: table-cell;
}

#carbonads {
    position: static;
    display: block;
    max-width: 400px;
    padding: 10px 10px 10px 150px;
    margin: 3rem 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    background-color: rgba(0,0,0,.05);
    border-radius: 8px;
}

.bg-illustration-1 {
    background: url("/sbadmin/img/illustration/a.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-2 {
    background: url("/sbadmin/img/illustration/c.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-3 {
    background: url("/sbadmin/img/illustration/c.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-4 {
    background: url("/sbadmin/img/illustration/d.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-5 {
    background: url("/sbadmin/img/illustration/e.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-6 {
    background: url("/sbadmin/img/illustration/f.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-7 {
    background: url("/sbadmin/img/illustration/g.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-8 {
    background: url("/sbadmin/img/illustration/h.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-9 {
    background: url("/sbadmin/img/illustration/i.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-illustration-10 {
    background: url("/sbadmin/img/illustration/k.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.external-event-2 {
    margin: 0 10px;
    padding: 8px 10px;
    color: #fff;
}

.dt-button {
    font-weight: bold !important;
    border-radius: 4px !important;
    padding: .3em 1em !important;
    border: 0 !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(31, 45, 65, 0.2) !important;
}
.dt-button:hover {
    border: 0 !important;
    color: #fff !important;
    background-color: #0061f2 !important;
    border-color: #0061f2 !important;
}
.dt-button:focus {
    outline: 2px solid rgb(53, 132, 228) !important;
}
.dt-button:active, .dt-button:first-child:active {

}
#dataTable_wrapper {
    padding: 0.25rem !important;
}
.ts-wrapper {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}
.ts-control {
    display: block !important;
    width: 100% !important;
    height: calc(1.5em + 1rem + 2px) !important;
    padding: 0.35rem 1rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #687281 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #c5ccd6 !important;
    border-radius: 0.35rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    input {
        font-size: 1rem !important;
        font-weight: 400 !important;
    }
}
td .ts-control {
    border: none !important;
    border-radius: 0 !important;
    font-size: .8rem !important;
    white-space: nowrap !important;
    height: 100% !important;
    text-align: left !important;
    .item {
        padding-top: .25rem !important;
        height: 100% !important;
    }
    input {
        height: 100% !important;
    }
}
.data-form-select {
    border: none !important;
    border-radius: 0 !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    font-size: .8rem !important;
    width: auto !important;
}
.ts-dropdown {
    background-color: #fff !important;
    border: 1px solid #c5ccd6 !important;
    border-radius: 0.35rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    .ts-dropdown-content {
        font-size: 1rem !important;
        font-weight: 400 !important;
        color: #687281 !important;
        border-radius: 0.35rem !important;
        .option {
            padding: .35rem 1rem;
        }
    }
    .active
    {
        background-color: #0d4b79 !important;
        color: #fff !important;
    }
}
td .ts-dropdown {
    .ts-dropdown-content {
        font-size: .8rem !important;
        text-align: left !important;
        .option {
            padding: .35rem 1rem;
        }
    }
}
.data-form {
    width: auto;
    max-width: 120px !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}
.text-sm-7 {
    font-size: 7pt !important;
}
.text-sm-8 {
    font-size: 8pt !important;
}
.text-sm-9 {
    font-size: 9pt !important;
}
.text-sm-10 {
    font-size: 10pt !important;
}
.readonly {
    pointer-events: none !important;
}
.rotate-90 {
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
}