@charset "utf-8";
/* CSS Document */

html{height: 100%;    overflow: hidden;}
body {
    
    zoom:1;
	padding: .75em;
	background: white;
	background-image: linear-gradient(90deg, transparent 80%, rgba(66, 151, 215,.05) 50%, rgba(66, 151, 215,.05) 55%, transparent 90%);
	background-size: 8px 8px;
	margin: 0;
background-color: rgb(250, 250, 250);
font-size: 12px;
font-family: verdana;
padding: 0;
height: 100%;
width: 100%;
	
}
.nav>li>a {
  
    padding: 5px 15px;}
body>div>.panel {margin-bottom: 0px}
body>div>.panel> .panel-heading{    height: 80px}
div div .panel-footer{    height: 25px;border-top: 1px solid gray;background-color: silver;}
.menu .content{overflow-y: auto;}

.panel-default > .panel-heading.basc,.panel-default > .panel-footer.basc,.modal-header.basc {
  color: white;
  background-color: rgb(66, 151, 215);
  border-color: #ddd;
  background-image: -webkit-linear-gradient(top,#4297D7 0,#86AFCE 100%); */
  background-image: -o-linear-gradient(top,#4297D7 0,#86AFCE 100%);
    /* background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8)); */
    /* background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4297D7', endColorstr='#86AFCE', GradientType=0);
    background-repeat: repeat-x;
}
body>div>.panel>.panel-body {padding:0}
.panel-footer.state{background-color: #ddd;border-top:1px solid #337AB7;}
.nopadside {padding-right:0 ;padding-left:0}
div.login 
    {
    border: 1px solid lightgray;border-radius: 0px 10px 30px 0px;
    width: 30%; height: 180px;
    margin-left: 35%; margin-top: 5%;
    padding: 10px;   
    box-shadow: 5px 5px 18px 1px RGB(74, 135, 174) ; 
    background-color: RGB(224, 239, 249);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(224,239,249,1) 50%);border-bottom: 1px solid lightgray;
    }    
div.login span
    {
    display: inline-block;
    width: 140px;   
    }    
div.login input
    {
    border:1px  RGB(74, 135, 174) inset;
    border-radius:5px;
    } 
div.enter 
  { 
  float: left;
  margin-right: 20px; 
  }  



th {font-size: 0.80em;}
#header
    {height: 100px;
     padding-top: 10px;padding-right: 10px;
     background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(255,255,255,0.75) 50%);
     border-bottom: 1px solid lightgray;
     box-shadow: 0px 2px 5px 1px lightgray;   
    }
.requis:after{content:'*';}
.list tr:nth-child(odd) {background: #FFF}
.trash {background-color: transparent;border:none}
.trash img
    {
   
    box-shadow: 0px 1px 1px 2px gray;
    border: 1px solid lightgray;
    
    } 
.trash:disabled img
    { opacity: 0.5;
        background-color: ;
    }
.list table {border-collapse: collapse;border: 1px solid lightgray;padding: 5px;}
.list th 
    { 
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(224,239,249,1) 50%);border-bottom: 1px solid lightgray;
    background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(224,239,249,1) 50%);border-bottom: 1px solid lightgray;
    }
    
.list td {padding: 5px;border: 1px solid lightgray;border-top:none;border-bottom: 1px solid lightgray;}
.list {width:780px;min-height: 100px;overflow-style: scrollbar;overflow-y: auto;
      box-shadow: 0px 2px 10px 1px rgba(255,255,255,0.9) ;
     
        }
div.action 
  {width: 30px;display: inline-block;
  height: 80px;
  margin-top: 20px;
  }
div.action input[type='submit']
  {
  height: 50px;
  border: 1px outset RGB(74, 135, 174);
  box-shadow: 2px 2px 5px 0px  RGB(74, 135, 174) ;
  cursor: pointer;
  }

.menu {
      background: -webkit-linear-gradient(top, #eee 0%,rgba(66,151,215,0.5) 20%);
      background: -ms-linear-gradient(top, rgba(224,239,249,1) 0%,rgba(255,255,255,0.5) 20%);
      -ms-linear-gradient
      box-shadow: 1px 1px 2px 0px black;
       }

body .panel .panel-heading h3 ,#header .main p
    {
    margin-left: 30%;
    text-align: center;
    width: 40%;
    padding: 1%;
    font-family: tahoma;
    font-weight: bold;
    font-size: 1.5em;
    color: rgb(66, 151, 215);
    text-shadow: 2px 2px 2px lightgray;
    border-radius: 5px;
    /*box-shadow: 0px 0px 0px 1px rgb(66, 151, 215),0px 6px 10px 0px gray,0px 0px 1px 1px rgba(17,127,250,0.5) inset;*/
    }
.move ,.admin ,.states {margin-left:0%;border-bottom: 1px solid #719CD2;padding-left:0px;border-bottom: none;}

div .content {
            background-color: rgba(224,239,249,1);border: 1px solid #719CD2;;padding: 10px;;margin-bottom: 0;
            /*box-shadow: 1px 1px 2px 0px black;*/
            overflow-y: scroll;
            }

.content > span {border:1px solid gray}
.content fieldset{background-color: rgba(255,255,255,0.5);border-radius: 7px;padding-left: 10px;padding-right:10px}

.content fieldset:hover,.content:focus {box-shadow: 2px 2px 4px 0px gray;}


/* Infobulle */
 
#tooltip 
    {
    position:absolute;
    z-index:9999;
    color:black;
    font-size:10px;
    width:auto;
    box-shadow: 2px 2px 4px 2px lightgray;
    border: 1px solid #A10000 ;border-radius:3px;
    
    }
 
#tooltip .tipHeader 
    {
    height:15px;
    background-color:#A10000 ;
    text-align: center;
    color: white;
    }



 
/* hack IE */
*html #tooltip .tipHeader {margin-bottom:-6px;}

 
#tooltip .tipBody {
    background-color:#F3F3F3;
    padding:5px;
}
 
#tooltip .tipFooter {
    height:1px;
    background-color: #A10000 ;
    }

.listerreur 
    { border: none;border-radius: 0px 10px 0px 10px;
      margin-top: 50px; margin-left: 10%;  
      text-align: left;
      width: 80%;
      background-color: #FFFCE5;
      box-shadow:2px 2px 7px 2px orange;  
    }
    
    
.listerreur legend  
    {text-align: left;
     background-color:#A10000  ;
     padding: 0px 5px 0px 5px;
     font-style: italic;font-size: 0.9em;
     color: White;
     border-radius:3px;
    }        
 .listerreur ul li
    {   list-style-type:none;
        color: #3F1D0C;
       font-weight: bold;
   } 
 .listerreur ul li:before
    {
      content:"-"
    }
fieldset legend:first-child {
    background-color: rgb(66, 151, 215);
border: 1px solid silver;
color: rgb(255, 255, 255);
padding: 5px;
border-radius: 0px 12px 12px 0px;
margin-left: -12px;
font-size: 1.0em;
}
.bluetongue{    background-color: rgb(66, 151, 215);
border: 1px solid silver;
color: rgb(255, 255, 255)!important;
padding: 5px;
border-radius: 12px 12px 12px 12px;
margin-left: -12px;
text-decoration: none;}


fieldset form legend  {
    background-color: rgb(255, 255, 255)!important;
background: -webkit-linear-gradient(left, rgba(140,190,255,1) 0%,rgba(255,255,255,0) 30%)!important; /* Chrome10+,Safari5.1+ */
color:  rgb(66, 151, 215)!important;
padding: 5px;width: 50%;
border-radius:0px!important;
margin-left: -13px!important;border: 1px groove silver!important ; ;
}


h3
    {
    color: red;
    font-family: tahoma;
    }
    

input.bt_on
    {
    border: 1px inset gray;
    box-shadow:orange 1px 1px 3px 3px;
    }
  input[type="text"]
            { 
            border-radius: 3px ; background-color: #FFFAEB;
            border-color: lightgray;
            border-width: 1px;
            }
  input[type="text"][disabled]
    {background-color: lightgray;}   

	option:nth-child(even) {background:#F5EDD6}
    option:nth-child(odd) {background: #FFF}

.bt_off
    {
    border: 2px outset lightgray;     
    }
.bt_validation
    {
    opacity:0.3;
    cursor: pointer;
    text-align:center;
    border-radius:10px;
    background-color: whitesmoke;
    color: #262626;
    font-weight: bold;
    }   
select
   {
   background-color: #FCF3D5;
   font-family: tahoma;
   font-size: 13px!important;
   }

.bt_classic
        {font-family: tahoma;
        border: 1px outset lightgray;
        box-shadow:1px 1px rgb(100,100,250) 
          
        }
.bt_classicon
        {font-family: tahoma;
        border: 2px inset lightgray;
         
        }    
[class*='bt_']{  
background-color:transparent;
        color: transparent;
        background-position: top;
        width:24px;
        height:24px;
        background-repeat: no-repeat;
        
        }    
.bt_plus
        {
        background-size:90%;
        background-image: url('../images/ajouter2.png');
        box-shadow: 1px 1px 4px 1px gray ;
        border-radius: 3px;
        }
        
.bt_valider
        {
         background-image: url('../images/valider.png');    
        background-size: 75%}
.bt_annuler
        {
        background-size:100%;background-image: url('../images/annuler.png');    
        } 
.bt_cancel
        {
        background-size:50%;
        background-image: url('../images/bt_annuler.png');    
        } 
        
        
.bt_fleche_gauche
        {
       
        background-size:55%;background-image: url('../images/fleche_gauche_bleu.png');  
        opacity:0.35; 
        background-position-y: 50%;
        }
.bt_fleche_droite
        {
        background-size:55%;
        background-image: url('../images/fleche_droite_bleu.png'); 
        opacity:0.35;
        background-position-y: 50%;}
    
.bt_suppr
        {
        background-image: url('../images/supprimer2.png'); 
        }
.bt_pdf
        {
        background-image: url('../images/pdf.png'); 
         width:48px;
        height:48px;
        border: none;box-shadow: none!important;
        cursor: pointer;
        background-size:75%;
        }
.bt_excel
        {
        background-image: url('../images/excel.png'); 
         width:48px;
        height:48px;
        border: none;box-shadow: none!important;
        cursor: pointer;
        background-size:75%;
        }         
                 
.bt_modif
        {
         background-image: url('../images/modifier.png'); 
        }         
.bt_modif,.bt_suppr
        {background-position:center; 
        width:35px;
        background-size:45%;    
        }        
        
input[type="text"],input[type="mail"],input[type="password"]
        {
         border: 2px inset lightgray;    
        }    

.bt_enabled,.bt_disabled, #idsouscrire
    {border-radius: 15px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 50%,rgba(210,210,210,1) 51%,rgba(246,246,246,1) 100%);
    height: 30px;
    color: black;
    border: none;
    font-family: tahoma;
    font-weight: bold;
    width: 100px;
    border: none;
    box-shadow: 1px 1px 8px 0px black;
          
    }    
 .bt_disabled  
    { background-color: lightgray;
    cursor:not-allowed;
    } 
    

    .content [class*='bt_'] {box-shadow: 0px 0px 2px 0px black;border-radius: 3px;border: none;}
    .content [class*='bt_']:hover {background-color: silver;border-radius: 3px;border: none;}
   
.bt_add_car{background-image: url('../images/add_car.png');background-color: #EEE;box-shadow:none;background-size: 85%}
.bt_add_territoire{background-image: url('../images/add_territoire.png');background-color: #EEE;box-shadow:none!important; background-size:85%;   }
.bt_add_users{background-image: url('../images/add_users.png');background-size: 100%;box-shadow:none!important;border: none;cursor: pointer;margin: 2px;}
.bt_detail {background-image: url('../images/loupe2.png');background-size: 100%;box-shadow:none!important;border: none;cursor: pointer;margin: 2px;}


.bt_autocomplete
    {
    background-image: url('../images/loupe2.png');
    background-size: 12%!important;
    box-shadow:none!important;border: 1px solid silver!important;margin: 2px;
    width:135px!important ;height: 22px!important;
    color:gray!important;
    background-position: left;
    padding-left: 17px!important;
    font-size: 10pt!important;
    }
.bt_autocomplete [value='Recherche territoire']
    {
   color:lightgray!important;
   font-style: italic;
   }


.bt_actions
        {
        color:gray;font-weight: bold;color: #545454;
        padding: 8px;
        background-color:transparent; 
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
        background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1)  51%,rgba(246,246,246,1) 100%);
       
       
        border:1px solid gray;border-top: 2px solid gray;border-radius:5px 5px 0px 0px;
        box-shadow: -1px 1px 4px 0px black  ;
        cursor: pointer;
        }

.bt_small{background-size: 20px;height: 20px;width:20px;border: none;box-shadow: none!important;}
.move .bt_actions,.admin .bt_actions,.states .bt_actions{font-weight: normal;color:#222222;width: 300px;}

.actif{margin-left:-1px;
   
  /*  background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    background:-ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1)  51%,rgba(224,239,249,1) 100%)*/
    }
  .actif {color:black}
  .materiel {padding:10px;padding-top:25px;width: 100%;margin:10px;text-align: center;vertical-align: bottom;}
  form[name='sites'] option[value='1'],#idorigine option[value='1'],#iddestination option[value='1'], select[name='idsites'] option[value='1']
    {color:rgb(44, 44, 44);background-color:rgb(156, 248, 127);border:1px solid red;}
  .bt_actions:hover {box-shadow: 0px 0px 2px 1px white ; color:white;background-color: rgb(66, 151, 215);background-image: none;}
   .bt_actions.actif {    border-bottom: none;
    box-shadow: 0px 2px 0px 2px rgba(224,239,249,1);
    margin-bottom: -2px;
    position: relative;
    top: 3px;
    padding: 11px 10px 9px 10px;}
.table_caracteristiques
    {float: left;
    border-radius: 10px;border:1px solid lightgray!important;
    border-collapse: collapse;margin-top: 5px;
    }
.table_caracteristiques thead th    { border-left:1px solid lightgray;}
.table_caracteristiques td  {text-align: left;}
.table_caracteristiques th  { border-left:1px solid lightgray;}
.table_caracteristiques tr:nth-child(even) {background: #FCF3D5}
.table_caracteristiques tr:nth-child(odd ) {background: rgb(200, 215, 234)}
.table_caracteristiques td  input{border:1px solid lightgray;min-width: 28px;width: 28px;}   
.table_caracteristiques tr:hover th:first-child,
    .table_caracteristiques tr:hover td:last-child,
    .hover{  background-color: #333;color:white}
    
th.cat  {border-top:1px solid #333;text-align: left!important;background-image: -webkit-linear-gradient(top, rgb(242, 246, 248) 0%, rgb(216, 225, 231) 50%, rgb(181, 198, 208) 51%, rgb(224, 239, 249) 100%);;}
     
table.creauser{background-color: lightgray;border-radius: 5px;}

.creauser th,.creauser td{ border-bottom: 1px solid white;padding: 5px;}
.creauser th{text-align: left;}
.creauser caption 
    {
    font-weight: bold;
    color: gray;
    margin-bottom: 10px;
    margin-left:25%;
    width:50%;
    padding: 5px;
    border:1px solid lightgray;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px orange;    
    }

select option:hover{ background-color: #7CD1FE; color:white;}

.cell_day input {font-size: 10px;}
.cell_day {width: 31px;}
.cell_day .ui-icon{width:13px}
   
#add_vehicules label,#modif_vehicules label {width: 45%;display: inline-block;}
#add_vehicules input,#modif_vehicules input {width: 50%;display: inline-block;}

/* global classes*/
.fleft{float: left;padding: 0 5px;}
.fright{float:right;}
.tleft{text-align: left;}
.tright{text-align: right;}
.tcenter{text-align: center;}
.alert{color:#F48C86}
.clear {clear: both;}
.no_border{border:none!important;}
.hide{display:none!important}

.w1{width:150px;}
.w2{width:213px;}
.w3{width:276px;}
.w4{width:339px;}
.w5{width:402px;}
.w6{width:465px;}
.w7{width:528px;}
.w8{width:591px;}
.w9{width:654px;}
.w10{width:717px;}
.w11{width:780px;}
.w12{width:843px;}
.w13{width:906px;}
.w14{width:969px;}
.w15{width:1032px;}
.pcol0{padding-right: 0px!important
;}
.pcol2{padding-right: 34px;}

.mtop10{margin-top: 10px;}
.mtop5{margin-top: 5px;}
.mbot10{margin-bottom: 10px;}
.mbot5{margin-bottom: 5px;}

.crud label{text-align: left;}
.crud select{float: right;}



.icon-comment, .icon-fichier{display: inline-block;border: none!important;}
.onglet {width: 24px;margin-bottom: -5px;margin-right: 3px;}
.cadre{border:1px solid gray;border-radius: 3px;padding: 3px;background-color: white;margin-right: 5px;}
#fileref{margin-bottom: 10px;text-decoration: none;margin: 5px;}

#fileupload{width:1px;height: 1px;}
.fileinput-button,.file-download
    {
	cursor:pointer;
	border:1px solid lightgray;padding:5px;
    border-radius:5px;
    /*background-image: -webkit-linear-gradient(top, rgb(242, 246, 248) 0%, rgb(216, 225, 231) 50%, rgb(181, 198, 208) 51%, rgb(224, 239, 249) 100%)*/
    }
.progress-bar{background-color:rgba(66, 139, 202,0.5);margin: 5px;}
    #upload_bt{padding: 5px;border-radius:5px;}

:root input[type="checkbox"] .ios-switch 
    { /* :root here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
    }

:root input[type="checkbox"].ios-switch + div 
    {
	display: inline-block;
	vertical-align: middle;
	width: 3em;	height: 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 999px;
	margin: 0 .5em;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.1), transparent),
	                  linear-gradient(90deg, rgb(190,190,190) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	background-origin: border-box;
	background-clip: border-box;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: padding, width, background-position, text-indent;
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset;
	font-size: 150%; /* change this and see how they adjust! */
    background: rgb(223, 239, 252) url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;}

:root input[type="checkbox"].ios-switch:checked + div 
    {
	padding-left: 2em;	width: 1em;
	background-position: 0 0;
    }

:root input[type="checkbox"].ios-switch + div:before 
    {
	content: 'Oui';
	float: left;
	width: 1.65em; height: 1.65em;
	margin: -.1em;
	border: 1px solid rgba(0,0,0,.35);
	border-radius: inherit;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.2), transparent);
	box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset,
	            0 0 .5em rgba(0,0,0,.3);
	color: rgb(46, 110, 158);
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-indent: -2.5em;
    background: rgb(223, 239, 252) url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    }

:root input[type="checkbox"].ios-switch:active + div:before 
    {
	background-color: #eee;
    }

:root input[type="checkbox"].ios-switch:focus + div 
    {
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset,
	            0 0 .4em 1px rgba(0,128,255,.5);
    }

:root input[type="checkbox"].ios-switch + div:before,
:root input[type="checkbox"].ios-switch + div:after 
    {
	font: bold 60%/1.9 sans-serif;
	text-transform: uppercase;
    }

:root input[type="checkbox"].ios-switch + div:after 
    {
	content: 'Non';
	float: left;
	text-indent: .5em;
	color: rgba(0,0,0,.45);
	text-shadow: none;

    }
#sc_ac+div:after{content: 'SC';}
#sc_ac+div:before{content: 'AC';}
.ui-autocomplete-loading {
    background: white url('../images/ajax-loader.gif') right center no-repeat;
  }
.list_action td {font-size:9pt}
.btimg{border: none;background: none;}

.message{
border:2px solid silver;
border-radius:8px;
float: right;
padding: 1px;
margin-bottom: 5px;
width: 50%;
margin-left:25%;
text-align: center;
overflow: hidden;

color:white;font-weight: 300;
background-color: rgb(66, 151, 215);
}
#stat ul {background: none;
margin-left:-1px;
border-top: none
;border-left:
none;
border-right-color:rgb(224, 239, 249);
border-radius: 0px;box-shadow: 1px 0px 0px 1px rgb(224, 239, 249),-1px 0px 0px 1px rgb(224, 239, 249);
background-color: rgb(224, 239, 249);}
#stat {border-top:none;padding:0px}
#stat ul .ui-tabs-active {box-shadow: 0px 1px 0 1px white;}
 .annuels input{
                background-color:RGB(120, 239, 120);
                box-shadow: 0px 0px 0px 1px rgb(120, 239, 120);
                border: 1px solid rgb(120, 239, 120)!important;
                }
 .Maladies input {
                background-color:RGB(239, 120, 159);
                box-shadow: 0px 0px 0px 1px rgb(239, 120, 159);
                border: 1px solid rgb(239, 120, 159)!important;
                }
 .RTT  input{
            background-color:RGB(120, 215, 239);
            box-shadow: 0px 0px 0px 1px rgb(120, 215, 239);
            border: 1px solid rgb(120, 215, 239)!important;
                
            }
.annuels input[value=''],.RTT input[value=''],.Maladies input[value='']
            {background-color:white;border:1px solid lightgray!important;box-shadow: none;}

.altern tr:nth-child(even) {background: #FCF3D5}
.altern tr:nth-child(odd ) {background: rgb(200, 215, 234)}
 .btcontener,#settedtree {
    display: block;
    border: 1px solid gray;
    float: left;
    margin-top: 5px;
    border-radius: 1px;
    background-color: silver;
    padding: 1px;
    font-size: 0.9em;border-radius: 6px;
    }
   .btcontener div button{border-radius: 6px;margin-right: 2px;}  
  .btcontener div,#settedtree button {width: 115px;margin-right: 5px;border-radius: 6px;margin-left: 5px;}  
 .btcontener h4 {margin-top: 0px;    background-color: rgb(255, 255, 255);    padding: 3px;}
 .globe{  height: 16px;
  vertical-align: bottom;
  margin-right: 2px;
}
 .nav.nav-tabs{padding-top: 5px;}
      .nav.nav-tabs li a{border: 1px solid #ddd;}
      .nav.nav-tabs li a{border-bottom: 1px solid transparent;}
   /*  form >.nav li.active a{background-color:#ddd!important;color: #444!important;text-shadow: 0 0 1px 1px white;box-shadow: -3px -3px 7px 0px #CCC}*/
	 /*.main_menu form >.nav li.active a{background-color:#eee!important;color: #444!important;text-shadow: 0 0 1px 1px white;box-shadow: -3px -3px 7px 0px #DDD}*/
      .menu {background-color:#eee}
     li a {cursor: pointer;}
    .content{padding-top: 10px;background-color:#ddd;}
      .btcontener h4{font-size: 1em;}
      .panel-default > .panel-heading.basc, .panel-default > .panel-footer.basc, .modal-header.basc, .nav.basc li.active a {
    color: white!important;
    background-color: rgb(66, 151, 215)!important;
    border-color: #ddd;
    background-image: -webkit-linear-gradient(top,#4297D7 0,#86AFCE 100%)!important;
    /* background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8)); */
    /* background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4297D7', endColorstr='#86AFCE', GradientType=0);
    background-repeat: repeat-x;
}

 .btcontener div button:disabled{background-image: url(../images/stripped.png);
    background-color: brown;
    color: #fff;
    /* font-weight: 600; */
    text-shadow: 0px 0px 3px black;
    cursor: not-allowed;}
      
      
.flex-column.fade .modal-dialog {
    transform: translate(0,0%) !important;
    max-width: 1083px;
    width: 100%;
}

.flex-column td{
    text-align: center;
}

.flex-column-stretch{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.flex-column-stretch #categoriescx{
    display: flex;
    flex-direction: column;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,0%);
    transform: translate(0,0%) !important;
}

#listsoldesusers{
    /* overflow: scroll; */
    /* height: 100%; */
    padding-bottom: 15px;
}

#list_km{
    overflow: scroll;
    height: 100%;
    padding-bottom: 100px;
}


/* //Custom maxim */
.custom-input{
    width: max-content;
}

.export_xlsx_wrapper{
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.form-control-flex{
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 10px;
    margin: 15px;
    max-width: fit-content;
    background: #78aad01f;
    border-radius: 10px;
}

.form-control-flex select{
    background: white;
    padding: 5px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: auto !important;
}

.form-control-flex .control-label{
    margin-right: 10px;
}

.form-control-flex #cat_pro{
    display: flex;
    align-items: center;
}

.form-control-flex .bt_small{
    margin-left: 7px;
}

.separator{
    margin: 20px 0;
    width: 100%;
    height: 2px;
    background: #eff5f9;
}

.user_form_wrapper{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.modal-header.basc{
    display: flex;
    align-content: center;
    align-items: center;
}

.modal-header.basc button{
    background: white;
}

.form-control-flex.flex-row{
    flex-direction: row !important;
}

.align_center{
    align-items:center !important;
}

.absence_counted{
    background: #ffffff;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: bold;
    color: #1a5d8f;
}

.success{
    background: transparent;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    color: white; 
}

.slide_in{
    animation-duration: 0.4s;
    animation-name: slidein;
    background: #28a745;
}

@keyframes slidein {
    from {
      margin-top: 20px;
      opacity:0;
      background: transparent;
    }
  
    to {
     margin-top: 5px;
     opacity:1;
     background: #28a745;
    }
}

.slide_out{
    animation-duration: 0.4s;
    animation-name: slideout;
}

@keyframes slideout {
    from {
      margin-top: 0px;
      opacity:1;
      background: #28a745;
    }
  
    to {
     margin-top: 20px;
     opacity:0;
     background: transparent;
    }
}

.flex-col-center{
    flex-direction: column !important;
    align-items: center !important;
}

.flex{
    display: flex;
}

.wrap {
    flex-wrap: wrap;
}
.m-w-50{
    max-width: 55px !important;
    width: 55px !important;
}

.m-w-u{
    max-width: unset !important;
}

.flex-center{
    align-items: center;
}
.flex-center p{
    margin: 0;
    margin-right: 5px;
}

#cat_pro_rc{
    width: 100%;
}

.disable{
    opacity: 0.5;
    pointer-events: none;
}

.disable .disable{
    opacity: 1;
    pointer-events: none;
}

.input_required{
    animation-name: intro;
    animation-duration: 0.7s;
    border: 1px solid red;
}

@keyframes intro {
    from {
        border: 0px solid red;
    }
  
    to {
        border: 1px solid red;
    }
}

.dupplicate_modal{
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #c1dcf691;
    z-index: -50; 
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: center !important;
    opacity: 0; 
    max-width: 100vw !important;
    padding: 0;
    margin: 0;
    left: 0;
}

.dupplicate_body{
    background: white;
    padding: 20px;
    border-radius: 10px;
}

.dupplicate_body div{
    background: #17a2b8;
    color: white;
    margin-bottom: 11px;
    padding: 3px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
}

.dupplicate_body div p{
    margin: 0;
}

.dupplicate_body div span{
    padding-right: 5px;
    cursor: pointer;
}

.appear{
    animation-name: appear;
    animation-duration: 0.7s;

    z-index: 50;
    opacity: 1;
}

@keyframes appear {
    from {
        opacity: 0;
        z-index: -50;
    }
    to {
        opacity: 1;
        z-index: 50;
    }
}

.table_export_fiche_data {
    border: 1px solid black;
}


.container-fluid {
    height: 100%;
    overflow-y: scroll;
}

.config-menu-btn{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    padding: 6px;
    display: flex;
    width: max-content;
}

.onglet-config{
    width: 20px;
    margin-right: 6px;
}

.fc-event{
    cursor: pointer;
}