.ui-widget,
.ui-widget .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: inherit;
    line-height: 1.2em;
}
.ui-widget-content {
    background-image: none;
    background-color: #f9f9f9;
}

.ui-widget-content a {
    color: #000;
}
.ui-widget-content a:hover {
    color: #044664;
}
.ui-widget-header {
    background: none;
    border: none;
    color: #000;
    font-weight: 400;
}
.ui-widget-header input,
.ui-widget-header select,
.ui-widget-header textarea {
    color: #333;
    font-weight: 400;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    color: #333333;
}
.ui_tpicker_hour_slider .ui-slider-handle,
.ui_tpicker_minute_slider .ui-slider-handle {
    border-color: #cccccc;
    background-color: #cccccc;
    background-image: none;
    color: #333333;
}
.ui-multiselect.ui-state-default {
    border-color: #cccccc;
}
.ui-multiselect {
    display: block;
}

.ui-autocomplete {
    position: fixed;
}
.ui-autocomplete.no-fixed {
    position: inherit;
}
.ui-dialog.no-overflow {
    overflow: inherit;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: #FFF;
    color: #000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
}
.ui-state-highlight a,
.ui-state-highlight a:hover,
.ui-state-highlight a:link,
.ui-state-highlight a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #044664;
}


.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #22b5f6;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background-image: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
    color: #cd0a0a;
}
.ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-datepicker.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon.ui-icon-closethick {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-widget-overlay {
    background-image: url("images/ui-bg_diagonals-thick_20_666666_40x40.png");
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-weight: 400;
    color: #000;
}

.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left
}
.ui-multiselect span.ui-icon {
    float: right
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important;
}
.ui-multiselect-header {
    position: relative;
    height: 40px;
    width: 100%;

    margin-bottom: 3px;
    padding: 3px 0 3px 3px;

    background-color: #22b5f6;
    color: #000000;
    background-image: none;
}
.ui-multiselect-header ul {
    font-size: 1.2rem
}
.ui-multiselect-header ul li {
    display: inline-block;
}
.ui-multiselect-header a span,
.ui-multiselect-header a {
    text-decoration: none;
    color: #FFF;
    line-height: 1.8em;
}
.ui-multiselect-header a:hover {
    text-decoration: underline;
    color: #FFF;
}
.ui-multiselect-header span.ui-icon {
    float: left
}
.ui-multiselect-header li.ui-multiselect-close {
    position: absolute;
    top: 2px;
    right: 2px;
}
.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 2147483660;
    text-align: left
}
.ui-multiselect-menu.vs_multiselect {
    background: none;
    background-color: #fbfbfb;
}
.ui-multiselect-checkboxes {
    position: relative;    /* fixes bug in IE6/7 */
    overflow-y: auto;
}
.ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 3px 1px
}
.ui-multiselect-checkboxes label input {
    position: relative;
    top: 3px
}
.ui-multiselect-checkboxes li {
    clear: both;
    font-size: 1em;
    padding-right: 3px
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.1em;
    padding-top: 3px;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    display: block;
    padding: 3px;
    margin: 1px 0;
    text-decoration: none
}
.ui-multiselect-hasfilter ul {
    position: absolute;
    top: 0;
    left: 208px;
    width: 152px;
}
.ui-multiselect-filter {
    float: left;
    margin-right: 10px;
}
.ui-multiselect:hover {
    color: #000;
}

.vs_multiselect .ui-state-focus,
.vs_multiselect .ui-state-hover {
    border: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.ui-multiselect-checkboxes label:hover,
.ui-multiselect-checkboxes label.ui-state-active,
.ui-multiselect-checkboxes label.ui-state-hover,
.ui-multiselect-checkboxes label.ui-state-hover.ui-state-active {
    color: #ffffff;
    background-image: none;
    background-color: #044664;
}
.vs_multiselect .ui-multiselect-checkboxes label.ui-state-hover span {
    color: #ffffff;
}
.ui-multiselect-checkboxes label.ui-state-active {
    background-color: #22b5f6;
}

.vs_multiselect.ui-state-default {
    font-weight: normal;
    border-color: #cccccc;
    border-radius: 4px;
}

.ui-multiselect-single.vs_multiselectWithOptGroup .ui-multiselect-checkboxes label {
    padding-left: 10px !important;
}
.ui-multiselect-single .ui-state-active {
    border: 1px solid transparent;
    background-color: transparent;
    color: #000000;
}
.ui-multiselect-single .ui-multiselect-optgroup-label a {
    cursor: default;
}
.ui-multiselect-single .ui-multiselect-optgroup-label:hover a {
    color: #333333;
}

/*
* jQuery UI MultiSelectDraggable Widget
* Modified by Coservit : rename MultiSelectDraggable
* http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#selectedlist
*/
.ui-multiselectDraggable {
    border: 0px;
}
.ui-multiselectDraggable .ui-widget-header,
.ui-multiselectDraggable .ui-widget-header a {
    background: url('') #044664;
    color: #ffffff;
}
.ui-multiselectDraggable .ui-widget-header a:hover {
    text-decoration: underline;
    color: #ffffff;
}
.ui-multiselectDraggable li.ui-state-default {
    border: 1px solid #FFF;
}
.ui-multiselectDraggable li.ui-state-default .ui-icon-arrowthick-2-n-s {
    visibility: hidden;
}
.ui-multiselectDraggable li.ui-state-hover .ui-icon-arrowthick-2-n-s {
    visibility: visible;
}
.ui-multiselectDraggable li.ui-state-hover {
    background: url('') #b2b2b2;
    color: #fff;
    border: 1px solid #FFF;
}
.ui-multiselectDraggable ul {
    height: 160px;
}
.ui-multiselectDraggable div.available {
    border-color: #eeeeee;
    border-width: 0 0 0 2px;
}

.ui-tabs {
    background-color: transparent;
    background-image: none;
    border: 0;
    padding: 0;
}
.ui-tabs .ui-widget-header {
    background-image: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
.ui-tabs .ui-tabs-nav {
    padding: 0;
}
.ui-tabs .ui-tabs-nav li.ui-state-default,
.ui-tabs .ui-tabs-nav li {
    height: auto;

    margin: 0;

    border: 0;
    border-radius: 0;
    background-image: none;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li a:hover {
    color: #464646 !important;
    outline-color: transparent;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
    border-radius: 0;
    margin-top: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-radius: 0;
    background-color: #044664;
    background-image: none;
    margin-top: 0;
}
.ui-tabs .ui-tabs-panel {
    padding: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0;
}
.ui-dialog {
    padding: 0;
}
.ui-dialog-titlebar-close.ui-state-default {
    border-color: transparent;
    background: none;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 10px;

    background: #044664;
}
.ui-dialog .ui-dialog-title {
    padding: 2px 0;
    margin: 0;

    font-size: 1.2em;
    color: #ffffff;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 0.5em;
    width: 21px;
    height: 21px;
}
.ui-dialog-titlebar-close.ui-state-active {
    border-color: transparent;
    background: none;
}

.ui-dialog-titlebar-close.ui-state-hover,
.ui-dialog-titlebar-close.ui-state-focus {
    border: none;
}

.ui-dialog-titlebar-close.ui-state-hover {
    background: #044664;
}

.ui-dialog .ui-dialog-titlebar-link {
    position: absolute;
    right: 2.5em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 21px;
}

.ui-dialog-titlebar-link.ui-state-default,
.ui-dialog-titlebar-itsm-link.ui-state-default,
.ui-dialog-titlebar-reach-link.ui-state-default {
    border-color: transparent;
    background: none;
}

.ui-dialog-titlebar-link.ui-state-active,
.ui-dialog-titlebar-itsm-link.ui-state-active,
.ui-dialog-titlebar-reach-link.ui-state-active {
    border-color: transparent;
    background: none;
}

.ui-dialog-titlebar-link.ui-state-hover,
.ui-dialog-titlebar-link.ui-state-focus,
.ui-dialog-titlebar-itsm-link.ui-state-hover,
.ui-dialog-titlebar-itsm-link.ui-state-focus,
.ui-dialog-titlebar-reach-link.ui-state-hover,
.ui-dialog-titlebar-reach-link.ui-state-focus {
    border: none;
}

.ui-dialog-titlebar-link.ui-state-hover {
    background: #044664;
}

.ui-dialog-titlebar-itsm-link.ui-state-hover,
.ui-dialog-titlebar-reach-link.ui-state-hover {
    background: #044664;
}

.linkButtonColor, .ids-informations {
    color: white;
}

.ui-dialog .ui-dialog-titlebar-itsm-link,
.ui-dialog .ui-dialog-titlebar-reach-link {
    position: absolute;
    right: 4.7em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 21px;
}

.ui-dialog .ui-dialog-titlebar-reach-link .reach-logo {
    margin: 2px;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}
.ui-dialog form input[type=text],
.ui-dialog form input[type=password],
.ui-dialog form textarea {
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding: 3.5px 0 3.5px 4px;
    font-size: 1em;
    color: #333333;
}
.ui-dialog form select {
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding: 2px 0 2px 4px;
    font-size: 1em;
    color: #333333;
}
.ui-datepicker-calendar .ui-datepicker-today a {  background-color: #cccccc ; border:1px solid #cccccc ; }
.ui-datepicker-calendar a.ui-state-active {  background: #044664; border:1px solid #044664 ; color:#FFF; }
.ui-datepicker-calendar a:hover, .ui-datepicker-calendar .ui-datepicker-today a:hover { background-color: #FFF ; color:#044664; border: 1px solid #044664 }
.ui-datepicker .ui-datepicker-title { color: #000; }

.blockUI .uil-ring { vertical-align: middle; }
.blockUI p { margin: 1.1em 0; }

.ui-dialog .ui-dialog-buttonpane {
    padding: 0;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
}
#serviceUserConfigurationClusterDependencies svg.is-danger * {
    stroke: #d9534f;
    fill: #d9534f;
}
#serviceUserConfigurationClusterDependencies svg.is-warning * {
    stroke: #ffa72d;
    fill: #ffa72d;
}
#serviceUserConfigurationClusterDependencies svg.is-success * {
    stroke: #2ecc40;
    fill: #2ecc40;
}
#serviceUserConfigurationClusterDependencies svg * {
    stroke-width: 1.25px;
}/* Css Pour les dashboard de type pivot table */
.dbPivotTable {
	width:100%;
	font-size:12px;
}

.dbPivotTable th {
	background-color:#044664;
	color:#ffffff;
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-collapse:collapse;
	font-size:14px;
	padding-top:3px;
}

.dbPivotTable th.alignCenter {
	text-align:center;
}

.dbPivotTable th.alignLeft {
	text-align:left;
	padding-left:5px;
}

.dbPivotTable th span.dbBulle{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	padding-left: 4px;
	padding-right: 4px;
	color:#044664;
	background-color:#ffffff;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin-right:3px;
}

td .dbBulle{
	color:#ffffff;
	font-weight:bold;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	padding:6px 10px;
}

td .ok {
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	padding:0px 3px;
	font-size:10px;
}

.dbPivotTable td.critical, .dbPivotTable td.unknown, .dbPivotTable td.undetermined {
	color:#ffffff;
}

.dbPivotTable td.dbCellHover:hover {
	background-color:#aaaaaa;
}

.dbPivotTable tr {
	height: 35px;
	vertical-align: middle;
}

.dbLigneBlanche{
	background-color:#ffffff;
}

.dbLigneGrise{
	background-color:#f5f5f5;
}

.dbLigneGrise:hover, .dbLigneBlanche:hover {
	background-color: #badcfd;
}

.dbPivotTable td {
	padding-left:5px;
	padding-right:5px;
}

.dbPivotTable td.alignLeft {
	text-align:left;
}

.dbButtonChange {
	background-image:url(../../img/reporting/caroussel/db_switcher.png) !important;
}

.dbButtonClose {
	background-image: url('../images/ui-icons_222222_256x240.png') !important;
 	background-position: -80px -128px;
}


/********************
* 		QTIP		*
********************/

.popupContent {
	margin:6px ;
}

.qtip {
    max-width: inherit;
}

.popupTitle {

	color:#121212 ;
	margin-top:10px;
	margin-bottom : 10px;
	margin-right : 15px;
	font-size:14px;
}
.popupTitle > h2 {

	color:#121212;
	font-size:18px;
	font-weight:normal;
}


.dbQtip {
	background-color:#ffffff;
	margin:0;
	padding:0;
	border:1px solid #dbdbdb;
}
.qtip-content{
    padding: 5px 9px;
}

.dbQtip .qtip-content{
    padding:0;
    margin:0;
}

.dbQTipTable{
	max-width:900px;
	width:100%;
	margin:0;
	padding:0;
	font-size:12px;
	border-collapse: collapse;
	color:#424542;
}

.dbQTipTable a {
	color:#424542;
}

.dbQTipTable a:hover {
	color:#044664;
}

.dbQTipTableBorder{
	border-left-width:8px;
	border-color:transparent;
}

table.dbQTipTable > thead > tr > th{
	background-color:#ffffff;
	color:#121212;
	padding:3px 5px;
	border-bottom:1px solid #044664 ;
	font-weight:normal;
	font-size:14px;
}

table.dbQTipTable > tbody > tr:first-child > td {
	padding-top:15px ;
}

table.dbQTipTable > tbody > tr > td{
    padding:5px 5px;
}
.qtip-dashboard {
    padding: 10px;
    border: solid 1px #8e8e8e;
}
/********************
 * FEATURE CAROUSEL *
 ********************/
.carousel-container {
  position:relative;
  width:960px;
  margin:0 auto;
  z-index:0;
}
#carousel {
  height:350px;
  width:960px;
  position:relative;
  margin-bottom:0.5em;
  font-size:12px;
  font-family: Arial;
}
.carousel-image {
  border:0;
  display:block;
}
.vs-carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  border:2px solid #5d5d5d;
  cursor:pointer;
}
.vs-carousel-feature .vs-carousel-caption {
  position:absolute;
  bottom:0;
  width:100%;
  background-color:#000;
  padding-bottom:5px;
}

.vs-carousel-caption:hover {
	cursor:default;
}
.vs-carousel-feature .vs-carousel-caption p {
  margin:0;
  padding:5px;
  font-weight:bold;
  font-size:14px;
  color:white;
}
.tracker-summation-container {
  position:absolute;
  color:white;
  right:48px;
  top:230px;
  padding:3px;
  margin:3px;
  background-color:#000;
}
.tracker-individual-container {
  position:absolute;
  color:white;
  right:48px;
  top:325px;
  padding:0;
  margin:0;
}
.tracker-individual-container li {
  list-style:none;
}
.tracker-individual-container .tracker-individual-blip {
  margin:0 3px;
  padding:2px 5px;
  color:white;
  text-align:center;
  background-color:#EBEBEB;
}
.tracker-individual-container .tracker-individual-blip-selected {
  color:white;
  font-weight:bold;
  background-color:#044664;
}
#carousel-left {
  position:absolute;
  bottom:45px;
  left:150px;
  cursor:pointer;
}
#carousel-right {
  position:absolute;
  bottom:45px;
  right:150px;
  cursor:pointer;
}
.vs-carousel-feature.loading {
    border-color: #cccccc;
}
.vs-carousel-feature.loading .vs-loading-container {
    display:block;
}
.vs-carousel-feature .vs-loading-container {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
}
.vs-carousel-feature .vs-loading-container .vs-loader {
    border-radius: 100%;
    border-top: 2px solid #044664;
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
}
.vs-carousel-feature .vs-loading-container .vs-loading-background {
    background-color: #eeeeee;
    height: 100%;
    opacity: 0.75;
    width: 100%;
}


/**************
* DASH BOARD MAP
***************/

/* DIV principale */
#dashboardmapcompany{
	position : relative;
	width : 100%;
}

/* Plein écran */
#dashboardmapcompany:-webkit-full-screen{
	min-width : 100%;
	min-height : 100%;
    width:100%;
    height:100%;
}

/* Panneau d'actions */
#mapdashboardsidebar{
	height : 100%;
	right : 0px;
	width: 250px;
	background-color : #FCFCFC;
	border-left:2px solid #A1A1A1;
	position:absolute;
	z-index: 1;
	display:none;
	height:100%;
	padding-left : 0;
	padding-right : 0;

}

