root {


    display: block;


}

body{
	
background: url('../../img/quote_deming.png');
background-size: cover;
background-repeat: no-repeat;
background-position-y: 0%;

}



.x-grid-with-row-lines .x-grid-row-selected .x-grid-cell-inner {


    font-weight: bold;


    background-color: rgba(142, 142, 142, 0.43);


}

.row-grid-nonplanifie .x-grid-cell{
	
	
	 color: blue;
	
	
}



.x-grid-row-summary .x-grid-cell-inner {


    font-weight: bold;


}





.row-grid-danger .x-grid-cell {


    background-color: #ff5954;


    color: #900;


}





.row-grid-success .x-grid-cell {


    background-color: #81cdee;


    color: #304c99;


}

.x-grid3-cell-inner { white-space: normal; }




.row-grid-retraitement .x-grid-cell {


    background-color: yellow;


    color: orange;


}





/*Libre*/


.row-grid-A .x-grid-cell {


   

    background-color: green;
	color: white;


}



.row-grid-B .x-grid-cell {


   

    background-color: orange;
	color: white;


}


/*Quarantaine*/


.row-grid-quarantaine .x-grid-cell {


    background-color: yellow;


    color: goldenrod;


}





/*Refusé*/


.row-grid-refuse .x-grid-cell {


    background-color: lightcoral;


    color: #a00;


}





.x-message-box .ext-mb-download {


    background: url(../../img/icons/download.gif) no-repeat scroll 6px 0px transparent;


    height: 52px !important;


}





.x-btn-default-large-icon-text-top .x-btn-icon-el {


    height: 45px;


    bottom: auto;


}





.x-btn-default-large-icon-text-top .x-btn-inner {


    padding-top: 45px;


    font-size: 12px;


    font-family: arial;


    font-weight: 800;


}





.myTab {


    background-image: url(../../img/icons/g3063.png) !important;


}





.inspectCln {


    background: #ffffff;


}





.x-message-box-logout {


    background-image: url(../../img/icons/user-logout.png);


    background-repeat: no-repeat;


}





.x-grid-row-over .x-grid-cell-inner {


    font-weight: bold;


}





.home-tab {


    background-image: url(../../img/icons/home.png) !important;


}





.doc-tab {


    background-image: url(../../img/icons/doctor.png) !important;


}


.comm-tab{
	
	 background-image: url(../../img/icons/commandes.png) !important;
	
	
}





.pharm-tab {


    background-image: url(../../img/icons/pharmacist.png) !important;


}





.visit-tab {


    background-image: url(../../img/icons/visit.png) !important;


}





.event-tab {


    background-image: url(../../img/icons/events.png) !important;


}





.eval-tab {


    background-image: url(../../img/icons/eval.png) !important;


}





.gros-tab {


    background-image: url(../../img/icons/grossiste.png) !important;


}





.admin-tab {


    background-image: url(../../img/icons/params.png) !important;


}


.map-tab {
	
	  background-image: url(../../img/icons/maps.png) !important;
	
	
}

.produit-tab {
	
	background-image: url(../../img/icons/produit.png) !important;
	
	
	
}



.plan-tab {


    background-image: url(../../img/icons/event.png) !important;


}





.sup-tab {


    background-image: url(../../img/icons/supervisor.png) !important;


}





.feedback-tab {


    background-image: url(../../img/icons/feedback.png) !important;


}





#menu_tab > .x-tab {


    height: 70px;


}





#menu_tab > div.x-box-inner {


    height: 80px;


}





#menu_tab > .x-tab-bar {


    height: 80px;


}





.x-tab-default-icon-text-left .x-tab-inner {


    padding-top: 50px;


    padding-left: 0px;


}





.x-tab-default .x-tab-icon-el {


    background-position: center;


    height: 50px;


    line-height: 16px;


    width: 50px;


    left: 25px;


}





#visitdoctor-add-doctor .x-btn-icon-el {


    background-size: 40px 40px;


}





.x-btn-default-small-icon .x-btn-icon-el {


    height: 40px;


    width: 40px;


}





#visitpharmacist-add-pharmacist .x-btn-icon-el {


    background-size: 40px 40px;


}





#user-add-supervisor .x-btn-icon-el {


    background-size: 40px 40px;


}





div[class*='beker-notification']{


    float: left;


    width: 200px;


    height: 100px;


    border-radius: 6px;


    background-color: #eee;


    margin: 20px;


    border: 1px solid #7D7D7D;


    padding: 5px;


}





div.beker-today-event {


    float: left;


    width: 200px;


    border-radius: 6px;


    background-color: #eee;


    margin: 20px;


    border: 1px solid #7D7D7D;


    padding: 5px;


}





div[class*='beker-notification'] .x-item-selected ,div.beker-today-event.x-item-selected {


    border: 2px solid #000;


    box-shadow: 1px 5px 3px #A5A5A5;


}





div[class*='beker-notification'] span.title , div.beker-today-event span.title{


    font-size: 1.2em;


    font-weight: bold;


    text-align: center;


    display: block


}





div[class*='beker-notification'] span.cycle ,div.beker-today-event span.cycle  {


    font-size: 1em;


    text-align: center;


    display: block


}








div[class*='-3'] {


    background-color: rgba(64, 255, 46, 0.59);


}





div[class*='-2'] {


    background-color: rgba(255, 165, 0, 0.60);


}





div[class*='-1'] {


    background-color: rgba(255, 0, 0, 0.60);


}





div.beker-notification span.description , span.wilaya, span.sponsor , span.organisator ,span.nbr_participant  ,span.place {


    padding: 5px;


    display: block;


    text-align: center;


}





div.beker-notification span.status {


    display: block;


    width: 60%;


    margin: 10px 20%;


    padding: 3px;


    text-align: center;


    colow: white;


    font-weight: bold;


}





div.beker-notification span.status.normal {


    baackground-color: green;


}





div.beker-notification span.status.annuler {


    background-color: yellow;


}





div.beker-notification span.status.urgent {


    background-color: red;


}





.notification {


    border-radius: 4px;


    color: #FFFFFF;


    border-style: initial;


    background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);


    background-image: -moz-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);


    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);


    box-shadow: 0 1px 1px rgba(0, 0, 0, .7);


    border-style: solid;


    border-width: 2px;


    font-weight: bold;


    left: 1126px;


    margin: 0;


    overflow: hidden;


    padding: 7px;


    position: relative;


    right: auto;


    top: 2px;


    z-index: 100;


    font-size: 150%;


}





.over {


    box-shadow: 1px 2px 8px #75a2ff;


    cursor: hand;


}


.x-grid-row .custom-column { 
    
    background-color: #ecf; 
   
}



.ux-filtered-column {


    font-style: italic !important;


    font-weight: bold !important;


}





.x-toolbar-text {


    color: #4C4C4C;


    font-family: tahoma,arial,verdana,sans-serif;


    font-size: 11px;


    font-weight: bold;


    line-height: 16px;


    margin: 0 6px 0 4px;


}





#details-body {


    padding: 20px;


}


td.wrap-text div {
    white-space: normal;
}


#details-body > p {


    font-weight: bold;


}