#cssmenu_height{width:100% !important;height:50px !important;margin-top:50.5px; margin-left: 51px;background:yellow !important;}
 
 .modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 260px;
		
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
	
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 0px 0px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}
.modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #ff7676;
	}

/* ----- v CAN BE DELETED v ----- */
body {
	background-color: #EDF2F9;
}

.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.btn-demo {
	margin: 15px;
	padding: 10px 15px;
	border-radius: 0;
	font-size: 16px;
	background-color: #FFFFFF;
}

.btn-demo:focus {
	outline: 0;
}

.demo-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #212121;
	text-align: center;
}

.demo-footer > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
    

 
 
 
 .dataTables_filter 
    {
        float: right;  
    }
    .pagination
    {
        float: right;  
        margin-top: 0px !important;
        margin-left: -33px;
    }
    .wizard a {
    padding: 10px 12px 10px;
    margin-right: 5px;
    background: #efefef;
    position: relative;
    display: inline-block;
}

.wizard a:before {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
.wizard a:after {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
    }
    .wizard a:first-child:before,
    .wizard a:last-child:after {
        border: none;
    }
    .wizard a:first-child {
        -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
                border-radius: 4px 0 0 4px;
    }
    
    .wizard a:last-child {
        -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
                border-radius: 0 4px 4px 0;
    }
    .wizard .badge {
        margin: 0 5px 0 18px;
        position: relative;
        top: -1px;
    }
    .wizard a:first-child .badge {
        margin-left: 0;
    }
    .wizard .current {
        background: #007ACC;
        color: #fff;
    }
    .wizard .current:after {
        border-left-color: #007ACC;
    }
    .wizard
    {
    text-align: center
    }
     .panel-greenv {
    border-color: #83a93f !important;
  }
.panel-greenv>.panel-heading {
    color: #fff;
    background-color: #83a93f;
    border-color: #83a93f;
}
  .panel-redv 
  {
      border-width:2px;
  }
.panel-redv>.panel-heading 
{
    color: #fff;
    background-color: #f1605a;
    border-color: #f1605a;
}

.panel-bleu {
    border-color: #33aaca !important;
  }
.panel-bleu>.panel-heading {
    color: #fff;
    background-color: #33aaca;
    border-color: #33aaca;
}

.input-sm {
    height: 24px !important;
    padding: 0px 10px !important;
}
.form-group {
    margin-bottom: 5px !important;
}
label {
    /*font-weight: 600 !important;*/
}
.panel-heading {
   padding: 4px 15px !important;
 height :25px !important;
}
.panelh1   
{
    overflow-y: auto;
    height: 590px;
}
.panelh2  
{
    overflow-y: auto;
    height: 233px;
}
.panelh3  
{
    overflow-y: auto;
    height: 390px;
}
.label_cssclass
{
    color: #4B4B4B;
    font-size: 9pt;
    font-weight: 700;
    border: 0px solid #000;
}
.titre_num_fiche
{
    color: #d40b0b;
    font-size: 14px;
    font-family: cursive;
}
.titre_color
{
    color: #ffb313;
    font-size:12pt;
    font-family:Cursive;
    
    }

.radio_style {
     color: #4B4B4B; 
     font-family: ; 
     font-size: 9pt !important; 
}
.ajax__html_editor_extender_container
{
    width: 80% !important;
    margin-left: -5px;
}

            
{
    height: 300px !important;   
}




.block_filter_in
{
        margin-bottom: 8px;  
}
.input-group-addon
{
    padding: 3px 5px !important;
}

.input-ddl-sm {
    height: 28px !important;
}

.checkout-wrap {
    font-family:'PT Sans Caption', sans-serif;
    margin: 30px auto 100px;
    z-index: 0;
}
ul.checkout-bar li {
    color: #ccc;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    margin: 50px auto;
    padding: 0;
    text-align: center;
    width: 24.5%;
}
ul.checkout-bar li:before {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: #ddd;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    height: 34px;
    left: 40%;
    line-height: 34px;
    position: absolute;
    top: -60px;
    width: 34px;
    z-index: 99999;
}
ul.checkout-bar li.active {
    color: #A6447A;
    font-weight: bold;
}
ul.checkout-bar li.active:before {
    background: #A6447A;
}
ul.checkout-bar li.visited {
    color: #036c99;
    z-index: 99999;
    background: none;
}
ul.checkout-bar li.visited:before {
    background: #036c99;
    z-index: 99999;
}
ul.checkout-bar li:nth-child(1):before {
    content:"1";
}
ul.checkout-bar li:nth-child(2):before {
    content:"2";
}
ul.checkout-bar li:nth-child(3):before {
    content:"3";
}
ul.checkout-bar li:nth-child(4):before {
    content:"4";
}
ul.checkout-bar li:nth-child(5):before {
    content:"5";
}
ul.checkout-bar li:nth-child(6):before {
    content:"6";
}
ul.checkout-bar a {
    color: #ccc;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
ul.checkout-bar li.active a {
    color: #A6447A;
}
ul.checkout-bar li.visited a {
    color: #036c99;
}
.checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #A6447A;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content:"";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0;
}
ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 -15px 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #036c99;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content:" ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 14%;
}
ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #036c99;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content:"";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 99;
}

.panel-bleu-sky {
    border-color: #009AD7 !important;
    border-width: 3px;
  }
