/*!
 * Start Bootstrap - SB Admin v5.0.2 (https://startbootstrap.com/template-overviews/sb-admin)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-sb-admin/blob/master/LICENSE)
 */
body {
    height: 100%;
    
   
}
#sendComptable {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;

}
#sidebar{
    font-weight: 600;
}
td{
    font-weight: 600;
}
.selectize-control{

    font-weight: 600;
}
.selectize-control.single .selectize-input::after {
    display: none !important;
}
#wrapper #content-wrapper {
    overflow-x: hidden;
    width: 100%;
    padding-top: 120px;

}
.sidebar-open{
    width: 235px!important;
}
.sidebar-close{
    width: 0px!important;
}

.sidebar {
    background-color: #212529;
    min-height: calc(100% - 106px);
    top: 106px;
    transition: all 0.5s ease-out;
    padding:0!important;
}
.navbar-nav > :last-child{
    margin-top:auto;
}
.sidebar .nav-item:last-child {
    margin-bottom: 1rem;
}
.sidebar .nav-item .nav-link {
    display: block;
    text-align: left;
    padding: 1rem;
    width: 200px;
}
.sidebar .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.5);
}
.sidebar .nav-item .nav-link:active,
.sidebar .nav-item .nav-link:focus,
.sidebar .nav-item .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}
.card-login {
    max-width: 25rem;
}
.card-register {
    max-width: 40rem;
}
h1 {
    font-family: 'Boogaloo', cursive;
}
.card-header {
    font-family: 'Boogaloo', cursive;
    font-size: 1.2rem;
}

/*!
 * 
 * CUSTOM CSS
 * 
 */

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 200px;
}


#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 200px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 200px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 200px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        top: 200px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

.modal-full {
    max-width:1140px;
    width: 100%;
    min-width: 500px;
}

.moveIcon {
    vertical-align: middle !important;
}

.rowSearch .selectize-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0;
}

.btnSelect {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

}

.btnReglageLeft {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

}

.divSelect .selectize-input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

}

.inputReglage {
    border-radius: 0 !important;
    border-left: 0;
}
.body-reglage .selectize-input {
    border-radius: 0 !important;
}
#tableauBord .mois .selectize-input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
#tableauBord .annee .selectize-input {
    border-radius: 0 !important;
    border-left: 0;
}
.cursorDefault {
    cursor: default;
}
.cursorPointer {
    cursor: pointer;
}
.invisible {
    visibility: hidden;
}
.tableDepense input {
    font-size: 11px;
    border: 0;
    height: 22px;
}
.tableDepense .selectize-input {
    border: 0 !important;
    padding: 0 !important;
    min-height: 22px !important;
    height: 22px !important;
}
.inputPtht{
    padding-right:5px;
}
.tableDepense .selectize-control {
    font-size: 11px !important;
    height: 22px !important;
}
.tableDepense td {
    padding: .25rem !important;
    vertical-align: middle !important;
}

.labelSelectize {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: 12px !important;
    line-height: 1.5;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.dt-buttons,
.dataTables_paginate {
    float: right;
}

.dataTables_length,
.dataTables_info {
    float: left;
    font-size: 14px;
}

.selectize-control {
    width: 100%;
    font-size: .875rem;
    height: 31px !important;
}
.dataTable .form-control{
    font-weight: 550;
    font-family: "Segoe ui";
}

.form_edit .selectize-control{
    color:rgb(73, 80, 87);
    font-weight: 550;
    font-family: "Segoe ui";
    }
.form_edit .selectize-input{
color:rgb(73, 80, 87);
font-weight: 550;
font-family: "Segoe ui";
}
.dataTable .form-control-plaintext{
    font-weight: 550;
    font-family: "Segoe ui";
}
.selectize-input {
    padding: .25rem .5rem !important;
    min-height: 31px !important;
    height: 31px !important;
}

.select_modereglement .selectize-input {
  border:0;
  box-shadow: 0;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before {
    top: 2px !important;
}
.select_modereglement,.select_modereglement:disabled {
    height: 31px;
background-size:0;
padding:0;
border:0;
background-color:white;
color:black;
}

.tableList td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.selectize-dropdown{
z-index:1500;

}
.collapseBtn{
    width:250px;

}
.logo{

    width:250px;
}
.logo-lg{
    width: 218px;
}
.logo-xl{
    width: 100px;
}

#dataTable_filter input {
    margin-right: 5px;
}

.table td {
    line-height: 1;

    vertical-align: baseline;
}

.sidebar a {
    cursor: pointer;
}
.no-offset {
    padding-left: 15px;
    transition: all 0.5s ease-out;
}
.left-offset {
    padding-left: 250px;
    transition: all 0.5s ease-out;
}


.content_page_toggled {
    padding-left: 100px !important;
}
#formClient {
    transition: all 2s linear;
}
#formContent {
    transition: all 2s linear;
}