.dataTabDashboard #mapdashboardtable_wrapper {
	margin: 5px 0;
}

#mapdashboardtable_wrapper .dataTables_scrollHead {
	display: none;
}

#mapdashboardtable_wrapper .dataTables_scrollBody {
	padding-right: 0;
}


.ligneDashboardText {
	display: inline-block;
	width: 200px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* Title */
.mapdashboardtitle{
	font-size: 24px;
	line-height: 24px;
	padding-bottom : 5px;
	font-weight : 400;
    padding: 15px;
}


.mapdashboardtabtitle{
	font-size: 20px;
	padding-bottom : 5px;
	padding-top : 5px;
	font-weight : 400;
}

/* Scroll bar  */
.jspPane
{
	overflow : hidden;
}

.jspVerticalBar, .jspTrack
{
	width:14px;
	background-color:#DFDFDF;
}

.jspDrag{
	background-color:#4D4D4D;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background-color:#044664;
}

/** Lignes de la table dashboard **/

.ligneDashboard{
	margin-left:5px;
	font-size:18px;
	height:35px;
	line-height:35px;
	font-weight:lighter;
	vertical-align:middle;
}

.ligneOKDashboard{
	background-color: #DFDFDF;
}
.ligneOKDashboard:hover{
	background-color: #AAA;
}

.ligneWarningDashboard{
	background-color: #DFDFDF;
}
.ligneWarningDashboard:hover{
	background-color: #AAA;
}

.ligneInconnuDashboard{
	background-color: #DFDFDF;
}
.ligneInconnuDashboard:hover{
	background-color: #AAA;
}

.ligneIndetermineDashboard{
	background-color: #DFDFDF;
}
.ligneIndetermineDashboard:hover{
	background-color: #AAA;
}

.ligneErrorDashboard{
	background-color: #DFDFDF;
}
.ligneErrorDashboard:hover{
	background-color: #AAA;
}

.ligneKODashboard{
	background-color: red;
	color : white;
}
.ligneKODashboard:hover{
	background-color: #B71405;
}

/** Bulle de la table dashboard **/
.ligneDashboard .dbBulle{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:100%;

	height:26px;
	width:26px;
	line-height:26px;
	float:right;
	margin-right : 5px;

	text-align:center;
	font-weight:bold;
	font-size:12px;

	padding : 0px 0px;

}

.ligneOKDashboard .dbBulle{
	color:#ffffff;
	background-color:#72B026;

	float:right;
	margin-right : 10px;
}

.ligneWarningDashboard .dbBulle{
	color:#ffffff;
	background-color:#F19534;
}

.ligneErrorDashboard .dbBulle{
	color:#ffffff;
	background-color:red;
}

.ligneInconnuDashboard .dbBulle{
	color:#ffffff;
	background-color:#8E8E8E;
}

.ligneIndetermineDashboard .dbBulle{
	color:#ffffff;
	background-color:#38AADD;
}

.ligneKODashboard .dbBulle{
	color:red;
	background-color:#ffffff;
}

.ligneKODashboard:hover .dbBulle{
	color:#B71405;
	background-color:#ffffff;
}

/* Onglet recherche */

.mapdashboardsearchinput{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height: 25px;
	width : 181px;
	border-right: 0px solid #000000;
 	border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    left : 0;
}
#mapdashboardsidebarhidetext {
    line-height: 1.1em;
}
#mapdashboardsearchsubmit{
	height : 25px;
	width : 25px;
	background-color : #044664;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	color : #ffffff;
	position:relative;
	float : right;
}

/** Lignes de la table recherche dashboard **/

.ligneDashboardResearch{
	font-size:17px;
	height:35px;
	line-height:30px;
	vertical-align:middle;
}
.ligneDashboardResearch:hover{
	background-color: #AAA;
}

/** Infobulles de la table recherche dashboard **/
.ligneDashboardResearch .dbBulle{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:100%;

	height:25px;
	width:25px;
	line-height:25px;
	float:right;
	margin-right : 5px;

	text-align:center;
	font-weight:bold;
	font-size:12px;

	padding : 0px 0px;
}

.ligneOKDashboardResearch .dbBulle{
	color:#ffffff;
	background-color:#72B026;

	height:10px;
	width:10px;
	float:right;
	margin-right : 10px;

}

.ligneWarningDashboardResearch .dbBulle{
	color:#ffffff;
	background-color:#F19534;
}

.ligneIndetermineDashboardResearch .dbBulle{
	color:#ffffff;
	background-color:#38AADD;
}

.ligneInconnuDashboardResearch .dbBulle{
	color:#ffffff;
	background-color:#8E8E8E;
}

.ligneErrorDashboardResearch .dbBulle{
	color:#ffffff;
	background-color:red;
}

.ligneKODashboardResearch .dbBulle{

	color:#ffffff;
	background-color:red;
}


/******
* La zone d'information de changement de statuts
**/

.statusChangesInformation{
	position:absolute;
	z-index:150;
	background-color:white;
	border-radius: 1px;
  	box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);
}/*==========  Font  ==========*/

@font-face {
    font-family: 'Glyphicons Halflings'; !important
    src: url('/themes/fonts/glyphicons-halflings-regular.eot');
    src: url('/themes/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/themes/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/themes/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/themes/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('./themes/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*==========  Misc  ==========*/

.ie10 input[type='time'],
.ie10 input[type='file'],
.ie10 input[type='radio'],
.ie10 input[type='checkbox'],
.ie10 input[type='file']:focus,
.ie10 input[type='radio']:focus,
.ie10 input[type='checkbox']:focus,
.ie9 input[type='time'],
.ie9 input[type='file'],
.ie9 input[type='radio'],
.ie9 input[type='checkbox'],
.ie9 input[type='file']:focus,
.ie9 input[type='radio']:focus,
.ie9 input[type='checkbox']:focus {
    outline: 0 none !important;
    border:none !important;
}

.ie9 input[type="radio"] {
    padding-top: 0;
}

div.is-required,
/* IE 9 et moins, et plug-in select2 */
input.is-required,
select.is-required,
textarea.is-required,
.ui-dialog form input.is-required,
.ui-dialog form select.is-required,
.ui-dialog form textarea.is-required,
.select2-container--default.is-required .select2-selection--single,
.select2-container--default.is-required .select2-selection--multiple,
select.is-required + .ui-state-default.vs_multiselect {
    border-left: 3px solid red;
}

/* Classe pour les boutons radios */
div.is-required {
    padding-left: 2px;
    border-radius: 4px;
}

/*==========  Base  ==========*/

table.dataTables tr.titleBar th,
button:focus,
a:focus {
    box-shadow: none;
    outline: 0 none;
    text-decoration: none;
}

.form-control:focus {
    border-color: #044664;
    box-shadow: none;
    outline: 0 none;
}

label {
    color: #777;
}

/* Label style champ input */
/* Laisser les labels des radio et checkbox normals */
.select2-container--default .select2-selection--single .select2-selection__rendered,
.vs_multiselect span,
.form-control,
label + div label {
    color: #000;
}

.select2-container--default .select2-selection--single {
    border-color: #ccc;
}

.small-select2-dropdown .select2-results > .select2-results__options {
    max-height: 150px;
    padding: 0;
}

.small-select2-dropdown .select2-results > .select2-results__options > li:not(.select2-results__message) {
    padding: 0;
}

.small-select2-dropdown .select2-results > .select2-results__options > li > * {
    padding: 5px;
}

.select2-dropdown {
    z-index: 2001;
}

div.select2-button-container {
    padding-top: 5px;
}

a.select2-button {
    padding: 2px 4px;
    border: none;
}

a.select2-button + a.select2-button {
    margin-left: 5px;
}

a.select2-button:hover {
    cursor: pointer;
}

a.select2-button > i {
    margin-right: 3px;
}

input:required,
select:required,
textarea:required,
.ui-dialog form input:required,
.ui-dialog form select:required,
.ui-dialog form textarea:required,
select:required + .ui-state-default.vs_multiselect,
select:required + span.select2 span.select2-selection
{
    border-left: 3px solid red;
}

div.has-error span.select2 span.select2-selection {
    border-top: 1px solid #a94442;
    border-bottom: 1px solid #a94442;
    border-right: 1px solid #a94442;
    border-left: 3px solid #a94442;
}

/* Pas de changement de couleur si c'est un bouton qu'on est pas en train de survoler */
table.dataTables tbody tr:hover a.btn,
table.dataTables tbody tr.active a.btn,
a,
a:focus {
    color: #000;
}

a.label:hover,
a.label:focus,
a:hover {
    color: #044664;
    text-decoration: none;
}

th {
    font-weight: 400;
}

.table.table-valign-middle th,
.table.table-valign-middle td,
.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    vertical-align: middle;
}

span.label {
    color: #FFF;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #000;
}

.btn-circle,
.btn.btn-circle {
    border-radius:50%
}

.alert-warning {
    background-color: #FFA72D;
    color: #000;
}

.fa-stack {
    height: 1em;
    line-height: 1em;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: inherit;
}

.btn-icon.btn-xs {
    width: 2em;
    height: 2em;
    font-size: 1.2em;
    line-height: 2em;
}

.btn-icon.btn-sm {
    width:22px;
    height:22px;
    font-size:11px;
    line-height:22px
}

.btn-icon.btn-lg {
    width:34px;
    height:34px;
    font-size:17px;
    line-height:34px
}

.btn-scroll-to-top {
    position:fixed;
    bottom:20px;
    right:25px;
    z-index:1020
}

.page-with-right-sidebar .btn-scroll-to-top {
    left:25px;
    right:auto
}

.btn-block {
    padding-left:12px;
    padding-right:12px
}

.btn.active,.btn:active {
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.1);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.1)
}

.btn-default {
    color:#000;
    background: #FFF;
    border: 1px solid #cfcfd6;
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
    background: #044664;
    border: 1px solid #044664;
    color: #ffffff;
}

.btn-group .btn-default:not(.active)+.btn-default,.input-group-btn .btn-default:not(.active)+.btn-default {
    border-left-color:#929ba1
}

.btn.btn-white {
    font-weight:400;
    color:#333;
    background:#fff;
    border-color:#e2e7eb
}

.btn.btn-white.btn-white-without-border {
    border-color:#fff
}

.btn.btn-white.btn-white-without-border.active,.btn.btn-white.btn-white-without-border.active:focus,.btn.btn-white.btn-white-without-border.active:hover {
    border-color:#ddd
}

.btn.btn-white.btn-white-without-border:focus,.btn.btn-white.btn-white-without-border:hover {
    border-color:#eee
}

.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.open .dropdown-toggle.btn-white {
    background:#e2e7eb;
    border-color:#d8dde1
}

.btn-group .btn.btn-white:not(.active)+.btn.btn-white,.input-group-btn .btn.btn-white:not(.active)+.btn.btn-white {
    border-left-color:#eee
}

.btn.btn-inverse {
    color:#fff;
    background:#2d353c;
    border-color:#2d353c
}

.btn-inverse.active,.btn-inverse:active,.btn-inverse:focus,.btn-inverse:hover,.open .dropdown-toggle.btn-inverse {
    background:#242a30;
    border-color:#242a30
}

.btn-group .btn.btn-inverse:not(.active)+.btn.btn-inverse,.input-group-btn .btn.btn-inverse:not(.active)+.btn.btn-inverse {
    border-left-color:#242a30
}

/* Défault .btn from bootstrap */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    /*padding: 6px 12px;
    font-size: 12px;
    line-height: 1.1;
    border-radius: 3px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.create-ticket-btn,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2),
.ui-widget-content button.ui-state-hover span:not(.ui-icon),
.ui-widget-content button.ui-state-focus span:not(.ui-icon),
.ui-widget-content button.ui-state-hover,
.ui-widget-content button.ui-state-focus,
.ui-widget-content a.btn:hover,
.btn.btn-primary {
    color: #ffffff;
    background: #044664;
    border-color: #044664;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-state-hover .ui-icon,
.ui-widget-content .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
    color: #000000;
    background: #22b5f6;
    border-color: #22b5f6;
}

.btn-group .btn.btn-primary:not(.active)+.btn.btn-primary,.input-group-btn .btn.btn-primary:not(.active)+.btn.btn-primary {
    border-left-color:#2a72b5
}

.btn.btn-success {
    color:#fff;
    background:#00acac;
    border-color:#00acac
}

.btn.btn-success.active,.btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:hover,.open .dropdown-toggle.btn-success {
    background:#008a8a;
    border-color:#008a8a
}

.btn-group .btn.btn-success:not(.active)+.btn.btn-success,.input-group-btn .btn.btn-success:not(.active)+.btn.btn-success {
    border-left-color:#008a8a
}

.btn.btn-warning {
    color:#fff;
    background:#f59c1a;
    border-color:#f59c1a
}

.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning {
    background:#c47d15;
    border-color:#c47d15
}

.btn-group .btn.btn-warning:not(.active)+.btn.btn-warning,.input-group-btn .btn.btn-warning:not(.active)+.btn.btn-warning {
    border-left-color:#c47d15
}

.btn.btn-danger {
    color:#fff;
    background:#ff5b57;
    border-color:#ff5b57
}

.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger {
    background:#cc4946;
    border-color:#cc4946
}

.btn-group .btn.btn-danger:not(.active)+.btn.btn-danger,.input-group-btn .btn.btn-danger:not(.active)+.btn.btn-danger {
    border-left-color:#cc4946
}

.btn.btn-info {
    color:#fff;
    background:#49b6d6;
    border-color:#49b6d6
}

.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info {
    background:#3a92ab;
    border-color:#3a92ab
}

.btn-group .btn.btn-info:not(.active)+.btn.btn-info,.input-group-btn .btn.btn-info:not(.active)+.btn.btn-info {
    border-left-color:#3a92ab
}

/*==========  Bootstrap couleur des boutons ==========*/
.btn-primary {
    color: #ffffff;
    background-color: #044664;
    border-color:#044664}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #044664;
    border-color:#044664}

.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active {
    color: #ffffff;
    background-color: #044664;
    opacity: 0.5;
}

.btn-primary .badge {
    color: #002637;
    background-color: #044664;
}

.btn-success {
    color: #FFF;
    background-color: #2ECC40;
    border-color:#2ECC40;
}

.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.btn-success.dropdown-toggle {
    color: #FFF;
    background-color: #2ECC40;
    border-color:#2ECC40;
}

.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active {
    color: #FFF;
    background-color: #2ECC40;
    border-color:#2ECC40;
    opacity: 0.5;
}

.btn-success .badge {
    color: #FFF;
    background-color: #2ECC40;
}

.btn-info {
    color: #FFF;
    background-color: #5bc0de;
    border-color:#5bc0de;
}

.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.btn-info.dropdown-toggle {
    color: #FFF;
    background-color: #5bc0de;
    border-color:#5bc0de;
}

.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color:#5bc0de;
}

.btn-info .badge {
    color: #FFF;
    background-color: #5bc0de;
}

.btn-warning {
    color: #000;
    background-color: #FFA72D;
    border-color:#FFA72D;
}

.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #FFA72D;
    border-color:#f0ad4e;
}

.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active {
    background-color: #FFA72D;
    border-color:#FFA72D;
}

.btn-warning .badge {
    color: #000;
    background-color: #FFA72D;
}

.btn-danger {
    color: #FFF;
    background-color: #d9534f;
    border-color:#d9534f;
}

.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.btn-danger.dropdown-toggle {
    color: #FFF;
    background-color: #d9534f;
    border-color:#d9534f;
}

.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color:#d9534f;
}

.btn-danger .badge {
    color: #FFF;
    background-color: #d9534f;
}

.btn-link:hover, .btn-link:focus {
    color:inherit;
    text-decoration:none;
}

.btn-link:active, .btn-link:focus, .btn-link:active:focus {
    outline:0;
    box-shadow:none;
    -webkit-box-shadow:none;
}

/* =============== Input file =============*/

.fileinput-cancel,
.fileinput-remove,
.btn-file {
    padding:5px 12px!important;
}

.file-drop-zone {
    border:0;
}