.panel-bleu-sky>.panel-heading {
    color: #fff;
    background-color: #009AD7;
    border-color: #009AD7;
}
.button_valid_style_bleu-sky {

    color: #FFF;
    text-decoration: none;
    background-color: #009AD7;
    position: relative;
    display: block;
    width: 100px;
    text-align: center;
    
    
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.panel-yellowPerso {
    border-color: #FFAA31 !important;
  }
.panel-yellowPerso>.panel-heading {
    color: #fff;
    background-color: #FFAA31;
    border-color: #FFAA31;
}
.button_valid_style_yellowPerso {

    color: #FFF;
    text-decoration: none;
    background-color: #FFAA31;
    position: relative;
    display: block;
    width: 100px;
    text-align: center;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btnPros
{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.panel-greenPerso {
    border-color: #68AF27 !important;
  }
.panel-greenPerso>.panel-heading {
    color: #fff;
    background-color: #68AF27;
    border-color: #68AF27;
}
.button_valid_style_greenPerso {
 
    color: #FFF;
    text-decoration: none;
    background-color: #68AF27;
    position: relative;
    display: block;
    width: 100px;
    text-align: center;
    
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    
}

.panel-redPerso {
    border-color: #C22439 !important;
  }
.panel-redPerso>.panel-heading {
    color: #fff;
    background-color: #C22439;
    border-color: #C22439;
}
.button_valid_style_redPerso {

    color: #FFF;
    text-decoration: none;
    background-color: #C22439;
    position: relative;
    display: block;
    width: 85px;
    height: 32px;
    text-align: center;
    
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    
    
}

.panel-PurplePerso {
    border-color:#673499 !important;
    
  }
.panel-PurplePerso>.panel-heading {
    color: #fff;
    background-color: #673499;
    border-color: #673499;
}
.button_valid_style_PurplePerso {

    color: #FFF;
    text-decoration: none;
    background-color: #673499;
    position: relative;
    display: block;
    width: 100px;
    text-align: center;
    
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    
}

.panel-OrangePerso {
    border-color: #D53F26 !important;
  }
.panel-OrangePerso>.panel-heading {
    color: #fff;
    background-color: #D53F26;
    border-color: #D53F26;
}
.button_valid_style_OrangePerso {

    color: #FFF;
    text-decoration: none;
    background-color:#D53F26;
    position: relative;
    display: block;
    width: 100px;
    text-align: center;
    
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}





.item.bad .alertPerso {
    left: 0;
    opacity: 1;
}

.item .alertPerso {
    float: left;
    margin: 0 0 0 20px;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 3px 4px 4px 3px;
    background-color: #CE5454;
    max-width: 170px;
    white-space: pre;
    position: relative;
    left: -15px;
    opacity: 0;
    z-index: 1;
    transition: .15s ease-out;
}
.alertPerso {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.editerb
{
    display:block;
    background:url(images/editer.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    margin-left:5px;
    padding-left:22px;
    font-family:Gisha;
    font-size:5pt;
    color:#012f51;
    text-decoration:none;
}

.clickable
{
    cursor: pointer;   
}

/*.panel-heading span {
	margin-top: 2px;
	font-size: 0.9vw;
} */
.panel-heading .titre3,.panel-heading  .titre3_noir,.panel-heading  .titre3_rouge,.panel-heading  .titre3_bleu {
	/*margin-top: 4px;*/
	font-size: 0.9vw;
}

.PopupPers
{
width:80vw !important ;
 height: 90vh !important ;
    overflow: auto;
    margin-left:-20vw !important;
}
.PopupPers1
{
 width :80vw !important ;
 height: 90vh !important ;
    overflow: auto;
    margin-left:-11vw !important;
}
.PopupPersParam
{
width:96vw !important ;
 height: 90vh !important ;
    overflow: auto;
    margin-left:-29vw !important;
}

 /* ''' Class pour Site par Module (parametrage)*/
.PopupPersParamSiteModule
{
width:96vw !important ;
 height: 90vh !important ;
    overflow: auto;
    margin-left:-20vw !important;
}

.PopupPersPetit
{
width:60vw !important ;
 height: 80vh !important ;
    overflow: auto;
    margin-left:-11vw !important;
}


.popupOK
{
    
background-color:#43ac6a !important;
margin-top:50% !important;
left:0% !important;
}
.PopupReunSmal
{
    width: 808px !important;
    height: 575px !important;
    overflow: auto;
}
.PopupReunRatach
{
    width: 808px !important;
    height: 575px !important;
    overflow: auto;
}
.modal-header 
{
    height:45px !important;
    color: #ffffff !important;
     background :#526b93;
}
.modal-header a
{ color: #ffffff !important;
}

.modal-body .linkbutton
{
   font-size:13px !important; 
}
.modal-body .glyphicon_pers
{

   font-size:13px !important; 
}
th {
    color: white;
    background-color: #337ab7 ;
    /*background-color: #73aedc!important;*/
    font-size: 0.8vw !important;
    text-align: center;
}
.headerTabPart > th
{
   background-color: #009ad7 !important; 
}
.headerTabDeci > th
{
   background-color: #f1605a !important; 
} 

.btn-gray 
{
    color: #fff !important;
    background-color: #716e6e !important;
    border-color: #716e6e !important;
}
.panel 
{
    margin-bottom: 10px !important;
}
.pull-center
{
    text-align:center !important;
    margin-bottom: 10px;
   /* margin-left: -13px;
    margin-top: -13px;
    margin-bottom: 5px;*/
}
.Popuptypecauseact
{
    width: 700px !important;
    height: 575px !important;
    overflow: auto;
}

.PopupModeles
{
    width:100% !important;
    height:100% !important;
    overflow: auto;
  
}

.smallbuttonG /*linkbutton*/
{

font-size:9pt;
color:#3d729b;
text-decoration:none;
font-weight:bold;
}

.text-White
{
    color:White;
}

.css-date
{
  min-width: 85px;
}
.panelh4 
{
    overflow-y: auto;
    height: 425px;
}
.PopupReunSousact 
{
    width: 1250px !important;
    height: 575px !important;
    overflow: auto;
    margin-left: -340px;
}

.panelh5 
{
    overflow-y: auto;
}

 .nav>li>a {
    padding: 10px 4px !important;
}
.panel-succesPers
{
    border-color:transparent;
    box-shadow:0 0px 0px rgba(0,0,0,0.05);
}
.panel-succesPers>.panel-heading
{
    color:#ffffff !important;
    background-color:#4BBF73;
    border-color:#4BBF73;
    }
.panel-succesPers>.panel-heading+.panel-collapse>.panel-body
{
    border-top-color:#ffffff;
    
    }
    .panel-succesPers>.panel-heading .badge
    {
        color:#4BBF73;background-color:#ffffff
        }
        .panel-succesPers>.panel-footer+.panel-collapse>.panel-body
        {
            border-bottom-color:#4BBF73;
         }
    
/* Style pour nouveau design */

.panel-infoPers_blanc
 {
     border-color:#fff !important;
     }
     .panel-infoPers_blanc>.panel-heading
     {
         color:#ffffff !important;
       cursor:pointer;
         border-color:#243a51 !important;
         }
     .panel-infoPers_blanc>.panel-footer+.panel-collapse>.panel-body
                 {
                    border-bottom-color:#243a51;
                     }   
            
     .panel-infoPers_blanc>.panel-heading+.panel-collapse>.panel-body{border-top-color:#243a51;}
      
/*.panel-infoPers
 {
     border-color:#243a51 !important;
     }*/
.panel-infoPers-border
 {
     border-color:#243a51 !important;
     }
.panel-infoPers>.panel-heading
  {
   color:#ffffff !important;
  /* background-color: #243a51 !important;
   border-color:#243a51 !important;*/
   /*background-color: #555555 !important;
   border-color: #555555 !important;*/
  }
   
  .C_entete>.panel-heading
 {
   /*background-color: #0b558e;
   border-color: #0b558e;*/
    /*background-color: #555555;
   border-color: #555555;*/
   background-color : #526B93;
   border-color: #526B93;
       line-height: 1;
     }

 /*.souspanel-infoPers>.souspanel-heading
  {
   color:#ffffff !important;
   background-color: #85AAC6 !important;
   border-color: #85AAC6 !important;
  }*/
  .panelinfoPers>.panelheading
  {
   color:#ffffff !important;
   background-color: #85AAC6 !important;
   border-color: #85AAC6 !important;
  }
 .panel-infoPers>.C-sousheading
 {
  /*background: #fff !important;
  color: #1372bf !important;*/
    /*color: #ffffff !important;
    background-color: #555555 !important;
    border-color: #555555 !important*/
     color: #555555 !important;
  } 
 .titre-3{color: #1372bf;
          letter-spacing: 1px !important; 
   font-size:1vw !important;
   font-weight :bold;   
          }
  .Spanel_color{color:#F06449!important;}
  /*.panel-succesPers>.panel-heading
     {
        color:#ffffff ;
        background-color:#4BBF73 ;
         border-color:#4BBF73 ;*/
        /*background-color: #253b51 !important;
        border-color: #253b51 !important;
    }*/
    
   .panel-succesPers>.C-heading
    {
       color:#ffffff !important;
       /*background:#1473bf;
       border-color: #1473bf;*/
       background:#1F74BD ;
       border-color: #1F74BD ;
      /* border-top-left-radius: 25px;
       border-bottom-right-radius: 25px;*/
        }  
    
             .panel-succesPers>.panel-heading .badge
             {
                 color:#243a51 ;
                 background-color:#ffffff ;
                 
                 }
                   
                       
.panel-dangerPers
 {
     border-color:#c83349  !important  ;
     }
     .panel-dangerPers>.panel-heading
     {
         color:#ffffff ;
         background-color:#c83349  ;
         border-color:#c83349  ;
         }
         .panel-dangerPers>.panel-heading+.panel-collapse>.panel-body
         {
             border-top-color:#c83349  ;
             }
             .panel-dangerPers>.panel-heading .badge
             {
                 color:#c83349  ;
                 background-color:#ffffff ;
                 }
                 .panel-dangerPers>.panel-footer+.panel-collapse>.panel-body
                 {
                    
                     }   
                     
                     /*contenu gridview*/
                     
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th 
{ padding: 4px !important;
  font-size:0.8vw !important;
}
div.gridview .table>tbody>tr>td,div.gridview  .table>tbody>tr>th,div.gridview  .table>tfoot>tr>td,
div.gridview  .table>tfoot>tr>th,div.gridview  .table>tfoot>tr>th>a,div.gridview  .table>thead>tr>td,div.gridview  .table>thead>tr>th 
{padding: 4px !important;
font-size:0.8vw !important;
}
div.gridview  .table>thead>tr>th,div.gridview  .table>thead>tr>th>a,tr.th_color,tr.th_color>a
{ color :White !important;
  background: #337ab7 ;
    }
    .table>tbody>tr>th,.table>tbody>tr>th>a,.table>thead>tr>th,.table>thead>tr>th>a
    { color :White !important;
    }
.table {color:#000;}

div.accueil .table>tbody>tr>td, div.accueil .table>tbody>tr>th,div.accueil .table>tbody>tr>th>a, div.accueil .table>tfoot>tr>td, div.accueil .table>tfoot>tr>th,
 div.accueil .table>thead>tr>td, div.accueil .table>thead>tr>th 
{padding: 0.2vw !important;
 font-size:0.7vw !important; 
 background:White !important;
 color: #337ab7 !important;
 text-align:left;
}

div.popup .table>tbody>tr>td, div.popup .table>tbody>tr>th, div.popup .table>tfoot>tr>td, div.popup .table>tfoot>tr>th,
 div.popup .table>thead>tr>td, div.popup .table>thead>tr>th 
{padding: 0.2vw !important;
 font-size:12px !important; 
 
}


input:focus,select:focus,textarea:focus
{
    border-color:  #243a51  !important;
}

/*label gridview*/

div.accueil   label 
{
         font-size:0.7vw !important; 
}

div.gridview   label 
{
         font-size:0.8vw !important; 
}

/*recherche gridview*/
div.accueil input[type="search"]
{
    font-size:0.7vw !important;   
}


li.paginate_button active > a
{
    font-size:0.7vw !important;   
}

/*pagination gridview*/



li.paginate_button >a:focus
{
 -webkit-box-shadow:0 0 0 0.2rem rgba(47,164,231,0.5);box-shadow:0 0 0 0.2rem rgba(47,164,231,0.5);   
}
div.accueil li.paginate_button >a
{
     font-size:0.9vw !important; 
     padding: 1px 5px !important;
}
div.popup li.paginate_button >a
{
     font-size:12px !important; 
     padding: 1px 5px !important;
}

div.gridview li.paginate_button >a
{
     font-size:0.8vw !important; 
     padding: 0.5vw 0.8vw !important;
}

.pagination>.active>a
{
/*background-color: #5b829e !important;*/
 background-color: #696969 !important;  
color:#fff; 
}
/*table infos gridview*/

div.accueil .dataTables_info
{
     font-size:0.7vw !important; 
}

div.popup .dataTables_info
{
     font-size:12px !important; 
}

div.gridview .dataTables_info
{
     font-size:0.9vw !important; 
}

/* --- */
div.popup .linkbutton 
{
     font-size:14px !important; 
}
.modal .close 
{
    color:#fff;
}
.span_validator
{
    
font-size:0.7vw;

}
.span_checkbox
{
    
}

div.boiteMessage a

{
    font-size:20px !important;
}
.span_font
{
    
font-weight :600 ;
font-size:0.8vw;

/*
font-family:oswald !important;*/
}
.White_text
{
    
 color: white

}

/*.btn-primary
{
    background-color:#243a51  !important;   
    width: 375px !important;
}*/
.btn-ajouter
{
 color:#4BBF73 !important;
 background-color:transparent !important;
 border-color:#4BBF73 !important;
 width:11% !important;
 font-size:0.9vw !important;
   font-family:  oswald   !important;

 /* background-color:#2E933C !important;
 border-color:#2E933C !important; */
} 
.btn-ajouter:hover
{
 color:#ffffff !important;
background-color:#4BBF73 !important;
 border-color:#4BBF73 !important;
 width:11% !important;
 font-size:0.9vw !important;


 /* background-color:#2E933C !important;
 border-color:#2E933C !important; */
} 

.btn-ajouter:focus
{-webkit-box-shadow:0 0 0 0.2rem rgba(115,168,57,0.5);box-shadow:0 0 0 0.2rem rgba(115,168,57,0.5);
 
 }
.btn-valider
{  
 color:#4BBF73 !important;
 background-color:transparent !important;
 border-color:#4BBF73 !important;
 font-size: 1vw !important;
  font-family:  oswald   !important;
}
.btn-valider:hover
{  
 color:#ffffff !important;
 background-color:#4BBF73 !important;
 border-color:#4BBF73 !important;
 font-size: 1vw !important;
}
/*Ajouté le 24/10/2022 Enoi SRM*/
.btn-valider2
{  
 color:#1dcaff !important;
 background-color:transparent !important;
 border-color:#1dcaff !important;
 font-size: 1vw !important;
  font-family:  oswald   !important;
}
.btn-valider2:hover
{  
 color:#ffffff !important;
 background-color:#1dcaff !important;
 border-color:#1dcaff !important;
 font-size: 1vw !important;
}
.btn
{
padding:5px 15px 5px 5px !important;
}

.btn-valider:hover
{    
color:#ffffff;background-color:#358753;border-color:#2b6e44;
}
.btn-annuler2
{
color:#FF3E41 !important;
background-color:inherit !important;
border-color:#F44336 !important;

font-size:0.9vw !important;
font-family:  sans-serif,   !important;
           font-family:  oswald   !important;

}
.btn-annuler2:hover
{
color:#ffffff !important;
background-color:#F44336 !important;
border-color:#FF3E41 !important;

font-size:0.9vw !important;
font-family:  sans-serif,   !important;
          
}
  
  .btn-annuler2:focus
{

      -webkit-box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);    
}

.espacement
{
    margin-top:1.5vh;
}

.espacement2
{
    margin-top:20px;
}
.multilineAMDEC
{
   max-width: 530px !important;
   max-height: 343px !important;
}
.multilineAMDEC_lg
{
   max-width: 830px !important;
   max-height: 343px !important;
}
.espacebottom
{
    margin-bottom:1.5vh;
}

.aBar
{
   font-size:0.7vw !important;
}
.btn-rechercher
{
     color:#243a51  !important;
     background-color:transparent !important;
    border-color:#243a51 !important;   
    width:11% !important;
     font-size:0.9vw !important;
    font-family:  oswald   !important;
    text-align: center !important;
     
}
.btn-rechercher:hover
{
     color:#ffffff !important;
     background-color:#243a51 !important;
    border-color:#243a51 !important;   
    width:11% !important;
     font-size:0.9vw !important;
       font-family: sans-serif,   !important;
}
.btn-rechercher:focus
{
   -webkit-box-shadow:0 0 0 0.2rem rgba(47,164,231,0.5);box-shadow:0 0 0 0.2rem rgba(47,164,231,0.5);
    }
  .btn-rechercher-autrefiliale
{
     color:#243a51  !important;
     background-color:transparent !important;
    border-color:#243a51 !important; 
     font-size:0.9vw !important;
    font-family:  oswald   !important;
     
}
.btn-rechercher-autrefiliale:hover
{
     color:#ffffff !important;
     background-color:#243a51 !important;
    border-color:#243a51 !important;  
     font-size:0.9vw !important;
       font-family: sans-serif,   !important;
     
}
.btn-rechercher-autrefiliale:focus
{
   -webkit-box-shadow:0 0 0 0.2rem rgba(47,164,231,0.5);box-shadow:0 0 0 0.2rem rgba(47,164,231,0.5);
    }  
.btn-annuler
{
color:#FF3E41 !important;
background-color:inherit !important;
border-color:#F44336 !important;
width:11% !important;
font-size:0.9vw !important;
font-family:  sans-serif,   !important;
font-family:  oswald   !important;
text-align: center !important;
}
.btn-annuler1
{
color:#FF3E41 !important;
background-color:inherit !important;
border-color:#F44336 !important;
width:17% !important;
font-size:0.9vw !important;
font-family:  sans-serif,   !important;
           font-family:  oswald   !important;
}
.btn-annuler2
{
color:#FF3E41 !important;
background-color:inherit !important;
border-color:#F44336 !important;
font-size:0.9vw !important;
font-family:  sans-serif,   !important;
font-family:  oswald   !important;
}
.btn-rechercher1
{
color:#243a51  !important;
background-color:transparent !important;
border-color:#243a51 !important;
width:17% !important;
font-size:0.9vw !important;
font-family:  sans-serif,   !important;
           font-family:  oswald   !important;
}

.btn-annuler:hover
{
color:#ffffff !important;
background-color:#F44336 !important;
border-color:#F44336 !important;
font-size:0.9vw !important;
font-family:  sans-serif,   !important;
          
}
  
  .btn-annuler:focus
{

      -webkit-box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);    
}
                    
.btn-affectation
{
color:#4BBF73 !important;
background-color:transparent   !important;
border-color:#4BBF73   !important;
  font-size: 0.9vw !important;
 font-family:  oswald   !important;
          
}
.btn-affectation:hover
{
 color:#ffffff !important;
background-color:#4BBF73 !important;
 border-color:#4BBF73 !important;

 font-size:0.9vw !important;


} 

.btn-affectation:focus
{-webkit-box-shadow:0 0 0 0.2rem rgba(115,168,57,0.5);box-shadow:0 0 0 0.2rem rgba(115,168,57,0.5);
 
 }
 
.btn-circuit
{
color:#fff !important;
background-color:#09A5B1   !important;
border-color:#09A5B1   !important;
  font-size: 0.9vw !important;
  width:100% !important;
 font-family:  oswald   !important;
          
}
.btn-circuit:hover
{
 color:#ffffff !important;
background-color:#09A5B1 !important;
 border-color:#09A5B1 !important;
width:100% !important;
 font-size:0.9vw !important;


} 

.btn-circuit:focus
{-webkit-box-shadow:0 0 0 0.2rem rgba(9,165,177,1);box-shadow:0 0 0 0.2rem rgba(9,165,177,1);
 
 }
 
 .btn-correction
{
color:#ffffff !important;
background-color:#F44336   !important;
border-color:#F44336   !important;
width:100% !important;
  font-size: 0.9vw !important;
 font-family:  oswald   !important;
          
}
.btn-correction:hover
{
 color:#ffffff !important;
background-color:#F44336 !important;
 border-color:#F44336 !important;
width:100% !important;
 font-size:0.9vw !important;


} 

.btn-correction:focus
{-webkit-box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);
 
 }
 
/* Modif 25/05/2023 : CDC Gasal*/
 .btn-gray
{
color:#ffffff !important;
background-color:#9F9F9F   !important;
border-color:#9F9F9F   !important;
width:100% !important;
font-style:normal;
  font-size: 0.9vw !important;
 font-family:  oswald   !important;
          
}
.btn-gray:hover
{
 color:#ffffff !important;
background-color:#9F9F9F !important;
 border-color:#9F9F9F !important;
width:100% !important;
font-style:normal;
 font-size:0.9vw !important;

} 

  .btn-validDoc
{
color:#ffffff !important;
background-color:#4BBF73   !important;
border-color:#4BBF73   !important;
width:100% !important;
  font-size: 0.9vw !important;
 font-family:  oswald   !important;
          
}
  .btn-validDocStatic
{
color:#ffffff !important;
background-color:#4BBF73   !important;
border-color:#4BBF73   !important;
width:200px !important;
  font-size:16px !important;
 font-family:  oswald   !important;

          
}
  .btn-Reply
{
color:#ffffff !important;
background-color:Blue   !important;
border-color:Blue   !important;
width:100% !important;
  font-size: 0.9vw !important;
 font-family:  oswald   !important;
          
}
.btn-validDoc:hover
{
 color:#ffffff !important;
background-color:#4BBF73 !important;
 border-color:#4BBF73 !important;
width:100% !important;
 font-size:0.9vw !important;


} 
 .btn-modifdoc
{
color:#ffffff !important;
background-color:#317eac   !important;
border-color:#317eac   !important;
width:100% !important;
  font-size: 0.9vw !important;
 font-family:  oswald   !important;
 text-align:center;
          
}
.btn-validDoc:focus
{-webkit-box-shadow:0 0 0 0.2rem rgba(75,191,115,1);box-shadow:0 0 0 0.2rem rgba(75,191,115,1);
 
 }
 
  .btn-visualiser
{
color:#ffffff !important;
background-color:#1dcaff   !important;
border-color:#1dcaff   !important;
  font-size: 0.9vw !important;
 font-family:  oswald   !important;
      width: 100% !important;        
}
.btn-visualiser:hover
{
 color:#ffffff !important;
background-color:#1dcaff !important;
 border-color:#1dcaff !important;

 font-size:0.9vw !important;


} 

.btn-visualiser:focus
{-webkit-box-shadow:0 0 0 0.2rem rgba(29,202,255,1);box-shadow:0 0 0 0.2rem rgba(29,202,255,1);
 
 }
 
.btn-lien
{
color:#ffffff !important;
background-color:#1dcaff   !important;
border-color:#1dcaff   !important;
  font-size: 0.9vw !important;
  width:50% !important;
 font-family:  oswald   !important;
          
}
.btn-lien:hover
{
 color:#ffffff !important;
background-color:#1dcaff !important;
 border-color:#1dcaff !important;
 width:50% !important;

 font-size:0.9vw !important;


} 

.btn-lien:focus
{-webkit-box-shadow:0 0 0 0.2rem rgba(29,202,255,1);box-shadow:0 0 0 0.2rem rgba(29,202,255,1);
 
 }
.span_radio {
         font-family: sans-serif ,   !important;
        font-size: 12px !important;
        font-weight: 400 !important;
}
.span_checkbox 
{
           
        font-size: 12px !important;
        font-weight: 400 !important;
        margin-top: 2px;
}
.aBar
{
   font-size:0.7vw !important;
}

.espace {
    margin-top: 10px !important;
}
.link_valider{
color:#243a51;
background-color:transparent;
 font-size: 0.95vw !important;
 border-color:transparent;

}

.alerte
{
    padding:5px;
    margin-bottom:21px;
    border:1px solid transparent;
    background-color:#F3CECE;
    color:#C70A0A;
}

.alert_{padding: 0.5%;}

.alerte_success
{
    padding:15px;
    margin-bottom:21px;
    border:1px solid transparent;
    background-color:#4BBF73;
    color:#ffffff;
}

.alerteErr
{
    padding:5px;
    margin-bottom:21px;
    border:1px solid transparent;
    background-color:#A0BACD;
    color:#618cac;
    font-weight: bold;
    }

.espacement3
{
    margin-top:1.5vh;
}
.badge_agenda
{
   background-color:#FF3B3B!important;font-size:0.7vw !important;color:White !important;font-weight:bold !important; color:White !important;margin-top:-8px;
}
.list_badge_agenda
{
  margin-top:-3vh;
}
 .ajax__validatorcallout_error_message_cell
 {

   font-size:0.9vw !important;
   color: #243a51  !important;
 }
 .ajax__validatorcallout div, .ajax__validatorcallout td {
    background-color: #fff !important;
    border: solid 1px Black;
}

.entete
 {
 color:#243a51     !important;
 }
 
.form-control
{
    font-size: 0.8vw !important;
    height:1hw !important;
}
.form-control:focus
{
    -webkit-box-shadow:0 0 0 0.2rem #C6DAF8;box-shadow:0 0 0 0.2rem #C6DAF8;
}
.glyphicon_pers
{
    color:#243a51;
    font-size:0.7vw;
}
 /* a
a
{
    color:#46779C;
}
a:hover
{
    color:#46779C;
}
a:focus
{
       color:#46779C;
}
.panel-heading a:hover 
{
    color:#fff;
}
.panel-heading a:focus 
{
    color:#fff;
}
 */
/* badge pieces jointes */
.badj_PJ 
{
    margin-top:-2px !important;
    font-size:0.8vw !important;
    background-color:#243a51  !important;
}

.linkbutton /*linkbutton*/
{

/*font-size:0.95vw !important;*/
 color: #243a51 !important ;
text-decoration:none;
/*
font-family:oswald !important; */
}

.panel-uni{border-color:#dddddd !important;}
 @media only screen and (width> 1600px)  {.panel-uni{width: 100% !important;}}
.panel-uni>.panel-heading{color:#333333!important;background-color:#f5f5f5 !important;border-color:#dddddd !important; height:24px !important;}
.panel-uni>.panel-heading+.panel-collapse>.panel-body{border-top-color:#dddddd;}
.panel-uni>.panel-heading .badge{color:#f5f5f5;background-color:#46779C;}
.panel-uni>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#243a51;}
  
    #myBtn {
    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: #c83349; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
     height :45px !important;
}


.spinner {

  text-align: center;
  font-size: 10px;
  position : fixed;
z-index: 9999;
top : 50%;
left : 50%;
  width: 50px;
  height: 40px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
   input[type="radio"],input[type="checkbox"]
    {
        
     margin:4px 0 0 !important;
     margin-top:1px \9 !important;
     line-height:normal !important;

     
     }
     input[type="checkbox"]
     {
              padding:2px !important;
     }
input[type="radio"]:focus, input[type="checkbox"]:focus
{outline:5px auto -webkit-focus-ring-color !important;
 outline-offset:-2px !important;
 }
.radio,.checkbox
{position:relative !important;
 display:block !important;
 margin-top:10px !important;
 margin-bottom:10px !important;
 }
radio label,checkbox label
{
    min-height:23px !important;
    padding-left:20px !important;
    margin-bottom:0 !important;
    font-weight:normal !important;
    cursor:pointer !important;
    
}
    
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]
{
position:absolute !important;margin-left:-20px !important;margin-top:4px \9 !important;
}
    .radio+.radio,.checkbox+.checkbox
    {
        margin-top:-5px !important;
    }
        
.radio-inline,.checkbox-inline
{
    position:relative !important;
    display:inline-block !important;
    padding-left:20px !important;
    margin-bottom:0 !important;
    vertical-align:middle  !important;
    font-weight:normal !important;
    cursor:pointer !important;
    }
    
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline
{
    margin-top:0 !important;
    margin-left:10px  !important;
    }
    
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
    .radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline
    {
        cursor:not-allowed !important;
        }
        .radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label
        {
            cursor:not-allowed !important;
            }
.checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label
{
    color:#4caf50 !important;
    }
.checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label
{
    color:#243a51  !important;
    }
.checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label
{
    color:#243a51 !important;
    }
radio,.checkbox
{
    display:inline-block !important;margin-top:0 !important;margin-bottom:0 !important;vertical-align:middle !important;
    }
radio label,checkbox label
{
    padding-left:0 !important;
    }
    .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]
    {
        position:relative !important;
        margin-left: !important;
        }
.checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline
{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:7px !important;
    
    }
.checkbox
{
    min-height:30px !important;
    }
    .form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px;
}
.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"],.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"]
{
    position:absolute !important;clip:rect(0, 0, 0, 0) !important;pointer-events:none !important;
    }
.input-group-addon input[type="checkbox"],.input-group-addon input[type="radio"]
{
    margin-top: 0 !important;
    }
radio,.checkbox
{
    display:inline-block !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    vertical-align:middle !important;
    }
radio label,.checkbox label
{
    padding-left:0 !important;
    }
    .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]
    {
        position:relative !important;margin-left:0 !important;
        }
.checkbox label,.checkbox-inline label,.radio label,.radio-inline label
{
    padding-left:25px !important;
    }
.checkbox input[type="radio"],.checkbox-inline input[type="radio"],.radio input[type="checkbox"],.radio-inline input[type="checkbox"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]
{
    margin-left:-25px !important;
    }
input[type="checkbox"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"],input[type="radio"],.radio input[type="radio"],.checkbox-inline input[type="radio"]
{
    position:relative !important;border:none !important;margin-bottom:-4px !important;-webkit-appearance:none !important;appearance:none !important;cursor:pointer !important;
    }
    input[type="radio"],
input[type="checkbox"] {
  margin: 4px 2px -3 !important;
  margin-top: 1px \9 !important;
  line-height: normal !important;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px !important;
}
.radio,
.checkbox {
  position: relative !important;
  display: block !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: relative !important;
  margin-top: 3px !important;
  margin-right: 1px !important;
  vertical-align: top !important;
  border: none !important;
  background-color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
}

/* couleur interieur radio */
input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before {
  position: absolute !important;
  left: 0 !important;
  top: -3px !important;
  background-color: #ff7676 !important;
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  -o-transform: scale(0) !important;
  transform: scale(0) !important;
}
input[type="radio"]:focus,
.radio input[type="radio"]:focus,
.radio-inline input[type="radio"]:focus {
  outline: none !important;
}
input[type="checkbox"]:focus,.checkbox input[type="checkbox"]:focus,.checkbox-inline input[type="checkbox"]:focus,input[type="radio"]:focus,.radio input[type="radio"]:focus,.radio-inline input[type="radio"]:focus
{
    outline:none !important;
    }
    input[type="checkbox"]:focus:after,.checkbox input[type="checkbox"]:focus:after,.checkbox-inline input[type="checkbox"]:focus:after, input[type="radio"]:focus:after,.radio input[type="radio"]:focus:after,.radio-inline input[type="radio"]:focus:after
    {
        border-color:#243a51  !important;
        }
input[type="checkbox"]:after,.checkbox input[type="checkbox"]:after,.checkbox-inline input[type="checkbox"]:after
{
    content:"" !important;display:block !important;width:15px !important;height:15px !important;margin-top:-2px !important;margin-right:0px !important;border:2px solid #666666 !important;border-radius:2px !important;-webkit-transition:240ms !important;-o-transition:240ms !important;transition:240ms !important;
    }
    
  /*  couleur radio */
    input[type="radio"]:after,
.radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after {
  position: relative!important;
  top: -3px !important;
  border: 2px solid #ff7676  !important;
}
    input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before,
input[type="radio"]:after,
.radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after {
  content: "" !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  -webkit-transition: 240ms !important;
  -o-transition: 240ms !important;
  transition: 240ms !important;
}
input[type="radio"]:checked:before,
.radio input[type="radio"]:checked:before,
.radio-inline input[type="radio"]:checked:before {
  -webkit-transform: scale(0.5) !important;
  -ms-transform: scale(0.5) !important;
  -o-transform: scale(0.5) !important;
  transform: scale(0.5) !important;
}

input[type="radio"]:disabled:checked:before,
.radio input[type="radio"]:disabled:checked:before,
.radio-inline input[type="radio"]:disabled:checked:before {
  background-color: #243a51  !important;
}

input[type="checkbox"]:checked:before,.checkbox input[type="checkbox"]:checked:before,.checkbox-inline input[type="checkbox"]:checked:before
{
    content:"" !important;position:absolute !important;top:0 !important;left:6px !important;display:table !important;width:6px !important;height:12px !important;border:2px solid #fff !important;border-top-width:0 !important;border-left-width:0 !important;-webkit-transform:rotate(45deg) !important;-ms-transform:rotate(45deg) !important;-o-transform:rotate(45deg) !important;transform:rotate(45deg) !important;
    }
    
input[type="checkbox"]:checked:after,.checkbox input[type="checkbox"]:checked:after,.checkbox-inline input[type="checkbox"]:checked:after
{
    background-color:#4BBF73 !important;border-color:#4BBF73 !important;
    }
    
   /* couleur radio coché */
    input[type="radio"]:checked:after,
.radio input[type="radio"]:checked:after,
.radio-inline input[type="radio"]:checked:after {
  border-color: #ff7676  !important;
}

input[type="checkbox"]:disabled:after,.checkbox input[type="checkbox"]:disabled:after,.checkbox-inline input[type="checkbox"]:disabled:after,input[type="radio"]:disabled:after,.checkbox input[type="radio"]:disabled:after,.radio-inline input[type="radio"]:disabled:after
{
    border-color:#ff7676 !important;
    }
input[type="checkbox"]:disabled:checked:after,.checkbox input[type="checkbox"]:disabled:checked:after,.checkbox-inline input[type="checkbox"]:disabled:checked:after,input[type="radio"]:disabled:checked:after,.radio input[type="radio"]:disabled:checked:after,.radio-inline input[type="radio"]:disabled:checked:after
{
    background-color:#ff7676 !important;
    border-color:#ff7676 !important;
    }
    
.has-warning input:not([type=checkbox]),.has-warning .form-control,.has-warning input.form-control[readonly],.has-warning input[type=text][readonly],.has-warning [type=text].form-control[readonly],.has-warning input:not([type=checkbox]):focus,.has-warning .form-control:focus,.has-warning input:not([type=radio]),.has-warning .form-control,.has-warning input.form-control[readonly],.has-warning input[type=text][readonly],.has-warning [type=text].form-control[readonly],.has-warning input:not([type=radio]):focus,.has-warning .form-control:focus
{
    border-bottom:none !important;-webkit-box-shadow:inset 0 -2px 0 #ff9800 !important;box-shadow:inset 0 -2px 0 #ff9800 !important;
    }
.has-error input:not([type=checkbox]),.has-error .form-control,.has-error input.form-control[readonly],.has-error input[type=text][readonly],.has-error [type=text].form-control[readonly],.has-error input:not([type=checkbox]):focus,.has-error .form-control:focus,.has-error input:not([type=radio]),.has-error .form-control,.has-error input.form-control[readonly],.has-error input[type=text][readonly],.has-error [type=text].form-control[readonly],.has-error input:not([type=radio]):focus,.has-error .form-control:focus
{
    border-bottom:none !important;-webkit-box-shadow:inset 0 -2px 0 #e51c23 !important;box-shadow:inset 0 -2px 0 #e51c23 !important;
    }
    
.has-success [type=text].form-control[readonly],.has-success input:not([type=checkbox]):focus,.has-success .form-control:focus,.has-success [type=text].form-control[readonly],.has-success input:not([type=radio]):focus,.has-success .form-control:focus
{
    border-bottom:none !important;-webkit-box-shadow:inset 0 -2px 0 #4caf50 !important;box-shadow:inset 0 -2px 0 #4caf50 !important;
    }
.PopupEmp
{
    width: 800px;
    margin-left: -110px;
    margin-top: 75px;
    max-height: 660px;
    overflow: auto;
}
.Pos
{
    overflow-y:auto;
    max-height: 68vh; 
}


.scrollbar
{
	float: left;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	max-width: 100%;
    color:#6a7a8c !important;
}

.force-overflow
{
	min-height: 39vh;
}

#wrapper
{
	text-align: center;
	width: 30vh;
 overflow: hidden;
	margin: auto;
}

/*
 *  STYLE scrollbar
 */

#style-1::-webkit-scrollbar-track,#style-2::-webkit-scrollbar-track,#style-3::-webkit-scrollbar-track,
#style-4::-webkit-scrollbar-track,#style-5::-webkit-scrollbar-track,#style-6::-webkit-scrollbar-track,#style-7::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	/*background-color: #F5F5F5;*/
	background-color: #ffffff;
	display: none;
}

#style-1::-webkit-scrollbar,#style-2::-webkit-scrollbar,#style-3::-webkit-scrollbar,
#style-4::-webkit-scrollbar,#style-5::-webkit-scrollbar,#style-6::-webkit-scrollbar,#style-7::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
	
}

#style-1::-webkit-scrollbar-thumb,#style-2::-webkit-scrollbar-thumb,#style-3::-webkit-scrollbar-thumb,
#style-4::-webkit-scrollbar-thumb,#style-5::-webkit-scrollbar-thumb,#style-6::-webkit-scrollbar-thumb,#style-7::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ffffff;
	
}
 .rounded-circle{border-radius:50%!important}
.user-img{width:40px;position:relative;display:inline-block;margin:0 0 15px}
.profile-status{border-radius:50%;height:10px;left:45px;top:10px;width:10px;}
.online{background:#36bea6;float:left !important;}
.busy{background:#f62d51}
.away,.offline{background:#f62d51;float:left !important;}

.message-title
{
    margin:5px 0 0;
    color:#212529;
    font-size:16px;
    font-family:inherit;
    font-weight: 700;
    line-height: 1.2;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    }
    .msg-desc
    {
        font-size: 12px;
        display: block;
        margin: 1px 0;
      /*  text-overflow: ellipsis;
        overflow: hidden;*/
        color: #a1aab2;
     /*   white-space: nowrap;*/
       /* width:350px;*/
      
        }
        
        
  /*      
        .scrollbar-msg
{
	float: left;
	height: 300px;
	overflow-y: scroll;
	max-width: 100%;
    overflow-x: hidden;
}
*/

.force-overflow-msg
{
	min-height: 600px;
}

/*
#wrapper
{
	text-align: center;
	width: 30vh;
 overflow: hidden;
	margin: auto;
}*/

/*
 *  STYLE scrollbar
 */

#style-msg::-webkit-scrollbar-msg-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	/*background-color: #F5F5F5;*/
	background-color: #ffffff;
	display: none;
}
#style-msg::-webkit-scrollbar-msg
{
	width: 8px;
	background-color: #F5F5F5;
	
}
.body{background:white;top:-6px;height:692px;}

#style-msg::-webkit-scrollbar-msg-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ffffff;
}

#newsSection{float:left; display:inline; width:100%; padding:5px 21px;padding-bottom:10px}
.latest_newsarea{float:left; display:inline; width:100%; background-color:#fff; position:relative;height: 30px;}

.social_area{ position:absolute; right:0; top:0; background:#f2f4f5; border-top:1px solid #f2f4f5; border-bottom:1px solid #f2f4f5; border-right:1px solid #f2f4f5; height:31px}
.social_nav{ text-align:right}
.social_nav li{ display:block; float:left}
.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;  -o-transition:all 0.5s; transition:all 0.5s}
.social_nav li.facebook a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:0 -30px; background-size:270px 60px}
.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
.social_nav li.twitter a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:-30px -30px; background-size:270px 60px}
.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
.social_nav li.flickr a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:-60px -30px; background-size:270px 60px}
.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
.social_nav li.pinterest a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:-90px -30px; background-size:270px 60px}
.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
.social_nav li.googleplus a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:-120px -30px; background-size:270px 60px}
.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
.social_nav li.vimeo a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:-150px -30px; background-size:270px 60px}
.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
.social_nav li.youtube a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
.social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
.social_nav li.mail a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}
.social_nav li.pencil a{ background-image:url("../bootstrap/assets/css/images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
.social_nav li.pencil a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#c70a0a}

@media(max-width:360px ){.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}.single_iteam{height:210px}.slider_article > p{display:none}.error_page > span{width:80px}.nav-tabs > li{width:100%}.pagination > li > a,.pagination > li > span{padding:4px 8px}}
/*
.latest_newsarea span{background:none repeat scroll 0 0 #c70a0a}
*/
.classTitle{ color:#fff; font-family: Aileron!important; font-size:15px; left:0; line-height:1.8em; margin-right:20px; overflow:hidden; padding:2px 18px 1px 19px; position:absolute; z-index:15;background:none repeat scroll 0 0 #143251}


#ctl00_cssmenu12 > ul:before {margin-top:6px !important;}
#cssmenu{height:50px; width:100% !important;margin-top:50.5px; margin-left:180px;background:white;}
#leftmenu{width:193px;background-color:#fff;position:absolute;height:100%}
/*.css_menu{background-image: linear-gradient(to right, #023157 , #2096f3) !important;}#143251*/
#cssmenu ul{margin-left: -5px !important;margin-top:  2px !important;margin-bottom: 4px;}
.cssmenu_fa{color:white}
.fa-bars{color: #6a7a8c !important;}
#ctl00_cssmenu12{height:60px !important;background-color: #1651F7;}
.menu_rep{margin-top:-7px !important;}
#cssmenu15 .AspNet-Menu-Horizontal > ul > li > a{background-color:White ;color:black !important}
#ctl00_cssmenu12 > ul > li > a:link{color:#143251}
.icon{color:#143251!important;font-size: 18px;margin-left:12px;padding-top: 10px;}
.agtab1{margin-left:8px !important; padding-bottom: 40px !important;}
.myModalRT{margin-top: 0px;}
.modal-header1{text-align: center}
.news1{margin-left: -20px;margin-top: 75px;}
.Label13{width: 300px}

@media (min-width: 480px)
{div #Box_on_left {margin-top: 0px !important;}}

#cssmenu li a{height: 18px !important;}
.icon_t 
{
    font-size:16px;
}
.Cnbrutil
{
  background-color: #ff3e41;
}
#cssmenu15
{
  /* overflow: auto;
   max-height: 744px;*/
   margin-top:60px;
}
.Cmenu_princip
{    
    float: left;
}
.Cimg_princip
{
    height: 45px;
    width: 23px;
    background-color: white;
    position: absolute;
}
.icon-bar-menu
{
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #888;
}
.sr-only-menu {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.navbar-toggle-menu {
    position: absolute;
    float: right;
    padding: 14px 14px;
    background-color: #999999;
    border-color: #143251;
    background-image: none;
    border-color: #143251;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    height: 20%;
    width: 49.5px;
}
.navbar-toggle-menu:hover {
    background-color: #87abc6;
}
.Cmenu_princ
{
   color: #c70a0a !important;
   font-size: 22px;
}
.table>thead>tr>th {
    vertical-align: top ! important;

}
.Gv-Linkbutton,.Gv-p,.Gv-n,.pn {
    font-size: 0.8vw !important;
    padding: 0.5vw 0.8vw !important;
}
.Gv-active {
    /*background-color: #5b829e !important;*/
    background-color: #696969 !important;
    color: #fff !important;
}
.Gv-active, .Gv-active:hover, .Gv-active:hover, .Gv-active:focus, .Gv-active:focus {
    z-index: 3;
    color: #999999;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
.Gv-Linkbutton,.Gv-p,.Gv-n,.pn {
    position: relative;
    float: left;
    padding: 8px 12px !important;
    line-height: 1.42857143;
    text-decoration: none !important;
    color: #2fa4e7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
.Gv-Linkbutton:focus,.Gv-p:focus,.Gv-n:focus,.pn:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(47,164,231,0.5);
    box-shadow: 0 0 0 0.2rem rgba(47,164,231,0.5);
}

.Gv-Linkbutton:hover, .Gv-Linkbutton:hover, .Gv-Linkbutton:focus, .Gv-Linkbutton:focus,
.Gv-n:hover, .Gv-n:hover, .Gv-n:focus, .Gv-n:focus,
.Gv-p:hover, .Gv-p:hover, .Gv-p:focus, .Gv-p:focus,
.pn:hover, .pn:hover, .pn:focus, .pn:focus {
    z-index: 2;
    color: #157ab5;
    background-color: #eeeeee;
    border-color: #dddddd;
}
.Gv-pager
{
    float:right;
}
/*.tab-Gv>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important;
    color: #000 !important;
}*/
.lb-enreg
{
    float:left;
    font-size: 0.9vw !important;
}
/*th > a {
    color: #f8f9fa;
    text-decoration: none;
}*/
th > a:hover, th > a:focus {
    color: #f8f9fa;
    text-decoration: none;
}
.CLbl-aff
{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
font-size: 0.8vw !important;
}
.CDDl-aff
{
    display: inline-block; 
    width: auto;
    vertical-align: middle;
}
.height-filt
{
  height:45px;
}
 .modal-large
 {
     width:1050px;
 }
 .modal-medium
 {
     width:600px;
 }
 .modal-small
 {
     width:300px;
 }
.btn-padding
{
    padding-bottom: 15px;
}
.btnEnvoyerImpact
{
 font-weight: bold;
 color: green !important;
}
.agenda_lbl
{
display: inline-table;
}
.CModalRatt
{
  overflow: auto;
  max-height: 550px;
}
.clot
{    margin-top: 10px;
    margin-left: 1px;
    margin-right: 11px;
}
.CTxtAria_Min_height
{
 min-height: 120px;
}

.list_exped{margin-top:-26px;}
.liste-pj{margin-top:-18px;}

.font_color{color:#157ab5;}

.C-Text-Color
{
    border: 1px solid #157ab5 !important;
    border-bottom: 3px solid #157ab5 !important; 
    font-weight: bold;
    color: rgb(37, 59, 81) !important;
    /* font-size: 15px !important; */
    /*resize: vertical !important;*/
 }
 
.c_read_only{background:#ffff !important;}
/*.textaria-height{height:24px !important;}*/

.Ctextaria{min-height: 61px !important;}

.Ctextaria1{min-height: 61px !important; max-height:300px !important; }


.BTN_{width: 80%;}

.list_affectation 
 {
     height: 60px !important;
     /*padding-left: 1px !important;
     padding-right: 15px !important;
     float: left;*/
}
.list_affectation > option 
{
    max-width: 100%!important; 
    box-sizing: border-box !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}
.label-green {
    background-color: #5ac146;
    font-size: 11px !important;
    font-weight: normal !important;
}
.label-red {
    background-color: #c70a0a;
    font-size: 11px !important;
    font-weight: normal !important;
}

.affect{
MARGIN-BOTTOM: 21PX;}
.msg_erreur{
    left: 0px ! important;
    top: 0px !important;
     }
     .ajax__validatorcallout_popup_table_row {
  
    background: white !important;

}
 .cov_err{
    background-color: white !important;
    width: 1547px;
    height: 700px;
    margin-left: -16px;
    margin-top: -2px;
    margin-right: -70px !important;
    }
    
.btn_valider_
{
    background:#4BBF73 !important;
    color:#fff !important;
    }
    
       
.btn_valider_:focus
{
    background:#255F39 !important;
    } 
 
 
 .espace_radio 
{
    /*margin-left:40px;*/
    padding-left: 40px;
    }
 
.dataTables_wrapper {color:#000;}

.panel-body{border-top-color: transparent !important;}

.table-striped>tbody>tr:nth-of-type(odd) {color:#000 !important;}  

.titre_indaicateur
{
    margin-bottom:-20px;
    text-align:center;
    width:250px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#666666 !important;}

/*.jscolor{background:transparent !important; border-color:transparent !important;}*/

 .param_Restr_ag 
{
    margin-top:50px;
    border: 1px solid black;
    border-radius: 5px;
    padding: 50px;
}
 .PopupParamRestr
{
 width:60vw !important ;
 height: auto !important ;
 overflow: auto;
 margin-left:-11vw !important;
}
.CSpanHorizontal
{
  float: left;
  padding-right: 20px;
}
.btn-Appliquer
{
  width: 50% !important;   
}
.CBtnAMDEC
{
   padding-left: 25px;
   font-size: 30px;
}
.CLabelAMDEC
{
   float: left;
   margin-top: 10px;
}
.CPopupAMDEC
{
  max-height: 650px;
  overflow: auto;
  min-width: 750px;
}
.CMinWidthAMDEC
{
  min-width: 65px;
}
.CActiveAMDEC
{
   margin-top: 35px;
}
.CDetailSeuil
{
   color: #2fa4e7;
   font-size: 15px;
   margin-top: 18px;
}
.btn-Historique
{  
 color:#17a2b8 !important;
 background-color:transparent !important;
 border-color:#17a2b8 !important;
 font-size: 1vw !important;
 font-family:  oswald   !important;
}
.btn-Historique:hover
{  
 color:#ffffff !important;
 background-color:#17a2b8 !important;
 border-color:#17a2b8 !important;
 font-size: 1vw !important;
}
.Cphaseespace >tbody>tr>td
{
    padding-right:10px;
}
.CMarginRight10
{
  margin-right: 10px !important;  
}
.CMarginleft5
{
  margin-right: 5px !important;  
}
.btn-CorrectAmdec
{
color:#FF3E41 !important;
background-color:inherit !important;
border-color:#F44336 !important;
font-size:0.9vw !important;
width:auto !important;
font-family:  sans-serif,   !important;
font-family:  oswald   !important;
}
.btn-CorrectAmdec:focus
{
 -webkit-box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);    
}
.btn-CorrectAmdec:hover
{
color:#ffffff !important;
background-color:#F44336 !important;
border-color:#F44336 !important;
font-size:0.9vw !important;
font-family:  sans-serif !important;        
}
.btn-validerAmdec
{  
 color:#4BBF73 !important;
 background-color:transparent !important;
 border-color:#4BBF73 !important;
 font-size: 1vw !important;
 font-family:  oswald   !important;
}
.btn-validerAmdec:hover
{  
 color:#ffffff !important;
 background-color:#4BBF73 !important;
 border-color:#4BBF73 !important;
 font-size: 1vw !important;
}
.btn-validerAmdec:hover
{    
color:#ffffff;background-color:#358753;border-color:#2b6e44;
}
.CtextGrid
{
    width:100% !important;
}
.CimgSymbole
{
  width: 50px;
  margin-top: 10px;
  margin-left: -22px;
}
.CimgTabSymbole
{
 width: 50px;
}
.CMarginTop17
{
   margin-top: 17px;
}

.tab-border {
    padding: 15px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
.CMargin-top 
{
    margin-top : 17px;
}
.btn-param
{
 margin-bottom: 10px;
 border-radius: 10px !important; 
 width: 330px !important;
    }
    
.btn-param1
{
 margin-bottom: 10px;
 border-radius: 10px !important; 
 width: 230px !important;
    }
    
    .CustomValidatorClass
{
  background-color: transparent!important;
  border: none 0!important;
  margin: 0!important;
  padding: 0!important;
  border-spacing: 0!important;
  top: 43px !important;
}

.tooltipCustom 
{
  height:30px;
  width: 100%;
  position: relative;
  display: inline-block;
  color: transparent;
  margin-top: -24%;
  cursor: context-menu;
}

.tooltipCustom .tooltiptextCustom {
  visibility: hidden;
   width: 60px;
  top: 100%;
  left: 65%;
  margin-left: -60px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltipCustom:hover .tooltiptextCustom {
  visibility: visible;
}

.nav-ColDim {
    /*width: 11.1%; à activer si (doc et projet ne sont plus commentés ) */
    width: 16.66%; 
    text-align: center;
}
.nav-ColHeight {
    height: 100%;       
    color: White;
    background-color: #253b51;
    padding-top: 18px !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus 
{
     background-color: #DEDEDE;
}
.nav_mytabr
{
    width: 103%;
    margin-left: -15px;
    margin-top: -4px;
}
.btn-continue:hover {
    color: #ffffff !important;
    background-color: #09A5B1 !important;
    border-color: #09A5B1 !important;
    font-size: 0.9vw !important;
}
.btn-continue {
    color: #fff !important;
    background-color: #09A5B1 !important;
    border-color: #09A5B1 !important;
    font-size: 0.9vw !important;
    font-family: oswald !important;
}
.CssGadre 
{
    margin:30px !important;
    border:#DCDCDC solid !important;
    border-width: 1px !important;
 
}
.CssGarde1
{
  margin:20px!important;
  border:#DCDCDC solid !important;
  border-width: 1px !important;
    
 }

 .tddcss 
 {
    border-top: 1px solid #dddddd;
    padding-bottom:5px;
 }
 .tdcss2
 {
     border-top: 1px solid #dddddd;
     padding-top:2px;
}
.tdcss3
{
    border-top: 1px solid #dddddd;
 }
 
 .csstd
 {
     padding-bottom:1.5px;
     padding-top:1.5px;
}
.InlineDisplay 
{
    display:inline;
}
.bootstrap-select .bs-ok-default::after {
    width: 0.3em;
    height: 0.6em;
    border-width: 0 0.1em 0.1em 0;
    transform: rotate(45deg) translateY(0.5rem);
}

.btn.dropdown-toggle:focus {
    outline: none !important;
}
.Cmargin-top-28
{
  margin-top: 28px;
}
.Cmargin-left-10
{
  margin-left: 10px ;
}
.CinputAmdec
{
  width: 90% !important;  
}
.TextAreaProduit
{
  resize:vertical;
  overflow:hidden;
  vertical-align: top !important;
  display:inline;
  /*height: 24px !important;*/
}
.DisplayInline
{
    display : inline !important;
}
.tdActioncenter
{
   vertical-align: middle!important; 
}

.redtaux
{
 background-color:red;
    }
    
    .yellowntaux
{
 background-color: orange;
    }
    
    .greentaux
{
 background-color: green;
    }
    
    .textouverr
    {
            resize: both  !important;
    overflow: hidden !important;
    overflow-wrap: break-word !important;
    height: 61px;
    width :  750px;
    }
    .coutAction{
     color:Black!important;
    text-anchor: middle;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    fill-opacity: 1;
    margin-top: 100px;
     position: relative;
      right: 10px;
   
    }
    .bloc1cout
    {
        font-weight:bold;
            margin: 5%;
    position: relative;
    top: 9px;
    color:#09a5b2;
    }
    .bloc2cout
    {
        font-weight:bold;
            margin: 5%;
    position: relative;
    top: 32px;
    color:#8e44ad;
    }
    
    .typeDoc{    position: relative;
    bottom: 15px;}
    
    
    #Box_on_left
{
  float: left;
  width: 35px !important;
  height: 670px;
 /* background-color: #EDEDED;*/
  /*background-color:#ffffff;*/
  background-color:transparent !important;
  margin-top: 0px !important;
}

.banner_left_logo
{
display:block;
background-image:url(../images/LogoQualipro_2025.png);
background-repeat:no-repeat;
width:200px;
height:60px;
margin-top:10px;
position:absolute;
z-index:500;
}
#ctl00_Body1{ background-color: #EDF2F9 !important;}
  .icon2{color:#ffffff!important;font-size:18px;margin-left: 12px;padding-top: 10px;}
.iconmenu
    {
     background-color: black!important;
    position: absolute;
    
      left: -11px;
       width: 60px;
    height: 100%;
    }
     .sousentete_color{background: #7D848E;}
     
 .cardTable{ width: 94%!important;
    margin-left: 16px;}


 
   .dropbtn_param {
  background-color: #5280FF;
  font-size: 16px;
  border: none;
  cursor: pointer;
   border-radius: 8px;
   width: 37px;
    height: 30px;
    padding: 2px 2px 2px 2px;
}
 .dropbtn_param_rac {
  background-color: transparent;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 60px;
    height: 40px;
}
.fa_white{color:White;}
.fa_rac{color:#ffb312;}
.dropdown_param {
  position: relative;
  display: inline-block;
    width: 30px;
    margin-right: 5px;
}

.dropdown-content_param {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background-color:White;
   border-radius: 8px;
}

.dropdown-content_param a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
   border-radius: 8px;
}

.dropdown-content_param a:hover 
{
    background-color:#b5d5f2 ;
    border-radius: 8px;
}

.dropdown_param:hover .dropdown-content_param {
  display: block;
}

    
    .agenda-wrapper {
	position: relative;
	max-width: 900px;
	height: 63px; 
	overflow-x: hidden;
	overflow-y: hidden;
	background-color:#1651F7;
}

.agenda	{
	height: 120px; 
	background: #f3f3f3;
	box-sizing: border-box;
	
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	background-color:#1651F7;
}
	.agenda_item {
    display: inline-block;
    width: auto;
    height: 100%;
    padding-top: 1em;
    -webkit-padding-top:5%;
    box-sizing: border-box;
   /* border-right: white solid;
     margin-right: 15px;*/
	}


.agenda_paddles {
}
.agenda_paddles {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 3em;
}
.agenda_left-paddle {
	left: 0;
}
.agenda_right-paddle {
	right: 0;
}
.hidden {
	display: none;
}


.agenda_right {
    float:right;
    text-align: right;
}


.box_raccourci
{
    background-color: transparent;
    margin-top: 65px;
    margin-left: 95.8%;
    position: absolute;
    z-index: 500;
    float: right;
    }
@media only screen and (width: 1366px){
     .box_raccourci {
         margin-left: 95%;}
}
@media only screen and (width> 1600px){
     .box_raccourci {
         margin-left: 96.5%;}
}
.image_racc
{    height: 28px;
    width: 28px;
    margin-top: 2px;
    margin-bottom: 2px;
    }
.liste_racc
{list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
  margin-left:15px;
}
       
.li_racc
{    height: 76px;
    width: 80px;
    font-size: 9px;
    font-weight: bolder;
    line-height: 0.9;
    text-align: center;
    float: left;
    /* margin-right: 20px; */
    margin-left: 20px;
    margin-bottom: 20px;
    border-bottom: 3px #1651F7 solid;
    border-radius: 2px;
    background: #ffffff;
    font-family: arial;
}
    }

.li_racc a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
}

.li_racc:hover {
  background-color: #cfe2f3;
}
.icon_plus_racc
{font-size: 15px;
 color: #2236e1;
 margin-right:10px;
 margin-left: -20px;
    }

    
.palette
{    margin-top: -78% !important;
        background: deepskyblue !important;
    }
   
   .icon_pencil_palette
{font-size: 30px;
    color: white;
    } 
   .icon_right_palette
{font-size: 20px;
    color: white;
    } 
       
 
.myheader_Description
{width:60%;
    }
    
.myheader_table_card
{text-align:left;
    } 
    
  .badge-danger  {color: #fff;
    background-color: #FFACAC;
    width: 40px;}
    
    
    .badge-warning
    {    color: #fff;
    background-color: #ffc107;
      width: 40px;  }
    
   .uti_conn
   {font-size: 0.6vw ;
    background-color: #FF3E41;
    margin-top: -10px;
    margin-left: -5px;
   } 
    
    
      .dropbtn_base {
  background-color: White ;
  color: #1651F7;
  font-size: 16px;
  font-family:Arial;
  font-weight:bold;
  border: none;
  cursor: pointer;
   border-radius: 8px;
    height: 30px;
    padding: 2px 2px 2px 2px;
}
   .dropbtn_base option{color: black;
    background-color: white;} 
    
    .boite_message  
    {
    /*margin-left: 94.5%;*/
    margin-top: 15%;
    text-align: left;}
    
    
      .dropbtn_boite_message {
     background-color: #2962FF;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 40%;
    width: 40px;
    height: 40px;
    padding: 2px 2px 2px 2px;
    margin-bottom:10px;
}
    
    
    .dropbtn_message{
     background-color: #00FFFF;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 40%;
    width: 40px;
    height: 40px;
    padding: 2px 2px 2px 2px;
    margin-bottom:10px;
}

.row_acceuil
{margin-left:1%;
    margin-right:-1%;
    }
 @media only screen and (width: 1600px) { 
.row_acceuil
{margin-left:1%;
    margin-right:-1%;
    }
}   
 @media only screen and (width> 1600px) { 
.row_acceuil
{margin-left:20px;
    margin-right:1%;
    }
}   
  @media only screen and (width< 1600px) { 
.row_acceuil
{margin-left:20px;
    margin-right:1%;
    }
}   
  @media only screen and (width> 1900px) { 
.row_acceuil
{margin-left:20px;
    margin-right:0%;
    }
}   
.liste_param_agenda
{float: right;
 margin-right: 10px;
}
        
.line_liste_agenda
{display:inline-block;
}

.modal_message
{margin-left: 55%;
    margin-top: 30%;
    }




#center-text {          
  display: flex;
  flex: 1;
  flex-direction:column; 
  justify-content: center;
  align-items: center;  
  height:100%;
  
}
#chat-circle {
    position: absolute;
    bottom: 50px;
    /*right: 3%;*/
    background: #1F89FF;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    color: white;
    padding: 12px !important;
    top: 80% !important;
    cursor: pointer;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    
}
#box-circle {
    position: absolute;
    bottom: 120px;
   /* right: 3%;*/
    background: #3BD2F9;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    color: white;
    top: 70%;
    padding: 12px !important;
    cursor: pointer;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
 @media only screen and (width> 1600px) { 
#box-circle,#chat-circle
{ right: 2.5%;
    }
} 
.btn#my-btn {
     background: white;
    padding-top: 13px;
    padding-bottom: 12px;
    border-radius: 45px;
    padding-right: 40px;
    padding-left: 40px;
    color: #5865C3;
}
#chat-overlay {
    background: rgba(255,255,255,0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: none;
}
#box-overlay {
    background: rgba(255,255,255,0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: none;
}

.chat-box {
  display:none;
  background: #efefef;
  position:fixed;
  right:100px;
  bottom:80px;  
  width:350px;
  max-width: 85vw;
  max-height:100vh;
  border-radius:20px;  
  box-shadow: 0px 5px 35px 9px #ccc;
}
.msg-box {
  display:none;
  background: transparent;
  position:fixed;
  z-index:500;
  right:100px;
  bottom:160px;  
  width:350px; 
  height:auto;
  border-radius:20px;  
  box-shadow: 0px 5px 35px 9px #ccc;
}
.titre_msg{margin-left: 20px;
    font-weight: bold;}
.chat-box-toggle {
  float:right;
  margin-right:15px;
  cursor:pointer;
}
.msg-box-toggle {
  float:right;
  margin-right:15px;
  cursor:pointer;
}
.chat-box-header {
  background: white;
  height:70px;
  border-top-left-radius:5px;
  border-top-right-radius:5px; 
  color:black;
  text-align:center;
  font-size:20px;
  padding-top:17px;
}
.msg-box-header {
  background: white;
  height:70px;
  border-radius:20px; 
  color:black;
  text-align:center;
  font-size:20px;
  padding-top:17px;
}
.chat-box-body {
  position: relative;  
  height:370px;  
  height:auto;
  border:1px solid #ccc;  
  overflow: hidden;
}
.chat-box-body:after {
  content: "";
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height:100%;
  position: absolute;
  z-index: -1;   
}
.msg-box-body {
  position: relative;  
  height:370px;  
  height:auto;
  border:1px solid #ccc;  
  overflow: hidden;
  background: #EBFCFF !important;
  border-radius: 0 0 10px 10px;
}

.chat-input {
     background: #f4f7f9;
    width: 100%;
    position: relative;
    height: 30px;
    padding-top: 2px;
    padding-right: 50px;
    padding-bottom: 10px;
    padding-left: 15px;
    border: none !important;
    resize: none;
    outline: none;
    border-bottom: 0.5px solid #ccc !important;
    color: #888;
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}
.chat-input > form {
    margin-bottom: 0;
}

.chat-submit {  
  position:absolute;
  bottom:3px;
  right:10px;
  background: transparent;
  box-shadow:none;
  border:none;
  border-radius:50%;
  color:#1F89FF ;
  width:70px;
  height:35px;  
   font-weight: bold;
}
.recherche-submit {  
  position:absolute;
  bottom:3px;
  right:20px;
  background: transparent;
  box-shadow:none;
  border:none;
  color:#1F89FF ;
  width:100px;  
   font-weight: bold;
}
.chat-logs {
  padding:15px; 
  max-height:284px;
  overflow-y:scroll;
  background:white;
}
.msg-logs {
  padding:15px; 
  height:auto;
}
.chat-logs::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar
{
	width: 5px;  
	background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar-thumb
{
	background-color: #5A5EB9;
}



@media only screen and (max-width: 500px) {
   .chat-logs {
        height:40vh;
    }
}

.chat-msg.user > .msg-avatar img {
  width:45px;
  height:45px;
  border-radius:50%;
  float:left;
  width:15%;
}
.chat-msg.self > .msg-avatar img {
  width:45px;
  height:45px;
  border-radius:50%;
  float:right;
  width:15%;
}
.cm-msg-text {
  background:#EBFCFF;
  padding:10px 15px 10px 15px;  
  color:#000;
  width:230px;
  float:left;
  margin-left:10px; 
  position:relative;
  margin-bottom:20px;
  border-radius:30px;
}
.chat-msg {
  clear:both;    
}
.chat-msg.self > .cm-msg-text {  
  float:right;
  margin-right:10px;
  background: #5A5EB9;
  color:white;
}
.cm-msg-button>ul>li {
  list-style:none;
  float:left;
  width:50%;
}
.cm-msg-button {
    clear: both;
    margin-bottom: 70px;
}

@import url("https://fonts.googleapis.com/css?family=Lato:700");
 .pagination_agenda {
	 overflow: hidden;
	 background: #1651F7;	
	  font-size: 1em;
	 display: flex;
	 position: relative;
	 user-select: none;
	 max-width:950px;
	 height:60px;
}
@media only screen and (width<= 1366px) { 
 .pagination_agenda {
	 max-width:800px;
}
}
@media only screen and (width> 1600px) { 
 .pagination_agenda {
	 max-width:1250px;
}}
 .pagination_agenda .nav-btn_agenda {
	 background: #1651F7;
	 display: inline-block;
	 padding: 18px 10px;
	 color: #fff;
	 z-index: 2;
	 cursor: pointer;
	 text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	 transition: all 300ms ease;
}
 .pagination_agenda .nav-btn_agenda:hover {
	 background:  #1651F7;
}
 .pagination_agenda .nav-btn_agenda.next_agenda {
	position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(../images/icon_agenda/Fleche_droite.png);
    padding-bottom: 50px;
    background-color: #1651F7;
    background-position: center;
}

 .pagination_agenda .nav-pages_agenda {
	 margin: 0;
	 padding: 5px;
	 left: 0;
	 transition: left 300ms ease;
	 position: absolute;
	 width: max-content;
}
 .pagination_agenda .nav-pages_agenda li {
	 list-style: none;
	 display: inline-block;
	 text-align: center;
	 cursor: pointer;
}
 .pagination_agenda .nav-pages_agenda li.active, .pagination_agenda .nav-pages_agenda li:hover {
	 color: rgba(0, 0, 0, 0.9);
}
 
 
 .msg_nom
 {font-weight: bold;
  float: left;     
 }
 .msg_msg
 {float:left;
  margin-left:20px;}
          
.msg_date
{float: right;
 font-size: smaller;
     color: dodgerblue;}
 

 

 
.dropdown-content_rac {
    display: none;
    position: fixed;
    width: 250px;
    height: auto;
    padding: 14px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    background-color: #EDF2F9;
    border-radius: 8px;
    right: 1%;
}

.dropdown-content_rac a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
   border-radius: 8px;
}

.dropdown-content_rac a:hover 
{
    background-color:#b5d5f2 ;
    border-radius: 8px;
}

.dropdown_param:hover .dropdown-content_rac {
  display: block;
} 

 
 
 
 
 .labelversion
 {color: black;
  font-weight: bold;
 }
 
 
 
 /*scrollbar*/
 /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 8px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #BACBDA; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: gray; 
}



.flex-container 
{
    height:100%;
  display: flex;
  align-items: stretch;
  margin-top:-1%;
}


.flex-container-1 {
  display: flex;
  flex-direction: column;
  width:100%;
    height:100%;
}
.flex-container-1 > div {
  margin: 10px;
  height:25%;
}

.flex-container-2 {
  display: flex;
  flex-direction: column;
  width:100%;
  height:100%;
}
.flex-container-2 > div {
  height:50%;
  width:98%;
  margin-top: 10px;
}

@media (max-width: 100%) {
  .flex-container-2, .flex-container-1 {
    flex: 100%;
  }
}

@media only screen and (width: 1600px) { 
  .flex-container > div
  {
      max-width:650px;}
}

    @media only screen and (width> 1600px)  {
      .force-overflow{min-height: 50vh;}
      .flex-container-2 > div {
          max-width:750px;
          min-width:700px;
          height:42vh;}
      .flex-container-1 > div {
          margin: 10px;
          height:30%;}
      .panel{width:98%;}
      
}

   @media only screen and (width< 1600px)  {
      .flex-container-2 > div {
          max-width:550px;
          min-width:450px;
          height:50vh;}
      
      
}

.btn-success-administration{
    color: #00BF76 !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 10px ;
    font-weight: bold ;
    margin-right: 30px ;
    box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) ;
}


.btn-success-administration:focus,
.btn-success-administration.focus {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #449d44 !important;

}

.btn-success-administration:hover {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #449d44 !important;
}



.iframe{border:none;}


.alerte_default
{   font-size: 14px;
    border:1px solid transparent;
    color:#E50000;
}


.btn-valider-pop-up
{
 color:#4BBF73 !important;
 background-color:transparent !important;
 border-color:#4BBF73 !important;
 font-size:0.9vw !important;
   font-family:  oswald   !important;
} 
.btn-valider-pop-up:hover
{
 color:#ffffff !important;
background-color:#4BBF73 !important;
 border-color:#4BBF73 !important;
 font-size:0.9vw !important;
} 

.btn-valider-pop-up:focus
{-webkit-box-shadow:0 0 0 0.2rem rgba(115,168,57,0.5);box-shadow:0 0 0 0.2rem rgba(115,168,57,0.5);
 
 }
 
 
 .btn-annuler-pop-up
{
color:#FF3E41 !important;
background-color:inherit !important;
border-color:#F44336 !important;
font-size:0.9vw !important;
font-family:  sans-serif,   !important;
font-family:  oswald   !important;
}

.btn-annuler-pop-up:hover
{
color:#ffffff !important;
background-color:#F44336 !important;
border-color:#F44336 !important;
font-size:0.9vw !important;
font-family:  sans-serif,   !important;
          
}
  
  .btn-annuler-pop-up:focus
{

      -webkit-box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);    
}


.image_attention
{    height: 60px;
    width: 60px;
    margin-top: 2px;
    margin-bottom: 2px;
    }
  .valid-centered-text 
  {
       color:#4BBF73 !important;
 background-color:transparent !important;
 border-color:#4BBF73 !important;
 width:11% !important;
 font-size:0.9vw !important;
   font-family:  oswald   !important;
   text-align: center !important;
}
.annuler-centered-text 
{
color:#FF3E41 !important;
background-color:inherit !important;
border-color:#F44336 !important;
width:11% !important;
font-size:0.9vw !important;
font-family:  sans-serif,   !important;
font-family:  oswald   !important;
text-align: center !important;
}





.btn-modif{
 color:#fec901  !important;
 background-color:transparent !important;
 border-color:#fec901  !important;
 font-size: 1vw !important;
  font-family:  oswald   !important;
  margin-right:10px;
}
.btn-modif:hover
{  
 color:#ffffff !important;
 background-color:#fec901  !important;
 border-color:#fec901  !important;
 font-size: 1vw !important;
}


.btn-annuler3{
color:#FF3E41 !important;
background-color:inherit !important;
border-color:#F44336 !important;
font-size:1vw !important;
font-family:  oswald   !important;
margin-right:5px;
}
.btn-annuler3:hover{
color:#ffffff !important;
background-color:#F44336 !important;
border-color:#FF3E41 !important;
font-size:1vw !important;
font-family:  sans-serif,   !important;    
margin-right:5px; 
}  
.btn-annuler3:focus{
-webkit-box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);
box-shadow:0 0 0 0.2rem rgba(199,28,34,0.5);    
}

 .dropbtn_formulaire {
  background-color: transparent;
  border: none;
 position: absolute;
    z-index: 1000;
    left: 64%;
    margin-top:55px;
}
 .dropbtn_formulaire:hover {
  background-color: transparent;
  border: none;
 position: absolute;
    z-index: 1000;
    left: -127%;
    margin-top:55px;
}

.image-container {
    position: relative;
    display: inline-block;
}

.image_formulaire {
    display: block; 
}

.image-text_formulaire {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; 
    font-size: 12px; 
    font-weight: bold;
}