.form-analyzeResearch-frame .conditional:hover{
	border-left: 4px solid #6c6c6c;
	background-color: #d7d7d7;
}

.form-analyzeResearch-frame .conditional{
	margin-left: 4px;
	padding-left: 0px;
	border-left: 4px solid #bebebe;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 8px;
}

#my-events-map-selector-label {
	background-color: #ffffff;
	opacity: 0.8;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	padding:7px;
	margin-right: 5px;
}

.modalCommentWrite {
	top: 30px;
	height: 660px;
	position: fixed;
	left:auto;
	right: 10px;
	bottom: 10px;
}

.message-important-blink .title, .message-important-blink .editMessageButonsBlock small{
	animation: 1s blinker infinite;
}

@keyframes blinker {
	0%,50% {
		background: red;
	}
	51%,100% {
		background: #000000;
	}
}

.massEvent .modal-content small {
	color: #959595;
}

.td-clickable {
	cursor: pointer;
	padding: 5px;
 }

.td-clickable:hover {
	background-color: #eaeaea;
}

.resource-element > .trash {
	display: none;
}
.resource-element:hover > .trash {
	display: inherit;
}

.resource-element {
	position: relative;
}

.resource-element:hover > .resource-element-tooltip {
	display: inherit;
}
.resource-element-tooltip .resource-element-title {
	top: -20px;
	left:-20px;
  background-color: #e7e7e7;
  border-bottom: 1px solid black;
  padding: 5px;
  font-weight: 800;
  border-radius:9px 9px 0px 0px;
  text-align: center;
}
.resource-element-tooltip img{
  padding:5px;
  max-width:360px;
  max-height:300px;
}
.resource-element-tooltip {
	display: none;
	position: absolute;
	z-index:200;
	background-color:white;
  border: 1px solid black;
  border-radius:9px;
}

.massCreateEvent {
	margin-top: 20px;
	margin-right: 30px;
}
.massCreateEvent .jumbotron {
	background-color: white;
	padding-top:30px;
	padding-bottom:30px;
	border: 1px solid #bababa;
}
.massCreateEvent .jumbotron:hover {
	background-color: #f9f9f9;
}


.tBox_filterCommentsOpen,.tBox_filterCommentsClosed {
	width: 180px;
}

body #toast-container > div {
	opacity: 1;
}

.not-movable{
  background-color: #d5a3ae !important;
}

.btn-huge{
	padding: 40px 16px;
}