.file-drop-zone-title {
    padding:20px 10px;
}

.kv-file-upload {
    display:none;
}

.file-loading{
    background:url(/themes/bootstrap-fileinput/loading.gif)top left no-repeat;
}
.loading{
    background:url(/themes/bootstrap-fileinput/loading.gif)center center no-repeat content-box!important
}
.file-uploading{
    background:url(/themes/bootstrap-fileinput/loading-sm.gif)center bottom 10px no-repeat;
}

.file-preview-image {
    height: auto!important;
    max-height: 300px;
}
.file-preview-frame {
    table-layout: fixed;
    float: inherit;

    height: auto!important;

    margin: auto;
    padding: 6px;

    border: 1px solid #DDD;
    box-shadow: 1px 1px 5px 0px #A2958A;
}

.file-preview-image {
    margin: auto;
}

.input-group-addon {
    padding: 4px 8px;
}

input:not(.input-lg),
textarea,
textarea.form-control,
.form-group label.form-control {
    padding: 4px;
}

select,
select.form-control {
    padding: 2px 4px;
}

.form-group .select2-selection--single,
.form-group .select2-selection--single .select2-selection__rendered,
.form-group .select2-selection--single .select2-selection__arrow,
.form-group label.form-control,
.form-group input[type=time]:not(.input-lg),
.form-group input[type=text]:not(.input-lg),
.form-group input[type=password]:not(.input-lg),
.form-group input[type="search"]:not(.input-lg),
.form-group select {
    height: 22px;
}

.form-group .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
}

.form-group input[size="6"] {
    width: 63px;
}
.form-group input[size="6"] + .input-group-addon {
    width: auto;
}

.form-group .radio-inline input[type=radio],
.form-group .checkbox-inline input[type=checkbox] {
    margin-top: 0;
    margin-left: -20px;
    vertical-align: middle;
}

.form-group .is-info {
    vertical-align: middle;
}

.radio-img .radio-inline {
    position: inherit;
}

.ui-datepicker-trigger {
    padding-bottom: 4px;
}

#ui-datepicker-div {
    z-index: 2147483660 !important;
}

.table {
    border: 1px solid #cfcfd6;
}
.table.no-border>thead>tr>th,
.table.no-border>thead>tr>td,
.table.no-border>tbody>tr>th,
.table.no-border>tbody>tr>td,
.table.no-border>tfoot>tr>th,
.table.no-border>tfoot>tr>td,
.table.no-border {
    border: none;
}
.border-right {
    border-right: 1px solid #cfcfd6;
}

.fa-spin {
    -ms-animation: fa-spin 2s infinite linear;
}
// VSWA-1957  .btn:hover .fa-refresh{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}

/*
 * Dialog Modal
 * */

.modal-content {
    border: 1px solid #dddddd;
    border-radius:0;
}

.modal-header {
    padding:10px;
    background-color: #044664;
}

#dialog-region .modal-header {
    background-color: #044664;
    color: #ffffff;
}

.modal-header h4 {
    font-weight:400;
}

.modal-header .modal-title, .modal-header .close {
    color:#ffffff;
}

.modal-header .close {
    opacity:0.8;
}

.modal-header .close:hover {
    opacity:0.9;
}

.modal-body {
    color:#333333;
}

/*== Bug zoom modal on terminals mobil ==*/
/*== http://stackoverflow.com/questions/32675849/screen-zooms-in-when-a-bootstrap-modal-is-opened-on-ios-9-safari ==*/
body.modal-open {
    padding-right: 0px !important;
}
.modal-open {
    overflow-y: auto;
}

.input-range:active::-webkit-slider-thumb,
.input-range::-webkit-slider-thumb {
    background-color: #022332;
}

.input-range:active::-ms-thumb,
.input-range::-ms-thumb {
    background-color: #022332;
}/* **********************
* Popin
* ******************* */
.popin-header,
.popin-tabs {
    position:relative
}

.popin-tab,
.popin {
    position:absolute
}

.popin-header {
    margin:0
}

.popin-tab {
    top:0;
    left:0;
    width:165px;
    height:100%
}

.nav-left .panel-heading,
.popin-tab .nav>li>span,
.popin-tab.nav>li>a {
    padding:20px 15px
}

.popin,
.popin-tabs.has-form {
    min-height:575px
}

.popin-tab.nav>li>a:hover,
.popin-tab.nav>li>a:focus {
    background:none
}

.syncState,
.popin,
.popin-tab li.active,
.popin-tab li.active a,
.popin-tab.nav>li:hover,
.tab-content,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-buttonpane,
.ui-widget-content.vsClass,
.ui-tabs .ui-tabs-nav li {
    background:#FFF
}

.ui-dialog-content > form > table,
.popin-content {
    padding:10px 15px;
}

.ui-dialog-content > form > table,
.popin-content-ticket {
    padding:10px 15px;
    min-height: 133px;
}

.popin-content .list-inline li {
    margin-top:5px
}

.popin-header,
.popin {
    top:0;
    left:165px;
    width:calc(100% - 180px)
}

.popin {
    overflow:hidden
}

.ui-tabs {
    min-height:250px
}

.popin .page-form {
    margin:10px 30px 0
}

.defaultInfoBulle .corps_titre,
.ui-dialog .ui-dialog-content .corps_titre,
.popin .corps_titre,
.defaultInfoBulle .dataTables_info,
.ui-dialog .ui-dialog-content .dataTables_info,
.popin .dataTables_info {
    line-height:.8em
}

.defaultInfoBulle .corps_titre,
.ui-dialog .ui-dialog-content .corps_titre,
.popin .corps_titre,
.defaultInfoBulle .table-header,
.ui-dialog .ui-dialog-content .table-header,
.popin .table-header {
    height:30px
}

.defaultInfoBulle .corps_titre,
.ui-dialog .ui-dialog-content .corps_titre,
.popin .corps_titre,
.defaultInfoBulle .table-header,
.ui-dialog .ui-dialog-content .table-header,
.ui-dialog .ui-dialog-content .table-action
.popin .table-header,
.popin .table-action {
    padding:8px 10px 4px
}

div.resultsControlsBar,
.ui-dialog .ui-dialog-content .page-datatable,
.popin .page-datatable {
    border-top-width:2px
}

.popin-tab li a {
    display: flex!important;
}

.popin-tab li a * {
    margin-top: auto;
    margin-bottom: auto;
}

/* **********************
 * Popin form
 * ******************* */

/* **********************
 * Popin confirmation oui / non
 * ******************* */
.vsClass p,
.vsClass table,
.dialogconfirm p {
    margin:5px 10px;
    margin-bottom:5px
}

.dialogconfirm .ui-dialog-buttonpane {
    padding:0
}

.dialogconfirm .ui-dialog-buttonpane button {
    margin:0
}

/* ************************************
 * jGrowl
 * ********************************* */
/* jGrowl Symfony */
.sf-vs-jGrowl { display: none; }

.vs-jGrowl {
    background-color:#FFF!important;
    color:#000;
    font-size:1.4em!important;
    border-radius:0!important;
    border:1px solid #555;
    border-left:4px solid #F49401;
    width:550px!important;
    padding-top:20px!important;
    padding-bottom:20px!important
}

div.jGrowl div.jGrowl-notification {
    padding:0
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
    background-color:#fff;
    color:#333;
    zoom:1;
    width:400px;
    padding:0;
    margin-top:5px;
    margin-bottom:5px;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:1em;
    text-align:left;
    display:none;
    border-radius:0;
    opacity:1;
    -ms-filter:;
    filter:none;
    border:none;
    box-shadow:0 0 0 1px #C3C3C3
}

div.jGrowl div.jGrowl-notification .jGrowl-close {
    z-index:99;
    float:right;
    font-weight:400;
    font-size:1.2em;
    cursor:pointer;
    position:relative;
    top:0;
    right:0;
    color:#C3C3C3;
    border:none;
    background-color:inherit
}

div.jGrowl div.jGrowl-closer {
    padding-top:4px;
    padding-bottom:4px;
    cursor:pointer;
    font-size:.9em;
    font-weight:700;
    text-align:center;
    border:none
}

div.jGrowl div.jGrowl-content,
div.jGrowl div.jGrowl-closer {
    border-left:5px solid #044664;
}

div.jGrowl div.jGrowl-content {
    padding:10px
}

.jGrowl-message {
    word-break:normal;
    text-align:justify
}

.jGrowl-date {
    color:#444;
    text-align:right
}

.jGrowl-table {
    display:table
}

.jGrowl-icon {
    display:table-cell;
    width:75px;
    text-align:center;
    vertical-align:middle
}

.jGrowl-msg {
    display:table-cell;
    width:300px;
    text-align:center;
    vertical-align:middle
}

/*
 * Pour le dashboard-builder
 * */
.toast-container {
    border-left:5px solid #044664;
}

.card-select {
    color:#dfd0d0;
}
.card-select.selected {
    background-color:#044664;
    color:#ffffff;
}


/* ----------------- */



input.autoCompleteSearch {
    background:#fff url(/img/tables/viewDetails.png) left no-repeat;
    padding-left:17px!important
}

div.pasi {
    border-radius:0;
    opacity:.9;
    filter:alpha(opacity=90);
    padding:0;
    overflow:hidden;
    border-style:none;
    color:#FFF;
    padding-top:0;
    padding-bottom:7px;
    padding-left:15px;
    padding-right:15px
}

/* GENERAL */
.pa {
    position:absolute
}

.pr {
    position:relative
}

.hasBorder {
    border-bottom:1px solid #fff
}

.pointer {
    cursor:pointer
}

.mouseHelp {
    cursor:help
}

.italic {
    font-style:italic
}

.inputError {
    background-color:#FFEBE8;
    border-color:red!important
}

.ok {
    background-color:#2ecc40;
}

.warning {
    background-color:#ffa72d;
}

.critical {
    background-color:#d9534f;
}

.unknown {
    background-color:#777777;
}

.undetermined {
    background-color:#5bc0de;
}

.textOk {
    color:#55cd30
}

.textWarning {
    color:#F8C706
}

.textCritical {
    color:#F91D05
}

.textUnknown {
    color:#C7C8CA
}

.textUndetermined {
    color:#0088d2
}

.textDisabled {
    color:#555
}

.textgreen {
    color:#13EB3A
}

.textgrey {
    color:#888
}

.errorMessage {
    font-weight:700;
    color:red
}


/* TABLE th Orange td bleu ciel */

.ligneVerte {
    background-color:#dff2bf;
}

.ligneLeft td {
    text-align:left
}

.ligneLeft td.text-center {
    text-align:center
}

/* NEW */
.descriptionTicket {
    width:70px;
    font-weight:700;
    text-align:right
}

table tr.separator {
    height:15px
}

.tableInlineContent {
    width:100%;
    color:#FFF;
    margin-bottom:10px
}

.tableInlineContent > thead > tr > th {
    padding:8px 5px;
    font-weight:400;
    text-align:left
}

.tableInlineContent > tbody > tr > td {
    padding:8px 5px
}

.tableInlineContent > thead > tr > th.title,
.tableInlineContent > tbody > tr > td.title {
    font-weight:700;
    text-align:right
}

/***************/
/*    CORPS    */
/***************/

div.clear {
    clear:both;
    margin-top:15px
}

.lienDescription a,
.lienDescription a:visited {
    color:#333;
    border-bottom:1px dotted #333
}

.arrayDown {
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #FFF
}

.arrayDownGrey {
    border-top:10px solid #f5f5f5
}

.arrayDownGreen {
    border-top:10px solid #d0fdc6
}

.arrayDownWhite {
    border-top:10px solid #FFF
}

.arrayDownSelected {
    border-top:10px solid #badcfd
}

.inlineContent {
    color:#FFF;
    background-color:#464646
}

.previewHTMLReportInDialog {
    background-color:#FFF!important;
    font-family:verdana
}

/* ARGUMENT : Classe utilis�e dans le formulaire de commande */
.btn_argument {
    width:225px;
    height:40px;
    text-align:center;
    background-color:#eee;
    border:1px solid #cdcdcd;
    vertical-align:middle;
    margin-top:5px
}

.btn_argument:hover {
    background-color:#DDD
}

.argument h2 {
    display:inline
}

.zoneFormulaire {
    border:1px solid #cdcdcd;
    background-color:#eee;
    border-top:0;
    padding:10px
}

/* QTIP */
.containInformationInInfoBulle {
    height:22px
}

.defaultInfoBulle {
    background-color:#FFF;
    max-width: 80%;
    border:1px solid #cdcdcd;
    padding:5px
}

.defaultInfoBulle .ui-tooltip-content {
    text-align:justify;
    background-color:#FFF
}

.defaultInfoBulle.defaultWidth {
    width:inherit
}

/* FIN ARGUMENT */
.btn_menu_fonction {
    color:#464646;
    display:block;
    float:right;
    font-weight:700;
    height:35px;
    line-height:28px;
    padding-left:40px;
    text-align:left;
    text-decoration:none
}

.input_btn_reset {
    background:url(../../img/btn_fonction/clear.png) top left no-repeat;
    color:#000;
    border:0 solid #fff;
    vertical-align:top
}

.input_btn_reset:hover {
    color:#f49401;
    cursor:hand;
/* IE6 */
    cursor:pointer
}

.vsClass .ui-state-default,
.vsClass .ui-widget-content .ui-state-default {
    color:#464646;
    display:block;
    float:right;
    font-weight:700;
    height:35px;
    padding-left:25px;
    text-align:center;
    padding-bottom:10px;
    border:0;
    font-family:arial, sans-serif;
    margin:0;
    margin-right:20px
}

.vsClass .ui-dialog-titlebar-close {
    position:absolute;
    top:0;
    right:10px;
    margin:0
}

.confirmDialogButtonValid {
    background:url(../../img/btn_fonction/valider.png) no-repeat left center transparent!important
}

.confirmDialogButtonCancel {
    background:url(../../img/btn_fonction/annuler.png) no-repeat left center transparent!important
}

/*  Classe iconAndText représente le nom d'un élément avec une image devant
    (exemple colonne équipement dans le tableau de bord liste des status) */
ul.iconAndText {
    padding:0;
    margin:0
}

ul.iconAndText > li {
    display:inline-block;
    vertical-align:middle
}

/* li représentant l'îcone */
ul.iconAndText > li:first-child {
    width:30px;
    font-size:24px
}

/***********************/
/*SYSTEM D'INFORMATIONS*/
/***********************/

/* Detail Service Composite */
div.fenetreBody {
/*background-color:#FFFFFF;
    border:1px solid #CDCDCD;*/
    margin:0;
    overflow:auto;
    padding:0;
    text-align:left;
    width:100%;
    height:100%
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom:8px
}

.ui-timepicker-div dl {
    text-align:left
}

.ui-timepicker-div dl dt {
    height:25px;
    margin-bottom:-25px
}

.ui-timepicker-div dl dd {
    margin:0 10px 10px 65px
}

.ui-timepicker-div td {
    font-size:90%
}

.ui-tpicker-grid-label {
    background:none;
    border:none;
    margin:0;
    padding:0
}