.scroll-to-top {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #343a40 ; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    font-size: 18px; /* Increase font size */

}
#wrapper #content-wrapper{
    height: 100%;
}
.p-table {
    font-size: 95%;
    margin: 0;
}

.list {
    width: 100%;
}


.body-list .table-bordered thead th {

    border-bottom-width: 0;
    border-top-width: 0;
}

.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
    background: grey;
}
.form_edit .card{
    border-color : #dee2e6;
}
.selectize-input{
    border-color : #dee2e6;

}
.tableTotaux th , .tableTotaux td{
    padding-top:0;
    padding-bottom:0;
}
.form_edit table.dataTable.table-sm > thead > tr > th {
    padding-left: 0;
    padding-right: 0;

}
.form_edit table.dataTable thead .sorting::after, .form_edit table.dataTable thead .sorting::before, .form_edit table.dataTable thead .sorting_desc::after, 
.form_edit table.dataTable thead .sorting_desc::before,.form_edit table.dataTable thead .sorting_asc::after,.form_edit table.dataTable thead .sorting_asc::before{
    display: none;
}
.form_edit table.dataTable thead .sorting, .form_edit table.dataTable thead .sorting_desc,.form_edit table.dataTable thead .sorting_asc{
    cursor: default;
}
.form_edit .form-control{
    border-color : #dee2e6;
}
.form_edit .table .thead-light th {
background-color:#f8f9fa !important;
}
.form_edit .table-bordered thead th {
    border-bottom-width: 0;
    border-top-width: 0;
}
.form_edit .table-bordered {
    border: 0;
}
.form_edit td {
    white-space: nowrap;
}

.form_edit tr {
    font-size: 14px;
}
.body-list .table-bordered {
    border: 0;
}

.body-list td {
    white-space: nowrap;
}

.body-list tr {
    font-size: 14px;
}




#start_date {
    font-size: 12px;
}
#end_date {
    font-size: 12px;
}

.body-list {
    min-height: 100%;

}

.body-list {
    padding-top: 1rem !important;
}

.body-list .form-group {

    margin-bottom: .25rem !important;
}

#resetFiltre {
    font-size: 12px !important;
}


.dt-buttons {
    margin-bottom: 5px;
}

.dt-buttons .btn-sm {
    font-size: 12px !important;
}

.body-list .selectize-control {
    font-size: 12px;
}

.selectExercice .selectize-control {
    font-size: 12px;
}

.selectExercice .selectize-input.full {
    background-color: rgba(0, 0, 0, .03);
}

.selectExercice .selectize-input,
.selectize-control.single .selectize-input.input-active {

    color: #000000;


}

.selectExercice .selectize-input {
    color: rgba(255, 255, 255, 0.5);
}


/* ===[ Copyright 2013 Google Inc. All Rights Reserved. ]=== */
::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 16px;
}
::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}
::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px;
}
::-webkit-scrollbar-track:horizontal {
    border-width: 4px 0 0
}
::-webkit-scrollbar-track:hover {
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:horizontal:hover {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1)
}
::-webkit-scrollbar-track:active {
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-track:horizontal:active {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07)
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.7);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 6px;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb:horizontal {
    border-width: 6px 1px 1px;
    padding: 0 0 0 100px;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,.4);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
}
::-webkit-scrollbar-thumb:active {
    background-color: rgba(0,0,0,0.5);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
}
::-webkit-scrollbar-corner {
    background: transparent
}
body::-webkit-scrollbar-track-piece {
    background-clip: padding-box;
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 0 0 0 3px;
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-track-piece:horizontal {
    border-width: 3px 0 0;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px
}
body::-webkit-scrollbar-thumb:horizontal {
    border-width: 5px 1px 1px
}
body::-webkit-scrollbar-corner {
    background-clip: padding-box;
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 3px 0 0 3px;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
}
  html, body { height: 100%; }
body { margin: 0; }