input.datepickerDay:disabled::-webkit-datetime-edit-hour-field { color: #eee; }
input.datepickerDay:disabled::-webkit-datetime-edit-minute-field { color: #eee; }
input.datepickerDay:disabled::-webkit-datetime-edit-text { color: #eee; }

input.datepickerDay:not(disabled)::-webkit-datetime-edit-hour-field { color: white; }
input.datepickerDay:not(disabled)::-webkit-datetime-edit-minute-field { color: white; }
input.datepickerDay:not(disabled)::-webkit-datetime-edit-text { color: white; }

input.datepicker-plugin::-webkit-outer-spin-button, /* Removes arrows */
input.datepicker-plugin::-webkit-inner-spin-button, /* Removes arrows */
input.datepicker-plugin::-webkit-clear-button { /* Removes blue cross */
	-webkit-appearance: none;
	margin: 0;
}
.datepicker-plugin::-webkit-inner-spin-button,
.datepicker-plugin::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

.synoptic .droping .message-bloc {
  border: 4px solid red;
}

.fixScrollBar {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

.fixScrollBar::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

.fixScrollBar::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.nav.nav-tabs > li.disabled {
	pointer-events: none;
}
.nav.nav-tabs > li.disabled > a {
	color: silver;
}
.color-silver {
	color: #7c7c7c;
}


.firePermit .warning{
	color: #e08b1a !important;
}

.delete-file{
	position: absolute;
	top: -8px;
	left: 8px;
	border: 2px solid #9d9d9d;
	border-radius: 20px;
	height: 25px;
	width: 25px;
	cursor: pointer;
	background-color:white;

	padding-left: 3px;
	padding-top: 2px;
}
.delete-file:hover{
	background-color: #ffc3c6;
	border-color: #929292;
}

.visibility-hidden{
	visibility: hidden;
}

.add-description{
	visibility: hidden;
	 position: absolute;
	 top: -8px;
	 left: 159px;
	 border: 2px solid #9d9d9d;
	 border-radius: 20px;
	 height: 25px;
	 width: 25px;
	 cursor: pointer;
	 background-color:white;

	 padding-left: 3px;
	 padding-top: 2px;
 }
.add-description:hover{
	background-color: #daffe5;
	border-color: #929292;
}

.modal-content.firePermit .history-panel{
	min-height: 300px;
}

.modal-content.firePermit  small {
	color: #959595;
}

.modal-content.firePermit .not-valid-precaution{
	color:red;
	font-weight:600;
}
.modal-content.firePermit .not-complet-precaution{
	color:orange;
}
.modal-content.firePermit .valid{
	color: #009714;
}
.modal-content.firePermit .info-on-yes{
	color: #0300ff;
}

.modal-content.firePermit .not-allowed{
	color: #ff0000;
}

.modal-content.firePermit .conditional{
	margin-left: 5px;
	padding-left: 5px;
	border-left: 5px solid #bebebe;
}
.modal-content.firePermit input[type="checkbox"],input[type="radio"] {
	margin-right: 7px;
	transform: scale(1.5);
}
.modal-content.firePermit input[type="checkbox"]:disabled+label{
	color: #adadad;
}

.modal-content.firePermit span:not(.no-line-through) input[type="checkbox"]:disabled+label{
	color: #adadad;
}

.modal-content.firePermit input[type="radio"]:disabled+label{
	color: #adadad;
}

.bilan .closing-infos {
	border: 1px solid red;
	background-color: #f2f2f2;
	padding: 5px;
	margin: 5px;
  border-radius: 6px;
}

.modal-dialog.bilan{
	width: 80%;
	min-width:600 px;
}

.synoptic.bilan .label {
	font-size: 1.4em;
	line-height: 28px !important;
	display: block;
}

.bilan .resource {
	cursor: pointer;
}

.bilan .label.state-0{
	background-color: rgba(1, 255, 53, 0.08);
	border-color:white !important;
}
.bilan .label.state-1{
	background-color:rgba(255, 206, 86, 0.2);
	border-color:white !important;
}

.bilan .label.state-2{
	background-color:rgba(255, 99, 132, 0.2);
	border-color:white !important;
}

.bilan .label.state-3{
	background-color: rgba(104, 104, 104, 0.28);
	border-color:white !important;
}


.bilan .label.situation-0{
	border-color:red !important;
}

.bilan .label.situation-1{
	border-color: #ff9e1e !important;
}

.bilan .label.situation-2{
	border-color:green !important;
}

.bilan .label.situation-3{
	border-color:blue !important;
}

.bilan .label.situation-4{
	/*border-color:green !important;*/
}

.bilan .label.situation-5{
	/*border-color:green !important;*/
}

.bilan .small-font .resourceName {
  font-size: 0.7em;
}

.drawingBuffer {
  position: absolute;
  top: 0;
  left: 0;
}

.btn-disabled > input[type=radio]{
	display: none;
}

.jsgrid-table select:disabled {
	background: #eee;
	color: grey;
}

.radio-with-margin{
	padding-right:10px;
}

.leaflet-table{
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

.leaflet-table td, .leaflet-table th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}

.leaflet-table td:first-child {
	background-color: #f9f9f9;
	font-weight: 800;
}

.leaflet-table tr:hover {
	background-color: #e8e8e8 !important;
}

#mapid {
	cursor:default !important;
}

.legend.leaflet-control-layers.leaflet-control {
	overflow-y: scroll;
	max-height: 600px;
	overflow: -moz-scrollbars-vertical;
}
.leaflet-layer-tree-control-layers-open {
	overflow-y: scroll;
	max-height: 600px;
	overflow: -moz-scrollbars-vertical;
}


.leaflet-top{
  z-index:1001 !important;
}
.leaflet-bottom{
  z-index:1000 !important;
}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 32px !important;
	height: 32px !important;
}

.leaflet-touch .leaflet-control-layers{
	background-color: #00000063 !important;
	border: none;
}

.leaflet-touch .leaflet-control-layers.legend{
	background-color: #ffffff !important;
	padding: 10px;
}

.leaflet-touch .leaflet-control-layers.leaflet-layer-tree-control-layers-open{
	background-color: #ffffffc7 !important;
}

.pagination-sm {
    height: 25px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 4px 9px;
    line-height: 25px - 3px;
}



.fixed-header{
    width: 100%;
    padding-top:10px;
    height: 50px;
    background: #eaeaea;
    position: fixed;
    top: 0;
    z-index:10;
    text-align: center;
}

.form-analyzeResearch-frame{
	padding: 20px;
	margin-bottom: 10px;
	border: 1px solid #4164b9;

}

.form-analyzeResearch-frame input[type=checkbox]{
	height: 25px;
	width: 25px;
}

.form-analyzeResearch-frame input[type=number]{
	padding-left: 10px;
	padding-right: 2px;
}

.form-analyzeResearch-frame label{
	padding-top: 7px;
}

.label-noMessage{
	color:#4164b9;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
}

.text-color-red{
    color:#f58383 !important;
}
.text-color-green{
    color:#00ff00 !important;
}
.text-color-black{
    color: black !important;
}
.text-color-transparency{
    opacity: 0.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;
}

.titleAreaForm-font{
	font-size: 10%;
}

.btnPlusCircle{
    border:0;background-color: #4164b9;color: white;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;border-radius: 50%;
}

.bottomBorder{
	border-bottom: 1px solid #ccc;
}

#modalHandover .form-add-handover .form-control {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
    color: #000000;
    padding: 3px 0;
    height:22px;
    font-size:15px;
}
#modalHandover .form-add-handover .form-group{
    margin-bottom:0px;
}

#modalHandover > .modal-dialog{
    width: 96%; /* respsonsive width */
    margin-left:2%; /* width/2) */
}
#modalHandover .modal-body{
    padding:0px;
}


.peopleDescription-title{
	font-weight: bold;
	border-bottom: 1px;
	text-decoration: underline;
}

.peopleDescription-label{
	font-weight: bold;
	font-size: 90% ;
}

.peopleDescription-textArea{
	width:	100%;
	height:	69px;

}

.SMA-time{
    width:117px;
}
.barre {text-decoration:line-through;}