/* Maintenance */
.addMaintenance {
    background-image:url(../../img/btn_fonction/add_maintenance.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    font-weight:700;
    padding-left:35px;
    line-height:26px;
    height:28px;
    margin-right:30px;
    display:block
}

/***************/
/*   CONTRAT   */
/***************/
.ongletcontrat {
    clear:both;
    text-align:left
}

.btn_menu_onglet {
    display:inline-block;
    cursor:pointer
}

.ongletcontrat .disable {
    background-color:#E2E2E3;
    color:#464646;
    display:block;
    float:left;
    font-weight:700;
    height:25px;
    line-height:26px;
    padding-left:15px;
    padding-right:15px;
    text-align:center;
    text-decoration:none;
    cursor:text
}

/* TEXT */
.bold {
    font-weight:700
}

/* ALIGNEMENT DE TEXTE */
.alignLeft {
    text-align:left
}

.alignCenter {
    text-align:center
}

.alignRight {
    text-align:right
}

.alignJustify {
    text-align:justify
}

/* Pour les marges autour des datatables et des infostable */
.margeTableau {
    margin-bottom:30px
}

.no-wrap {
    white-space: nowrap;
}

/* FORMULAIRE */
form {
    width:100%
}

.description {
    font-weight:400;
    width:180px;
    text-align:right!important;
    padding-right:10px
}

.nature .obligatoire {
    display:inline-block;
    height:15px
}

.nature {
    width:5px
}

td.nature {
    padding-right:0!important;
    text-align:right!important
}

td.nature + td {
    padding-left:0!important
}

.icon-info {
    font-size:1.4em;
    line-height:1.4em;
    margin:0 8px
}


/* INFORMATIONS LIEES AUX COMPTES DE SUPERVISION */
/*      FORMULAIRE EQUIPEMENT / ONGLET COMPTES */
.listeComptesSupervision {
    width:200px;
    float:left
}

.listeComptesSupervision ul {
    padding:0;
    margin:0
}

.listeComptesSupervision li {
    background-color:#ccc;
    border-bottom:1px solid transparent;
    border-left:5px solid transparent;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    background-repeat:no-repeat;
    background-position:left center;
    margin-bottom:2px;
    font-weight:700;
    list-style-type:none
}

.listeComptesSupervision li:hover {
    color:#FFF
}

.lock-icone {
    background-image:url(/img/icone/lock-icone.png)!important
}

.lock-icone:hover {
    background-image:url(/img/icone/lock-icone-blank.png)!important
}

.open-lock-icone {
    background-image:url(/img/icone/open-lock-icone.png)
}

.open-lock-icone:hover {
    background-image:url(/img/icone/open-lock-icone-blank.png)
}

.red-lock-icone {
    background-image:url(/img/icone/red-lock-icone.png)
}

.open-lock-icone-blank {
    background-image:url(/img/icone/open-lock-icone-blank.png)
}

.lock-icone-blank {
    background-image:url(/img/icone/lock-icone-blank.png)!important
}

.formComptesSupervision {
    margin-left:220px
}

/* INFO BULLES */
/* FOOTER */
div.footer {
    color:#FFF;
    font-size:10px;
    height:26px;
    width:470px
}

.blockOverlay {
    background:url(images/ui-bg_diagonals-thick_20_666666_40x40.png) repeat scroll 50% 50% #666;
    opacity:.5
}

.editableElement {
    cursor:pointer
}

.editableElement form {
    margin:0;
    padding:0
}

.editableElement form input {
    width:100%
}

.progress-bar-disk-usage {
    background-color:transparent;
    border:1px solid #000;
    height:11px;
    width:150px;
    padding:0;
    margin:0 10px;
    text-align:left
}

.progress-bar-disk-usage span {
    display:inline-block;
    height:100%
}

.progress-bar-disk-usage-grey {
    border:1px solid #444
}

.progress-bar-disk-usage-grey span {
    background-color:#444
}

.btnAction {
    margin-left:2px;
    margin-right:8px;
    color:#4d4d4d
}

.btnActionBlack {
    margin-left:2px
}

.btnActionDisable {
    margin-left:2px;
    margin-right:8px;
    color:#4d4d4d
}

/** DASHBOARD **/
#mapdashboardtable_wrapper thead,
#mapdashboardtable_wrapper .table>thead>tr>th,
#mapdashboardsearch_wrapper thead {
    border:none!important
}

.ligneErrorDashboard {
    padding-left:5px;
    font-size:16px;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    background-color:#DFDFDF
}

.ligneErrorDashboard:hover {
    background-color:#AAA
}

.ligneKODashboard {
    padding-left:5px;
    font-size:16px;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    background-color:red
}

.ligneKODashboard:hover {
    background-color:#B71405
}

/** Maintenance **/
.btnDetailMaintenance {
    background-color:#CCC;
    width:67px;
    height:18px;
    text-align:center;
    line-height:18px;
    vertical-align:middle
}

.picto-table {
    position:relative;
    width:40px
}

.amcharts-export-menu {
    position:relative;
    float:right;
    opacity:1
}

.export-main ul {
    position:absolute;
    font-color:#00000
}

.amcharts-export-menu .export-main:hover,
.amcharts-export-menu .export-drawing:hover {
    padding-bottom:inherit
}

div.filterEquipmentNumberOn {
    background-color:#044664;
}

div.filterEquipmentBtnOn {
    background-color:#22b5f6;
    color:#044664;
}

/* CARTOGRAPHIE */
.discoveryAction {
    stroke:#FFF;
    stroke-width:.5px;
    height:30px px;
    line-height:30px;
    font-weight:400;
    text-align:center;
    text-decoration:none
}

.discoveryAction:hover {
    background-color:#044664;
    color:#FFF;
    text-decoration:none
}

.dragdealer .handle {
    position:absolute;
    cursor:pointer;
    width:16px;
    height:5px;
    left:-3px;
    background:#22b5f6;
    color:#000000;
    -moz-border-radius:2px;
    -ie-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    box-shadow:0 0 3px #FFF;
    top:50px;
    z-index:1001
}

/* FULL SCREEN CARTO */
.fullscreenhover:hover {
    color:#044664;
}

#fullscreensearchsubmit {
    height:25px;
    width:25px;
    background-color:#044664;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    color:#FFF;
    position:relative;
    left:-2px
}

/* MENU LEFT */
h1 {
    color:#044664;
    font-size:18px;
    margin:0
}

.vsClass .ui-state-default:hover,
.vsClass .ui-widget-content .ui-state-default:hover {
    color:#044664;
}

/***********************/
/*SYSTEM D'INFORMATIONS*/
/***********************/
.listeComptesSupervision li:hover {
    background-color:#22b5f6;
    color:#000000;
    cursor:pointer
}

.mainColor {
    background-color:#044664;
    color:#FFF
}

.boutonBlockHideable {
    display:inline-block;
    width:9px;
    height:9px;
    margin-top:5px;
    margin-right:5px;
    background-image:url(../../img/dhxtree/-.png);
    background-color:#044664;
}

.boutonBlockHideable_more {
    width:9px;
    height:9px;
    margin-top:5px;
    margin-right:5px;
    background-image:url(../../img/dhxtree/+.png);
    background-color:#044664;
}

.clear {
    clear:both
}

/***
* Conf
**/
.prettyFile > input {
    display:none!important
}

.uploadsubmit {
    padding:4px;
    text-weight:bold;
    height:26px;
    width:100px;
    background-color:#044664;
    color:#fff;
    border-radius:6px
}

input,
.input-append {
    display:inline-block
}

.input-large {
    border-radius:3px 0 0 3px;
    font-size:14px;
    height:24px!important;
    color:#555;
    margin-right:-4px;
    width:150px
}

.btnBrowse {
    background-image:-webkit-linear-gradient(top, white, #E6E6E6);
    background-repeat:repeat-x;
    border:1px solid #C6C7CE;
    border-radius:0 3px 3px 0;
    box-shadow:rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.0470588) 0 1px 2px 0;
    color:#333;
    display:inline-block;
    font-family:Tahoma, sans-serif;
    font-size:14px;
    margin:0 0 0 -1px;
    padding:0 14px;
    height:24px;
    line-height:23px;
    text-align:center;
    text-decoration:none;
    text-shadow:rgba(255, 255, 255, 0.74902) 0 1px 1px;
    vertical-align:top;
    width:74px
}

/***
* Control leaflet
**/
.leaflet-control-center-enable:hover {
    color:#044664;
}

/***
 * Maintenance
 */
div.maintenanceQTIPInformations {
    margin:0;
    overflow:auto;
    text-align:left;
    height:190px;
    width:600px;
    padding:10px;
    border-left:3px solid #044664;
}

div.maintenanceQTIPInformations.bd {
    height: unset;
}

div.newQtip {
    margin:0;
    overflow:auto;
    text-align:left;
    width:600px;
    padding:10px;
    border-left:3px solid #044664;
}

.btnDetailMaintenance:hover {
    background-color:#044664;!important;
    color:#FFF!important;
    text-decoration:none
}

.qtip-content {
    line-height:1.4em
}

/* **********************
 * Pages
 * ******************* */
/*==========  Monitoring - Exploitation technique  ==========*/
.monitoring-update {
    position:absolute;
    bottom:1.8em;
    right:1.5em;
    margin:0
}

table.infosTable th {
    color:#5e5e5e;
    padding:0 10px;
    font-weight:400
}

.summary-status-icon {
    font-size:2.5em;
}

.state-icon-stack {
    margin-right: 3px;
    margin-left: -5px;
}

/* **********************
 * Surcharge leaflet.css
 * ******************* */
.leaflet-top,
.leaflet-bottom {
    z-index: 10;
}

/* **********************
 * Données personelles page login
 ********************** */
 .login-pers-data-row{
    position: absolute;
    top: 45%;
    padding-left: 2px;
    padding-right: 2px;
 }

 .pers-data-width{
    width: 100%;
 }

 .pers-data-field{
    padding-top: 6px;
    padding-bottom: 10px;
    padding-left: 0px;
 }

 .font-style-pers-data-detail {
     font-style: italic;
     font-color: gray;
 }

 .title-modal-GDPR {
     display: inline;
 }

 /***** Filtring tags radio button *********/
 .tags_operator {
    height: 11px;
    margin-left: 10px;
 }

 .exportBtn {
     display: inline;
     float: right;
     margin-right: 10px;
 }

.timeline_ack_ticket {
    z-index: 1;
}

.fixedTableAction{
    position: fixed;
    top: 0;
    border: 1px solid #cfcfd6;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.underlinedLink{
    cursor: pointer;
    text-decoration: underline;
}

.overflow-wrap-break-word{
    overflow-wrap: break-word;
    display: block;
}

.ui-dialog .ui-dialog-content .table-header.table-header-event-log{
    padding-top: 0px
}

.table-header-info-event-log{
    padding-top: 10px;
}

.table-layout-fixed{
    table-layout: fixed;
}

.break-word-overflow{
    overflow-wrap: break-word;
}

.select2-selection__clear {
    position: absolute;
    right: -6px;
}

.descrTicketLinkAck {
    width:70px;
    font-weight:700;
    margin-top: 10px;
    white-space: nowrap;
}

/***** SMART CONFIGURATION *********/
.smart-configuration {}

.smart-configuration .metric {
    margin-left: 0;
}

.smart-configuration .threshold-recommendation {
    border-top: 1px solid #cfcfd6;
}

.smart-configuration .threshold-recommendation .col {
    padding-top: 3px;
}

.smart-configuration .threshold-level {
    line-height: 1.7em;
    text-align: center;
    font-weight: bold;
}

.smart-configuration .threshold {
    text-align: center;
    display: inline-block;
    font-size: 1.2em;
    line-height: 2em;
}

.smart-configuration .threshold-recommendation-summary i {
    display: block;
    line-height: 1em;
    float: left;
    margin-right: 0.3em;
}

.smart-configuration .threshold-recommendation .gain {
    position: relative;
    display: inline-block;
    width: 20em;
    height: 3em;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5em;
    padding: 0;
}

.smart-configuration .threshold-recommendation .gain svg {
    z-index: 1;
    position: absolute;
    top: -1.3em;
    left: 0;
    width: 100%;
}

.smart-configuration .threshold-recommendation .gain svg g line,
.smart-configuration .threshold-recommendation .gain svg g polyline {
    fill: none;
}

.smart-configuration .threshold-recommendation.threshold-warning .gain svg g line,
.smart-configuration .threshold-recommendation.threshold-warning .gain svg g polyline {
    stroke: #ffa72d;
}

.smart-configuration .threshold-recommendation.threshold-critical .gain svg g line,
.smart-configuration .threshold-recommendation.threshold-critical .gain svg g polyline {
    stroke: #d9534f;
}

.smart-configuration .threshold-recommendation .gain code {
    z-index: 2;
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #fff;
    border: 1px solid #cfcfd6;
    top: 3px;
}

.smart-configuration .threshold-recommendation.threshold-warning .gain code,
.smart-configuration .threshold-warning .threshold-level {
    color: #ffa72d;
}

.smart-configuration .threshold-recommendation.threshold-critical .gain code,
.smart-configuration .threshold-critical .threshold-level {
    color: #d9534f;
}

.backup-codes-2fa {
    font-size: 18px;
    list-style-type: none;
}

.link-2fa {
    color: #337ab7;
}

.steps-2fa {
    width: 50px;
    height: 50px;
    border: 2px solid #044664;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.img-google-app-store-2fa {
    width: 220px;
    margin-right: 55px;
}

.row-step-2fa {
    margin-bottom: 15px
}

.font-size-2fa {
    font-size: 16px;
}

.font-step-2fa {
    font-size: 18px;
}

.group-img-2fa {
    margin-left: 50px;
    margin-top: 15px;
}

.input-code-2fa {
    margin: auto;
    width: 35%;
}

.title-enable-2fa {
    color: #044664;
    margin-bottom: 15px;
}

.switch-field {
    display: flex;
    overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #ffffff;
    color: #044664;
    line-height: 1;
    text-align: center;
    padding: 4px 8px;
    margin-right: -1px;
    border: 1px solid #044664;
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #044664;
    color: #ffffff;
}

.switch-field label:first-of-type {
    border-radius: 3px 0 0 3px;
}

.switch-field label:last-of-type {
    border-radius: 0 3px 3px 0;
}
.switch-field label:first-of-type:last-of-type {
    border-radius: 3px;
}

#argumentsLine {
    color:#000000;
    background:#eeeeee;
    padding: 20px;
    font-size: 1.2em;
}

.linkArgument {
    color:#044664;
}

.linkArgument:hover {
    color:#000000;
}

.linkArgumentAnchor {
    scroll-margin-top: 195px;
}

.fixedArgumentLine {
    position: fixed;
    z-index: 1;
    padding: 10px !important;
    margin: 0 30px 0 0;
    font-size: 1em;
    border: 1px solid #cfcfd6;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.sut-weight-img-dependencies {
    width: 62%;
    margin-top: 68px;
    margin-bottom: 62px;
    margin-left: 72px;
}

.sut-border-card-dependencies {
    border: 1px solid #E2E2E2;
}

.sut-classic-img-dependencies {
    width: 100%;
}

.sut-text-head-dependencies {
    margin-top: 12px;
    margin-bottom: 12px;
}

.sut-card-title-dependencies {
    font-size: 1.6rem;
}

.sut-card-hover:hover {
    background-color:#044664;
    color:#ffffff;
    cursor: pointer;
    transition: color .2s ease-in-out,background-color .2s ease-in-out;
}

/** Les boutons d'affichage des colonnes de la datatable **/
div.dt-button-collection {
    max-height: 500px;
    min-width: 220px;
    width: 100%;
    overflow-y: auto;
}

.input-search {
    height: 30px !important;
}

/** badge changement recensement **/
.badge-yellow {
    background-color: #ffc107;
}

.badge-green {
    background-color: #2ecc40;
}

.disableButton {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
    background-color: #fff;
}

.steps-saml {
    width: 35px;
    height: 35px;
    border: 2px solid #044664;
    border-radius: 50px;
    text-align: center;
    font-size: 25px;
    display: inline-block;
    margin-right: 15px;
}

