/***************************************************************************************/
/*                                  CSS l'application                                  */
/***************************************************************************************/


:root {
  --pagetitle-bgbl : #ffffff;
  --pagetitle-bgcl : #c2e1fc;
  --pagetitle-bgfo : #4f9de5;
  --pagetitle-bgso : #186eba;
  --pagetitle-color : #000000;
  --pagetitle-border : #9ecff7;
  --zonefilter-bd : #4f9de5;
  --zonefilter-bg : #ffffff;
  --itemliste-color : #216eb7;
  --lineliste-color : #444444;
  --lineliste-colorhover : #2f7cc4;
  --linelist-bgfo : #a5a5a5;
  --linelist-bgcl : #dbd9d9;
  --linelist-bgbl : #ffffff;
  --color-userne : #0072ab;
  --color-mars : #1d62a3;
  --color-venus : #fc255f;
  --color-gris : #4f4f4f;
  --color-griscl : #cccccc;
  --color-noir : #000000;
  --color-blanc : #ffffff;
  --color-vert : #48b461;
  --color-orange : #ff5402;
  --color-bleu : #619dd5;

}


input:-webkit-autofill {
  background-color: white !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[type="checkbox"] {  
  width: 15px;
  height: 15px;
  border: 1px solid #619dd5;
  border-radius: 3px;      
  cursor: pointer;
  background-color: #eaeaea;
}


input[type="checkbox"]:checked {  
  border-color: #317ec6;     
}


.zone_backup {
  border:1px solid #cccccc;
  border-radius: 6px;
  padding: 10px;
  font-size: 13px;
  color: #619dd5;
  height: 400px;
  margin: 10px -10px 0px -10px;
}


.mt_n10 {
  margin-top: -10px;
}

.mt_0 {
  margin-top: 0px;
}


.ml_5 {
  margin-left: 5px;
}


.pl_5 {
  padding-left: 5px;
}


.ml_10 {
  margin-left: 10px;
}


.pl_10 {
  padding-left: 10px;
}


.ta_c {
  text-align: center;
}

.color_jaune {
  color:#ffe100;
}

.color_rose {
  color:#ff3c74;
}


.passwd {
  cursor: pointer;
  color:#cccccc;
  text-decoration: none;
}


.passwd:hover {
  cursor: pointer;
  color:#cccccc;
  text-decoration: underline;
}



#index_res {
  height: 36px;
  margin-top: -10px;
}



#user_resultmodal,#intervention_resultmodal {
  height: 36px;    
  margin: 10px -20px 0px -20px;
}



#mdp_result, #res_password, #compte_result,#ticket_result,#user_result,#antenne_resultmodal,#result_param,#result_travaux,#partage_result {
  height: 36px;
  margin-top: 10px;
}

.resno {
  color:#000000;
  font-size:14px;
  background: #e12121;
  padding: 5px;
  border-radius: 6px;
  color: #ffffff;
  text-align: center;
}  


.resok {
  color:#000000;
  font-size:14px;
  background: #48b461;
  padding: 5px;
  border-radius: 6px;
  color: #ffffff;
  text-align: center;
}  


.mdp_info {
  color: #b2b2b2;
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  margin: 0px 40px 20px 40px;
}



.emg_day {
  width: 100%;
  font-family: Comfortaa, sans-serif;
  font-size: 20px;
  font-weight: bold;  
}


.card {
  border : 1px solid #cccccc;  
}



.cardmenu {
  border : 1px solid #cccccc;  
  cursor: pointer;
}


.cardmenu:hover {
  border : 1px solid #48b461;  
}



.user_ident {
  border: 1px solid #cccccc;
  padding: 5px 25px;
  margin-top: 0px;
  border-radius: 120px;
  cursor: pointer;
  background: #ffffff;
  color: #343956;
}


.user_ident:hover {
  border: 1px solid #4e9ce5;  
  background: #74b7f7;
  color: #ffffff;
}




