/*Surcharge global*/
/*.WappSendAO
{
}*/


 *{
 font-family: Montserrat, sans-serif !important;     /*font-family:Montserrat,8,[],EASTEUROPE_CHARSET,clWindowText*/
 outline-width: 0px !important;
}
/***** supprimer l'ombre des boites de dialogues*******/
/*.x-css-shadow {box-shadow: rgb(136, 136, 136) 0px 0px 0px !important;} */   

.MainColorWappSendAO_Blue { color: #000000/*#aad7c4;*/}

.MainColorWappSendAO_White { color:#FFFFFF;}

.ui-bandeau-label
{
  color: #9dbba6; 
  text-align: center !important;
}

.ui-bandeau-label :hover { text-align: center !important;}

.ui-bandeau-labeltext
{
  color: #000000; 
  text-align: center !important;
}

.ui-bandeau-labeltext :hover
{
  color: #000000; 
  text-align: center !important;
}

/***Modification des styles***/
/*.x-title-icon 
{ 
  margin-left: 270px !important;
  background-image: url(fermer.png) !important;
  cursor: pointer; 
}*/

.x-title-text  /************ dialog box ******************/  
{
  background-color: #d7d7d7 !important; /*#dfe8f6 !important; */
  color:  #000000 !important;
}

.ui-bandeau-titre .x-title-text 
{
  background-color: #aad7c4 !important; 
  color:  #FFFFFF !important;
}

/*couleur de police des boutons de l'onglet Administration ()*/
/*.x-btn-inner-default-toolbar-large {color:  #000000/*#9dbba6*//*!important;}*/ /*color: rgb(112, 174, 184) vert; color: rgb(48, 168, 184);*/

.x-window-header
{
  background-color: #ffffff;/*#aad7c4; /* vert clair */
  border-bottom: 0px solid #9dbba6;
  border-top: 0px solid #9dbba6;   
  border-left : 0px solid #9dbba6;
  border-right : 0px solid #9dbba6;    
  
}  

.x-tab {height: 30px; }
.x-tab:active {border-width: 0px;}
.x-tab:focus {color : #000000 !important;}
.x-tab-inner-default  {  color: #ffffff !important; text-align: center;}


.x-tab-default-top:hover {background-color: #5d6e5f !important;}


.x-tab-button:active, .x-tab-button:focus {  outline: none;}
.x-tab-bar-default-top { border-width: 0px 0px 0px 0px !important; border-style: none !important;background: #aad7c4 !important;}
.x-tab-bar-default { border-style: none !important;}
.x-tab.x-tab-active.x-tab-default {  border-color: none !important; } /*width: 120px;*/


.x-tab-default-top 
{ 
  border-width: 0px 0px 0px 0px !important;  
  border-style: none !important;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  background: #9dbba6 !important;
  border-style: none !important;
}



.x-tab.x-tab-active.x-tab-default .x-tab-inner-default { color: rgb(65, 62, 62) !important;} /* couleur de police*/
.x-panel-body-default {  border-width: 0px 0px 0px 0px !important; border-style: none !important;}
.x-tab-bar-top > .x-tab-bar-strip-default {  border-width: 0px 0px 0px 0px !important;  border-style: none !important; height: 0px !important;}

.x-tab-bar-default-top > .x-tab-bar-body-default { padding: 4px 0px 0px 0px !important;}

.x-grid-item-selected {  color: black !important; background-color: #e0f0e9 !important;}





.ribbon_group { margin-bottom: 3px !important;}


.x-column-header-sort-ASC, .x-column-header-sort-DESC 
{
  background-color: #c5c5c5 !important;
  background-image: -webkit-linear-gradient(top, #f9f9f9, #e6e3e3) !important;
}
.x-grid-row .x-grid-cell-selected { background-color : #ffffff !important;}

.x-grid-with-col-lines .x-grid-cell /*border case à cocher*/
{
  border-left-width: 1px;
  border-right-width: 0px;
}
#selVille:active {border-color:#ffffff;}

.x-tab-default, .x-tab-default:hover { box-shadow: #9dbba6 0px 0px 0px 0px inset;}

.x-grid-header-ct { border: 0px none !important;}


/*modification de css de l'onglet Dossier*/
.x-fieldset-header-default > .x-fieldset-header-text 
{
  color: white !important;
  font: bold 12px/14px Montserrat, sans-serif !important;
}
.x-fieldset-default {  border: 1px solid white !important;} 



/*  Modification des styles des boites de dialogues*/

.x-window-body-default 
{
  /*border-color: #99bbe8;*/
  border-width: 0px !important;
  border-style: none; 
  background: #ffffff; 
}

.x-form-text-default { background-image: none !important;}



/* barre en bas*/
.x-toolbar 
{
  border-bottom: 0px solid #9dbba6;
  border-top: 0px solid #9dbba6;   
  border-left : 0px solid #9dbba6;
  border-right : 0px solid #9dbba6;   
}

/*****************************************************/

.x-menu-body {  background-color: #FFFFFF;}
.x-menu-item-default { border-width: 0px !important;}
.x-menu-item.x-menu-item-text { color : #000000; /*color:#9dbba6;*/}

.x-menu-item:hover, .x-menu-item-default:hover  {background-color: #e0f0e9 !important;}
.x-menu-item-link:hover {background-color: #e0f0e9 !important;}

.x-menu-item-link:focus-within {background-color: #e0f0e9 !important; border-color: #e0f0e9 !important;}

.x-window-default 
{   
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -ms-border-radius: 1px;
    padding: 0px 0px 0px 0px;
    border-width: 0px; /*1px*/
    border-style: solid;
    background-color: #ffffff !important;  /*#dfe8f6;*/
}

.x-window-default .x-docked-noborder-bottom { background-color: transparent;}

.x-window-header-default-top
{
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -ms-border-radius: 1px; 
  background-color: #d7d7d7; /*#dfe8f6;*/
}

.x-panel-header-default
{
  background-image: none;
  background-color: #AAD7C4 !important;
  border-width: 0px !important;
  margin-left:1px;
  margin-right: 1px;
}

.ui-bandeau-titre .x-header-noborder {
	padding: 4px;
}

.x-btn
{
  background-image: none !important;
  border-radius:1px;
  /*background-color: #9dbba6 !important;*/
}
.x-btn:hover
{
  background:#e4f3ff;
  background-color:  #e0f0e9 !important; /*#e0f0e9 #aad7c4*/
  border : none !important;
}

/*.x-btn-button:hover {background-color: #e0f0e9 !important;}*/
.x-btn .x-btn-inner { color:#ffffff;}
.x-btn-button-default-medium, .x-btn-wrap-default-small  {background-color: #9dbba6 !important; }
.x-btn-default-medium { background-color: #9dbba6 !important;}
.x-btn-default-small, .x-btn-default-medium
{
  padding: 0px 0px 0px 0px !important; 
  border-width: 0px !important;
  border-style: none !important;
}
.x-message-box .x-window-body { background-color: #ffffff; }/****verif fond box****/



.ui-bandeau-label:active, .x-btn-default-toolbar-large:active   /*x-btn-default-toolbar-large  onglet administration*/
{
  background:#e4f3ff;
  background-color: #9dbba6 !important;
  border : none !important;
}



/*bouton menu*/
.ribbon-btn
{ 
  color: #FFFFFF;
  background-color: transparent;
  padding-top:5px;
}

.ribbon-btn:hover
{
  color : #9dbba5; 
  background-color: #aad7c4; 
  /*  color:#aad7c4;
    background-color: white; */
}
       
.CustTabBtnTopLight label
{
   color: #FFFFFF !important; 
   padding-top: 5px;
}

.trans_panel { background-color:transparent !important;}

.blue_bg 
{
background: transparent;
background-color: #aad7c4 !important;
}


.custom-GrdLstDossiers .x-grid-item-over .x-grid-cell 
{ 
   /* background-color: #ff6; */
    border-bottom-color: #999; 
    border-bottom-style: dashed !important; 
    border-top-color: #999; 
    border-top-style: dashed; 
} 

.custom-GrdLstDossiers .row-selected .x-grid-cell {
    background-color: #aad7c4 !important; 
    border-color: #9dbba6 !important;  
    border-style: solid !important; 
}

.custom-GrdLstDossiers .x-grid-item-focused .x-grid-cell-inner:before{
  border:none;
}

.custom-GrdLstDossiers .x-column-header-inner {
	text-align: center;
}

.custom-GrdLstDossiers .x-column-header-sort-ASC, .x-column-header-sort-DESC {
	background-color: #9dbba6 !important;
	background-image: none !important;
}


.x-grid-cell { vertical-align: middle;}

._ext-ux-clearbutton-on { right: 21px !important;}

.x-tab.x-tab-active.x-tab-default-top, .x-tab.x-tab-active.x-tab-default-left, .x-tab.x-tab-active.x-tab-default-right
{
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 25%, #ffffff 45%) !important;
}

/*ensemble pour le ribbon*/
.ui-ribbongroup { fill: #FFFFFF;}

.ui-ribbonbar .x-panel-body-default
{
    border-color: #FFFFFF !important;
    background-color: #FFFFFF;
    border-radius: 2px 2px 0px 0px;
   -moz-border-radius: 2px 2px 0px 0px;
   -webkit-border-radius: 2px 2px 0px 0px;
   -o-border-radius: 2px 2px 0px 0px;
   -ms-border-radius: 2px 2px 0px 0px;
   -khtml-border-radius: 2px 2px 0px 0px;
}

.ui-ribbonbar .x-tab-bar-strip-default
{
  background-color: transparent;
	border: none;
}

.ui-ribbonbar .x-tab em { padding: 0 10px;}
.ui-ribbonbar .x-tab em button { font-weight: normal !important;}
.ui-ribbonbar .x-tab-inner { font-weight: normal !important;}
.ui-ribbonbar .x-panel { padding: 1px 1px 1px 1px; }
.ui-ribbonbar .x-container-default { background: transparent !important;}
.ui-ribbonbar.MainColorWappSendAO_Blue .x-panel-header-default .x-title-text{ background-color: rgb(170, 215, 196) !important;  color : #ffffff !important;}

.ui-ribbonbar .x-btn-default-toolbar-small
{
  position: relative;
  left:-1;
}

.ui-ribbonbar  .x-btn-inner
{
  padding: 0;
  text-align: center;
}

.ui-ribbonbar .x-panel-header-text-default
{
	line-height: 15px;
	font-weight: normal !important;
}

.ui-ribbonbar.MainColorWappSendAO_Blue .x-panel-header-text-default { color: rgb(157,187,166);}

.ui-ribbonbar .x-panel-header-bottom
{  /*section de ribbon en bas*/
	padding: 0px 5px 2px 5px !important;
	box-shadow: none;
  color : #9dbba6;
}
.x-toolbar-default {  padding: 0px 0 0px 0px !important;}


.x-window-header-default-top 
{
  box-shadow: #ecf2fb 0 0px 0px 0 inset, #ecf2fb 0px 0 0px 0 inset, #ecf2fb 0px 0 0px 0 inset;
}

.x-mask-msg-text /*url(images/grid/loading.gif)*/
{ 
  background-image: url(Picto_Sendao.gif) !important; 
  background-position: center; 
  padding: 70px 0px 0px 0px !important; /*(top, right, bottom, left)*/
  
} 

.x-mask-msg-inner 
{
  border: none; 
  background-color:unset;
}

.x-mask-msg 
{
  border: none;
  background-color: unset;
}
/*.x-mask { background-color: transparent !important;}*/


/*taille de font*/
.fs8 { font-size: 8px;}
.fs12 { font-size: 12px;}
.fs16 { font-size: 16px;}
.fs20 { font-size: 20px;}
.fs24 { font-size: 24px;}
.fs28 { font-size: 28px;}
.fs32 { font-size: 32px;}
.fs36 { font-size: 36px;}
.fs48 { font-size: 48px;}