.argumentsList {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*==========  Layout  ==========*/
body,
.page {
    background:#f9f9f9;
    padding-bottom:5%;
    color:#000;
}

.corps {
    top:100px;
    bottom:0;
    right:0;
}

.menu-minify,
.corps,
.nav-menu {
    position:absolute;
    left:204px
}

.corps,
.nav-left {
    top:100px
}

.corps.is-no-nav-left,
.corps.is-dashboard {
    left:0;
}

.corps.is-no-nav-top,
.nav-left.is-no-nav-top {
    top:30px
}

/*==========  State  ==========*/
.is-disabled {
    pointer-events:none;
    opacity:.5;
    transition:opacity .8s ease-in-out
}

.is-hide {
    display:none
}

.is-success {
    color:#2ecc40;
}

.is-warning {
    color:#ffa72d;
}

.is-danger {
    color:#d9534f;
}

.is-info {
    color:#5bc0de;
}

.is-indeterminate {
    color:#5bc0de;
}

.is-unknow,
.is-default {
    color:#777777;
}

.is-system {
    font-size:2rem;
    vertical-align:middle
}

.is-blink {
    animation: blink 3s infinite;
}

.trend-up {
    color:#2ecc40;
}

.page-title[contenteditable="true"]:active,
.page-title[contenteditable="true"]:focus {
    border: 1px solid #044664 !important;
}

/* Cette classe n'est pas personnalisable via le formulaire de thème */
.trend-alerte {
    color:#ffa72d;
}

.trend-down {
    color:#d9534f;
}

.trend-stable {
    color:#5bc0de;
}

/* Widget
   ========================================================================== */
.w-scrollable {
    height: 250px;
    overflow: scroll;
    overflow-x: hidden;
}

.w-scrollable.medium {
    height: 500px;
}

.w-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-fade {
    color: #959595;
}

/* **********************
* Menu principal
* ******************* */
.header,
.filariane {
    position:fixed;
    width:100%
}

.header {
    z-index:4
}

.logo-link,
.logo-societe {
    display:table-cell;
    vertical-align:middle;
    margin:auto;
    max-height:65px;
    max-width:195px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* ------------------------
    Taille des polices
   ------------------------

    Menu lvl 1,
 2 et 3
    Arbre des sociétés
   ------------------------
*/
.create-ticket-btn,
.popin-tab li a,
.popin-tabs .nav-tabs>li>a,
.ui-tabs .ui-tabs-nav li .ui-tabs-anchor,
.navbar-menu-item-text,
.nav-left .panel-title,
.nav-left .panel-body ul span,
.nav-left .panel-body ul a,
.treeview-company,
.tree-view-textsize[type=text],
.defaultInfoBulle .dataTables_info,
.titreArgument,
.defaultInfoBulle .corps_titre,
.dhxtree_dhx_skyblue .selectedTreeRow_lor,
.dhxtree_dhx_skyblue .selectedTreeRow,
.dhxtree_dhx_skyblue .standartTreeRow,
.dhxtree_dhx_skyblue .standartTreeRow_lor {
    font-size:1.4rem
}

/* ------------------------
    Titre de page
    Icone menu lvl 1
   ------------------------
*/
.navbar-menu-item-logo,
.page-title {
    font-size:2.4rem
}

/* ------------------------
    Titre de datatable
    Picto treeview
   ------------------------
*/
.treeview-down,
.treeview-picto,
.dataTables_info,
.form-title,
.corps_titre {
    font-size:1.8rem
}

/* ------------------------
    Treeview checkbox
   ------------------------
*/
.tree-view-textsize {
    font-size:1.3rem
}

/* ------------------------
    Titre des panels des popins
   ------------------------
*/
.ui-dialog .ui-dialog-content .dataTables_info,
.popin .dataTables_info,
.ui-dialog .ui-dialog-content .corps_titre,
.popin .corps_titre {
    font-size:1.3rem
}

/* ------------------------
    Info des popins
    Bouton d'action
   ------------------------
*/
.ongletcontrat .btn_menu_onglet,
.page-datatable .table,
.ui-dialog .btn.btn-default,
.popin .btn.btn-default,
.page-tabs .nav>li>a {
    font-size:1.3rem
}

/* ------------------------
    Forumulaire
   ------------------------
*/
table.dataTables.dataTableLight tr,
.corps > div,
.ui-widget-content,
.label-checkbox-img,
input[type=radio] + label,
input[type=radio] + span,
input[type=checkbox] + label,
input[type=checkbox] + span,
.input-group-addon,
input[type=time]:not(.input-lg),
input[type=text]:not(.input-lg),
input[type=password]:not(.input-lg),
input[type="search"]:not(.input-lg),
select,
select.form-control,
textarea,
textarea.form-control,
.form-group label.form-control,
.header-badge,
.defaultInfoBulle .page-formcrud,
.ui-button-text-only .ui-button-text,
.form-footer-action,
.form-footer-submit,
.btn_menu_fonction {
    font-size:1.2rem
}

.ie9 .checkbox-inline {
    line-height: 2rem;
}

.ie9 .radio-inline {
    line-height: 1.2rem;
}

.ie10 .checkbox-inline,
.ie10 .radio-inline {
    line-height: 2.2rem;
}

/* Marge pour aligner un element qui ne possède pas de label avec le champ input voisin  */
.no-label-marge {
    margin-top: 22px;
}

/* ------------------------
    View list
    - Bouton d'actions
    - Datatable tr
    - Pagination
   ------------------------
*/
.sf-bloc,
.qtip-content,
.vsClass .ui-widget-content,
.dialogconfirm,
.btnAction,
.actionList,
.table-action .btn,
.table-action .is-fa-img,
.dataTables_length select,
table.dataTables tr,
table.table tr,
.paginate,
div.dataTables_paginate a,
.paginate-arrow {
    font-size:1.3rem
}

.header .nav.navbar-nav,
.header .nav.navbar-nav > li,
.header .navbar-nav>li>a,
.header .navbar-nav>li>span,
.header nav.navbar {
    height:70px
}

.header.is-no-nav-top {
    display:none
}

.header .nav.navbar-nav > li > .dropdown-menu,
.menu-minify-list > li > .dropdown-menu {
    min-width: 200px;
}

.header .nav.navbar-nav > li > .dropdown-menu:before,
.menu-minify-list > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 56px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.header .nav.navbar-nav > li > .dropdown-menu:after,
.menu-minify-list > li > .dropdown-menu:after{
    position: absolute;
    top: -6px;
    left: 57px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.menu-minify-list > li > .dropdown-menu:before {
    left: 40px;
}

.menu-minify-list > li > .dropdown-menu:after {
    left: 41px;
}

.header .nav.navbar-nav > li > .dropdown-menu > li > a,
.menu-minify-list > li > .dropdown-menu > li > a {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 25px;
    padding-right: 15px;
}


@media (max-width: 991px) {
    .navbar-nav .open .dropdown-menu,
    .menu-minify-list > li > .dropdown-menu
    {
        position: absolute;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }

    .header .nav.navbar-nav > li > .dropdown-menu:before,
    .menu-minify-list > li > .dropdown-menu:before {
        position: absolute;
        top: -7px;
        left: 5px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .header .nav.navbar-nav > li > .dropdown-menu:after,
    .menu-minify-list > li > .dropdown-menu:after {
        position: absolute;
        top: -6px;
        left: 6px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid transparent;
        content: '';
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .menu-minify-list > li > .dropdown-menu > li > a{
        color: #333;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .menu-minify-list > li > .dropdown-menu > li > a:hover, .menu-minify-list > li > .dropdown-menu > li >  a:focus {
        color: #262626;
        background-color: #f5f5f5;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}

.menu-minify-list > li,
.header .navbar-nav>li {
    margin:0;
    padding:0
}

.menu-minify-list > li>a,
.menu-minify-list > li>span,
.header .navbar-nav>li>a,
.header .navbar-nav>li>span {
    display:inline-block;
    width:130px;
    padding:12px 0
}

.menu-minify-list > li>a,
.menu-minify-list> li>span {
    padding:8px 0
}

.header .navbar-default {
    background-color:#002637;
    border:none
}

.scroll-top-inner,
.nav-version,
.nav-left .panel-title,
.nav-left .panel ul a {
    color:#222222;
}

.menu-minify-list .navbar-menu-item-logo:hover,
.menu-minify .navbar-menu-item-text:hover,
.menu-minify .active .navbar-menu-item-text,
.header .navbar-default .navbar-nav > li > span,
.header .navbar-default .navbar-nav > li > a {
    color:#dfd0d0;
}

.joint-theme-servicenav .marker-vertex:hover,
.joint-theme-servicenav .marker-vertex,
.joint-theme-servicenav .marker-arrowhead:hover,
.joint-theme-servicenav .marker-arrowhead {
  fill: #044664;
}

.popover .informationTag{
    color: #044664;
    cursor: pointer;
}

.joint-paper-scroller {
  background-color: #f9f9f9;
}

.stencil-container .group-label,
.inspector-container .group-label,
.inspector-container .sub-title {
  background-color:#044664;
  color:#ffffff;
}

.icon-themed {
    color:#044664;
}

.joint-theme-servicenav button.btn-inspector{
    width: 100%;
    border: none;
    background-color: #044664;
    color: #ffffff;
}

.inspector-container .carto_container_color .sp-choose{
    background-color:#044664;
    color:#ffffff;
}

.joint-select-box.joint-theme-servicenav {
  color: #022332;
}

.joint-select-box.joint-theme-servicenav .select-box-option.selected {
  background-color: #82a3b2;
}

.joint-select-box.joint-theme-servicenav .select-box-option.hover {
  background-color: #82a3b2;
}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
  background-color:#044664;
}
input[type="range"]::-moz-range-track {
  background-color:#044664;
}
input[type="range"]::-webkit-slider-runnable-track {
  background-color:#044664;
}

.joint-inspector.joint-theme-servicenav input[type="range"]::-ms-thumb,
.joint-inspector.joint-theme-servicenav input[type="range"]:active::-ms-thumb{
  background-color: #022332;
}

.joint-inspector.joint-theme-servicenav input[type="range"]::-moz-range-thumb,
.joint-inspector.joint-theme-servicenav input[type="range"]:active::-moz-range-thumb{
background-color: #022332;
}

.joint-inspector.joint-theme-servicenav input[type="range"]::-ms-fill-lower,
.joint-inspector.joint-theme-servicenav input[type="range"]::-moz-range-progress{
background-color: #022332;
}

.joint-inspector.joint-theme-servicenav input[type="range"]:active::-webkit-slider-thumb,
.joint-inspector.joint-theme-servicenav input[type="range"]::-webkit-slider-thumb {
  background-color: #022332;
}

.joint-inspector.joint-theme-servicenav .textarea-field > .input-wrapper:after,
.joint-inspector.joint-theme-servicenav .content-editable-field > .input-wrapper:after,
.joint-inspector.joint-theme-servicenav .number-field > .input-wrapper:after,
.joint-inspector.joint-theme-servicenav .text-field > .input-wrapper:after,
.joint-inspector.joint-theme-servicenav .toggle input:checked + span i,
.joint-inspector.joint-theme-servicenav .toggle input.toggle + span:after {
  background-color:#022332;
}

.joint-inspector.joint-theme-servicenav input[type="range"]::-webkit-slider-runnable-track,
.joint-inspector.joint-theme-servicenav input[type="range"]::-moz-range-track,
.joint-inspector.joint-theme-servicenav input[type="range"]::-ms-fill-lower,
.joint-inspector.joint-theme-servicenav input[type="range"]::-ms-fill-upper {
  background-color:#044664;
}

.joint-inspector.joint-theme-servicenav .group > .group-label:hover {
  color: #022332;
}

input[type="text"],
input[type="number"],
.content-editable,
textarea,
input.checkbox-as-text-addon + label {
  border-bottom-color: #044664 !important;
}

.joint-inspector.joint-theme-servicenav .toggle input:checked + span,
.joint-select-box.joint-theme-servicenav .select-box-selection:before,
.joint-select-box.joint-theme-servicenav .select-box-selection:after,
.joint-selection.lasso.joint-theme-servicenav,
.joint-selection.joint-theme-servicenav .box,
.joint-paper .joint-selection .box,
.joint-halo.surrounding .box,
.nav-left-minify-btn,
.nav-left-expanser-btn,
.header .navbar-default .navbar-nav > li.active > a,
.header .navbar-default .navbar-nav > li.active > span,
.treeview,
.filariane {
    background-color:#044664;
}

.navbar-menu-item-logo {
    width: 100%;
}

.joint-halo.surrounding .box,
.nav-left-minify-btn,
.nav-left-expanser-btn,
.menu-minify-list .navbar-menu-item-logo,
.menu-minify .navbar-menu-item-text,
.header .navbar-default .navbar-nav > li.active > a,
.header .navbar-default .navbar-nav > li.active > span,
.treeview,
.filariane {
    color:#ffffff;
}

.header .navbar-default .navbar-nav > li > a:hover {
    color:#044664;
}

.header .navbar-default .navbar-nav > li.active > a:hover {
color:#ffffff;
}

.header nav.navbar {
    margin-bottom:0;
    padding:0;
    border-radius:0
}

.header .navbar-header {
    padding-right:25px
}

.menu-minify-list> li,
.header ul.navbar-nav > li {
    float:left;
    margin:0 5px 0 0;
    padding:0;
    text-align:center
}

.navbar-menu-item-text {
    display:block;
    margin-top:.5em;
    text-transform:uppercase;
    line-height:1em
}

.header-profil {
    position:relative;
    width:65px
}

.joint-selection.joint-theme-servicenav .handle.resize:after,
.joint-selection.joint-theme-servicenav .handle.rotate:after,
.joint-selection.joint-theme-servicenav .handle.remove:after,
.joint-halo.joint-theme-servicenav .handle:hover:before,
.header-profil:hover .header-arrow {
    color:#044664;
}

.joint-snaplines.joint-theme-servicenav .snapline.horizontal {
    border-bottom-color: #044664;
}

.joint-snaplines.joint-theme-servicenav .snapline.vertical {
    border-right-color: #044664;
}
.joint-select-box.joint-select-box-options.joint-theme-servicenav,
.joint-select-box.joint-theme-servicenav .select-box-selection,
.joint-select-box.joint-theme-servicenav .select-box-selection:after,
.joint-select-box-options.joint-theme-servicenav,
.joint-navigator.joint-theme-servicenav .current-view,
.joint-navigator.joint-theme-servicenav .current-view-control,
.joint-selection.lasso.joint-theme-servicenav,
.joint-selection.joint-theme-servicenav .selection-box,
.joint-selection.joint-theme-servicenav .selection-wrapper,
.joint-halo.joint-theme-servicenav.toolbar .handle:hover:after,
.joint-halo.joint-theme-servicenav.pie .pie-toggle:hover,
.joint-paper .joint-selection-wrapper,
.joint-paper .joint-selection-box,
.header-profil:hover .header-badge {
    border-color:#044664;
}

.joint-free-transform.joint-theme-servicenav .resize {
    background: #044664;
}

.header-deconnexion {
    margin:0 15px 0 0;
    padding:0;
    list-style:none
}

.users-left {
    margin-top:5em;
    border-top:1px solid #DDD!important;
    text-decoration:none
}

.users-left:hover {
    text-decoration:none
}

.users-body {
    background:#FFF;
    border:1px solid #cfcfd6;
}

.users-list {
    margin:1em 0;
    padding:0
}

.users-list li {
    line-height:1.5em
}

.beamer-badge {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:50px;
    height:50px;
    line-height:55px;
    margin-top:10px;
    border:1px solid transparent;
    border-radius:50%;
    background-color:#044664;
    text-transform:uppercase;
    text-align:center;
    cursor:pointer
}

.beamer-badge .navbar-menu-item-logo {
    color:#FFF
}

.header-badge {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:50px;
    height:50px;
    line-height:55px;
    margin-top:10px;
    border:1px solid transparent;
    border-radius:50%;
    background-color:#044664;
    text-transform:uppercase;
    text-align:center;
    cursor:pointer
}

.header-badge .navbar-menu-item-logo {
    color:#FFF
}

.header-deconnexion .navbar-menu-item-text {
    display:inline-block
}

.header-dropdown {
    line-height:1em;
    border-radius:0
}

.header-deconnexion .dropdown-menu {
    top:5em;
    right:-2px
}

.header-dropdown-icon {
    margin-right:.5em
}

.dropdown-menu>li>span {
    display:block;
    clear:both;
    font-weight:400;
    color:#333;
    white-space:nowrap
}

.dropdown-menu>li>span,
.dropdown-menu>li>a {
    padding:6px 10px
}

.dropdown-menu .divider {
    margin:1px 0
}

.header-deconnexion .dropdown-menu {
    padding:0
}

/* **********************
 * Toolbar
 * ******************* */
.filariane {
    top:70px;
    width:100%;
    height:30px;
    z-index:3;
}

.filariane.is-no-nav-top {
    top:0
}

.treeview {
    position:relative;
    top:0;
    width:204px;
    z-index:3
}

.treeview,
.treeview-btn{
    height:30px
}

.treeview a {
    color:#FFF
}

.treeview a:hover {
    color:#DDD
}

.treeview ul {
    margin-bottom:0
}

.treeview li.active {
    background-color:#FFF
}

.treeview .defaultInfoBulle {
    width:inherit
}

.treeview-container {
    position:relative
}

.treeview-picto {
    width:23px;
    margin-left:18px;
    padding:0 3px;
    vertical-align:top;
    line-height:1.8em
}

.treeview-btn {
    display:inline-block;
    width:158px;
    padding:0;
    padding-left:4px;
    padding-right:35px;
    line-height:1.9em
}

/*.treeview-picto:hover,*/
.treeview-btn:hover {
background-color:#22b5f6;
color:#000000;
}
.treeview-btn.inactive:hover {
background-color:inherit;
color:inherit;
}

.treeview-company {
    width:130px;
    height:30px;
    min-height:30px;
    line-height:30px
}

.treeview-down {
    position:absolute;
    top:.3em;
    right:.7em
}

.tree-panel {
    position:absolute;
    top:30px;
    left:0;
/*top: 2px;
    left: 204px;*/
    z-index:5
}

.tree-body {
    width:30em;
    color:#000;
    background:#FFF!important;
    box-shadow:0 6px 12px rgba(0,0, 0, 0.175)
}

#treeCompanySelected * {
    margin:0;
    padding:0;
    border:0;
    line-height:1em
}

.dhxtree_dhx_skyblue {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif
}

#treeCompanySelected.dhxtree_dhx_skyblue .selectedTreeRow_lor,
#treeCompanySelected.dhxtree_dhx_skyblue .selectedTreeRow {
    background:#044664;
    color:#ffffff;
    border-radius:3px;
    padding:.1em 5px
}

.treeview-close {
    position:absolute;
    top:.1em;
    right:.4em;
    color:#C3C3C3;
    font-size:1.3em;
    z-index:9999
}

.treeview-search {
    width:25em
}

.menu-minify {
    position:absolute;
    top:0
}

.menu-minify-list {
    margin:0;
    padding:0
}

.menu-minify-list .navbar-menu-item-logo {
    display:none
}

.menu-minify .navbar-menu-item-text {
    margin-top:0
}

/* **********************
 * Menu gauche
 * ******************* */
.header .nav-brand {
    position:absolute;
    display:table;
    height:70px;
    vertical-align:middle;
    text-align:center
}

.header .nav-menu {
    right:0
}

.nav-left,
.nav-left-bg,
.nav-version,
.header .nav-brand {
    width:204px
}

.corps,
.nav-menu {
    position:absolute;
    left:204px
}

.nav-left {
    position:absolute;
    bottom:0;
    left:0;
    z-index:1
}

.top-nav {
    padding-left:0
}

.nav-left .panel {
    background:none;
    border:0;
    border-radius:0;
    box-shadow:none
}

.nav-left .panel-body {
    padding:0
}

.nav-left .panel-title {
    font-weight:400
}

.popin-tab .tab-icon,
.nav-left .panel-title .panel-icon {
    margin-right:10px
}

.arrow {
    float:right
}

.fa.arrow:before {
    content:"\f107"
}

.collapsed .fa.arrow:before {
    content:"\f104"
}

.nav-left .panel:first-child span .panel-heading,
.nav-left .panel:first-child a .panel-heading {
    border-top:0
}

.menu-comptesub {
    margin:1em 0
}

.panel-group .panel+.panel {
    margin-top:0
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top:0
}

.nav>li>span.active,
.nav>li>a.active {
    background-color:transparent
}

.nav-left .panel-body ul {
    width:199px
}

.nav-left .panel ul span,
.nav-left .panel ul a {
    padding-left:45px
}

.nav-left .panel.active ul span,
.nav-left .panel.active ul a {
    padding-left:44px
}

.nav>li>span,
.nav>li>a {
    position:relative;
    display:block;
    padding:10px 15px
}

.nav-left .panel-body .users-list li {
    padding-left:20px
}

.nav-left .panel-heading {
    background:none;
    color:#555;
    border-radius:0;
    border:0
}

.popin-tab li,
.nav-left .panel {
    border-bottom:1px solid #cfcfd6;
}

.popin-tab li a,
.nav-left .panel .panel-heading,
.nav-left .panel.active .panel-body {
    border-left:4px solid transparent;
    color:#000
}

.popin-tab li a {
    background:#eeeeee;
    border-right:1px solid #cfcfd6;
}

.nav-left .panel-heading.active .panel-title,
.nav-left .panel-heading:hover .panel-title,
.nav-left .panel-heading.active .panel-body ul li a,
.nav-left .panel-heading:hover .panel-body ul li a,
.nav-left .panel-heading.active .panel-body ul li span,
.nav-left .panel-heading:hover .panel-body ul li span,
.nav-left .panel.active .panel-title,
.nav-left .nav > li > span:hover,
.nav-left .nav > li > a:hover,
.nav-left .nav > li > span.active,
.nav-left .nav > li > a.active {
    color:#22b5f6;
}

.popin-tab li.active a,
.nav-left .panel.active .panel-heading,
.nav-left .panel.active .panel-body {
    border-left-color:#044664;
}

.popin-tab li.active a {
    border-right-color:transparent
}

.nav-top-minify-btn,
.nav-left-minify-btn {
    float:right
}

.nav-left-minify-btn {
    margin:10px 0;
    padding:5px 20px 5px 10px;
    border-radius:20px 0 0 20px;
    position:absolute;
    bottom:0;
    right:-1px;
    z-index:2;
}

.nav-top-minify-btn {
    margin:5px 10px;
    padding:6px;
    border-radius:20px 20px 0 0
}

.nav-top-minify-icon {
    line-heigth:.6em
}

.scroll-top-wrapper,
.nav-left-expanser {
    position:fixed;
    display:table;
    width:20px;
    height:20px;
    border-radius:3px;
    z-index:5
}

.nav-left-expanser {
    bottom:10px;
    left:10px
}

.scroll-top-inner,
.nav-left-expanser-btn {
    display:table-cell;
    vertical-align:middle;
    text-align:center
}

.scroll-top-wrapper,
.nav-left-expanser,
.nav-left-bg,
.nav-version {
    background-color:#eeeeee;
}

.nav-version {
    transition:background 1s
}

.nav-left-bg {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    z-index:0;
    border-right:1px solid #cfcfd6;
}

.scroll-top-wrapper {
    visibility:hidden;
    right:10px;
    bottom:10px;
    opacity:0;
    transition:all .4s
}

.scroll-top-wrapper.is-show {
    visibility:visible;
    opacity:1
}

.nav-version {
    position:fixed;
    bottom:0;
    left:-1px;
    padding:5px 10px;
    font-size:91%
}

/* **********************
 * Page - content-view
 * ******************* */
.page-navigation {
    margin-bottom:1.5em
}

.page-back {
    margin-right:15px
}

.page-navigation .breadcrumb {
    display:inline-block;
    background:inherit;
    color:#949494;
    font-size:91%;
    padding:0
}

.page-navigation .breadcrumb,
.page-navigation .breadcrumb a {
    color:#949494
}

.page-pagination-left,
.page-pagination-right {
    text-transform:uppercase
}

.page-pagination-left {
    margin-right:30px
}

.page-head {
    padding:10px 20px 0
}

.page-head .champ {
    padding-left: 0;
}

.page-content {
    padding-top:0;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:5%
}

.page-content.it-weather {
    padding-bottom: unset;
}

.is-dashboard .page,
.is-dashboard .page-content {
    padding-bottom:0
}

.page-title {
    padding-bottom: 10px;

    font-weight:400;
    color:#000;
}

.page-btn {
    padding:8px 30px;
    text-transform:uppercase
}

.page-alert {
    margin: 1em auto;
    max-width: 80%;
}

.page-splash {
    margin: 1em auto;
    border:1px solid #cfcfd6;
}

/* **********************
 * Content
 * ******************* */
.page-badge {
    border-top:1px solid #cfcfd6;
    border-bottom:1px solid #cfcfd6;
    margin-bottom:3em
}

.page-badge .list-inline {
    margin:10px 0
}

/*.page-content .panel {
    border:none;
    box-shadow:none;
    border-radius:3px;
}*/
.page-panel {
    margin-bottom:3em
}

.page-content .panel-heading {
    position:relative;
    padding:10px 15px;
    height:40px;
    border:none
}

.page-content .panel-heading+.slimScrollDiv,
.page-content .panel-heading+.table {
    border-top:1px solid #eee
}

.panel-heading-btn {
    position:absolute;
    top:.2em;
    right:.5em
}

.panel-heading-btn>a {
    margin-left:8px
}

.panel-heading .btn-group .btn {
    margin-top:-7px
}

.panel-heading .btn-group .btn.btn-sm {
    margin-top:-5px
}

.panel-heading .btn-group .btn.btn-xs {
    margin-top:-1px
}

.page-content .panel-heading .label.pull-left,
.page-content .panel-heading .label.pull-right {
    line-height:15px
}

.page-content .panel-heading .progress.pull-left,
.page-content .panel-heading .progress.pull-right {
    width:40%;
    min-width:120px
}

.page-content .panel-heading+.alert {
    margin-bottom:0;
    border-radius:0
}

.page-content .panel-with-tabs.panel-default .panel-heading {
    background:#c1ccd1;
    color:#333
}

.page-content .panel-heading .nav-tabs {
    margin-top:-10px;
    margin-right:-15px
}

.page-content .panel-heading .nav-tabs>li>a {
    padding:10px 15px;
    line-height:20px
}

.page-content .panel-title .accordion-toggle {
    margin:-10px -15px;
    padding:10px 15px
}

.page-content .panel-title .accordion-toggle.accordion-toggle-styled .fa:before {
    content:'\f056'
}

.page-content .panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before {
    content:'\f055'
}

.page-content .panel-title .pull-right {
    line-height:20px
}

.panel-toolbar {
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    padding:10px 15px;
    background:#FFF
}

.panel-toolbar+.form-control {
    margin:-1px 0 0;
    border-right:none;
    border-left:none
}

.nav-left .panel-group .panel {
    border-radius:0
}

.panel-group .panel {
    border-radius:3px
}

.form-control+.panel-footer {
    border-top:none
}

.page-content .panel-body {
    padding:15px
}

.no-border,
.ui-tabs .ui-tabs-nav,
table.dataTables > tbody .no-border tr,
table.dataTables tbody tr .no-border td:first-child,
table.dataTables tbody tr .no-border td:last-child,
.page-content .panel-body.no-border {
    border:none!important
}

.page-content .panel-body.no-padding,
.page-content .panel-body.panel-form,
.page-content .panel-body.panel-full-width,
.page-content .panel-body.panel-table {
    padding:0!important
}

.page-content .panel-body.with-table>.table {
    border:0;
    margin:0
}

.page-content .panel-body.with-table>.table tr:last-child td,
.panel-body.with-table>.table tr:last-child th {
    border-bottom:0
}

.page-content .panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top:1px solid #eee
}

.page-content .panel-footer {
    background:#FFF;
    border-top:1px solid #eee
}

.page-content .panel .tab-content {
    border-radius:0 0 3px 3px
}

.page-content .panel-default>.panel-heading {
    background:#fafafa
}

.page-content .panel-inverse>.panel-heading {
    background:#eeeeee;
}

.page-content .panel-success>.panel-heading {
    background:#008a8a
}

.page-content .panel-warning>.panel-heading {
    background:#c47d15
}

.page-content .panel-danger>.panel-heading {
    background:#cc4946
}

.page-content .panel-primary>.panel-heading {
    background:#2a72b5
}

.page-content .panel-info>.panel-heading {
    background:#3a92ab
}

.page-content .panel.panel-expand {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    overflow:hidden;
    z-index:1080
}

.page-content .panel-expand .height-full,
.page-content .panel-expand .height-lg,
.page-content .panel-expand .height-md,
.page-content .panel-expand .height-sm,
.page-content .panel-expand .height-xs {
    height:100%!important
}

@keyframes panelExpand {
from {
    top:50%;
    left:50%;
    right:50%;
    bottom:50%
}

to {
    top:0;
    left:0;
    right:0;
    bottom:0
}
}

@-webkit-keyframes panelExpand {
from {
    top:50%;
    left:50%;
    right:50%;
    bottom:50%
}

to {
    top:0;
    left:0;
    right:0;
    bottom:0
}
}

.page-content .panel.panel-expand>.panel-heading .fa.fa-expand:before {
    content:'\f066'
}

.page-content .panel.panel-expand,
.page-content .panel.panel-expand>.panel-body,
.page-content .panel.panel-expand>.panel-heading {
    border-radius:0
}

.page-content .panel.panel-expand>.panel-body {
    position:absolute;
    right:0;
    left:0;
    bottom:0;
    top:40px;
    overflow-y:scroll;
    z-index:1020
}

.page-content .panel.panel-expand>.panel-footer {
    position:absolute;
    left:0;
    right:0;
    bottom:0
}

.page-content .panel.panel-loading .panel-body {
    position:relative;
    z-index:0
}

.page-content .panel.panel-loading.panel-expand .panel-body {
    position:absolute
}

.page-content .panel.panel-loading .panel-body .panel-loader {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#FFF;
    opacity:.9;
    filter:alpha(opacity=90);
    animation:fadeIn .2s;
    -webkit-animation:fadeIn .2s;
    z-index:1020;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px
}

.page-content .btn {
    font-weight:300;
    border-radius:3px
}

.page-content .btn-icon,
.btn.btn-icon {
    display:inline-block;
    width:28px;
    height:28px;
    padding:0;
    border:none;
    line-height:28px;
    text-align:center
}

.page-body {
    padding:15px;
    border:1px solid #cfcfd6;
    border-top:none
}

/* **********************
 * Tabs
 * ******************* */
.page-tabs {
    overflow:hidden;
    min-height:200px
}

.ui-tabs .ui-tabs-nav,
.ongletcontrat,
.page-tabs .nav-tabs {
    position: relative;

    border-bottom: 1px solid #cfcfd6;
    /*box-shadow: 0px 3px 5px 0px rgba(134, 134, 134, 0.3);*/

    z-index: 1;
}

.tabs-arround,
.page-tabs .nav-tabs,
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav li.ui-state-default {
    background: #f9f9f9;
}

.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav li.ui-state-default {
    padding: 0;
}
.ongletcontrat .btn_menu_onglet,
.page-tabs .nav-tabs>li>a {
    height:41px;
    border:0;
    border-radius:0;
    color:#000
}

.ongletcontrat .btn_menu_onglet,
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor,
.page-tabs .nav>li>a {
    font-weight:400;
    color:#000
}

.ongletcontrat .btn_menu_onglet,
.page-tabs .nav>li>a {
    margin:0;
    padding:12px 25px;
    background:transparent;
    border:0;
    border-bottom:4px solid transparent
}

.ongletcontrat .btn_menu_onglet:hover,
.ongletcontrat .btn_menu_onglet:focus,
.page-tabs .nav>li>a:hover,
.page-tabs .nav>li>a:focus {
    background-color:#f9f9f9;
    border-color:#f9f9f9;
    border-bottom: 1px solid #cfcfd6;
}

.openticket-linkedaction-detail.is-expanded,
.ongletcontrat .btn_menu_onglet.selected,
.page-tabs .nav-tabs>li.active>a,
.page-tabs .nav-tabs>li.active>a:focus,
.page-tabs .nav-tabs>li.active>a:hover,
.ui-tabs .ui-tabs-nav li.ui-state-active {
    background:transparent;
    border:0;
    border-bottom:4px solid #044664;
}

 .inventory-content,
 .tab-content {
    position:relative;
    min-height:60px;
}

.page-content .tab-content {
    padding:0
}

.page-tabs .tab-content {
    padding: 1em 20px 1em;
}

#list_host_content.tab-content {
    min-height: 430px;
}


/* **********************
* Search form
* ******************* */
.form-head {
    position:relative;
    height:10px;
    padding-top:2px;
    padding-left:15px;
    z-index:1
}

.form-head.is-slide-up {
    height:25px
}

.form-title {
    font-weight:400
}

.form-minus {
    position:absolute;
    top:0;
    right:0;
    width:25px;
    height:25px;
    padding:5px;
    text-align:center;
    border-left:1px solid #cfcfd6;
    border-bottom:1px solid #cfcfd6;
    border-right:1px solid transparent;
/* On retarde la border */
    transition:border .4s
}

.form-minus.is-slide-up {
    border-bottom:none;
    border-radius:0
}

.form-body {
    padding:0 30px 0 15px
}

.form-table {
    width:100%;
    max-width:100%;
    margin-bottom:13px;
    text-align:center
}

.form-table th {
    padding:5px 0;
    text-align:center
}

.form-footer {
    padding:0;
    border-top:1px solid #cfcfd6;
    line-height:2em;
    text-align:right;
    clear:both
}

.ui-button-text-only .ui-button-text,
.monitoring-update,
.form-footer-submit {
    padding:8px 2em
}

.ui-dialog .ui-dialog-buttonpane button,
.monitoring-update,
.form-footer-action,
.form-footer-submit {
    margin-left:1.5em
}

.form-footer .form-footer-action:last-child {
    margin-right:1.5em
}

table .form-footer-action {
    float:right;
    margin-right:.5em
}

.form-footer-submit {
    height:100%
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button,
.btn.form-footer-submit {
    border-radius:0!important
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1),
.form-footer-action,
.ui-state-default,
.ui-widget-content .ui-state-default.form-footer-action,
.ui-widget-content a.form-footer-action {
    color:#777;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-sate-hover:nth-child(1) {
    background:none
}

.create-ticket-btn:hover,
.create-ticket-btn:focus,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):focus,
.btn.form-footer-submit:focus {
    background:#ffffff;
    color:#044664;
}

.search-icon {
    width:16px
}

.recensement-begin,
.page-formcrud {
    padding:1em 10px;
    background-color:#FFF;
}

.page-formcrud textarea {
    resize:vertical
}

/*==========  Bouton de popin / formulaire de CRUD  ==========*/
.form-header {
    margin-bottom:15px;
}

.form-helper {
    float:left;
}

.form-btn {
    float:right;
    list-style:none
}

.form-btn li {
    display:inline
}

/* **********************
* Spinner
* ******************* */
.spinner {
    position:absolute;
    top:50%;
    left:50%;
    height:40px;
    width:40px;
    margin:-20px 0 0 -20px;
    border:2px solid #cfcfd6;
    border-top:2px solid #044664;
    border-radius:100%
}

.spinner-dataviz {
    height: 40px;
    width: 40px;
    border: 2px solid #cfcfd6;
    border-top: 2px solid #044664;
    border-radius: 100%
}

.spinner-dataviz-small {
    height: 20px;
    width: 20px;
    border: 2px solid #cfcfd6;
    border-top: 2px solid #044664;
    border-radius: 100%
}

.leaflet-control-loading {
    /* This is where your loading indicator would go */
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    border:2px solid #cfcfd6 !important;
    border-top:2px solid #044664 !important;
    border-radius:100% !important;
    border-top-right-radius:100% !important;
    border-top-left-radius:100% !important;
    border-bottom-right-radius:100% !important;
    border-bottom-left-radius:100% !important;
}

/* **********************
 * Datatable
 * ******************* */
.formOnTop,
.dataTables.dataTable {
    background:#FFF
}

.action-en-cours,
.syncState,
.page-form,
.page-datatable,
.page-itemlist,
.corps_titre {
    border:1px solid #cfcfd6;
    border-top-width:4px;
    border-radius:3px
}

.syncState,
.is-slide-form.is-slide-up,
.page-form,
.page-datatable,
.corps_titre + table {
    margin-bottom:20px
}

.sidebars-tab,
.is-slide-form.is-slide-up,
.page-form {
    background:#FFF;
}

.nav-left-minify-btn:hover,
.nav-left-expanser-btn:hover,
.form-head.is-slide-up,
.corps_titre,
.table-header,
div.dataTables_paginate a,
.paginate,
.nav-top-minify-btn {
    color:#000000;
    background:#eeeeee;
}

.corps_titre,
.table-header {
    padding:5px 10px;
    clear:both
}

.corps_titre {
    padding-top:10px;
    padding-bottom:5px
}

.table-header {
    line-height:30px
}

.coprs_titre {
    line-height:1.5em
}

/* Supression scrollbar X quand on a une scrollbar Y */
.dataTables_scrollBody {
    padding-right:5px
}

.dataTables_length select {
    height:28px;
    background-color:#FFF
}

.table-action {
    padding: 0 10px 8px;
    background-color:#f9f9f9;
}

.table-action-flex {
    padding: 8px 8px;
    background-color:#f9f9f9;
    display: flex;
    justify-content: center;
}

.table-action-flex .table-action-autocomplete {
    padding-bottom: 0;
}

.table-action-flex .pagination-container {
    flex-grow: 1;
    padding-left: 25%;
}

.datatable-search {
    width: 18em;
    margin: 10px 5px;
}

.dataTables_filter .datatable-search {
    margin: 0;
}

.action-list {
    float: right;

    padding-left: 0;
    margin-left: -5px;

    list-style: none;
}

.action-list>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.action-list>li:last-child {
    padding-right: 0;
}

.more-action {
    height:25px
}

.table-header span.filter {
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
}

.table-header span.filter input[type="radio"] {
    cursor: pointer;
    float:left;
    margin:0;
}

.table-header span.filter label {
    color: #000;
    cursor: pointer;
    margin-left:5px;
    margin-top:2px;
}

thead {
    border-bottom:2px solid #cfcfd6;
}

tfoot {
    border-top:2px solid #cfcfd6;
}

.dataTables_scrollHead thead,
.dataTables_scrollHead tfoot {
    border-top-width:1px;
    border-bottom-width:1px
}

table.dataTables thead .sorting_asc,
table.dataTables thead .sorting_desc,
table.dataTables thead .sorting {
    padding-right:15px;
    cursor:pointer
}

.dataTables_wrapper {
    margin:auto;
    padding:0;
    border-top:1px solid #eeeeee;
    background:#FFF;
}
.datatable_content_wrapper {
    padding:0 1px; /* 1px pour que la scrollbar n'apparaisse pas inutilement */
    overflow: auto;
}

.page-datatable .ColVis {
    margin:0;
    padding:0
}

.page-datatable .ColVis_Button {
    float:inherit;
    margin:0;
    padding:0
}

.ColVis_MasterButton:hover {
    color:#044664;
}

.table-action li {
    padding-top:8px
}

.table-action.service_relation li {
    padding-top:0;
}

.table-action-autocomplete {
    float:right;
    width:25%;
    padding-bottom:5px
}

.table-action-autocomplete-fill {
    padding-top: 10px;
}

.page-datatable {
    position: relative;
    min-height: 50px;
    border-radius:4px;
}

.page-datatable .table {
    margin-bottom:0;
    border: none;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td,
td,
th {
    padding:.5em .2em
}

.table.no-padding>thead>tr>th,
.table.no-padding>thead>tr>td,
.table.no-padding>tbody>tr>th,
.table.no-padding>tbody>tr>td,
.table.no-padding>tfoot>tr>th,
.table.no-padding>tfoot>tr>td,
.table.no-padding td,
.table.no-padding th {
    padding:0
}

table.dataTables th {
    height:25px;
    border:none;
    font-weight:700;
    vertical-align:middle
}

table.dataTables tr {
    height:50px;
    text-align:left
}

.ui-menu .ui-menu-item:nth-child(odd),
.ui-menu .ui-menu-item:nth-child(even),
table.dataTables tbody tr.even {
    background:transparent
}

table.dataTables tbody tr {
    border-bottom:1px solid #cfcfd6;
}

table.dataTables th:first-child input[type=checkbox],
table.dataTables td:first-child input[type=checkbox] {
    margin:0 .5em
}

table.dataTables th:first-child img,
table.dataTables td:first-child img {
    margin-bottom:.4em
}

table.dataTables tbody tr:hover,
table.dataTables tbody tr.active,
table.dataTables tbody tr:hover a,
table.dataTables tbody tr.active a,
table.dataTables tbody tr:hover .btnAction,
table.dataTables tbody tr.active .btnAction {
    background-color:  #22b5f6;
    color: #000000;
}

table.dataTables tbody tr:hover a:hover {
    color: #000000;
}

#datatable_contribution table.dataTables tbody tr:hover.shown,
#datatable_contribution table.dataTables tbody tr.active.shown,
#datatable_contribution table.dataTables tbody tr:hover.shown a,
#datatable_contribution table.dataTables tbody tr.active.shown a {
    background-color: #f0f0f1;
    color: #000000;
}

#datatable_contribution table.dataTables tbody tr:hover.shown a:hover {
    background-color: inherit;
    color: inherit;
}

#datatable_contribution table.dataTables tbody tr.shown + tr:hover,
#datatable_contribution table.dataTables tbody tr.shown + tr.active,
#datatable_contribution table.dataTables tbody tr.shown + tr:hover thead tr,
#datatable_contribution table.dataTables tbody tr.shown + tr.active thead tr,
#datatable_contribution table.dataTables tbody tr.shown + tr:hover a,
#datatable_contribution table.dataTables tbody tr.shown + tr.active a {
    background-color: inherit;
    color: inherit;
}

