/* KGR le 27/12/2018 : Anciennement dans /src/modules/style/views/scripts/index/yui-calendar.phtml */
.yui-skin-sam .yui-panel { border-color:#7DC1F0; }
.yui-skin-sam .yui-panel .hd,.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft { border-color:#7DC1F0; }
.yui-skin-sam .yui-panel .hd { border-bottom:1px solid #7DC1F0; }
.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft { background:#F3F9FD; border-bottom:none; }
.yui-skin-sam .yui-panel .hd { color:#F3F9FD; background:#7DC1F0 }
.yui-skin-sam .container-close { background:url(/VooLibAssets/images/yui_sprite.png) no-repeat 0 -300px; }
.yui-skin-sam .yui-calcontainer { background:#E7F3FC; border:1px solid #7DC1F0; }
.yui-skin-sam .yui-calendar a.calnav{ border:1px solid transparent; color:#4F7A98; }
.yui-skin-sam .yui-calendar a.calnav:hover{ background:#F3F9FD; border:1px solid #4F7A98; }
.yui-skin-sam .yui-calendar .calnavleft{ background:url(/VooLibAssets/images/yui_sprite.png) no-repeat 0 -450px; }
.yui-skin-sam .yui-calendar .calnavright{ background:url(/VooLibAssets/images/yui_sprite.png) no-repeat 0 -500px; }
.yui-skin-sam .yui-calendar .calweekdaycell{ color:#4F7A98; }
.yui-skin-sam .yui-calendar td.calcell{ border:1px solid #7DC1F0; background:#F3F9FD; }
.yui-skin-sam .yui-calendar td.calcell a { color:#669DC4; }
.yui-skin-sam .yui-calendar td.calcell.today { background:#4F7A98; }
.yui-skin-sam .yui-calendar td.calcell.today a { background:#DBEEFA; color:#4F7A98; }
.yui-skin-sam .yui-calendar td.calcell.oom { background:#E7F3FC; color:#B8DDF6; }
.yui-skin-sam .yui-calendar td.calcell.selected { background:#F3F9FD; color:#669DC4; }
.yui-skin-sam .yui-calendar td.calcell.selected a { background:#669DC4; color:#F3F9FD; }
.yui-skin-sam .yui-calendar td.calcell.calcellhover { background:#F3F9FD; color:#223441; }
.yui-skin-sam .yui-calendar td.calcell.calcellhover a { background:#DBEEFA; color:#223441; }
.yui-skin-sam .yui-dialog .ft span button { background:#F3F9FD; color: #38576D; border:1px solid #38576D; }
.yui-skin-sam .yui-dialog .ft span button:hover { background:#DBEEFA; color: #223441; }
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask{ background:#7DC1F0; }
.yui-skin-sam .yui-calcontainer .yui-cal-nav{ border:1px solid #7DC1F0; background:#F3F9FD;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid{ background:#7DC1F0; color:#F3F9FD;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { border:none; background:transparent; }
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { background:#F3F9FD; color: #38576D; border:1px solid #38576D; }
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default { border:none;background:transparent; }
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button { background:#C3E2F8; color: #38576D; border:1px solid #38576D; }
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button:hover { background:#DBEEFA; color: #223441; }

/* KGR le 27/12/2018 : Anciennement dans src/modules/style/views/scripts/index/yui-datatable.phtml */
.yui-skin-sam .yui-dt table { width:100%; border:1px solid #7DC1F0; }
.yui-skin-sam .yui-dt th { background:#4F7A98; border-right:1px solid #7DC1F0; color:#F3F9FD; }
.yui-skin-sam .yui-dt th a { font-weight:bold; color:#F3F9FD; }
.yui-skin-sam .yui-dt td.yui-dt-last, .yui-skin-sam .yui-dt th.yui-dt-last { border:none; }
.yui-skin-sam .yui-dt tr.yui-dt-first td { border-top:1px solid #7DC1F0; }

.yui-skin-sam .yui-dt th.yui-dt-col-action { width:100px; }

.yui-skin-sam .yui-dt td { border-right:1px solid #7DC1F0; }
.yui-skin-sam th.yui-dt-asc,.yui-skin-sam th.yui-dt-desc { background:#38576D; }
.yui-skin-sam th.yui-dt-asc .yui-dt-liner { background:url(/VooLibAssets/images/dt-arrow-up.png) no-repeat right; }
.yui-skin-sam th.yui-dt-desc .yui-dt-liner { background:url(/VooLibAssets/images/dt-arrow-dn.png) no-repeat right; }
.yui-skin-sam tr.yui-dt-even { background:#F3F9FD; }
.yui-skin-sam tr.yui-dt-odd { background:#E7F3FC; }
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam tr.yui-dt-even td.yui-dt-desc { background:#DBEEFA; }
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc { background:#CFE8F9; }
.yui-skin-sam tr.yui-dt-selected td,.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc,.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc { background:#B8DDF6; color:#000000; }
.yui-skin-sam tr.yui-dt-highlighted,.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted { cursor:pointer; background:#C3E2F8; }
.yui-dt-editor { background:#F3F9FD; border:1px solid #7DC1F0; }
.yui-dt-editor .yui-dt-button button { background:#F3F9FD; color: #38576D border:1px solid #38576D; width:auto; height:auto; }
.yui-dt-editor .yui-dt-button button.yui-dt-default, .yui-dt-editor .yui-dt-button button:active { background:#C3E2F8; color: #38576D; border:1px solid #38576D; }
.yui-dt-editor .yui-dt-button button:hover { background:#DBEEFA; color: #223441; }

textarea.disabled, select.disabled, input.disabled { color:#000000; border:1px solid transparent; background:none; }
input.error { border:2px solid #FF0000; color:#FF0000; background:#FFB9B9 }
input.warning { border:2px solid #FF9900; color:#FF9900; background:#FFE3B9 }
input.notice { border:2px solid #01D758; color:#01D758; background:#B9F4D1 }
input.info { border:2px solid #6633CC; color:#6633CC; background:#D5C7F1 }
input.voo_date input.voo_time { text-align:center; }

div.vzn-row, div.cell { float:left; padding-right:1em; }
div.vzn-row { width:100%}
div.statictext,
div.vzn-label,
div.field,
.radio-inline,
.checkbox-inline,
label.control-label {
font-family: Helvetica;
font-size: 1em;
font-weight: normal;
line-height: 1.42857; /* Same as Bootstrap definition */
}
div.statictext { display: inline-block; position: relative; padding: 0 1em; cursor: default; }
div.current-tooltip {float:left; position:relative; left : -7px ;top:12px;height:10px; padding:0px }
div.current-tooltip span[data-toggle='tooltip']:after { margin-left:0px; }
div.group, fieldset.group { margin:1em 0; border:1px solid #7DC1F0; background:#F3F9FD; color:#000000; }

div.disabled-background {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba( 60, 60, 60, 0.6 );
z-index: 100;
}
div.groupdialog, fieldset.groupdialog {
margin: 0;
top: 20%;
left: 50%;
margin-left: -250px;
border-radius: 10px;
background-color: #fcfcfc;
z-index: 101;
/* Attention ces trois paramètres doivent rester à la fin */
width: 500px;
position: fixed;
padding: 30px;
}

div.groupdialog .dialog-header, fieldset.groupdialog .dialog-header {
margin-top: 0;
margin-bottom: 25px;
}

div.groupdialog .dialog-footer, fieldset.groupdialog .dialog-footer {
margin-top: 30px;
}

div.tabs {
margin-bottom:1em;
}

div.tabs {
margin-bottom: 10px;
}
div.tabs-panel {
/* border:1px solid #7DC1F0; */
background:#F3F9FD;
padding:0.5em;
}
div.tabs div.tabs-rm {
text-align: right;
padding: 0.1em 0.1em 0 0;
}
fieldset.group legend  { font:bold 120% Helvetica; /*font-variant:small-caps;*/ color:#38576D; background:#F3F9FD; border:1px solid #7DC1F0; padding:0 1em; }
ul.form-tabs { margin:0; padding:0; list-style:none; }
ul.form-tabs li {
float:left;
list-style:none;
background:#F3F9FD;
color: #38576D;
font:bold 100% Helvetica;
/*border:1px solid #38576D; */
/*border-left:none; */
text-transform:uppercase;
border-bottom:none;
}
ul.form-tabs li a {
text-decoration:none;
color: #38576D;
padding:0.5em 1em;
display:block;
}
ul.form-tabs li.first-tab {
/* border:1px solid #38576D; */
border-bottom:none;
}
ul.form-tabs li.selected-tab { background:#C3E2F8; }
ul.form-tabs li.new-tab {
/*float:right; */
/*border:1px solid #38576D; */
margin:0 0 -1px;
}
ul.form-tabs li.rm-tab {
background: none;
float:right;
margin:0 0 -1px;
}
ul.form-tabs li:hover, a.listing-new-row:hover { background:#DBEEFA; color: #223441; }

a.listing-new-row { display:block; float:left; padding:0.2em 1em; border:1px solid #38576D; margin:0 0 -1px; }
div.yui-dt caption { display:none; }
a.form-button { display:block; float:left; background:#CFE8F9; color: #38576D; font:bold 100% Helvetica; border:1px solid #38576D; text-transform:uppercase; text-decoration:none; padding:0.2em 1em; margin:0 0.2em 0 0; }
a.form-button:hover { background:#F3F9FD; }
div.group-button.edit { float:right; }
div.group-button.save-cancel { float:right; }

.yui3-avpanellogger-content { padding:2px;margin-right:15px;margin-top:5px; }
.yui3-avpanellogger-hidden { visibility:hidden; }
.yui3-avpanellogger-error { width:15px;height:15px;background-color:#FF0000;float:left;margin-right:5px;margin-bottom:1px;}
.yui3-avpanellogger-warning { width:15px;height:15px;background-color:#FF9900;float:left;margin-right:5px;margin-bottom:1px;}
.yui3-avpanellogger-notice { width:15px;height:15px;background-color:#01D758;float:left;margin-right:5px;margin-bottom:1px;}
.yui3-avpanellogger-info { width:15px;height:15px;background-color:#6633CC;float:left;margin-right:5px;margin-bottom:1px;}

div.readonly-field
{
padding-top: 7px;
}

/*
WebKit is using a pseudo-element: ::-webkit-input-placeholder.
Mozilla Firefox 4 to 18 is using a pseudo-class: :-moz-placeholder (one colon).
Mozilla Firefox 19+ is using a pseudo-element: ::-moz-placeholder, but the old selector will still work for a while.
Internet Explorer 10 is using a pseudo-class: :-ms-input-placeholder
We need separate rules for each browser. Otherwise the whole group would be ignored by all browsers
*/
::-webkit-input-placeholder { font-style: italic; }
:-moz-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }

/*
**
**    AUTO COMPLETE
**
*/

/***************************************
Spécifique pour le fonctionnement du module
****************************************
.yui3-skin-sam .yui3-aclist-item { background:#DDDDFF; }
.yui3-skin-sam .yui3-aclist-item-active { background:#BFDAFF; }
.yui3-skin-sam .yui3-aclist-item { padding:0; }

/**********************************
Espace entre les lignes de résultat
**********************************/
.result { margin: 1px; zoom: 1; }

.result:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden;
}

/***************************************
Exemple pour la mise en page du résultat
***************************************/
.result .title { font-weight:bold; }
.result .detail { font-style:italic; }

/*********************************
Formulaire ajouter nouveau patient
*********************************/
.new { text-align: right; margin:1em; }

/*******************************************************************************************
Modifie la position du résultat (effet "listing" au lieu d'un effet "drop down" (par défaut)
*******************************************************************************************/
.yui3-skin-sam .yui3-aclist { position:static !important; width:auto !important; margin-top:1em; }

/***************************************************************************************
Le résultat est toujours visible (évite la disparition du listing quand on tape sur tab)
***************************************************************************************/
.yui3-skin-sam .yui3-aclist-hidden { visibility:visible; }
/*****************************************************************************************************
Le résultat disparaît quand on sélectionne une ligne mais aussi quand on tape sur la touche tabulation
*****************************************************************************************************/
.yui3-skin-sam .yui3-aclist-hidden { display:none; }

/*********************************************************
Supprime l'effet d'ombre (utilisé pour le style drop down)
*********************************************************/
.yui3-skin-sam .yui3-aclist-content { box-shadow:none !important; }

div.green { color:green; font-weight:bold; }
div.red { color:red; font-weight:bold; }
div.bold { font-weight:bold; }
div.dmcp_nomprenom { font-weight:bold; margin:0 30px 0 5px ; }
input[type=button].dmcp_changepatient { float: right; }
input[type=button].dmcp_demande { margin-right:10px; width: 250px; }


/**** Module Listing ****/

/**** Listing.GroupBy ***/
.yui3-listing-grpby-panel dt, .yui3-listing-grpby-panel dd {
display: inline-block;
float: none;
}

.yui3-listing-grpby-panel dt {
width: 150px;
text-align: right;
}

.yui3-listing-grpby-panel dd {
text-align: left;
}

.yui3-listing-grpby-panel select[disabled] {
opacity: 0.4;
}

.yui3-listing-grpby-panel .yui3-listing-grpby-divGroupBy select {
}

.yui3-listing-grpby-panel .yui3-listing-grpby-fieldsList {
list-style-type: none;
padding: 0;
}

.yui3-listing-grpby-panel .yui3-listing-grpby-divGroupBy .yui3-listing-grpby-divGroupByFormat,
.yui3-listing-grpby-panel .yui3-listing-grpby-field .yui3-listing-grpby-divFieldFormat {
display: inline-block;
margin-left: 10px;
}


/******************************************************************************
File Upload Progress bar
******************************************************************************/
.uploadHTML5 {
/*background-color: #F3F9FD;*/

}

button.stopupload {
margin-left: 10px;
vertical-align: top;
}

.upload-progress {
width: 250px;
border: 1px solid black;
position: relative;
padding: 1px;
border-radius : 4px;
margin-bottom: 0;
margin-top: 0;
display: inline-block;
}

.percent {
position: absolute;
font-size : 10pt;
font-weight:bold;
left: 50%;
}

.progressBar {
height: 14px;
background-color: #00ff00;
width: 0%;
border-radius : 7px;
background: #7DC1F0; /* Old browsers */
background: -moz-linear-gradient(top,#38576D 0%, #C3E2F8 50%, #38576D 100%); /* FF3.6+ */
background: -moz-linear-gradient(top, #38576D 0%, #C3E2F8 50%, #38576D 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C3E2F8), color-stop(50%,#61c419), color-stop(100%,#38576D)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #38576D 0%,#C3E2F8 50%,#38576D 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #38576D 0%,#C3E2F8 50%,#38576D 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #38576D 0%,#C3E2F8 50%,#38576D 100%); /* IE10+ */
background: linear-gradient(to bottom, #38576D 0%,#C3E2F8 50%,#38576D 100%); /* W3C */
}

.listing {
padding-bottom: 10px;
overflow-x: auto;
}


/**** Listing.Colorize ***/

.yui3-listing-colorize-panel .yui3-listing-colorize-btnAdd {
margin: 0 5px;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-btnAdd span {
background: transparent url("/VooLibAssets/images/add.png") no-repeat left center;
height: 16px;
width: 16px;
margin-right: 5px;
display: inline-block;
vertical-align: top;
}


/* List of Rules */
.yui3-listing-colorize-panel .yui3-listing-colorize-rules {
list-style-type: none;
padding: 0;
margin: 10px;
}

/* One Rule */
.yui3-listing-colorize-panel .yui3-listing-colorize-rules .yui3-listing-colorize-rule {
margin: 5px 0;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rules .yui3-listing-colorize-rule-error {
border: 1px solid #c00;
background-color: #fee;
}

/* Each box containing selectors/input */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule > span {
padding-left: 10px;
vertical-align: middle;
}

/* The first box */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule > span:first-child {
padding-left: 0;
}

/* The list of operators to compare */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-listing-colorize-rule-compare {
width: 175px;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-listing-colorize-rule-valueBox {
min-width: 150px;
display: inline-block;
vertical-align: middle;
}

/* The value entered (input) or selected (select) by user */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-text,
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-dico {
width: 100%;
}

/* The Day and Month field of the Date component */
/* The Hour, Minute and Second fields of the DateTime component */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-date-d,
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-date-m,
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-datetime-h,
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-datetime-i,
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-datetime-s {
width: 1.9em;
}

/* The Year field of the Date component */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-date-y {
width: 2.9em;
}

/* The component DicoExt */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-dicoext {
background-color: #fff;
border: 1px solid #bbb;
border-radius: 2px;
height: 19px;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-dicoext .listing-colorize-field-dicoext-select {
display: block;
position: relative;
height: 19px;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-dicoext .listing-colorize-field-dicoext-value {
display: block;
height: 19px;
padding-left: 3px;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-dicoext .listing-colorize-field-dicoext-arrow {
position: absolute;
right: 0;
top: 0;
display: block;
width: 20px;
height: 19px;
text-align: center;
cursor: pointer;
border-left: 1px solid #bbb;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-dicoext .listing-colorize-field-dicoext-arrow:hover {
background-color: #bbb;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-dicoext ul.listing-colorize-field-dicoext-items {
list-style-type: none;
padding: 0;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rule .listing-colorize-field-dicoext ul.listing-colorize-field-dicoext-items li:hover {
background-color: #CFE8F9;
}

/* The container containing the colorWheel icon and the current color */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-listing-colorize-colorwheel {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}

/* The icon to show/hide the color overlay */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-listing-colorize-colorwheel-icon {
background: transparent url("/VooLibAssets/images/color_wheel.png") no-repeat center center;
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
}

/* The current selected color */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-listing-colorize-colorwheel-currentColor {
display: inline-block;
border: 1px solid #000;
box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
width: 32px;
height: 16px;
margin-left: 10px;
}

/* Each span present in overlay to choice a color */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-listing-colorize-colorwheel-color {
display: inline-block;
width: 16px;
height: 16px;
margin: 5px;
border: 1px solid #000;
box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
cursor: pointer;
}

/* The delete button to remove a rule */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-listing-colorize-rule-btnDelete {
margin-left: 10px;
}

.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-listing-colorize-rule-btnDelete span {
padding-left: 16px;
background: url('/VooLibAssets/images/delete.png') no-repeat 0 0;
}

/* The body of the overlay containing the colors available */
.yui3-listing-colorize-panel .yui3-listing-colorize-rule .yui3-widget-bd {
border: 1px solid #000;
background-color: #fff;
}


.yui3-skin-sam tr.yui-dt-rec td.yui-dt-col-action {
padding: 5px;
}

.yui3-skin-sam tr.yui-dt-rec td.yui-dt-col-action div.liner-action {
/*background-color: #FF8C00;*/
background-color: #2D4657;
border-radius: 4px;
/*color: #fff;*/
color: #E7F3FC;
margin: 2px 0;
text-align: center;
padding: 2px 0;
}

/* ----- Intégration de la couleur dominante dans Yui3 et Yui2 ----- */
/* Background du titre d'un panel Yui3 */
.yui3-skin-sam .yui3-panel .yui3-widget-hd {
background: none !important;
background-color: #5A8CAE !important;
}

/* Background du footer d'un panel Yui3 */
.yui3-skin-sam .yui3-panel .yui3-widget-ft {
background: none !important;
background-color: #E7F3FC !important;
}

/* Tabulations Yui3 */
.yui3-skin-sam #page .yui3-tab .yui3-tab-label {
background-image: none;
background-color: #fff;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}

/* Skin le bordure épaisse sous les onglets */
.yui3-skin-sam #page .yui3-tabview-list {
border-color: #7DC1F0;
}

/* Pour un onglet selectionné le background ne change pas, quelque soit son
état : même teinte que la bordure épaisse sous les onglets */
.yui3-skin-sam #page .yui3-tab-selected .yui3-tab-label,
.yui3-skin-sam #page .yui3-tab-selected .yui3-tab-label:focus,
.yui3-skin-sam #page .yui3-tab-selected .yui3-tab-label:hover {
background-color: #7DC1F0;
}

/* Teinte clair lorsque la souris survol l'onglet */
.yui3-skin-sam #page .yui3-tab-label:hover,
.yui3-skin-sam #page .yui3-tab-label:focus {
background-image: none;
background-color: #E7F3FC;
}

/* Bordure foncée */
.yui3-skin-sam #page .yui3-tab-selected .yui3-tab-label {
background-image: none;
border-color: #446982;
}

/* Arrière plan du contenu de l'onglet */
.yui3-skin-sam #page .yui3-tabview-panel {
background-color: #F3F9FD;
/* Padding left and right must be the same as negative margin-left and negative margin-right of bootstrap row */
padding-left: 15px;
padding-right: 15px;
}

.yui3-tabview {
margin-bottom: 15px;
}

/* Yui2 Datatable : conservation de la font familly déclarée précédement */
.yui-skin-sam #page .yui-dt table {
font-family: inherit;
}

/* Styles liés au gestionnaire de ressources */
/* On force la hauteur et la largeur de l'éditeur généré par CodeMirror */
.field .create-res-highlight, .field .update-res-highlight,
.create-res-highlight .CodeMirror, .update-res-highlight .CodeMirror { min-height: 600px; }

/* Css lorsque codemirror est en mode fullscreen */
.CodeMirror-fullscreen {
position: fixed !important;
top: 0; left: 0; right: 0; bottom: 0;
width: 100% !important;
height: 100% !important;
z-index: 9;
}
.CodeMirror-dialog {
position: absolute;
left: 0; right: 0;
background: white;
z-index: 15;
padding: .1em .8em;
overflow: hidden;
color: #333;
}
.CodeMirror-dialog-top {
border-bottom: 1px solid #eee;
top: 0;
}
.CodeMirror-dialog-bottom {
border-top: 1px solid #eee;
bottom: 0;
}
.CodeMirror-dialog input {
border: none;
outline: none;
background: transparent;
width: 20em;
color: inherit;
font-family: monospace;
}
.CodeMirror-dialog button {
font-size: 70%;
}
.CodeMirror-hints {
position: absolute;
z-index: 10;
overflow: hidden;
list-style: none;

margin: 0;
padding: 2px;

-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
border-radius: 3px;
border: 1px solid silver;

background: white;
font-size: 90%;
font-family: monospace;

max-height: 20em;
overflow-y: auto;
}
.CodeMirror-hint {
margin: 0;
padding: 0 4px;
border-radius: 2px;
max-width: 19em;
overflow: hidden;
white-space: pre;
color: black;
cursor: pointer;
}
.CodeMirror-hint-active {
background: #08f;
color: white;
}


/* To force a static text to be in "inline" mode */
div.statictext-inline {
float: left;
}

div.statictext-nopadding {
padding: 0;
}

/* Bootstrap customization */

/* Ré-initialisation du style appliqué par bootstrap */
fieldset > legend {
width: auto;
margin: 0;
}

/* Padding fieldset "groupe" */
fieldset.group {
/*
Important : La valeur pour padding-left et padding-right *doit* être égale aux margins
des "gutters" du système de grid de bootstrap, sans quoi des décallages disgracieux
peuvent appraitrent
*/
padding: 15px;
}

/* Même remarque que fieldset.group concernant le padding, il doit être équivalent aux "gutters" margins d'une grid bootstrap */
.vzn-form {
padding-left: 15px;
padding-right: 15px;
}

div.vzn-label > label {
font-weight: normal;
}

/* Bootstrap force les inputs à 100% de largeur, dans le cas d'un form-inline on doit mettre la width en dur */
input.voo_date_day, input.voo_date_month { width: 4em; }
input.voo_date_year { width: 4.5em; }

input.time-field-hour, input.time-field-minute, input.time-field-second { width: 4em; }

/* Plus joli sans le '/' entre les fields non ? */
.date-fields .separator { visibility: hidden; }
.calendar-img { padding-left: 0.5em; }

.yui3-skin-sam #page .yui3-tab .yui3-tab-label,
.yui3-skin-sam #page .yui3-tab-selected .yui3-tab-label {
padding: 0.7em 0.8em;
}


/*
* @see https://github.com/twbs/bootstrap/issues/9433
* Une maj de Bootstrap empeche les small device d'utiliser des form-inline
*/
.form-inline .form-control,
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
}

.form-inline .radio,
.form-inline .checkbox {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}

/* Special skin for a tooltip of a field label */
.statictext span[data-toggle='tooltip'], label span[data-toggle='tooltip'], th span[data-toggle='tooltip'] {
position: relative;
text-decoration: none;
border-bottom: 1px dotted #000;
}

/* Question mark after the label */
.statictext span[data-toggle='tooltip']:after, label span[data-toggle='tooltip']:after, th span[data-toggle='tooltip']:after {
content: " ?";
font-size: 0.8em;
position: absolute;
top: -7px;
background-color: #94CCF2;
color: #F3F9FD;
border-radius: 3px;
display: inline-block;
padding: 0 3px;
font-weight: bold;
margin-left: 10px;
}

@media (max-width: 768px) {
.statictext span[data-toggle='tooltip']:after, label span[data-toggle='tooltip']:after, th span[data-toggle='tooltip']:after {
right: -4px;
margin-left: 0;
}
}


/* Specific position for the question mark of a statictext */
.statictext span[data-toggle='tooltip']:after {
top: -8px;
}

/* Propre au WidgetTooltip */
.vzn-tooltip {
font-size: 1.2em;
background-color: #94CCF2;
color: #F3F9FD;
border-radius: 3px;
display: inline-block;
padding: 1px 5px;
font-weight: bold;
cursor: help;
}

/* Colorisation de la tooltip selon la couleur dominante */
.tooltip-inner { background-color: #88C6F1; }
.tooltip.top .tooltip-arrow { border-top-color: #88C6F1; }
.tooltip.top-left .tooltip-arrow { border-top-color: #88C6F1; }
.tooltip.top-right .tooltip-arrow { border-top-color: #88C6F1; }
.tooltip.right .tooltip-arrow { border-right-color: #88C6F1; }
.tooltip.left .tooltip-arrow { border-left-color: #88C6F1; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #88C6F1; }
.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #88C6F1; }
.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #88C6F1; }

/* Container for buttons related to a WidgetListing in Read/Write mode */
div.listing-rw-buttons { margin-bottom: 5px; }

/* Style pour une cellule d'un DataTable marquée comme "éditable" */
.yui-skin-sam .yui-dt tr td.yui-dt-editable {
background-image: url('/VooLibAssets/images/pencil.png');
background-position: 99% 20%;
background-repeat: no-repeat;
}

/******************************************************************************
Table
******************************************************************************/

/* Action button used to edit or delete a record */
table button.btn-action-table {
background: none;
border: none;
}

table td.text-noRecordFound {
text-align: center;
font-style : italic;
}

/******************************************************************************
Widget ordered list & simple list
******************************************************************************/
.list-group-item:not(.active), .list-group-item:not(.active) label{
cursor: pointer;
}
.ordered-list .icon-up, .ordered-list .icon-down {
font-size: 28px;
}

.ordered-list label, .simple-list label {
padding-left: 5px;
display: inline;
}

.ordered-list li:not(.active):hover, .simple-list li:not(.active):hover,
.ordered-list li.hover, .simple-list li.hover
{
background-color: #d9edf7 !important;
color: #31708f !important;
}


/******************************************************************************
Forms
******************************************************************************/
.form-horizontal label.text-left {
text-align: left;
}

.form-horizontal label.text-right {
text-align: right;
}

input.field-rightMargin, select.field-rightMargin, label.label-rightMargin, div.label-rightMargin {
margin-right:4px;
}

div.div-inline {
display: inline-block;
}

.label.label-default {
background-color: #7DC1F0;
color: #F3F9FD;
}

.tag-list {
z-index: 0;
}

/* Boite de dialogue sur la liste des utilisateurs pour l'import */
#import-users-groupdialog-dialog {
top: 5%;
}

.table td.actionColumn {
width: 50px;
text-align: center;
}

.widget-stat,
.widget-carto {
height: auto;
width: 100%;
}

.widget-stat .result .legend,
.widget-carto .result .legend {
padding: 6px 8px;
font: 14px/16px Arial, Helvetica, sans-serif;
background: white;
background: rgba(255,255,255,0.8);
box-shadow: 0 0 15px rgba(0,0,0,0.2);
border-radius: 5px;
line-height: 18px;
color: #555;
}

.widget-stat .result .legend i,
.widget-carto .result .legend i {
width: 18px;
height: 18px;
float: left;
margin-right: 8px;
}

.widget-stat .result .legend table, .legend td,
.widget-carto .result .legend table, .legend td {
border: none;
}
.loading{
background: transparent url("/VooLibAssets/images/busy.gif") no-repeat scroll 0 0;
}
.widget-stat .loading,
.widget-carto .loading {
padding-left: 22px;
margin: 8px 0;
}

#infos .loading{
width: 16px;
display: inline-block;
height: 16px;
margin: -2px 0px -2px 6px;
}

// KGR : Table bootstraper pour le widget stat

.widget-stat table {
border-spacing: 0;
border-collapse: collapse;
}

.widget-stat table {
border-collapse: collapse !important;
}

.widget-stat table {
background-color: transparent;
}

.widget-stat table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border: medium none;
}

.widget-stat table > thead > tr > th,
.widget-stat table > tbody > tr > th,
.widget-stat table > tfoot > tr > th,
.widget-stat table > thead > tr > td,
.widget-stat table > tbody > tr > td,
.widget-stat table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-color: #dddddd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 1px 0 0;
}

.widget-stat table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.widget-stat table > caption + thead > tr:first-child > th,
.widget-stat table > colgroup + thead > tr:first-child > th,
.widget-stat table > thead:first-child > tr:first-child > th,
.widget-stat table > caption + thead > tr:first-child > td,
.widget-stat table > colgroup + thead > tr:first-child > td,
.widget-stat table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.widget-stat table > tbody + tbody {
border-top: 2px solid #ddd;
}

.widget-stat table > thead > tr > th,
.widget-stat table > tbody > tr > th,
.widget-stat table > tfoot > tr > th,
.widget-stat table > thead > tr > td,
.widget-stat table > tbody > tr > td,
.widget-stat table > tfoot > tr > td {
padding: 5px;
}

.widget-stat table > thead > tr > th[align="right"] {
text-align: right !important;
}

.widget-stat table > thead > tr > th[align="left"] {
text-align: left !important;
}

.widget-stat table > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}

table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.widget-stat table > thead > tr > td.active,
.widget-stat table > tbody > tr > td.active,
.widget-stat table > tfoot > tr > td.active,
.widget-stat table > thead > tr > th.active,
.widget-stat table > tbody > tr > th.active,
.widget-stat table > tfoot > tr > th.active,
.widget-stat table > thead > tr.active > td,
.widget-stat table > tbody > tr.active > td,
.widget-stat table > tfoot > tr.active > td,
.widget-stat table > thead > tr.active > th,
.widget-stat table > tbody > tr.active > th,
.widget-stat table > tfoot > tr.active > th {
background-color: #f5f5f5;
}

.widget-stat table > thead > tr > td.success,
.widget-stat table > tbody > tr > td.success,
.widget-stat table > tfoot > tr > td.success,
.widget-stat table > thead > tr > th.success,
.widget-stat table > tbody > tr > th.success,
.widget-stat table > tfoot > tr > th.success,
.widget-stat table > thead > tr.success > td,
.widget-stat table > tbody > tr.success > td,
.widget-stat table > tfoot > tr.success > td,
.widget-stat table > thead > tr.success > th,
.widget-stat table > tbody > tr.success > th,
.widget-stat table > tfoot > tr.success > th {
background-color: #dff0d8;
}

.widget-stat table > thead > tr > td.info,
.widget-stat table > tbody > tr > td.info,
.widget-stat table > tfoot > tr > td.info,
.widget-stat table > thead > tr > th.info,
.widget-stat table > tbody > tr > th.info,
.widget-stat table > tfoot > tr > th.info,
.widget-stat table > thead > tr.info > td,
.widget-stat table > tbody > tr.info > td,
.widget-stat table > tfoot > tr.info > td,
.widget-stat table > thead > tr.info > th,
.widget-stat table > tbody > tr.info > th,
.widget-stat table > tfoot > tr.info > th {
background-color: #d9edf7;
}

.widget-stat table > thead > tr > td.warning,
.widget-stat table > tbody > tr > td.warning,
.widget-stat table > tfoot > tr > td.warning,
.widget-stat table > thead > tr > th.warning,
.widget-stat table > tbody > tr > th.warning,
.widget-stat table > tfoot > tr > th.warning,
.widget-stat table > thead > tr.warning > td,
.widget-stat table > tbody > tr.warning > td,
.widget-stat table > tfoot > tr.warning > td,
.widget-stat table > thead > tr.warning > th,
.widget-stat table > tbody > tr.warning > th,
.widget-stat table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}

.widget-stat table > thead > tr > td.danger,
.widget-stat table > tbody > tr > td.danger,
.widget-stat table > tfoot > tr > td.danger,
.widget-stat table > thead > tr > th.danger,
.widget-stat table > tbody > tr > th.danger,
.widget-stat table > tfoot > tr > th.danger,
.widget-stat table > thead > tr.danger > td,
.widget-stat table > tbody > tr.danger > td,
.widget-stat table > tfoot > tr.danger > td,
.widget-stat table > thead > tr.danger > th,
.widget-stat table > tbody > tr.danger > th,
.widget-stat table > tfoot > tr.danger > th {
background-color: #f2dede;
}

.listing-buttons .btn {
margin-left: 2px;
}

div.listingBuilderTable ul {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
white-space: nowrap;
padding: 0;
}

div.listingBuilderTable li.column {
display: inline-block;
margin-right: 6px;
vertical-align: top;
}

div.listingBuilderTable li.column .cell {
padding: 5px;
min-width: 150px;
float: none;
}

div.listingBuilderTable li.column .headCell {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
border-radius: 4px;
height: 110px;
}

div.listingBuilderTable li.column .headCell .actions {
text-align: right;
}

div.listingBuilderTable li.column .headCell .title {
padding: 5px 0 10px 2px;
font-weight: bold;
}

div.listingBuilderTable li.column .titleCell {
/*
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
*/

margin-top: 5px;
height: 30px;
border-bottom: 1px solid #ddd;
padding: 8px;
font-weight: bold;
}

div.listingBuilderTable li.column .dataCell {
/*
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
margin-top: 5px;
*/

border-top: 1px solid #ddd;
height: 38px;
padding: 8px;
vertical-align: top;
}

div.listingBuilderTable li.column .dataCell.action {
text-align: center;
}

div.listingBuilderTable li.column .titleCell.hiddenCol,
div.listingBuilderTable li.column .dataCell.hiddenCol,
div.listingBuilderTable li.column .dataCell.hiddenCol button {
color: #cdcdcd;
}

div.listingBuilderTable li.column .dataCell.one {
background-color: #f9f9f9;
}

div.listingBuilderTable li.column .dataCell.two {
background-color: #fff;
}

div.listingBuilderTable li.column.ondrag {
opacity: 0.6;
}

.find_variables_results.row {
margin: 10px 0;
}

/* Panel Bootstrap */
/* Intégration de la couleur dominante du projet au btn-primary de bootstrap */

.panel.panel-danger {
border-color: #ebccd1;
background-color: #f2dede;
}

.panel.panel-warning {
border-color: #faebcc;
background-color: #fcf8e3;
}

.panel.panel-info {
border-color: #bce8f1;
background-color: #f5f5f5;
}

.panel.panel-success {
border-color: #d6e9c6;
background-color: #dff0d8;
}

.panel {
background-color: rgba(125,193,240,0.075);
}

.bg-white{
background-color: white;
}

.group-transparent > .panel-body {
padding: 0;
}

.btn-primary {
background-color: #88C6F1;
background-image: none;
border-color: #A0D1F4;
}

.btn-primary .badge {
color: #88C6F1;
}

.btn-primary:hover {
background-color: #7DC1F0;
background-image: none;
border-color: #88C6F1;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
background-color: #88C6F1;
border-color: #88C6F1;
}

div.vzn-row, div.cell{
padding-right: 0;
}

/* Overlay */
#replaceframe-overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}

/* style des boutons pour action ="disabled" */
.btn-disabled{
opacity: 0.65;
cursor: not-allowed;
}

.btn-disabled[disabled]{
pointer-events: auto;
}

/* Barre de chargement de l'overlay */
#replaceframe-overlay div {
background:url("/VooLibAssets/images/loading_bar.gif") 50% 50% no-repeat;
position:fixed;
z-index:9999;
top:0px;
left:0px;
height:100%;
width:100%;
cursor:wait;
}

.migration-status {
background:url("/VooLibAssets/images/fwk.jpg") #FFF right no-repeat;
border-radius: 10px;
border:solid #88C6F1 1px;
padding:5px;
margin-top:15px;
margin-bottom:15px;
}

.listing-field-center {
text-align:center;
}

.alerte {
background: #ffd8d8 none repeat scroll 0 0;
border: 2px solid #B14848;
color: #B14848;
font: bold 100% Arial,Helvetica,Geneva,sans-serif;
}

.alert-alerte {
background-color: #ffd8d8;
border-color: #B14848;
color: #B14848;
}

.alert-notice {
background-color: #f1ffb9;
border-color: #faebcc;
color: #8a6d3b;
}

/*
** Widget user group
*/
.widget-userGroup {

}

.widget-userGroup .groups-selected {

}

.widget-userGroup .groups-selected div {
float: left;
margin: 6px 2px 6px 0;
}

.widget-userGroup .groups-selected .label {
font-size: 1.2em;
}

.modal-userGroup span.indent {
margin: 0 10px;
}

.modal-userGroup .list-group-item,
.modal-userGroup .list-group-item .toggle-display {
cursor: pointer;
}

.modal-userGroup .list-group-item.disabled {
cursor: initial;
}

.widget-userGroup button {
margin-top: 5px;
}

.yui3-skin-sam .widget-slider .yui3-slider-x .yui3-slider-thumb {
width:25px;
}

.widget-slider-value {
float:left;
font-weight:bold;
width:20px;
margin: 7px 10px 0;
}

.yui3-skin-sam .widget-slider-capsule-x .yui3-slider-x .yui3-slider-thumb {
width:15px;
height: 30px;
}

.yui3-skin-sam .widget-slider-capsule-y .yui3-slider-y .yui3-slider-thumb {
width:30px;
height: 15px;
}

.yui3-skin-sam .widget-slider-round-x .yui3-slider-x .yui3-slider-thumb {
width:25px;
height: 25px;
}

.yui3-skin-sam .widget-slider-round-y .yui3-slider-y .yui3-slider-thumb {
width:25px;
height: 25px;
}

.yui3-skin-sam .widget-slider-round-y .yui3-slider-y .yui3-slider-thumb-image {
left: -8px;
}

.yui3-skin-sam .widget-slider-round-x .yui3-slider-x .yui3-slider-thumb-image {
top: -8px;
}

.yui3-skin-sam .widget-slider-audio-x .yui3-slider-x .yui3-slider-thumb {
width:18px;
height: 30px;
}

.yui3-skin-sam .widget-slider-audio-x .yui3-slider-x .yui3-slider-thumb-image {
top: -5px;
}

.yui3-skin-sam .widget-slider-audio-y .yui3-slider-y .yui3-slider-thumb {
width:30px;
height: 18px;
}

.yui3-skin-sam .widget-slider-audio-y .yui3-slider-y .yui3-slider-thumb-image {
left:-5px;
}
.widget-slider-value-y {
font-weight:bold;
width:20px;
margin-left: 10px;
margin-right: 10px;
}

/*
** List corrections
*/

.no-sort .chevrons {
display: none;
}

/**************************************************
WIDGET PJ_NOTICE
**************************************************/

.form-notice-message textarea {
height: 193px;
resize: none;
}

.notice-title {
padding: 15px 30px;
margin: 0;
}

.notice-header {
padding: 0;
cursor: pointer;
margin: 0px;
}

.notice-header[aria-expanded="true"] .collapse-chevron:before {
content: '\e113';
font-family: 'Glyphicons Halflings';
vertical-align: middle;
}

.notice-header[aria-expanded="false"] .collapse-chevron:before {
content: '\e114';
font-family: 'Glyphicons Halflings';
vertical-align: middle;
}

.notice-header .date {
margin-bottom: 0;
padding: 15px 30px;
}

.notice-header .collapse-chevron {
margin: 0;
padding: 15px 30px;
}

.notice-body {
font-size: 16px;
padding: 30px;
background-color: #fff;
}

.notice-body p {
margin-bottom: 0px;
}

.notice-footer {
padding: 15px 30px;
background-color: #F5F5F5;
}

.notice-footer > ul {
margin-bottom: 0px;
}

.notice-footer div button:last-child {
margin-left: 15px
}

.notice-footer > ul li {
list-style:none;
font-size: 16px;
margin: 0;
}

.notice-footer > ul {
padding: 0;
}

@media screen and (max-width: 360px) {

.notice-footer button {
width: 100%;
margin: 2px 0;
}
}

.notice-colors .radio[data-code] {
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
padding: 6px 12px;
border: 1px solid transparent;
border-radius: 4px;
width: 120px;
margin: 5px 0;
}

.notice-colors .radio[data-code] input {
visibility: hidden;
}

.notice-colors .radio[data-code] label {
padding-left: 0;
width: 100%;
}

.notice-colors .radio[data-code="default"] {
color: #333;
background-color: #fff;
border-color: #ccc;
}

.notice-colors .radio[data-code="default"]:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}

.notice-colors .radio[data-code="primary"] {
color: #fff;
background-color: #7DC1F0;
border-color: #2e6da4;
}

.notice-colors .radio[data-code="primary"]:hover {
color: #fff;
background-color: #5A8CAE;
border-color: #204d74;
}

.notice-colors .radio[data-code="success"] {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}

.notice-colors .radio[data-code="success"]:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}

.notice-colors .radio[data-code="info"] {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}

.notice-colors .radio[data-code="info"]:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}

.notice-colors .radio[data-code="warning"] {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}

.notice-colors .radio[data-code="warning"]:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}

.notice-colors .radio[data-code="danger"] {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}

.notice-colors .radio[data-code="danger"]:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}

.alert-primary {
color: #FFF;
background-color: #88C6F1;
border-color: #88C6F1;
}

.alert-default {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}

/**************************************************
WIDGET BOOLEAN
**************************************************/

.toggle-label-false, .toggle-label-true, .toggle-label-null {
position: relative;
display: inline-block;
cursor: pointer;
font-weight: 500;
text-align: left;
margin-left: 2px;
width: 40px;
padding: 16px 0;
}

.toggle-label-false:before, .toggle-label-false:after, .toggle-label-true:before, .toggle-label-true:after {
content: "";
position: absolute;
margin: 0;
outline: 0;
top: 50%;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}

.toggle-label-null:before, .toggle-label-null:after {
content: "";
position: absolute;
margin: 0;
outline: 0;
top: 50%;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}

.toggle-label-false:before {
left: 1px;
width: 34px;
height: 14px;
background-color: #A94442;
border-radius: 8px;
}

.toggle-label-null:before {
left: 1px;
width: 34px;
height: 14px;
background-color: #BDBDBD;
border-radius: 8px;
}

.toggle-label-false:after, .toggle-label-true:after {
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.toggle-label-null:after {
left: 8px;
width: 20px;
height: 20px;
background-color: #BDBDBD;
border-radius: 50%;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.toggle-label-false:after {
background-color: #D9534F;
}

.toggle-label-null:after {
background-color: #757575;
}

.toggle-label-true:before {
left: 1px;
width: 34px;
height: 14px;
background-color: #3C763D;
border-radius: 8px;
}

.toggle-label-true:after {
background-color: #5CB85C;
-ms-transform: translate(80%, -50%);
-webkit-transform: translate(80%, -50%);
transform: translate(80%, -50%);

}


/**************************************************
WIDGET MENU
**************************************************/

#drawer {
height: 100%;
width: 50px;
position: fixed;
z-index: 1039;
background-color: #ffffff;
top: 0;
left: 0;
overflow-x: hidden;
transition: 0.2s;
}

#drawer .toggle-drawer {
display: inline-block;
position: absolute;
top: 17px;
left: 17.06px;
font-size: 18px;
cursor: pointer;
}

#drawer .drawer-brand {
display: none;
}

#drawer .closebtn {
display: inline-block;
margin-top: 14.9px;
margin-left: 17.06px;
font-size: 18px;
padding-left: 0;
}

#drawer a {
display: block;
text-decoration: none;
padding-left: 16.9px;
}

#verticalMenu {
margin-top: 51px;
border-top: 1px solid #e7e7e7;
}

#verticalMenu ul {
padding-right: 0;
}

#verticalMenu a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 38px !important;
}

#verticalMenu .fa {
font-size: 18px;
}

@media (max-width: 768px) {
#verticalMenu .user-info {
padding-top: 10px;
padding-left: 17px;
}

#verticalMenu .user-info li {
margin-bottom: 10px;
}
}

#verticalMenu hr {
margin-top: 10px;
margin-bottom: 10px;
}

#verticalMenu .drawer-sub-nav {
padding-left: 25px;
}

#verticalMenu .drawer-icon {
margin-right: 5px;
width: 18px;
text-align: center;
}

#verticalMenu .drawer-logo {
height: initial !important;
padding-bottom: 5px;
}

#overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
z-index: 1038;
cursor: pointer;
}

.navbar {
background-color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.horizontal-fixed {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 50px;
}

.navbar .container-fluid {
padding-left: 0;
}

.navbar .navbar-nav li a.navbar-img {
height: 50px;
padding-top: 0;
padding-bottom: 0;
}

.navbar .navbar-brand > img,
.navbar .navbar-nav li > img {
width: auto;
}

.navbar .navbar-header .navbar-brand > .toggle-drawer {
font-size: 18px;
cursor: pointer;
}

.navbar .collapse .navbar-btn {
margin-left: 15px;
}

#verticalMenu .user-info,
.navbar .user-info {
display: table;
}

.navbar .user-info {
height: 50px;
margin: 0 15px;
padding: 4px 0;
}

#verticalMenu .user-info {
padding: 5px 13px;
margin-top: 5px;
height: 38px !important;
width: 100%;
}

#verticalMenu .user-info>span {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 26px;
}

#verticalMenu .user-info>span:first-child {
border: 13px solid #507C90;
border-radius: 15px;
width: 26px;
color: white;
}

#verticalMenu .user-info>span:last-child {
padding-left: 30px;
}

.navbar .user-info>span.fa {
display: table-cell;
padding-right: 2px;
}

/*
** List corrections
*/

.no-sort .chevrons {
display: none;
}

.sticky-70{
position: sticky;
position: -webkit-sticky;
top: 70px;
}

.jipt-no-translations {
display: none !important;
}

a[href$="zu_ZA"], a[id$="zu_ZA"] {
display: none !important;
}

.fix-readonly-prefix, .fix-readonly-suffix {
color:#000000;
opacity: 0.65;
}

.static-highlight .CodeMirror {
height: auto;
border: 1px solid #ccc;
border-radius: 4px;
background: rgb(240,240,240);
}


/* UTILITIES */

.margin-0 {
margin: 0;
}

.margin-top-0 {
margin-top: 0;
}

.margin-right-0 {
margin-right: 0;
}

.margin-bottom-0 {
margin-bottom: 0;
}

.margin-left-0 {
margin-left: 0;
}

.margin-x-0 {
margin-left: 0;
margin-right: 0;
}

.margin-y-0 {
margin-top: 0;
margin-bottom: 0;
}

.margin-5 {
margin: 5px;
}

.margin-top-5 {
margin-top: 5px;
}

.margin-right-5 {
margin-right: 5px;
}

.margin-bottom-5 {
margin-bottom: 5px;
}

.margin-left-5 {
margin-left: 5px;
}

.margin-x-5 {
margin-left: 5px;
margin-right: 5px;
}

.margin-y-5 {
margin-top: 5px;
margin-bottom: 5px;
}

.margin-10 {
margin: 10px;
}

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

.margin-right-10 {
margin-right: 10px;
}

.margin-bottom-10 {
margin-bottom: 10px;
}

.margin-left-10 {
margin-left: 10px;
}

.margin-x-10 {
margin-left: 10px;
margin-right: 10px;
}

.margin-y-10 {
margin-top: 10px;
margin-bottom: 10px;
}

.margin-15 {
margin: 15px;
}

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

.margin-right-15 {
margin-right: 15px;
}

.margin-bottom-15 {
margin-bottom: 15px;
}

.margin-left-15 {
margin-left: 15px;
}

.margin-x-15 {
margin-left: 15px;
margin-right: 15px;
}

.margin-y-15 {
margin-top: 15px;
margin-bottom: 15px;
}

.padding-0 {
padding: 0;
}

.padding-0-important {
padding: 0 !important;
}

.padding-top-0 {
padding-top: 0;
}

.padding-right-0 {
padding-right: 0;
}

.padding-bottom-0 {
padding-bottom: 0;
}

.padding-left-0 {
padding-left: 0;
}

.padding-x-0 {
padding-left: 0;
padding-right: 0;
}

.padding-y-0 {
padding-top: 0;
padding-bottom: 0;
}

.padding-x-5 {
padding-right: 5px;
padding-left: 5px;
}

.padding-y-5 {
padding-top: 5px;
padding-bottom: 5px;
}

.padding-15 {
padding: 15px;
}

.padding-top-15 {
padding-top: 15px;
}

.padding-right-15 {
padding-right: 15px;
}

.padding-bottom-15 {
padding-bottom: 15px;
}

.padding-left-15 {
padding-left: 15px;
}

.padding-x-15 {
padding-left: 15px;
padding-right: 15px;
}

.padding-y-15 {
padding-top: 15px;
padding-bottom: 15px;
}

    .yui-dt-col-sys_group {
    display: none !important;
    }


.no-padding{
padding: 0 !important;
}

.trad-status div[id^="data-to-print-value-widget-meter"] > p::after {
content: " %";
}
.trad-status .widget-meter-bar{
padding: 0 !important;
}

.trad-status .progress{
margin-bottom:0 !important;
background-color: #ccc;
}

.trad-status div[id^="title-container-widget-meter"]{
padding: 0;
}

.trad-status div[id^="title-container-widget-meter"] {
padding: 0 !important;
}

.trad-status .translated-progress {
margin-top: -20px;
color: white;
font-weight: bold;
}
li[data-code="zu_ZA"] {
display: none;
}

.pull-right-sub-btn-elt > button {
float: right !important;
}

.fa.fa-system-variable {
background: transparent;
border: 0.05em solid;
border-radius: 50%;
width: 1em;
height: 1em;
position: relative;
}

.fa.fa-system-variable:before {
font-size: 0.70em;
content: '\f006';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}


.fa.fa-relationship {
font-size: 1em;
}
.fa.fa-relationship:before {
content: '\f108';
display: inline-block;
transform: rotate(-90deg);
}
.fa.fa-relationship:after {
content: '\f108';
display: inline-block;
transform: rotate(90deg);
margin-left: -0.3em;
}


#username-blacklist-content .modal-body {
height: 300px;
overflow-x: auto;
margin-bottom: 10px;
}

.password-tester {
background-color: rgba(0,0,0,0.08);
padding-top: 5px;
}

.popover ul {
padding-left: 5px;
}

.center-text {
text-align:center;
}


.panel.group-epi-dark-green {
background-color: rgba(24,164,147,0.075);
border-color: #18A493;
}

.group-epi-dark-green .panel-heading  {
background-color: #18A493;
color: white;
}

.btn-epi-dark-green {
background-color: #2DAC9C;
background-image: none;
color: white;
border-color: #57BCB0;
}

.epi-dark-green .badge {
color: #2DAC9C;
}

.btn-epi-dark-green:hover {
background-color: #18A493;
background-image: none;
color: white;
border-color: #2DAC9C;
}

.btn-epi-dark-green:focus,
.btn-epi-dark-green:active,
.btn-epi-dark-green.active {
background-color: #2DAC9C;
border-color: #2DAC9C;
color: white;
}

.dropdown-menu > li > .btn-link:hover, .dropdown-menu > li > .btn-link:focus {
color: inherit;
text-decoration: none;
background-color: #f5f5f5;
}

.dropdown-menu > li > .btn-link {
padding: 0 6px;
color:inherit;
text-align: left;
width: 100%;
}

.widget-meter {
-webkit-print-color-adjust: economy;
}