.blue-back{
	background-color:rgba(51, 122, 183, 0.33);
	height: auto !important;
	min-height:600px;
}

.grey-back{
	background-color:#eee;
}

.white-back{
	background-color:#fff;
}
.search-header{
    background-color: #ffffff;
    margin-top:-15px;
    padding-top:15px;
    padding-bottom:15px;
}
/**************  create message ************/

.text-description{
	width:	100%;
	height:	150px;

}

.peopleImpacted{
	width:	60px;
}
.navbar {
	position: static;
}

@media (min-width: 992px) {
	.column-separator-left {
		padding-right: 20px;
		border-right: 1px solid lightgray;
		border-collapse: collapse;

	}
	.column-separator-right {
		padding-left: 20px;
		border-left: 1px solid lightgray;
		border-collapse: collapse;
		margin-left:-1px;
	}
}

.cons-inter{
	padding-left: 20px;
}

/************* end create message **********/

.cursor-default{
	cursor:default !important;
}

.expand-btns .btn{
	font-size: 9px !important;
}

.message-bloc{
	position:relative;
	background-color: #ffffff;
}

.message-bloc .huge-btns{
	margin-left: 0px;
	padding-left:0px;
}
.message-bloc .huge-btn{
	min-height:90px;
	font-size: 2em;
	color: white;
	cursor:pointer !important;
	border: 4px solid white;

}
.message-bloc .huge-btn:hover{
	opacity: 0.7;
}

.message-bloc .huge-btn .huge-btn-logo{
	font-size: 2em;
	margin-left:0px;
	padding-left:0px;
}

.message-type:first-child{
	border-radius: 5px 0px 0px 5px;
}

.message-type:nth-child(1){	left: calc(0*7px);}
.message-type:nth-child(2){	left: calc(1*7px);}
.message-type:nth-child(3){	left: calc(2*7px);}
.message-type:nth-child(4){	left: calc(3*7px);}
.message-type:nth-child(5){	left: calc(4*7px);}

.message-type.large{
	width:15px;
}
.message-type{
	position:absolute;
	bottom:0px;
	height:100%;
	width:7px;
	z-index:100;
	left:0px;
}

.panel-metier{
    padding-right:4px;
}

.panel-type-undeletable {
	margin-right:15px;
}
.panel-type{
	margin-right:1px;
}

.panel-type > .panel-type-delete{
	visibility: hidden;
	padding-left:1px;
}
.panel-type:hover > .panel-type-delete{
	visibility: inherit;
}

.buttonWithoutStyle{
	border:none;
    background:none;
    font-size:1em;
    color:inherit;
}
.buttonWithoutStyle:hover{
	text-decoration: underline;
}

input[type="checkbox"]{ padding-top : 5px ; vertical-align: top; }


/**************** resources **************/

.menu .resources{
	bottom: 51px; position:absolute; z-index:-1;
	padding-left:5px;
}

.menu .resources .resource{
	margin:1px;padding:4px !important;color:black;border: 1px solid #373737; background-color:#8099d5;
	min-height:20px;
}

.menu .resources .user{
	margin:3px;
	color:black;border: 1px solid #3f3f3f; border-radius:0px; background-color:white;
	padding:0px;
	display: inline-block;
	min-height:16px;
}


.menu .resources .user.engaged{
	color: #464646 !important;
	border-color:#464646;
	background-color: inherit;
}

.menu .resources .user.afk{
	color: #464646 !important;
	/* http://www.patternify.com/ */
	background:url(

	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAANElEQVQYV2NkIBIwEqHuP1ANIyGFYEUgwwgphFuISyHcJJhKbAoxFJFtNVaT0K3Gq4gkqwHPjQYLlE3Y5QAAAABJRU5ErkJggg==    ) repeat;

	/*-webkit-repeating-linear-gradient(135deg,rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 4px, black 5px, black 5px)*/
}

.menu .resources .user.nativeResource{
	background-color: #c5c5c5 !important;
}
.menu .resources .user.onDrag{
	opacity: 0.5;
}



#calendar {
	margin: 0px auto;
}

#calendar .calendar-event-avaible{
	height: 7px;
	font-size:0.6em;
}

#calendar .calendar-event-intervention,.calendar-event-break{
	height: 8px;
	font-size:0.7em;
}

.firstGroup{
	background-color:#074eff !important;
}