table.dataTables tbody tr:hover a.btn:hover,
table.dataTables tbody tr.active a.btn:hover,
.ui-widget-content a.btn:hover,
.btn.btn-primary {
    color: #ffffff;
    background: #044664;
    border-color: #044664;
}


.dataTables_empty {
    vertical-align:middle;
    text-align:center
}

.datatable-update {
    position:absolute;
    bottom:0;
    right:1.5em
}

table.dataTables tbody tr:hover a:hover,
table.dataTables tbody tr.active a:hover {
    color:#044664;
}

/* ************************************
 * Paginate
 * ********************************* */
div.dataTables_paginate a,
.paginate {
    margin:0 2px;
    padding:0 4px;
    line-height:2.2em;
    vertical-align:middle;
    border:1px solid transparent;
    border-radius:3px;
    cursor:pointer
}

div.dataTables_paginate a:hover,
.paginate:hover {
    border-color:#044664;
}

.paginate-arrow {
    padding-bottom:3px;
    font-weight:700;
    vertical-align:middle
}

div.dataTables_paginate a.current,
.paginate_active {
    border-radius:3px;
    background-color:#044664;
    color:#ffffff;
    cursor:default;
    font-weight:700
}

/* **********************
 * Listitem
 * ******************* */
.page-itemlist {
    margin-bottom: .5em;
}