#user_logo {
  margin-left: 50px;
  height:40px;
}



#horloge {
  color:#000000;
  font-size:30px;
}  


.cardbody {
  text-align: center;
  padding: 0px 0px 20px 0px;
}  


#map {
  height:180px;
  border:1px solid #ee1084;
  display: none;
}


.cardtext {
  font-size: 12px;
  color: #000000;
  padding-top: 15px;
}



#mainboard_res {
  height: 30px;
}


.faoff {  
  margin-top: -20px;  
  margin-bottom: 10px;
}



.fa_off {
  text-align: right;
  font-size: 28px;
  color: #cccccc;    
  cursor: pointer;  
}


.fa_off:hover {
  color: #4fa1ce; 
  font-size: 28px; 
}

.cardtitle {
  margin-top: -15px;
}



.ms_80 {
  size: 80%;
}



.bg_index {
  background: -webkit-linear-gradient(#4ca2cd, #639dd6);  
  background: linear-gradient(#4ca2cd, #639dd6); 
}


.mt_20 {
  margin-top: 20px;
}

.mt_10 {
  margin-top: 10px;
}


.mb_20 {
  margin-bottom: 20px;
}


.ta_r {
  text-align: right;
}


.ta_l {
  text-align: left;
}


.msg_item {
  font-size: 14px;  
  color:#636b72;  
}


.msg_itemcontact {
  font-size: 12px;  
  color:#636b72;  
}



.msg_itembl {
  font-size: 13px;  
  color:#ffffff;  
}


.color_bleu {
  color: #4e9ce5;
}


.item_user {
  border : 1px solid var(--zonefilter-bd) ;
  background: var(--pagetitle-bgcl);
  background: linear-gradient(#dbeaff,#dbeaff,#ffffff); 
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 5px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: var(--itemliste-color);
}


.item_user:hover {
  border : 1px solid var(--zonefilter-bd) ;
  background: var(--pagetitle-bgcl);
  background: linear-gradient(var(--pagetitle-bgcl),var(--pagetitle-bgfo));   
  color: var(--color-noir);
}



.item_userfix {
  border : 1px solid var(--zonefilter-bd) ;
  background: var(--pagetitle-bgcl);
  background: linear-gradient(#dbeaff,#dbeaff,#ffffff); 
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 5px;
  text-align: center;
  font-size: 14px;
  cursor: not-allowed;
  color: var(--itemliste-color);
}


.z_histo {
  margin: 0px 10px 0px 10px;  
}



#zone_users {
  height: 64vh;  
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #55a0d0;
  margin: -1px -15px 0px -15px;  
}



.line_nouser {
  border:1px solid #4ea2ce;
  border-radius:6px;
  padding:10px;
  background:#ffffff;
  background: linear-gradient(var(--pagetitle-bgfo),var(--pagetitle-bgso));
  color:#ffffff;
  margin:5px;   
  font-size: 13px;
  cursor: pointer;
}


.line_nouserOLD {
  margin: 0px -15px 0px -15px;
  border: 1px solid #4e9ce5;
  padding: 10px;
  cursor: not-allowed;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 14px;
  color: #ffffff;
  background: #4e9ce5; 
  background: linear-gradient(var(--pagetitle-bgfo),var(--pagetitle-bgso));
}



.line_user2 {
  border-left: 1px solid var(--itemliste-color) ;
  border-right: 1px solid var(--itemliste-color) ;
  border-bottom: 1px solid var(--itemliste-color) ;
  padding: 3px;
  cursor: pointer;
  font-size: 13px;
  color: var(--lineliste-color);
  background: #ee1084; 
  background: linear-gradient(#cccccc,#eaeaea);
  margin : 0px -20px 0px -20px;
}



.line_user2:hover {
  color: var(--lineliste-colorhover);
  background: linear-gradient(var(--linelist-bgbl),var(--linelist-bgcl)); 
}



.line_user {
  border-left: 1px solid var(--itemliste-color) ;
  border-right: 1px solid var(--itemliste-color) ;
  border-bottom: 1px solid var(--itemliste-color) ;
  padding: 3px;
  cursor: pointer;
  font-size: 13px;
  color: var(--lineliste-color);
  background: var(--linelist-bgbl); 
}



.line_user:hover {
  color: var(--lineliste-colorhover);
  background: linear-gradient(var(--linelist-bgbl),var(--linelist-bgcl)); 
}



.line_enduser {
  border-left: 1px solid var(--itemliste-color) ;
  border-right: 1px solid var(--itemliste-color) ;
  border-bottom: 1px solid var(--itemliste-color) ;
  padding: 5px; 
  font-size: 13px;
  color: var(--color-blanc);
  text-align: center;   
  background: linear-gradient(var(--pagetitle-bgfo),var(--pagetitle-bgso));
}


.line_endlink {
  border-left: 1px solid var(--itemliste-color) ;
  border-right: 1px solid var(--itemliste-color) ;
  border-bottom: 1px solid var(--itemliste-color) ;
  padding: 5px; 
  cursor: pointer;
  font-size: 13px;
  color: var(--color-blanc);
  text-align: center;   
  background: linear-gradient(var(--pagetitle-bgfo),var(--pagetitle-bgso));
}



.line_endlink:hover {
  border-left: 1px solid var(--itemliste-color) ;
  border-right: 1px solid var(--itemliste-color) ;
  border-bottom: 1px solid var(--itemliste-color) ;
  padding: 5px; 
  cursor: pointer;
  font-size: 13px;
  color: var(--color-noir);
  text-align: center;   
  background: linear-gradient(var(--pagetitle-bgso),var(--pagetitle-bgfo));
}


.mr_5 {
  margin-right: 5px;
}




#zone_echangesadmin {
  margin:10px 0px 10px 0px;
  height: 72vh;  
  overflow-x: hidden;
  overflow-y: scroll;
  border-radius: 6px;  
  background: linear-gradient(#afd7fc,#ffffff);
  border:1px solid #afd7fc;
}



.color_gris {
  color:#777676;
}


.color_griscl {
  color:#b2b2b2;
}

.color_orange {
  color: #ff5402;
}


.color_vert {
  color: #48b461;
}


.color_rouge {
  color: #e12121;
}

.color_venus {
  color: #fc255f;
}

.color_mars {
  color: #1d62a3;
}

.color_bleucl {
  color:#4e9ce5;
}

.color_noir {
  color: #000000;
}

.color_bleufo {
  color: #0072ab;
}



.pt_5 {
  padding-top: 5px;
}



.xchange_title {  
  border-radius:6px;
  padding-top:7px;
  padding-bottom: 5px;
  background:#ffffff;  
  margin: 0px 0px 5px 0px;
  font-size: 17px;
  font-weight: bolder;
  color:#4ea2ce;
  border:1px solid #5da4e7;
}


.xchange {
  border:1px solid #4ea2ce;
  border-radius:6px;
  padding:10px;
  background:#ffffff;
  margin:5px;   
  max-height:30vh;
  overflow-x: hidden;
  overflow-y: scroll;
  /*cursor: pointer;*/
}


.xchange:hover {
  border:1px solid #000000;  
}



.fa_add {
  margin: 0px 10px 0px 10px;
  color: #4ea2ce;
  cursor: pointer;
  scale: 1.2;
}


.fa_add:hover {
  margin: 0px 10px 0px 10px;
  color: #343956;
  cursor: pointer;
  scale: 1.5;
}



.modal_delete2top {
  background: #afd7fc;  
  color:#2cb3db;
  border :0px;
}

.modal_delete2end {
  background: #ffffff;  
  color:#2cb3db;
  border :0px;
}


.modal_delete2 {
  background: #343956;
  background: -webkit-linear-gradient(#afd7fc, #ffffff);  
  background: linear-gradient(#afd7fc, #ffffff);    
  color:#2cb3db;
  border :0px;
}


.modal_delete {
  background: #343956;
  color:#ffffff;
  border :0px;
}


.mt_5 {
  margin-top: 5px;
}


.color_blanc {
  color:#ffffff;
}



#modaladd_boxmodal {
  height: 36px;
  /*background: #343956;
  background: -webkit-linear-gradient(#ffffff,#ffffff );
  background: linear-gradient(#ffffff,#ffffff);
  */
  padding: 0px 15px;
}


#modaladd_box {  
  height: 36px;
  background: #ffffff;
  padding: 0px 15px;
  margin: -23px 0px -20px 0px;
}


#modalcloture_box,#modalintervention_box {  
  height: 36px;  
  padding: 0px 15px;
}

#res_photostd {  
  height: 36px; 
  padding: 10px 0px;
}


.mr_10 {
  margin-right: 10px;
}


.tkitem {
  font-size: 14px;
}



.form_chkinput {
  height:20px;
  width:60px;
}



.form_chklabel {
  text-decoration: none;
  font-size: 13px;
  text-align: left;
  margin-top: 5px;
  margin-left: 25px;
  cursor: pointer;
  color: #4e9ce5;
}


.form_chklabel:hover {
  text-decoration: underline;  
}


#filtre_list,#filtre_listadmin,#btn_addant,#filtre_partages {
  cursor: pointer;
  border : 1px solid #4e9ce5;
  padding: 5px 20px;
  font-size: 13px;
  color: #4e9ce5;
  background: #ffffff;
  border-radius: 6px;
  margin-left: 15px;
}


.paratitle {  
  border : 1px solid #4e9ce5;
  text-align: left;
  padding: 7px;
  font-size: 13px;
  color: #4e9ce5;
  background: #ffffff;
  border-radius: 6px;
  margin-top: 0px;
}


.platitle {  
  border : 1px solid #4e9ce5;
  text-align: left;
  padding: 7px;
  font-size: 13px;
  color: #4e9ce5;
  background: #ffffff;
  border-radius: 6px;
  margin-top: 0px;
}


.platitle:hover {  
  border : 1px solid #4e9ce5;
  text-align: left;
  padding: 7px;
  font-size: 13px;
  color: #ffffff;
  background: #4e9ce5;
  border-radius: 6px;
  margin-top: 0px;
}



#filtre_list:hover,#filtre_listadmin:hover,#btn_addant:hover,#filtre_partages:hover {
  cursor: pointer;
  border : 1px solid #4e9ce5;
  background: #4e9ce5;
  padding: 5px 20px;
  font-size: 13px;
  color: #ffffff;
  border-radius: 6px;
  margin-left: 15px;
}


