.badge{font-size: 10px;}

.alert{padding: 0 10px; font-size: 12px;}

.btnImprimer{font-size: 12px;}

fieldset.scheduler-border {border: solid 1px #e0eafc; border-radius: 5px; padding:0 10px 10px; margin-bottom: 10px;}
legend.scheduler-border {font-size: 14px; color: #3f80ea; float: none; width: auto;}

.sidebar-wrapper .menu .submenu .submenu-item a {padding-left: 10px;}

ul.flag{width: 100%; display: flex; border: none; margin: 0; padding: 0;}
ul.flag li {width: 33.33%; height: 10px;  margin: 0; padding: 0;display: flex; justify-content: center; align-items: center;}
ul.flag li:first-child {background: rgb(16,135,87);}
ul.flag li:first-child+li+li {background: rgb(255,190,0);}
ul.flag li:first-child+li {background: rgb(235,0,0);}

.form-body{}
.form-body .form-control{padding: 2px 5px; border-radius: 0; font-size: 13px;}
.form-body .btn-sm{padding: 2px 5px; border-radius: 0; font-size: 13px;}
.form-body .form-label{font-size: 13px; margin: 0; color: #25396f; font-weight: bold;}
.form-body .form-label span{color: #dc3545;}
.form-body .boxImage{}
.form-body .boxImage img{height: 100px; border: solid 1px #e2e3e5;}

table.report{}
table.report th{font-size: 12px; background-color: #435ebe; color: #ffffff;}
table.report td{font-size: 12px;}

table tr td .avatar img{border-radius:0}

div.auth{min-height: 100vh; display: flex; flex-flow: column nowrap; justify-content: space-around;}
div.auth h1{font-size: 22px; text-transform: uppercase;}
div.auth h2{font-size: 16px; padding: 12px;}
div.auth p{font-size: 12px;}
div.auth img.logo{width: 30px;}
div.auth .boxAuth{width: 350px; margin: 0 auto; padding: 25px; border: solid 1px #eeeeee;}

/*

 */

div.dt-button-collection {}
div.dt-button-collection button.dt-button {display:block; padding: 4px 10px; color: #435ebe; background: none; border: none; text-align: left;}
div.dt-button-collection button.dt-button:hover {border: none;}
div.dataTables_scrollHead{background-color: #435ebe;}
div.dataTables_scrollBody{border-bottom: 1px solid #d9d9d9 !important;}
table.dataTable tr th {font-size: 10px;color: #ffffff;text-transform: uppercase;background-color: #435ebe;border: none !important;}
table.dataTable tr td {font-size: 12px; border: none;}
.dataTables_wrapper .dataTables_filter input{padding: 4px; margin-bottom: 8px;}

    /*
        Etat
     */

div.boxEtat{ font-size: 10px; color: #000000;}
div.boxEtat h1{font-size: 16px; padding: 0; margin: 0;}
div.boxEtat h1 span{font-weight: 300;}
div.boxEtat h2{font-size: 14px; padding: 0; margin: 0;}
div.boxEtat h3{font-size: 10px; padding: 0; margin: 0;}
div.boxEtat p{font-size: 10px; padding: 0; margin: 0;}
div.boxEtat .textCenter{text-align: center;}
div.boxEtat .textEnd{text-align: right;}
div.boxEtat .separation{padding: 20px 0;}
div.boxEtat table.header{width: 100%;}
div.boxEtat table.header img{height: 80px;}
div.boxEtat table.header h3{}
div.boxEtat table.header h2{padding: 20px; background-color: #cccccc; text-transform: uppercase;}
div.boxEtat table.body{width: 100%; }
div.boxEtat table.body thead th{text-align: center; border: solid 1px #cccccc;}
div.boxEtat table.body tr th.bg,
div.boxEtat table.body tr td.bg{background-color: #eaeaea;}
div.boxEtat table.body tr th.padding,
div.boxEtat table.body tr td.padding{padding: 8px 8px;}
div.boxEtat table.body tr td.bordure{border: solid 1px #cccccc;}
div.boxEtat table.body tr td.bold{font-weight: bold;}

div.boxRechercheEtat{}

.width-50{width: 50px;}
.width-80{width: 80px;}
.width-100{width: 100px;}
.width-150{width: 150px;}
.width-200{width: 200px;}
.width-250{width: 250px;}
.width-300{width: 300px;}
.width-350{width: 350px;}

/*
    boxFacture
 */
div.boxFacture{border: solid 1px #cccccc; padding: 40px;}
div.boxFacture table{width: 100%;}
div.boxFacture table.produits th{background-color: #dddddd;}
div.boxFacture table.produits th,
div.boxFacture table.produits td{font-size: 12px; color: #000000; border: solid 1px #000000; padding: 5px}

@media print {
    .no-print, .no-print *
    {
        display: none !important;
    }

    #main {
        margin: 0;
        padding: 0;
    }
    div.boxEtat{ font-size: 8px;}
    div.boxEtat h3{font-size: 10px;}
    .page-break {page-break-after: always;}

    @page {
        size: auto;
        margin: 5mm;
    }
}