.page-itemlist:hover {
    background:#f9f9f9;
}

.page-itemlist-header {
    color:#000000;
    background:#eeeeee;
}

.page-itemlist-header-title {
    font-weight: 700;
    margin-bottom: 1em;
    text-align: justify;
}

.page-itemlist-body,
.page-itemlist-header {
    padding:10px 5px;
}

.page-itemlist:hover .page-itemlist-body {
    color:#000;
}

/* **********************
 * Treeview
 * ******************* */
.standartTreeImage img {
    background:#044664;
}

/* **********************
 * Autocomplete
 * ******************* */
.vs-autocomplete-treeview {
    background:#FFF;
    padding:0;
    border-radius:0
}

.vs-autocomplete-treeview .ui-menu-item {
    padding:.2em .6em
}

.vs-autocomplete-treeview .ui-menu-item:nth-child(odd),
.vs-autocomplete-treeview .ui-menu-item:nth-child(even) {
    border-bottom:1px solid #cfcfd6;
}

.vs-autocomplete-treeview .ui-menu-item:last-child {
    border-bottom:none
}

.vs-autocomplete-treeview .ui-menu-item.ui-state-focus,
.vs-autocomplete-treeview .ui-menu-item.ui-state-hover,
.vs-autocomplete-treeview .ui-menu-item a.ui-state-hover,
.vs-autocomplete-treeview .ui-menu-item a.ui-state-active {
    font-weight:400;
    margin:0;
    background:#22b5f6;
    border-color:#044664;
    color:#000000;
}

/* **********************
 * Misc
 * ******************* */
.alert ul {
    list-style:none;
    padding:0
}

.alert td {
    padding:0
}

.alert tr td:first-child {
    width:50px
}

/* **********************
 * Widget dropdown-popin
 * ******************* */
.dropdown-menu-basic {
    z-index:2
}

.w-dropdown-lg {
    width:1000px
}

.w-dropdown-md {
    width:500px
}

.w-dropdown-comment,
.w-dropdown-periode {
    width:360px
}

.w-dropdown-footer {
    text-align:right
}

.w-infobulle {
    float:left;
    margin-right:10px
}

.w-indice-icon {
    font-size:.7em;
    text-align:right;
    top:4px;
    width:inherit
}

.label-as-badge {
    border-radius:1em
}

/* **********************
 * Widget checkbox button clickable
 * ******************* */
.label-checkbox,
.label-checkbox-filter-status {
    position:relative;
    top:4px;
    height:27px
}

.label-checkbox.label-box {
    top:6px
}

.label-checkbox.label-img {
    top:0px
}

.label-checkbox-item {
    display:inline-block;
    margin:0;
    padding:0
}

.label-checkbox-item label {
    padding:0;
    margin:0
}

.label-checkbox input[type=radio],
.label-checkbox input[type=checkbox],
.label-checkbox-filter-status input[type=checkbox] {
    display:none;
}

.label-checkbox input[type=radio]:first-child + label,
.label-checkbox input[type=radio]:first-child + span,
.label-checkbox input[type=checkbox]:first-child + label,
.label-checkbox input[type=checkbox]:first-child + span,
.label-checkbox-filter-status input[type=checkbox]:first-child + label,
.label-checkbox-filter-status input[type=checkbox]:first-child + span {
    margin-left:0
}

.label-checkbox input[type=radio][disabled="disabled"]:first-child + label,
.label-checkbox input[type=radio][disabled="disabled"]:first-child + span,
.label-checkbox input[type=checkbox][disabled="disabled"]:first-child + label,
.label-checkbox input[type=checkbox][disabled="disabled"]:first-child + span,
.label-checkbox-filter-status input[type=checkbox][disabled="disabled"]:first-child + label,
.label-checkbox-filter-status input[type=checkbox][disabled="disabled"]:first-child + span {
    pointer-events:none;
    opacity:.5;
    transition:opacity .8s ease-in-out
}

.label-checkbox-img,
.label-checkbox-box {
    cursor:pointer;
    padding:4px
}

.label-checkbox-box {
    margin-top:5px;
    border-radius:3px
}

.label-checkbox-img {
    width:1.9em;
    text-align:center;
    border-radius:80%;
    border:1px solid #cfcfd6;
}

.label-checkbox-img.big {
    width: 2.5em;
}

.label.label-checkbox-img {
    border-radius:3px
}

.label-checkbox-item .label-checkbox-box {
    border:1px solid #cfcfd6;
}

.vs_multiselect.ui-state-hover,
.vs_multiselect.ui-state-focus,
.label-checkbox-item .label-checkbox-img:hover,
.label-checkbox-item .label-checkbox-box:hover {
    border:1px solid #044664;
}

.label.label-checkbox-img.selected,
.label.label-checkbox-img:hover,
.label-checkbox input[type=radio]:checked + *,
.label-checkbox input[type=checkbox]:checked + *,
input.checkbox-as-text-addon:checked + label {
    background:#044664;
    border:1px solid #044664;
    color:#ffffff;
}

.label-checkbox-filter-status input[type=checkbox]:checked + * {
    background:#044664;
    border:1px solid #044664;
}

/*
http://stackoverflow.com/a/20222705
Plus jamais je dirais du bien d'IE.
*/
.ie11 .label-checkbox-item label {
    display: inline-block;
}
.ie11 .label-checkbox-img {
    pointer-events: none;
}

.input-group .ui-datepicker-trigger {
    display:none
}

input.hasDatepicker[readonly] {
    background:#FFF
}

/* **********************
 * Widget multiseclect width for bootstrap
 * ******************* */
.page-formcrud .col-md-12 .ui-multiselect.vs_multiselect,
.popin-content .col-md-12 .ui-multiselect.vs_multiselect,
.form-body .col-md-12 .ui-multiselect,
.form-body .col-md-12 .form-control.has-mot-clef,
.form-body .col-md-12 .form-group .input-group.has-datepicker {
    max-width:376px;
    width:100%!important
}