#user_journal {
  height: 31vh;  
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #4fa1ce;
  margin : -1px -12px 0px -12px;
}



#user_interv {
  height: 34vh;  
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #4fa1ce;
  margin : -1px -12px 0px -2px;
}


#user_journaladmin,#antenne_journaladmin,#user_journaladminarchive,#antenne_journaladminarchive {
  height: 25vh;  
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #4fa1ce;
  margin : -1px -12px 0px -12px;
}


.btn_blanc {
  background: #ffffff;
  color: #777777;
  border-radius: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;  
  cursor: pointer;
  border: 1px solid #cccccc;
}

.btn_blanc:hover {
  background: #ffffff;
  color: #619dd5;
  border-radius: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;  
  border: 1px solid #cccccc;
}



.fa_piclogo {
  color: var(--color-gris);
  cursor: pointer;
}


.fa_piclogo:hover {
  color: var(--color-bleu);
  cursor: pointer;
}


.footer_menu {
  font-size: 14px;
  color:#ffffff;
  cursor: pointer;
}

.footer_menu:hover {
  font-size: 14px;
  color:#000000;
  cursor: pointer;
}



.footer_menuselected {
  font-size: 14px;
  color:#ff0000;
  cursor: pointer;
}

.footer_menuselected:hover {
  font-size: 14px;
  color:#000000;
  cursor: pointer;
}


