html, body{
    background-color:#EEF5F9;
    color:#223850;
    font-family: 'montserrat';
}

a{
    color:#223850;
}



.modal-dialog {
    position: fixed !important;
    width: auto;
    margin: .5rem;
    margin-left: 40%;
    pointer-events: none;
}



.dhx_matrix_scell, .dhx_timeline_scale_header {
 
    line-height: normal !important;
    text-align: left !important;
   
}



 
.btn-success{
    background-color: #29c195 !important;
    border-color: #29c195 !important;
}

.btn-outline-success{
    color: #29c195;
    background-color: transparent;
    background-image: none;
    border-color: #29c195;
}

.btn-outline-success:hover{
    background-color: #29c195 !important;
    border-color: #29c195 !important;
}

.widget-content{
    flex-direction: row;
    align-items: center;
}

.card-analyse{
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-width: 0;
    transition: all .2s;
}

.bg-night-fade{
    background-image: linear-gradient(to top, #ff7347 0%, #ff9b47 100%) !important;
}

.bg-arielle-smile {
    background-image: radial-gradient(circle 248px at center, #2b3c42 0%, #202b2f 47%, #202b2f 100%) !important;
}

.bg-happy-green{
    background-image: linear-gradient(to bottom, #00b09b, #96c93d) !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #0064c2 !important;
}

.menu-left a:hover{
    color:#fff;
    background-color: #223850;
}
@font-face{
    font-family: 'montserrat';
    src: url('../font/Montserrat-Regular.ttf') format("truetype");
}

.navbar-laravel{
    background-color:#fff;
}

.card{
    border: 0px solid rgba(18, 18, 18, 0.125);
    background-color: #fff;

}
.card-header{
    background-color: #223850;
    color: #fff;
    border-bottom-color: #fff;
}
.card-header-ouvrier{
    background-color: #223850;
    color: #fff;
    border-bottom-color: #fff;
}
.card-body{
    background-color: white;
}
.form-control{
    background-color:#fff;
}
.btn-primary {
    color: #fff;
    background-color: #0064C2;
    border-color: #0064C2;
}
.lien,.lien:hover{
    color: #fff;
    text-decoration: none;
}
.marge-card-info{
    margin-top:20px !important;
    margin-bottom:20px !important;
}
/*Menu admin*/
.menu-left{
    height: auto;
    min-height: 100%;
    background: #fff;
    position: fixed;
    padding-left:0px;
    padding-right:0px;
}
.nav-link{
    padding-left:10px!important;
    padding-right:10px!important;
}
.nav-left{
    border-left:0px;
}

.nav-left:hover{
    border-left:2px solid #0064C2;
    color:#fff !important;
    background-color:#080808;
}

.activer a{
    border-left:2px solid #0064C2;
    color:#fff !important;
    background-color:#080808;
}

.icon{
    font-size:20px;
    margin-right:10px;
}

/* Attachement */

    .info-commande {
    background-color: #dddddd;
    padding-top: 10px;
    padding-bottom: 10px;
    }

.info-client {

    background-color: #eabf43;
    padding-top: 10px;
    padding-bottom: 10px;
}

.info-adresse {
    background-color: #a6d6e8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.alert-perso {
    color: black;
    background-color: #70facb;
    border-left: 2px solid #96c93d;
}

.tableau-bord>hr{
    background-color:#5C5C5C;
    margin-bottom:10px;
}
.tableau-bord>p{
    color:#5C5C5C;
    margin-bottom:0px;
}
.info-importante{
    font-size:20px;
    font-weight: bold;
    color:#223850 !important;
}
.info-importante-nom{
    font-size:15px;
    font-weight: bold;
}

.card-back-ans{
    background-color:#363638;
}

.card-back-client{
    background-color:#b0b9b6;
}

.rounded-btn-attach{
    border-radius: 1.2rem;
}

.item-btn{
    border: none;
    padding:5px;
}

/*Tableau de bord */

.btn-dashbord{
    border-radius: 0;
    padding:8px 10px;   
}

.btn-color-dashbord{
    color: #5C5C5C;
    background-color: #121212;
    border-color: #121212;
}
.btn-color-dashbord-listes{
    color: #fff;
    background-color: #7a79bc;
    border-color: #7a79bc;
}
.btn-color-dashbord-analyse{
    color: #fff;
    background-color: #32B294;
    border-color: #32B294;
}
.btn-color-dashbord-facture-imp{
    color: #fff;
    background-color: #e3342f;
    border-color: #e3342f;
}
.btn-color-dashbord-facture-pai{
    color: #fff;
    background-color: #68ba54;
    border-color: #68ba54;
}


.btn-dashboard-active{
    color: #fff;
}

.btn-color-dashbord:hover{
    color: #fff;
    background-color: #121212;
    border-color: #121212;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #121212;
    border-color: #121212 #121212 #121212;
}


.nav-tabs .nav-link {
    background-color: #232526;
    border: 1px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.nav-tabs .nav-link:hover {
    border: 1px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.icon-info{
    font-size:60px;
    color:#fff;
}

.table {
    color: black;
    background-color: white;
}

.table tbody+tbody {
    border-top: 1px solid #5C5C5C;
    border-color:#5C5C5C;
}

.icon-payement-yes{
    color:#68ba54;
}

.icon-payement-no{
    color:#d15535;
}

.badge-tache{
    padding:5px 10px;
    color:#fff;
    background-color:#7a79bc;
    border-radius:2rem;
}
.badge-tache-liste{
    font-size:95%;
}
.badge-color{
    padding:5px 10px;
    color: #fff;
    background-color:#b7122e;
    border-radius:2rem;
}

.badge-color-light-blue{
    padding:5px 10px;
    color: #fff;
    background-color:#00d8ff;
    border-radius:2rem;
}

.badge-color-light-purple{
    padding:5px 10px;
    color: #fff;
    background-color:#b39cd0;
    border-radius:2rem;
}

.badge-color-brown{
    padding:5px 10px;
    color: #fff;
    background-color:#9d6c4c;
    border-radius:2rem;
}

.badge-color-black{
    padding:5px 10px;
    color: #fff;
    background-color:#324a51;
    border-radius:2rem;
}

.badge-color-red{
    padding:5px 10px;
    color: #fff;
    background-color:#d90014;
    border-radius:2rem;
}

.badge-color-yellow{
    padding:5px 10px;
    color: #fff;
    background-color:#eed635;
    border-radius:2rem;
}

.badge-color-blue{
    padding:5px 10px;
    color: #fff;
    background-color:#00a2c4;
    border-radius:2rem;
}

.badge-color-purple{
    padding:5px 10px;
    color: #fff;
    background-color:#ad2669;
    border-radius:2rem;
}

.badge-color-tache{
    padding:5px 10px;
    font-size:95%;
    color: #fff;
    background-color:#b7122e;
    border-radius:2rem;
}

.btn-edit {
    color: #fff;
    background-color:#70facb;
    border-color: #70facb;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: .3rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
    background-color: #0064C2;
    border: 1px solid #0064C2;
}

.page-link:hover {
    z-index: 2;
    color: #0064C2;
    text-decoration: none;
    background-color: #fff;
    border-color: #fff;
}

/*Autre card*/
.card-header>p{
    margin-bottom:0px !important;
    font-size: 20px;
    font-weight: 200;
}
.card-header-ouvrier>p{
    margin-bottom:0px !important;
    font-size: 20px;
    font-weight: 200;
}

/*Liste des utilisateurs*/
.btn-arrondi-user{
    border-radius:2rem;
}
.position-img{
    padding:20px;
}
.position-btn{
    margin:10px;
}
.lien-user{
    text-decoration: none !important;
    color:#000;
}

/*Form attachement*/
.hr-attachement{
    border-top: 2px solid #223850;
}
.text-muted{
    color:#fff !important;
}

/*Liste des clients */

.list-group-item{
    background-color:#121212;
    border-bottom-color:#5C5C5C;
}

/* Partie ouvrier */

.Auth-name{
    margin-bottom:1rem;
}
.Auth-name-gras{
    font-weight: 700;
}

.icon-info-ouvrier{
    padding-bottom:15px;
    font-size:33px;
    color:#223850;
}

.marg-card{
    margin-top:20px;
    margin-bottom:20px;
}

.prise-gras{
    font-size:20px;
    font-weight:700;
}

.badge-tache-ouvrier{
    font-size: 16px;
    margin:5px;
    padding:5px 25px;
    color:#fff;
    background-color:#7a79bc;
    border-radius:0.5rem;
}

.hr-prise{
    background-color: #5C5C5C !important;
    align-content:center;
    width:15%;
}
.btn-valider{
    margin:10px;
}


/*---------------------Fichier médical---------------*/
.fc-day-grid-event>.fc-content {

    font-size: 16px;
}

/*---------------------Fichier médical---------------*/

.doc li a{
    color:#fff;
    text-decoration:none;
}

/*--------------------- Contact---------------*/

.list-contact{
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    border-bottom: 1px solid #fff;
}

.modal-content {
    background-color: #fff;
}

.marge-text-modal{
    margin-bottom:10px;
}


/* Calendar */

.popover-content{padding:9px 14px;color:#000;}
.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.popover>.arrow{border-width:11px}
.popover>.arrow:after{content:"";border-width:10px}
.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}
.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}
.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}
.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}
.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}
.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}

.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}
.popover.top{margin-top:-10px}
.popover.right{margin-left:10px}
.popover.bottom{margin-top:10px}
.popover.left{margin-left:-10px}
.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
.popover-content{padding:9px 14px;color:#000;}
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.popover>.arrow{border-width:11px}
.popover>.arrow:after{content:"";border-width:10px}
.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}
.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}
.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}
.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}
.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}
/* 
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.popover.right{margin-left:10px}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.tooltip.in{filter:alpha(opacity=90);opacity:.9}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} */
/*-------------------------- Media queries -------------------------------------*/

@media screen and (min-width: 1600px) and (max-width: 1980px) {
    .info-importante{
    font-size:29px;
    font-weight: bold;
    margin-top: 30px;
    }
}