.ui-multiselect-menu.vs_multiselect {
    min-width:334px!important
}

.vs_multiselect input[type="checkbox"] {
    margin-right:5px
}

/* FORMULAIRE */
.champ {
    border-right:3px solid transparent;
    padding-left:3px
}

.obligatoire {
    border-right:3px solid red
}

/* **********************
 * Login page
 * ******************* */
.login-background {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-9999;
    background:url('/uploads/themes/3cd214705167d65a2f2143979792d338c/login_background_image.jpg') #ffffff;
    background-size:cover
}

.login-panel {
    padding:10px 40px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    border: 1px solid #eeeeee;
    border-radius: 2px;
    background-color:#eeeeee;
}

.username-box {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#username-span {
    font-size: 1.1em;
    font-weight: bold;
    color: #777;
    padding: 10px 15px;
    border: 1px solid #eeeeee;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#username-span i {
    font-size: 1.4em;
    margin-right: 5px;
}

.previous-state {
    padding: 10px;
    margin-left: 5px;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    color: #044664;
    background-color: #f9f9f9;
}

.previous-state:hover {
    color: #f9f9f9;
    background-color: #044664;
    border: 1px solid #044664;
}

.connection-error i {
    margin-right: 5px;
}

.space-login-pers-data {
    margin-top: -90px
}

.login-panel .btn-primary,
.login-language-choice .btn-default:hover,
.login-language-choice .btn-default:active,
.login-language-choice .btn-default:focus,
.login-language-choice .open .dropdown-toggle.btn-default {
    background-color:#044664;
    border-color:#044664;
    color:#ffffff;
}

.login-panel .btn-primary:hover {
    opacity:.95
}

.login-header {
    padding:20px 0
}

.reset-password-panel {
    position:absolute;
    padding:10px 40px;
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%);
    box-shadow:-20px 20px 40px rgba(0, 0, 0, 0.32);
    border-radius:5px;
    background-color:#eeeeee;
}

.input-inner-addon {
    position:relative
}

.login-language-choice {
    border-top:5px solid #044664;
}

.login-panel .form-control, .forgotten-password .form-control {
    border: none;
    background-color: #eeeeee;
}

.forgotten-password input:required {
    border-left: 3px solid red;
}

.login-panel .form-control:focus, .forgotten-password .form-control:focus {
    filter: brightness(95%);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
}

.forgotten-password {
    margin-top: 30px;
}

/* style icon */
.input-inner-addon .fa {
    position:absolute;
    top:14px;
    padding-left:10px;
    pointer-events:none;
    font-size:1.3em
}

/* align icon */
.input-inner-addon-left .fa {
    left:0
}

.input-inner-addon-right .fa {
    right:0
}

/* add padding  */
.input-inner-addon-left input {
    padding-left:30px
}

.input-inner-addon-right input {
    padding-right:30px
}

.login-action-forgot-password,
.login-action-forgot-password:hover,
.login-action-forgot-password:focus,
.login-action-forgot-password:active {
    color:#044664;
    -webkit-box-shadow:none;
    box-shadow:none
}

.action-saml-mode-link,
.action-saml-mode-link:hover,
.action-saml-mode-link:focus,
.action-saml-mode-link:active {
color:#044664;
-webkit-box-shadow:none;
box-shadow:none
}

/* Sla status colors */
.sla-status-success {
    color: #2ECC40;
}
.sla-status-warning {
    color: #FFA72D;
}
.sla-status-danger {
    color: #d9534f;
}
.sla-status-none {
    color: #777777;
}

/* ==========================================================================
   Partie Symfony - besoin des couleurs dynamniques du thème
   ========================================================================== */
.action-en-cours {
    border-color: #044664;
}

/* ==========================================================================
   Card
   ========================================================================== */
.card-header-theme {
    background-color: #22b5f6;
}

.card-header-theme .card-title {
    color: #000000;
}

/* ==========================================================================
   Dashboard direction - Tabs
   ========================================================================== */
.dashboard-nav .nav>li>a:hover .card,
.dashboard-nav li.active .card {
    border-color: #044664;
}

.dashboard-nav li.active .tab-nav:before {
    border-color: #044664;
    border-top-color: #044664 !important;
}

/* ==========================================================================
   Card
   ========================================================================== */

.card {
    margin-bottom: 20px;
    background: #FFF;
    border: 1px solid #CDCDCD;
    border-radius: 1px;
}

.card.is-loader {
    position: relative;
    min-height: 60px;
}

.card-footer-padding,
.card-head,
.card-body {
    padding: 10px 15px;
}

.card-right {
    float: right;
}

.card-title {
    font-size: 1.6rem;
    color: #7B7B7B;
}

.card .ui-button-icon-only .ui-button-text {
    padding: 0;
}

.card-footer,
.card-body {
    border-top: 1px solid #E2E2E2;
}

.card-error {
    position: relative;
    min-height: 150px;
    text-align: center;
}

.card-list {
    padding: 0;
}

.card-list-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.card-list-item.no-padding {
    padding: 0;
}

.card-list .card-list-item:first-child {
    border-top: none;
}

.card-list .card-list-item:last-child {
    border-bottom: none;
}


/* ==========================================================================
   Legend - Carto
   ========================================================================== */
.legend {
    position: relative;
}

.legend-icon-size {
    font-size: 1.4em;
}

.legend-item {
    position: relative;
    height: 2em;
}

.legend-icon {
    position: absolute;

    width: 30px;
    text-align: center;
}

.legend-text {
    position: absolute;
    left: 40px;
}

.legend-text-degradant,
.legend-text-bloquant,
.legend-text-cluster {
    width: 20px;

    margin: auto;
    margin-top: .4em;

    border: 0;
    border-top:1px solid #000000;
}

.legend-text-degradant {
    border-top-style: dashed;
}

.legend-text-cluster {
    border-top-style: dotted;
}

.legend-text-cluster-weight {
    position:absolute;
    font-size:1rem;
    top:0;
    left:12px;
    text-align:center;
    background:#FFF;
}

.legend-action-form {
    margin: 0;
    color: inherit;
}

.legend-icon input {
    margin: 0;
}

/* ==========================================================================
   Résumé des statuts
   ========================================================================== */

.card-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1em;
    margin: auto;
    font-size: 3rem;
    text-align: center;
}

.card-body, .card-footer-padding {
    padding: 10px 15px;
}

.status-charts {
    height:120px;
}

.btn-status-information {
    color:#666666;
    text-align:left;
}

.btn-status-information:hover {
    border:1px solid #666666;
}

/* ==========================================================================
   Animation
   ========================================================================== */
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* ==========================================================================
   Errors
   ========================================================================== */
.error-container {
    color: #959595;
    display: table;
    left: 50%;
    position: absolute;
    text-align: text;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
}

.error-part {
    display: table-cell;
    vertical-align: middle;
}

.error-icon {
    padding-right: 5px;
}

.td-prediction {
    border-left: solid 1px #ddd;
    padding-left: 15px;
}

.td-prediction table {
    width: 100%;
}

.prediction-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 15px;
}

.confidence-container {
    padding: 0 15px;
}

.user-service-status-container img {
    width: 30px;
    height: 30px;
}

.multi-select2-container input {
    padding: 0;
}

input.checkbox-as-text-addon + label {
    cursor: pointer;
    background-color: unset;
    user-select: none;
    font-size: 10px;
}

input.checkbox-as-text-addon {
    display: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Datatables Buttons styles
 */

a.buttons-colvis {
	margin-right: 0px;
	padding: 0px;
	background-color: transparent;
	background-image: inherit;
	border: none;
	font-size: inherit;
}

a.buttons-colvis:hover {
	background-color: transparent !important;
	background-image: inherit !important;
	border: none !important;
}

a.dt-button {
	margin-top:5px;
	margin-right: 5px;
	padding: 0px;
	background-color: transparent;
	background-image: inherit;
	border: none;
	font-size: inherit;
}

a.dt-button:last-child {
	margin-right:0px;
}

a.dt-button:hover {
	background-color: transparent !important;
	background-image: inherit !important;
	border: none !important;
}

button.dt-button.buttons-columnVisibility,
a.dt-button.buttons-columnVisibility {
    box-shadow: none !important;
    background-image: inherit !important;
    background-color: #fff !important;
	font-size: inherit;
	padding:3px;
	border: 1px solid transparent !important;
}

button.dt-button.buttons-columnVisibility:hover,
a.dt-button.buttons-columnVisibility:hover {
    border: 1px solid #044664 !important;
    color: inherit;
}

button.dt-button.buttons-columnVisibility.active,
a.dt-button.buttons-columnVisibility.active {
	border: 1px solid #044664 !important;
    background-color: #044664 !important;
    color: #ffffff;
}

#datatables_action_right {
	margin-right: 8px;
}

.not-active {
   pointer-events: none;
   cursor: default;
}

.datatable-column-details {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	max-width:300px
}

/* Dashboard contribution list */
.contribution-linkedticket-detail {
	text-align: center;
	vertical-align: bottom;
	padding: 0px;
	width: 110px;
}
.contribution-linkedticket-detail div {
position: relative;
}
.contribution-linkedticket-detail div a {
width: 100%;
}
.dataTables.dataTable tr.shown {
	background-color: #f0f0f1;
}@-ms-viewport {
    width: auto;
    height: auto;
}

@media screen and (max-width: 1400px) {
    .openticket-row {
        width: 85%;
    }

    .openticket-linkedaction-detail {
        width: 15%;
    }
}

@media screen and (max-width: 1368px) {
    .openticket-row {
        width: 90%;
    }

    .openticket-linkedaction-detail {
        width: 10%;
    }
}

@media screen and (max-width: 1780px) {
    /* ------------------------
        Taille des polices
       ------------------------

        Menu lvl 1, 2 et 3
        Arbre des sociétés
       ------------------------
    */
    .navbar-menu-item-text,
    .nav-left .panel-title,
    .nav-left .panel-body ul span,
    .nav-left .panel-body ul a,
    .treeview-company,
    .tree-view-textsize,
    .tree-view-textsize[type=text],
    input[type=checkbox] + label.tree-view-textsize,
    .dhxtree_dhx_skyblue .selectedTreeRow_lor, .dhxtree_dhx_skyblue .selectedTreeRow,
    .dhxtree_dhx_skyblue .standartTreeRow, .dhxtree_dhx_skyblue .standartTreeRow_lor {
        font-size: 1.2rem;
    }

    /* ------------------------
        Titre de page
       ------------------------
    */
    .page-title {
        font-size: 2rem;
    }

    /* ------------------------
        Titre de datatable
       ------------------------
    */
    .dataTables_info {
        font-size: 1.4rem;
    }
    .popin .dataTables_info {
        font-size: 1.3rem;
    }

    /* ------------------------
        View list
        - Bouton d'actions
        - Datatable tr
        - Pagination
       ------------------------
    */
    .table-action .btn,
    .table-action .is-fa-img,
    .dataTables_length select,
    table.dataTables tr,
    .paginate,
    .paginate-arrow {
        font-size: 1.3rem;
    }

    .header .navbar-nav>li>span {
        padding-left: 3px;
        padding-right: 3px;
    }

    .menu-minify-list > li > a,
    .menu-minify-list > li > span,
    .header .navbar-nav>li>a,
    .header .navbar-nav>li>span {
        width: 106px;
    }

    .header .nav.navbar-nav {
        margin-top: 0;
        margin-left: 0px;
    }

}
@media screen and (max-width: 1080px) {
    /* ------------------------
        Taille des polices
       ------------------------

        Menu lvl 1, 2 et 3
        Arbre des sociétés
       ------------------------
    */
    .navbar-menu-item-text,
    .nav-left .panel-title,
    .nav-left .panel-body ul span,
    .nav-left .panel-body ul a,
    .treeview-company,
    .tree-view-textsize,
    .tree-view-textsize[type=text],
    input[type=checkbox] + label.tree-view-textsize,
    .dhxtree_dhx_skyblue .selectedTreeRow_lor, .dhxtree_dhx_skyblue .selectedTreeRow,
    .dhxtree_dhx_skyblue .standartTreeRow, .dhxtree_dhx_skyblue .standartTreeRow_lor {
        font-size: 1.2rem;
    }

    /* ------------------------
        Titre de page
       ------------------------
    */
    .page-title {
        font-size: 1.8rem;
    }

    /* ------------------------
        Titre de datatable
       ------------------------
    */
    .dataTables_info,
    .popin .dataTables_info {
        font-size: 1.4rem;
    }

    /* ------------------------
        View list
        - Bouton d'actions
        - Datatable tr
        - Pagination
       ------------------------
    */
    .table-action .btn,
    .table-action .is-fa-img,
    .dataTables_length select,
    table.dataTables tr,
    .paginate,
    .paginate-arrow {
        font-size: 1.2rem;
    }

    .navbar-menu-item-text {
        display: none;
    }

    .menu-minify-list > li,
    .header ul.navbar-nav > li {
        margin: 0 5px 0 0;
    }

    .menu-minify-list .navbar-menu-item-logo {
        display: inline;
    }

    .header-badge {
        width: 38px;
        height: 38px;

        margin-top: 15px;

        line-height: 40px;
    }

    .navbar-menu-item-logo {
        font-size: 1.5em;
        padding-top: 8px;
    }

    .beamer-badge {
        width: 38px ;
        height: 38px ;
        margin-top: 15px ;
        line-height: 40px ;
        margin-left: 30px ;
    }

    .header-profil {
        width: 50px;
    }
    .header-arrow {
        top: 20px;
    }
    .header-deconnexion {
        margin: 0;
    }

    .form-footer {
        line-height: inherit;
    }

    .ligneBlanche td,
    .ligneVerte td,
    .ligneGrise td,
    .highlight td {
        line-height: 1em;
    }

    table.dataTables tr {
        height: 35px;
    }

    table.dataTables tbody {
        line-height: 1.3em;
    }

    .btn {
        padding: 6px 8px;
    }

    .dataTables_length select {
        height: 24px;
    }

    input[type=time],
    input[type=text],
    input[type=password],
    input[type="search"],
    select,
    textarea {
        line-height: 1em;
    }

    table.dataTables tr th,
    table.dataTables tr td {
        padding: 0 0.3em;
    }

    .header .nav.navbar-nav {
        margin-top: 0;
        margin-left: 0px;
    }

    .header .navbar-nav>li>a,
    .header .navbar-nav>li>span {
        padding: 28px 0;
    }

    .menu-minify-list > li>a,
    .menu-minify-list > li>span,
    .header .navbar-nav>li>a,
    .header .navbar-nav>li>span {
        width: 30px !important;
    }
}

@media screen and (max-width: 1520px) {
    .header .nav.navbar-nav {
        margin-top: 0;
        margin-left: 0px;
    }

    .header .nav.navbar-nav,
    .header .navbar-nav>li {
        float: left;
    }

    .header .navbar-nav>li>span {
        padding-left:5px;
        padding-right:5px;
    }

    .menu-minify-list > li>a,
    .menu-minify-list > li>span,
    .header .navbar-nav>li>a,
    .header .navbar-nav>li>span {
        width: 92px;
    }

    .navbar-menu-item-text {
        font-size: 1rem;
    }

    .header .navbar-nav>li>a,
    .header .navbar-nav>li>span {
        padding: 20px 0;
    }
}

@media screen and (max-width: 1380px) and (min-width: 1081px){
    .navbar-menu-item-text {
        display: none;
    }

    .menu-minify-list .navbar-menu-item-logo {
        display: inline;
    }

    .menu-minify-list > li>a,
    .menu-minify-list > li>span,
    .header .navbar-nav>li>a,
    .header .navbar-nav>li>span {
        width: 30px;
    }

    .header .navbar-nav>li>a,
    .header .navbar-nav>li>span {
        padding: 28px 0;
    }

    .header-badge {
        width: 38px;
        height: 38px;
        margin-top: 15px;
        line-height: 40px;
    }

    .beamer-badge {
        width: 38px;
        height: 38px;
        margin-top: 15px;
        line-height: 40px;
        margin-left: 15px;
    }

    .navbar-menu-item-logo {
        font-size: 1.5em;
    }
}