.filej {
  border:1px solid #cccccc;
  border-radius:6px;
  padding:5px;
  color:#777777;
  background: #ffffff;
  font-size:12px;
  cursor: pointer;
}

.filej:hover {
  border:1px solid #4e9ce5;
  border-radius:6px;
  background: #4e9ce5;
  padding:5px;
  color:#ffffff;
  font-size:12px;
}





.btn_day {
  background: -webkit-linear-gradient(#61adf4, #0b72a5);  
  background: linear-gradient(#61adf4, #0b72a5);  
  color:#ffffff;
  margin-top: 0px;
  margin-bottom : 0px;
  margin-right: 1px;
  padding: 0px 5px 0px 5px;
  width: 30px;
}


.btn_dayoff {
  background: -webkit-linear-gradient(#4c4b4b, #666666);  
  background: linear-gradient(#4c4b4b, #666666); 
  color:#ffffff;
  margin-top: 0px;
  margin-bottom : 0px;
  margin-right: 1px;
  padding: 0px 5px 0px 5px;
  width: 30px;
}



.btn_dayin {
  background: -webkit-linear-gradient(#61adf4, #0b72a5);  
  background: linear-gradient(#61adf4, #0b72a5);   
  background: -webkit-linear-gradient(#ff0000, #9b0c0c);  
  background: linear-gradient(#ff0000, #9b0c0c); 
  color:#ffffff;
  margin-top: 0px;
  margin-bottom : 0px;
  margin-right: 1px;
  margin-right: 1px;
  padding: 0px 5px 0px 5px;
  width: 30px;
  border-radius: 4px;  
}


.btn_dayinoff {
  background: -webkit-linear-gradient(#cccccc, #eaeaea);  
  background: linear-gradient(#cccccc, #eaeaea);   
  background: -webkit-linear-gradient(#cccccc, #777777);  
  background: linear-gradient(#cccccc, #777777); 
  color:#cccccc;
  margin-top: 0px;
  margin-bottom : 0px;
  margin-right: 1px;
  padding: 0px;
  width: 30px;
  border-radius: 4px;  
}



.plaline1 {
  border-top:1px dashed #cccccc;
  border-bottom:1px dashed #cccccc;
  margin-top:0px;
  padding-top:3px;
  padding-bottom: 5px;
  color: #000000;
  cursor: pointer;    
  font-weight: normal;
}



.plaline1:hover {
  border-top:1px dashed #cccccc;
  border-bottom:1px dashed #cccccc;
  margin-top:0px;  
  cursor: pointer;
  color: #619dd5;
  font-weight: bold;
}


#mois_affichage {
  height:30px;
  width: 500px;
  border:1px solid #4e9ce5;
  font-size:16px;
  font-weight: normal; 
  color:#54606b;
  border-radius:0px;
  text-align: center;
  padding: 0px 20px;
  background: #ffffff;
}


.h30 {
  height: 30px;
}


.btnplaleft {
  border:1px solid #4e9ce5;
  background: #ffffff;
  color:#4e9ce5;
  cursor: pointer;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}


.btnplaright {
  border:1px solid #4e9ce5;
  background: #ffffff;
  color:#4e9ce5;
  cursor: pointer;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}


.btnplaright:hover, .btnplaleft:hover {
  border:1px solid #4e9ce5;
  background: #4e9ce5;
  color:#ffffff;
  cursor: pointer;
}



#list_sendra,#list_artisans {
  border:1px solid #4e9ce5;
  background: #ffffff;
  color:#4e9ce5;
  cursor: pointer;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0px;
  height: 300px;  
  overflow-x: hidden;
  overflow-y: scroll;  
  margin: 10px 10px 0px 10px;  
}



.line_tx {
  padding:5px 0px 0px 10px;
  cursor:pointer;
  border-bottom:1px solid #4e9ce5;
  background: #ffffff;
  color: #4e9ce5;
}


.line_tx:hover {
  padding:5px 0px 0px 10px;
  cursor:pointer;
  border-bottom:1px solid #4e9ce5;
  background: #4e9ce5;
  color: #ffffff;
}

.card_tx {
  border-radius: 1rem;
  background: #ffffff;
  min-height: 85vh;
}


.btn_printtik {
  background: #ffffff;
  color:#4b9bb8;
  cursor: pointer;
}

.btn_printtik:hover {
  background: #4b9bb8;
  color:#ffffff;
  cursor: pointer;
}



.btn_printtik2 {
  background: #ffffff;
  color:#e75535;
  border:1px solid #e75535;
  cursor: pointer;
  border-radius: 4px;
}

.btn_printtik2:hover {
  background: #e75535;
  color:#ffffff;
  border:1px solid #e75535;
  cursor: pointer;
}



.btn_printtik3 {
  background: #ffffff;
  color:#000000;
  border:1px solid #000000;
  cursor: pointer;
  border-radius: 4px;
}

.btn_printtik3:hover {
  background: #000000;
  color:#ffffff;
  border:1px solid #000000;
  cursor: pointer;
}




.btn_printtik4 {
  background: #ffffff;
  color:#41c91c;
  border:1px solid #41c91c;
  cursor: pointer;
  border-radius: 4px;
}


.btn_printtik4:hover {
  background: #41c91c;
  color:#ffffff;
  border:1px solid #41c91c;
  cursor: pointer;
}




.line_usr {
  padding:5px 0px 0px 10px;
  cursor:pointer;
  border-bottom:1px solid #4e9ce5;
  font-size: 13px;  
  color: #4e9ce5;
  height: 26px;
}


.line_usr:hover {
  padding:5px 0px 0px 10px;
  cursor:pointer;
  border-bottom:1px solid #4e9ce5;
  background: #4e9ce5;
  background: -webkit-linear-gradient(#afd7fc, #ffffff);  
  background: linear-gradient(#afd7fc, #ffffff); 
  color: #777777;
}





#res_param {
  height: 36px;
  margin: 10px 0px 0px 0px;
}



.tx_plus {
  margin-top: 5px;
  font-size: 28px;
  color: #619dd5;
  cursor: pointer;
}


.tx_plus:hover {  
  color: #357ebf;
  cursor: pointer;

}


.item_travaux {
  font-size: 13px;
}


#tk_ztx {
  border: 1px solid #619dd5;
  border-radius: 6px;
  padding: 10px;
  margin-top: 20px;
}





.form_ticketok {
  border:1px solid #41b721;
  border-radius:6px;
  background: #eaeaea;
  background: -webkit-linear-gradient(#ffffff, #eaeaea);
  background: linear-gradient(#ffffff, #eaeaea);padding: 20px;
  margin-top: -20px;
}


.autoarchivage {
  font-size: 13px;
  color: #619dd5;
}







/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

  #zone_historique {
    height: 500px;      
    overflow-x: hidden;
    overflow-y: scroll;
    border-right: 1px solid #55a0d0;
    border-left: 1px solid #55a0d0;
    margin: -1px -12px 0px -12px;  
  }


  #zone_histo {
    height: 380px;  
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #55a0d0;
    margin: -1px -12px 0px -12px;  
  }

  .card_mainboard {    
    margin: 0px 0px 0px 0px;
    height: 670px;
  }


  .form_ticket {
    height: 630px;
    overflow-x: hidden;
    overflow-y: scroll;
    border:1px solid #cccccc;
    border-radius:6px;
    background: #eaeaea;
    background: -webkit-linear-gradient(#ffffff, #eaeaea);
    background: linear-gradient(#ffffff, #eaeaea);padding: 20px;
    margin-top: -25px;
  }


.form_ticketno {
  height: 630px;
  overflow-x: hidden;
  overflow-y: scroll;
  border:1px solid #e12121;
  border-radius:6px;
  background: #eaeaea;
  background: -webkit-linear-gradient(#ffffff, #eaeaea);
  background: linear-gradient(#ffffff, #eaeaea);padding: 20px;
  margin-top: -25px;
}



#date_travaux {
  height: 600px;      
  overflow-x: hidden;
  overflow-y: scroll;
}




#mainboard_list {  
  height:600px;
  overflow-x: hidden;
  overflow-y: scroll;  
  margin: 0px -12px 0px -12px;
  border-right:1px solid #17a2b8;
  border-left:1px solid #17a2b8;
  border-bottom:1px solid #17a2b8;
}



#zone_echanges {
  margin:5px 0px 10px 0px;
  height: 660px;  
  overflow-x: hidden;
  overflow-y: scroll;
  border-radius: 6px;  
  background: linear-gradient(#afd7fc,#ffffff);
  border:1px solid #afd7fc;
}


.card_ticket {
  border:1px solid #cccccc;
  border-radius:6px;
  background: #eaeaea;
  background: -webkit-linear-gradient(#ffffff, #eaeaea);
  background: linear-gradient(#ffffff, #eaeaea);  
  height: 710px;
  overflow-x: hidden;
  overflow-y: scroll;
}






 }





/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
   #zone_historique {
    height: 600px;      
    overflow-x: hidden;
    overflow-y: scroll;
    border-right: 1px solid #55a0d0;
    border-left: 1px solid #55a0d0;
    margin: 0px -12px 0px -12px;  
  }



  #date_travaux {
    height: 700px;      
    overflow-x: hidden;
    overflow-y: scroll;
  }


  #zone_histo {
    height: 600px;  
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #55a0d0;
    margin: -1px -12px 0px -12px;  
  }


  .card_mainboard {    
    margin: 0px 0px 0px 0px;
    height: 680px;    
  }

  .form_ticket {
    height: 630px;
    overflow-x: hidden;
    overflow-y: scroll;
    border:1px solid #cccccc;
    border-radius:6px;
    background: #eaeaea;
    background: -webkit-linear-gradient(#ffffff, #eaeaea);
    background: linear-gradient(#ffffff, #eaeaea);padding: 20px;
    margin-top: -25px;
  }


.form_ticketno {
  height: 630px;
  overflow-x: hidden;
  overflow-y: scroll;
  border:1px solid #e12121;
  border-radius:6px;
  background: #eaeaea;
  background: -webkit-linear-gradient(#ffffff, #eaeaea);
  background: linear-gradient(#ffffff, #eaeaea);padding: 20px;
  margin-top: -25px;
}



#mainboard_list {  
  height:600px;
  overflow-x: hidden;
  overflow-y: scroll;  
  margin: 0px -12px 0px -12px;
  border-right:1px solid #17a2b8;
  border-left:1px solid #17a2b8;
  border-bottom:1px solid #17a2b8;
}



#zone_echanges {
  margin:5px 0px 10px 0px;
  height: 610px;  
  overflow-x: hidden;
  overflow-y: scroll;
  border-radius: 6px;  
  background: linear-gradient(#afd7fc,#ffffff);
  border:1px solid #afd7fc;
}


.card_ticket {
  border:1px solid #cccccc;
  border-radius:6px;
  background: #eaeaea;
  background: -webkit-linear-gradient(#ffffff, #eaeaea);
  background: linear-gradient(#ffffff, #eaeaea);  
  height: 660px;
  overflow-x: hidden;
  overflow-y: scroll;
}






}