.resourceName{
	display: inline-block;
	padding-top: 2px;
	padding-left:2px;
	padding-right:2px;
}
.interCount{
	background:#dd0019;
	border-left:1px solid #464646;
	color:#ffffff;
	display: inline-block;
	padding-left:1px;
	padding-right:1px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-icon-glyphicon{
	font-family: 'Glyphicons Halflings' !important;
}
.message-bloc .label.resource:hover, .leaflet-popup-content .label.resource:hover {
	background-color: #e3e3e3;
}

.message-bloc .label.resource, .leaflet-popup-content .label.resource{
	background-color: #ffffff;
	line-height: 30px;
	margin:5px;
	color:black;
	border-radius: 15px;
	border: 3px solid #000000;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.synoptic .resource-list span{
    /* supprimé suite à l'ajout d'un line-height sur les éléments pour que ca soit plus grand en page de gestion des events
    display: inline-block;*/
	margin-bottom:3px;
}
/**************** end resources **************/

.notEditableComment{
	opacity:0.5;
}
.notEditableComment:hover{
	opacity:1;
}

.bloc-info .title{
	position:relative;
	padding-left:15px !important;
}
.bloc-info .description-message-inTitle{
	font-size:0.65em;
}
.isChildEvent{
    margin-left:20px;
    width:calc(100% - 20px);
}
.invisible{
    dispay: none;
}
.editMessageButonsBlock{
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	/*max-width:250px; Enlevé à cause du bug IE, je ne sais pas comment faire pour le remettre et je ne sais meme plus pourquoi je l'ai ajouté*/
	letter-spacing: 3px;
	bottom:5px;
	line-height:10px;
	padding-top:5px;
	padding-bottom:3px;


    /** pour cacher l'effet de surlignage quand on double clic sur un bandeau pour le déplier**/
      -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
}
@media (min-width:600px) {
    .editMessageButonsBlock {
        margin-left: 60px;
        margin-right: 60px;
    }
}


.rightDateBox{
    position:static;
}


.editMessageButonsBlock.visibleOnHover{
	visibility: hidden;
}

.editMessageButonsBlock .dropdown-menu{
	z-index:20;
}
.editMessageButonsBlock .dropdown-menu a{
    color: #333 ! important;
    letter-spacing: 0px;
}

.bloc-info:hover .editMessageButonsBlock{
	visibility: visible !important;
}

@media (max-width:767px) {
	/* sur tablettes on desactive la description*/
	.bloc-info .description-message-inTitle{
		display: none !important;
	}
	.bloc-info .editMessageButonsBlock{
		visibility: visible !important;
	}
	.title{
		min-height:85px;
	}

}


.abbr, abbr{
	border-bottom: 1px dotted #777;
	font-weight: bold;
	cursor:pointer;

}
.inline{
	display: inline;
}
.form-inline.editMessage{
	display: inline-block;
}
.form-inline.editMessage > select{
	height:22px;
	line-height:22px;
	padding:1px 5px;
	font-size:12px;
}


@media (min-width: 1170px) {
	.col-lg-border:not(:last-child) {
		border-right: 1px solid #d7d7d7;
	}
	.col-lg-border + .col-lg-border {
		border-left: 1px solid #d7d7d7;
		margin-left: -1px;
	}
}

.cursor-pointer{
	cursor: pointer !important;
}

/********** MENU ********/
.dropdown-menu{
	min-width: 20px;
}
.tnav .navbar .container { height: 28px; }
.navbar-primary .navbar { background:#2e4f9d; border-bottom:none; }

@media (max-width: 768px){
	.collapse .dropdown-menu > li > a {color:#fff;}
}

.navbar-primary .navbar { background:#2e4f9d; border-bottom:none; }
.navbar-primary .navbar .nav > li > a {color: #fff;}
.navbar-primary .navbar .nav > li > a:hover {color: #fff; background-color: #4164b9;}
.navbar-primary .navbar .nav > li > a:focus {color: #fff; background-color: #4164b9;}
.navbar-primary .navbar .nav .active > a,.navbar .nav .active > a:hover {color: #fff; background-color: #4164b9;}

.navbar-primary .navbar .nav li > a .caret, .tnav .navbar .nav li > a:hover .caret {border-top-color: #fff;border-bottom-color: #fff;}
.navbar-primary .navbar .nav > li.dropdown.open.active > a:hover {}
.navbar-primary .navbar .nav > li.dropdown.open > a {color: #fff;background-color: #4164b9;border-color: #fff;}
.navbar-primary .navbar .nav > li.dropdown.open.active > a:hover .caret, .tnav .navbar .nav > li.dropdown.open > a .caret {border-top-color: #fff;}
.navbar-primary .navbar .navbar-brand {color:#fff; background-color:#fff;}
.navbar-primary .navbar .nav.pull-right {margin-left: 10px; margin-right: 0;}

.navbar-sm .navbar-primary .navbar { min-height:40px; height: 40px; }
.navbar-sm .navbar-primary .navbar .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 40px; }
.navbar-sm .navbar-primary .navbar .navbar-brand img{ height: 100%;  padding-top: 1px; }

.navbar-sm .navbar-primary .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 40px; }

.navbar-sm .navbar-primary .navbar .navbar-brand{ height:40px }
.navbar-sm .navbar-primary .navbar .navbar-collapse{ background-color:#2e4f9d }
.navbar-sm .navbar-primary .navbar .navbar-toggle{ border-color: #fff; padding:4px 10px; }
.navbar-sm .navbar-primary .navbar .icon-bar { background-color: #fff }


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

/** manage the submenu http://www.bootply.com/nZaxpxfiXz **/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}




/* surlignage lightBlue */
::-moz-selection{
	background: lightBlue;
}
::selection {
	background: lightBlue;
	text-shadow: 1px 1px 4px white;
}
.pagination {
	margin: 20px 0px 0px 0px;
}
.justify {
	text-align: justify;
}
.asterisk{
	color: red;
}
.icon-plus-sign{
	padding-right: 7px;
}
.pointer {
	cursor: pointer;
}
.cursor-default{
	cursor: default !important;
}
.help {
	cursor: help;
}
.new{
	position: absolute;
	top: 0px;
	right: 0px;
}
.ellipsis{
	border: solid 1px darkGray;
	color: darkGray;
	background: #eee;
	letter-spacing: 4px;
	padding: 0px 2px 0px 6px;
	border-radius: 2px;
	margin: 0px 4px 0px 4px;
}
.inline,.inline label {
	display: inline;;
}

.padding-top-20{
	padding-top:20px;
}
.padding-top-10{
	padding-top:10px;
}
.padding-10{
	padding: 10px;
}
.padding-top-10{
	padding-top: 10px;
}
.padding-right-10{
	padding-right: 10px;
}
.padding-bottom-10{
	padding-bottom: 10px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-top-10{
	margin-top: 10px;
}
.margin-top-5{
	margin-top: 5px;
}
.margin-right-5{
	margin-right: 5px;
}
.padding-left-20{
	padding-left: 20px;
}
.padding-left-10{
	padding-left: 10px;
}
.no-margin-left{
	margin-left: 0px !important;
}
.no-margin{
	margin: 0px !important;
}
.bold{
	font-weight: bold;
}
.text-small {
	font-size: 85%;
}
.margin-left-10{
	margin-left: 10px;
}

.italic{
	font-style: italic;
}

/* CheckBox */
.inline > input{
	margin-bottom: 5px;
	margin-right: 5px;
}
.separator-vertical{
	border-right: solid 1px #CCC;
}
.separator {
	border-bottom: solid 1px #CCC;
	margin-top: -10px;
	margin-bottom: 0px;
}
.gwt-Anchor {
	cursor: pointer;
}

.separator-dashed {
	border-top: dashed 1px #000000;
}

.error {
	text-align: center;
	color: red;
	font-weight: bold;
	margin: 50px 0px 50px 0px;
}

/* Main Courante */
.tab-content{
	overflow: visible; /* pour les ombres */
}
.bloc-info {
	border: solid rgb(204, 204, 204) 1px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-radius: 5px;
	background-color:#ffffff;
}

.pull-right.label{
	margin-right: 25px;
}

[class*="title-"] a{
	color: #0e3352;
}

[class*="title-"] {
	color: Black;
	/*text-shadow:0px 0px 8px white;*/
	padding: 5px 5px 5px 10px;
	border-radius: 4px 4px 0px 0px;
	border-bottom: solid 1px #CCC;
	font-size: 1.2em;
}

[class*="message-"] .title a{
	color: White;
}

[class*="message-"] .title{
	color: White;
	/*text-shadow:0px 0px 8px white;*/
	padding: 5px 5px 5px 10px;
	border-radius: 4px 4px 0px 0px;
	border-bottom: solid 1px #CCC;
	font-size: 1.2em;
}


.btn-primary {
	background: #2e4f9d;
	color: #ffffff;
}
.btn-primary:hover {
	background: rgb(24, 57, 133);
}

.message-bloc.low-opacity {
	opacity: 0.6;
}
.message-bloc.low-opacity:hover {
	opacity: 1;
}

.message-validated .title, .message-validated .editMessageButonsBlock > small{
	background: #1BBC9B;
}

.message-open .title, .message-open .editMessageButonsBlock small{
	background: #467bf7;
}

.message-open-consigne .title, .message-open-consigne .editMessageButonsBlock small{
	background: #673AB7;
}

.message-open-urgent .title, .message-open-urgent .editMessageButonsBlock > small{
	background: #ff0000;
}

.message-open-soft .title, .message-open-soft .editMessageButonsBlock > small{
	background: #a4bfff;
}

.message-closed .title, .message-closed .editMessageButonsBlock > small{
	background: rgb(234, 133, 49);
}


/*.title-red{
	background: rgb(248,80,50);
}*/


.title-light-silver{
	background: rgb(246,248,249);
}

.title-message-open>a>i, .title-message-closed>a>i {
	padding-right: 5px;
}

.comment-edit {
	margin-top : 10px;
	font-size: x-small;
	padding: 5px 5px 0px 40px;
	display: block;
}

.description-message {
	padding: 3px 3px 3px 33px;
}


.description-message .comment-content.expandable{

	height:20px;
	line-height:20px; /* Height / no. of lines to display */
	overflow:hidden;

	/*transform: scaleY(0);
	transition:transform 1s ease;*/
}
.comment-container:hover .comment-content.expandable{
	height:auto;
	/*transform-origin: 0 0;
	transform: scaleY(1);*/
}

.message-bloc .description-message {
	display: inline-block;
	word-break: break-word;
	padding: 3px 3px 3px 33px;
}

.saisipar-message {
	padding: 5px 5px 0px 30px;
	background: #EEE;
}

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

.highlight-background {
	background: none;
	box-shadow: none;
	padding-top: 10px;
	border-radius: 3px;
	transition: background box-shadow .25s ease-in-out;
	-moz-transition: background box-shadow .25s ease-in-out;
	-webkit-transition: background box-shadow .25s ease-in-out;
}

.highlight-background:hover {
	background: #ccccff;
	box-shadow: 0px 0px 4px #aaaaff;
}

/* Formulaire */
.form-signin {
	/*max-width: 300px;
	padding: 19px 29px 29px;
	background-color: #fff;*/
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	background-color: #ffffff;
}

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

label {
	font-weight: normal !important;
}

/* Footer */
.footer {
	text-align: center;
}
.whiteText{
	color:#fff !important;
}

@media ( max-width : 980px) {
	.nav-collapse>.navbar-text {
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
}

.titles div{
	overflow-x: auto;
}
/* h1 { */
/* 	font-size: 2em; */
/* 	font-weight: bold; */
/* 	color: #777777; */
/* 	margin: 40px 0px 70px; */
/* 	text-align: center; */
/* } */
.sendButton {
	display: block;
	font-size: 16pt;
}

.gwt-DatePicker {
	border: 1px solid #ccc;
	border-top:1px solid #999;
	cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
	outline: none;
}
.datePickerMonthSelector td:focus {
	outline: none;
}
.datePickerDays {
	width: 100%;
	background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
	font-size: 85%;
	text-align: center;
	padding: 4px;
	outline: none;
	font-weight:bold;
	color:#333;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
	background: #fff;
	padding: 0px 4px 2px;
	cursor: default;
	color:#666;
	font-size:70%;
	font-weight:normal;
}
.datePickerDay {
	padding: 4px 7px;
	cursor: hand;
	cursor: pointer;
}
.datePickerDayIsWeekend {
	background: #f7f7f7;
}
.datePickerDayIsFiller {
	color: #999;
	font-weight:normal;
}
.datePickerDayIsValue {
	background: #d7dfe8;
}
.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}
.datePickerDayIsHighlighted {
	background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
	background: #d7dfe8;
}
.datePickerDayIsToday {
	padding: 3px;
	color: #00f;
	background: url("images/hborder.png") repeat-x 0px -2607px;
}
.datePickerMonthSelector {
	width: 100%;
	padding: 1px 0 5px 0;
	background: #fff;
}
.datePickerPreviousButton,
.datePickerNextButton {
	font-size: 120%;
	line-height: 1em;
	color: #3a6aad;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	padding: 0px 4px;
	outline: none;
}
td.datePickerMonth {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 100%;
	font-weight: bold;
	color: #333;
}
.gwt-DateBox {
	padding: 5px 4px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	font-size: 100%;
}
.gwt-DateBox input {
	width: 8em;
}
.dateBoxFormatError {
	background: #ffcccc;
}
.dateBoxPopup {
}








/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}








.gwt-RichTextToolbar .gwt-PushButton-down {
	/*   padding: 0px 1px 0px 0px; */
	margin-right: 4px;
	margin-bottom: 4px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	/*   padding: 0px 1px 0px 0px; */
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
	margin-right: 4px;
	margin-bottom: 4px;
	/*   padding: 0px 0px 0px 1px; */
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	/*   padding: 0px 0px 0px 1px; */
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
	margin-right: 4px;
	margin-bottom: 4px;
	/*   padding: 0px 1px 0px 0px; */
	border:1px solid #bbb;
	border-bottom: 1px solid #a0a0a0;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	/*   padding: 0px 1px 0px 0px; */
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
	margin-right: 4px;
	margin-bottom: 4px;
	/*   padding: 0px 0px 0px 1px; */
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	/*   padding: 0px 0px 0px 1px; */
	border-width: 1px;
}

.cw-RichText {
	border: 1px solid #BBBBBB;
	border-spacing: 0px;
}


.gwt-RichTextToolbar {
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
}

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

.gwt-RichTextToolbar-area{
	font-size:14px;
}

.hasRichTextToolbar {
	border: 1px solid #adadad;
	border-top : 0px;
	margin-bottom:3px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gwt-RichTextToolbar .gwt-ListBox {
	padding: 0px;
}

.gwt-RichTextToolbar td
{
	padding: 1px;
}

.gwt-RichTextToolbar td select
{
	margin: 1px;
}

table select {
	width: 100%;
}

.site-description-message {
	padding-right: 10px;
	padding-top: 5px;
}

.label-id{
    background-color:inherit;
	color:#143460;
}

.label-new-child{
	margin-right:0px !important;
	border: 1px solid black !important;
	padding-top:2px !important;
}

.label-priority{
	background: inherit;
	border-radius:2em;
	padding-top:4px;
	color:#337ab7;
}
.label-priority.has-priority{
    background: #ffffff;
}
.priority-switch-form{
	letter-spacing: 0px;
}

.label-new{
	background:OrangeRed;
	border: 3px solid white;
	border-radius:2em;
	padding-top:4px;
	margin-right:10px;
}

.label-new.label-allMessages{
	font-size:1em;
	padding-top:5px;
	border: 5px solid OrangeRed;
	outline:none;
	cursor: pointer;
}
.label-allMessages.disabled {
	border-color: #d0cfcf !important;
	background-color: #d0cfcf !important;
	cursor: wait !important;
}


.createMessageButton > a{
	background-color: #dd0019 !important;
}
.createMessageButton > a:active{
	background-color: #e40f28 !important;
}
.createMessageButton > a:hover{
	background-color: #ea384d !important;
}

.createConsigneButton > a{
	background-color: #673AB7 !important;
}
.createConsigneButton > a:active{
	background-color: #58329d !important;
}
.createConsigneButton > a:hover{
	background-color: #7742d3 !important;
}




/************* menus http://bootsnipp.com/snippets/featured/nav-sidebar-with-toggle-button */
body,html,.fullHeight{
	height:100%;
}
.root {
	padding-left: 35px;
	transition: all .4s ease 0s;
	height: 100%;
}

.menu {
	margin-left: -255px;
	left: 35px;
	width: 255px;
	background: #2e4f9d;;
	position: fixed;
	height: 100%;
	z-index: 1000;
	transition: all .4s ease 0s;
	border-right: 1px solid #1A1A1A;
}

.menu .badge{
    margin-left: 4px;
	display: inline;
}

.menu .badge-error{
    background-color:#ff2121;
    color: #fff0f0;
}

.sidebar-nav.bottom{
	position:absolute;
	bottom:0px;
}
.sidebar-nav.bottom li{
	line-height:25px !important;
}
.sidebar-nav.bottom li >*,.sidebar-nav.bottom li >a>div  {
	background-color: #191919 !important;
	border-bottom: 1px solid #000;
}
.sidebar-nav.bottom li .sub_icon{
	padding-top:5px;
}

.sidebar-nav {
	display: block;
	float: left;
	width: 255px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#page-content-wrapper {
	padding-left: 0;
	margin-left: 0;
	width: 100%;
	height: auto;
}
.root.active {
	padding-left: 255px;
}
.root.active .menu {
	left: 255px;
}

#page-content-wrapper {
	width: 100%;
}

#sidebar_menu li a, .sidebar-nav li a, .sidebar-nav li div {
	color: #999;
	display: block;
	float: left;
	text-decoration: none;
	width: 255px;
	background: #2e4f9d;;
	border-bottom: 1px solid #213a75;
	border-right: 1px solid #213a75;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
}

.sidebar-nav li.divider, .sidebar-nav li.divider div{
	border-bottom: none !important;
}
.sidebar-nav li > div{
	color: #cdcdcd;
	cursor: pointer;


}

#brandLogo{
	width:180px;
}
#brandLogoRecette , #brandLogoQA, #brandLogoTag {
    position: absolute;
    height: 60%;
    right: 30px;
    bottom: 0px;
}
.sidebar_name {
	padding-top: 25px;
	color: #fff;
	opacity: .7;
}

.sidebar-nav li {
	line-height: 40px;
	text-indent: 10px;
}

.sidebar-nav li a , .sidebar-nav li div {
	color: #fff;
	display: block;
	text-decoration: none;
}

.sidebar-nav li.active > *, .sidebar-nav li > *:hover, .sidebar-nav li div:hover {
	color: #fff;
	background: #4164b9;
	text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
	text-decoration: none;
}
.sidebar-nav li.active{
  font-weight: bold;
}

.sidebar-nav > .sidebar-brand {
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}

.sidebar-nav > .sidebar-brand > a {
	color: #999999;
	background: #fff !important;


}

.sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}

#main_icon
{
	float:right;
	padding-right: 10px;
	padding-top:20px;
}
.fa_sub_icon{
	float:right;
	margin-top:12px;
	margin-right:7px;

}
.sub_icon
{
	float:right;
	padding-right: 10px;
	padding-top:10px;
}
.content-header {
	height: 65px;
	line-height: 65px;
}

.content-header h1 {
	margin: 0;
	margin-left: 20px;
	line-height: 65px;
	display: inline-block;
}

/* Map popup */
.clear-popup {
	opacity: 0.75!important;
}

.top-popup {
	z-index: 1;
}

.easy-button-button, .leaflet-control-zoom-in, .leaflet-control-zoom-out {
	opacity: 0.5;
	background-color: #3f5954!important;
	color: white!important;
}

.easy-button-button .glyphicon {
	color: black;
	font-weight: bold;
}

.easy-button-button .selected {
	color: white;
}

.leaflet-bar {
	border: none!important;
	box-shadow: none!important;
	border-radius: 0!important;
}

#map-default-types {
	margin-left: 5px;
	opacity: 0.75;
}

#mapid div.bootstrap-select {
	opacity: 0.75;
}

.native_resource_slots {
	margin-top: 0.3em;
}

.sheet-of-guard-resources-panel-content .ressource-slot {
	cursor: move;
}

.sheet-of-guard-resources-panel-filter {
	font-size: 10px;
	color: #333;
	background-color: white;
	padding: 2px 8px;
}

.sheet-of-guard-resources-panel-filter a {
	color: #333;
}

.ressource-slot {
	padding: 0.5em;
	background-color: #ddd;
	margin: 0 0 0.3em 0;
	border-radius: 0.5em;
}

.engaged-resource {
	font-style: italic;
	color: gray;
}

button.ressource-slot-add-button {

}

button.ressource-slot-remove-button, button.ressource-slot-edit-button {
	float: right;
}

button.ressource-slot-edit-button {
	margin-right: 0.5em;
}

div.ressource-slot-content {
	display: inline-block;
	width: 80%;
}

ul.nav-tabs > button.action-button {
	margin: 6px 0px 0 15px;
}

.tab-input-wrapper {
	padding-bottom: 0!important;
	padding-right: 23px!important;
}

.engine-cell {
	width: 250px;
	margin-bottom: 8px;
}

.disabled-engine-cell {
    border-color: #ccc;
}

.disabled-engine-cell .engine-cell-header {
    border-color: #ccc;
    background: repeating-linear-gradient(
			-45deg,
			#ccc,
			#ccc 20px,
			#fff 20px,
			#fff 40px
	);
    color: black;
}

.engine-cell-header {
	padding: 5px 10px;
	text-align: left;
}

.draggable-engine-cell .engine-cell-header, .draggable-engine-cell .resource-slot {
	cursor: move;
}

.engine-cell-slot {
	padding: 0;

	/* Avoid text selection */
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}

.engine-cell-slot:hover {
	opacity: 0.7;
}

.engine-cell-empty-slot {
	background-color: #fffdf4;
	cursor: default;
	color: #777;
	padding: 6px 15px;
	text-align: left;
}

.engine-cell-empty-slot:hover {
	opacity: 1;
}

.engine-cell-slot-schedule-warning {
	background-color: #ffb0b5;
}

.engine-cell-slot-schedule-warning:hover {
	background-color: #ffb0b5!important;
}

.engine-cell .dragdrop-dropTarget-engage {
	background-color: #d7ffe3;
}

.engine-cell .dragdrop-dropTarget-engage > div {
	background-color: #d7ffe3;
}

.engine-cell-slot-highlight {
	background-color: #eaffee;
	color: black;
}

.sheet-of-guard-engine-cell-mandatory-slot {
	font-weight: bold;
}

.sheet-of-guard-engine-cell-slot-focused {
	border-left-color: #337ab7!important;
	border-left-width: 4px!important;
}

.sheet-of-guard-content-wrapper {
	white-space: nowrap;
	height: calc(100% - 60px);
}

.sheet-of-guard-editor {
	display: flex;
	height: 100%;
}

.sheet-of-guard-editor-new-well {
	align-self: center;
	margin: auto;
}

.sheet-of-guard-editor-left-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc(100% - 230px);
}

.sheet-of-guard-editor-tabs-panel {
	height: calc(100% - 215px);
}

.sheet-of-guard-editor .tabs-panel-content {
	height: calc(100% - 45px);
}

.sheet-of-guard-editor-full-height .tabs-panel-content {
	height: calc(100vh - 120px);
}

.sheet-of-guard-editor-specialists {
	overflow-x: auto;
	overflow-y: hidden;
	margin-right: 0;
}

.sheet-of-guard-editor-resources-panel {
	width: 230px;
	order: 1;
}

.sheet-of-guard-editor .dragdrop-positioner {
	border: 1px dashed #1E90FF; /* blue */
	margin-bottom: 8px!important;
	zoom: 1; /* IE gain hasLayout */
	z-index: 100;
	border-radius: 4px;
}

.sheet-of-guard-resources-panel-content {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: calc(100vh - 119px);
}

.sheet-of-guard-grid {
	min-width: 1125px;
	overflow-y: auto;
	padding-top: 8px;
}

.event-engine-popup {
	box-shadow: 0 0 10px #666;
	-webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.3s; /* Firefox < 16 */
	-ms-animation: fadein 0.3s; /* Internet Explorer */
	-o-animation: fadein 0.3s; /* Opera < 12.1 */
	animation: fadein 0.3s;
}


@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.event-engine-popup .engine-cell {
	margin-bottom: 0;
}

.badge-info {
	background-color: #3a87ad;
}

.badge-info:hover {
	background-color: #2d6987;
}

.badge-error {
	background-color: #d9534f;
}

button.remove-tab-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1px 3px;
	font-size: 8px;
}

@media (max-width:767px) {
	.root {
		padding-left: 35px;
		transition: all .4s ease 0s;
	}
	.menu {
		left: 35px;
	}
	.root.active {
		padding-left: 255px;
	}
	.root.active .menu {
		left: 255px;
		width: 255px;
		transition: all .4s ease 0s;
	}
}

.mirror {
    transform: scale(-1, 1);
}

.organisation-picker{
    margin:5px !important;
    width:175px;
    display:inline-block;
}

.resource-clone-preview input[type=checkbox]:disabled+label{
	color:#8e8e8e;
}

#jsGrid .chosen-container{
	min-width:80px;
}
#jsGrid .jsgrid-cell{
    word-wrap: break-word
}

#jsGrid tr.item-disabled{
    color: #797778;
}

.montAS hr {
	height:0px;
}

.montAS abbr {
	font-weight:normal;
}

.monASBulletinMeteo {
	padding-left:30px;
	background-color: aliceblue;
	border-top: 1px solid #cecccc;
	margin-top: 10px;
}

.monASBulletinMeteo .monASRetrait{
	border-left: 4px solid #b1b1b1;
	padding-left: 7px;
}
.pac-container {
	z-index: 10000 !important;
}
.sweet-alert.huge{
	margin-left: -408px !important;
	width:850px !important;

	box-sizing : border-box;
	max-height : 100% !important;
	overflow-y : auto !important;

}

.dashboard-list > .card {
	padding:20px;
}

.dashboard-list > .card > div{
	border: 1px solid rgba(220, 225, 228, 0.5);
	box-shadow: rgba(220, 220, 220, 0.5) 0px 1px 3px 0px;
	height: 190px;
	background-color: white;
	border-radius: 10px;
	color: #535353;
	padding:0 20px 20px 20px;
}

.dashboard-list > .card:hover > div{
	background-color: #d4e3ee;
	color: black;
}

.dashboard-list > .card > div .description{
	text-align: justify;
	text-justify: inter-word;
}

.refresh{
	color: grey;
	font-size: 20em;
	margin-top:90px;
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
}

.refresh-loader{
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }