/* FONTS */

@import url('../../fonts/overpass-regular/stylesheet.css');
@import url('../../fonts/overpass-light/stylesheet.css');
@import url('../../fonts/overpass-bold/stylesheet.css');




/* -- NORMALISE -- */

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
html,body{
	margin:0;
	padding:0;
	font-family: 'Overpass-Reg', sans-serif;
   color:#343a51;
   background-color:#9dcfd4;
}
body{

}
h1,h2,h3,h4,h5,h6,p{
	margin:0;
}

ul,ol{
	margin:0;padding:0;
}
img{
	max-width: 100%;
}

*:focus {
    outline: none;
}

/* LOGIN PAGE */

.login_page{
   width:100%;
   float:left;
   margin-top:80px;
}
.login_page .logo{
   width:100%;
   float:left;
   text-align: center;
   margin-bottom:50px;
}
.login_page .logo img{
   width:150px;
}
.login_page .form_logo{
   width:100%;
   float:left;
   margin-bottom:30px;
   text-align: center;
}
.login_page .form_logo img{
   width:150px;
}


.login_page .login_form{
   display:block;
   margin-left:-15px;
   margin-right:-15px;
   padding:35px 40px;
   background-color:#FFF;
}
.login_page .login_form .form-group:last-child{
   margin-bottom:0;
}

.login_form .input-group{
   border-bottom:1px solid #b1b1b1;
}
.login_form .input-group-addon{
   background-color:transparent;
   border:0;
   min-height: 38px;
   font-size:24px;
   color:#9dcfd4;
   position: relative;
}
.login_form .input-group .input-group-addon:first-child::after{
   background-color: #c6c6c5;
   width:1px;
   content:"";
   position: absolute;
   right:0;
   height:18px;
   top:10px;
}
.login_form .input-group .input-group-addon:last-child{
   font-size:30px;
   padding-right:5px;
   padding-top:0;
   padding-bottom:0;
   text-align: right;
}
.login_form .form-control{
   border:0;
   font-size:16px;
   color:#868686;
   min-height: 38px;
   box-shadow: none !important;
}

.login_form label{
   font-weight: normal;
   color:#868686;
   font-size:12px;
   letter-spacing: 0.05em;
   margin-top:5px;
}
.login_form .form-submit{
   text-align: center;
}
.login_form .btn-form{
   background-color:#9dcfd4;
   padding:10px 60px;
   color:#FFF;
   border-radius:0;
   text-transform:uppercase;
   margin-top:5px;
}
.login_form .btn-form:hover,
.login_form .btn-form:focus{
   background-color:#789fa3;
}


/* CALENDAR  BLOCK */

/*
#calendar{
  max-width: 1070px;
  margin: 0 auto;
  margin-top:24px !important;
}*/
/* Modifs */
#calendar{
 max-width: 1070px;
  margin: 0 auto;
  margin-top: 0 !important;
}


.popover_form.week{
  border: none;
  padding: 0;
  width: 96%;
  padding-bottom: 10px;
}
.popover_form .popover_form_content ul li:hover{
  cursor: pointer;
}
.popover_form.week .popover_form_content ul li label{
  display: block;
  margin: 0;
  text-align: center;
}
.popover_form.week .popover_form_content ul li span{
  color: #1d1d1b;
  font-size: 16px;
}
.popover_form.week .popover_form_content ul li label span{
  color: #868686;
  font-size: 12px;
}
.popover_form.week .popover_form_content ul li{
  display: inline-block;
  padding-right: 7%;
}
.popover_form.week .popover_form_content ul li:first-child{
  padding-left: 2%;
}
.popover_form.week .popover_form_content ul li:nth-last-child(2){
  padding-right: 8%;
}
.popover_form.week .popover_form_content ul li:nth-last-child(1){
  padding-right: 0;
}
.fc-day.active{
   border: 3px solid #9dcfd4 !important;
}
.calendar_popover .indicator{
  left:73px;
}

.calendar_block{
   margin:50px;
	position: fixed;
	bottom:0;
	top: 0;
	z-index:999;
	left:0;
	right:0;
	    -webkit-overflow-scrolling: touch;
	overflow: auto;
	overflow-x: hidden;
   display:block;
	overflow-y: scroll;
   background-color:#FFF;
}
.calendar_block2 {
    margin: 50px;
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-x: hidden;
    display: block;
    overflow-x: scroll;
    overflow-y: scroll;
    background-color: #FFF;
}
.calendar_inner{
	width:100%;
	position: relative;
	height: 100%;
	overflow-y:auto;
	float:left;
}
.calendar_block .header{
   background-color:#9dcfd4;
   min-height: 50px;
	position: fixed;
	top:0;
	left:0px;
	right:0px;
	z-index: 9998;
	padding-left: 50px;
	padding-right: 50px;
}
.header .user_profile{
   display: inline-block;
   padding-top:6px;
	padding-left: 40px;

}
.header .user_profile a{
   float:left;
   color:#FFF;
   font-size:16px;
   line-height: 32px;
   vertical-align: middle;
   letter-spacing: 0.04em;

}
.header .user_profile a:hover{
   text-decoration: none;
}
.header .user_profile a i{
   font-size:36px;
   line-height: 36px;
   vertical-align: bottom;
   margin-right:5px;
	display: inline-block;
}

.header .logout{
   float:right;
   font-size:36px;
   color:#FFF;
   padding-top:2px;
	padding-right: 40px;
   margin-right:-10px;
}
.header .logout a{
   color:#FFF;
}

.main_calendar{
   padding:0px 0;

   display: block;
	width: 100%;
	-moz-transition:width 1s;
	-webkit-transition:width 1s;
	transition: width 1s;
}

.fc table{
    /*ICI*/
   border-spacing: 6px !important;
   border-collapse: separate !important;
}
.fc-day{
   border:2px solid #000000 !important;
   height: 65px;
}
.fc-widget-content{
   border-width: 0 !important;
}
.fc-row.fc-rigid{
}

.fc-bg td{
   border-width:3px !important;
}
.fc-widget-header{
   border-width:0 !important;
}

.fc-other-month{
   border-color:#c6c6c6 !important;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{
   float:left;
   margin-left:5px;
   margin-top:3px;
   display: inline-block;
}
.fc-toolbar{
   display:none;
}
div.fc-scroller.fc-day-grid-container{
	height:auto !important;
  overflow-x: visible !important;
}

.fc-day-header {
    display:none !important;
} 

.fc-day-header span{
   color:#9dcfd4;
   font-size:15px;
   text-transform: capitalize;
}
.fc-widget-header tr th:nth-child(6) span{
   color:#b2b2b2;
}
.fc-widget-header tr th:nth-child(7) span{
   color:#b2b2b2;
}

/* TABLE HEADER */

.fc-widget-header table{
   border-spacing: 0 !important;
   margin-bottom:-10px;
}

/* CALENDAR NAVIGATION */

.calendar_navigation{
   width:100%
}
.calendar_navigation i{
   color:#FFF;
   font-size:60px;
   cursor:pointer;
}
.calendar_navigation i:first-child{
   position: fixed;
   top:49%;
   left: 10px;
}
.calendar_navigation i:last-child{
   position: fixed;
   top:49%;
   right: 10px;
}

/* FILTER */

.filter{
   display: inline-block;
   margin-right: 20px;
   position: fixed;
	width: 130px;
	top:20px;
	right:0;
	-moz-transition:width 1s;
	-webkit-transition:width 1s;
	transition: width 1s;
}
.filter .icon i{

   cursor: pointer;
   border-radius:100px;
   background-color:#9dcfd4;
   color:#FFF;
   font-size:40px;
   width:70px;height: 70px;
   color:#FFF;
   display: inline-block;
   text-align: center;
   line-height: 70px;
}

.filters{
	background-color:#9dcfd4;
  width:300px;
  height: 100%;
  padding:30px;
	position: fixed;
	top:0;
	margin:0 -300px 0 0;
	right:0px;
	bottom: 0;
  z-index: 10;
	-moz-transition:margin 0.5s;
	-webkit-transition:margin 0.5s;
	transition: margin 0.5s;
}
.filters > .icon{
	width:100%;
	float:left;
	margin:0 0 20px 0;
	text-align: center;
  cursor: pointer;
}
.filters > .icon  i{
	color:#FFF;
	font-size:60px;
}
.filters .filter_colors{
   list-style: none;
   width:100%;
   float: left;
   margin-bottom:40px;
}
.filters .filter_colors li{
   width:32%;
   margin-right:1%;
   text-align: center;
   float: left;
   color:#FFF;
	position: relative;
	padding-top:6px;
}
.filters .filter_colors li:nth-child(3n){
   margin-right:0;
}
.filters .filter_colors li label{
   width:100%;
	font-size:12px;
	margin-bottom:0;
	line-height: 38px;
}
.filters .filter_colors li input{
	display:none;
	position: relative;
   z-index: -9999;
}
.filters .filter_colors li label span::after{
	border-radius: 50px;
	position: relative;
	display: inline-block;
	content: "\f111";
	font-size: 32px;
	vertical-align: top;
	font-family: "FontAwesome";
}
.filters .filter_colors li input:checked + span::after{
	content: "\f058";
	font-size: 32px;
	vertical-align: top;
	font-family: "FontAwesome";
}
.filters .filter_colors li:nth-child(1) label span::after{
	color:#151e3f;
}
	.filters .filter_colors li:nth-child(2) label span::after{
		color: #7db7b0;
		/*color:#789fa3;*/ /*originel*/
	}
.filters .filter_colors li:nth-child(3) label span::after{
	color:#ff6b6b;
}
	.filters .filter_colors li:nth-child(4) label span::after{
		color: #dea0a4;
		/*color:#f7b2b7;*/ /*originel*/
	}
.filters .filter_colors li:nth-child(5) label span::after{
	color:#82c09a;
}
	.filters .filter_colors li:nth-child(6) label span::after{
		color: #b2b2b1;
		/*color:#c6c6c5;*/ /*originel*/
	}

/* vert clair #98e0b4**/

.filters .nav-tabs{
   text-align: center;
   border-bottom:0;
}
.filters .nav-tabs>li.active>a{
  background: none;
  border: none;
}
.filters .nav-tabs li{
   border:0;
   display: inline-block;
   float:none;
   background: none;
}
.filters .nav-tabs li:hover{
   background: none;
}
.filters .nav-tabs li a{
   border:0;
   background:transparent;
   color:#789fa3;
   font-size:40px;
}
.filters .nav-tabs li.active a{
  color:#FFF;
}
.filters .nav-tabs li.active a:hover{
  background:transparent;
  color:#FFF;
  border:0;
}
.filters .tab-content{
	padding-left: 50px;
}
.filters .tab-content ul{
   list-style: none;
   padding-left:0;
   overflow-y: scroll;
   height: 500px;

}
.filters .tab-content ul li{
   width:100%;
   float:left;
   font-size:12px;
	 padding: 3px 0;
   margin-bottom:8px;
   color:#FFF;
}


.filters .tab-content li label{
	display: inline-block;
	float: left;
	font-size:12px;
	margin-bottom:0;
	line-height: 18px;
	margin-right: 8px;
}
.filters .tab-content li input{
	display:none;
	position: relative;
   z-index: -9999;
}
.filters .tab-content li span{
	line-height: 20px;
	vertical-align: middle;
}
.filters .tab-content li label span::after{
	border-radius: 50px;
	position: relative;
	display: inline-block;
	content: "\f111";
	font-size: 20px;
	vertical-align: top;
	font-family: "FontAwesome";
}
.filters .tab-content li input:checked + span::after{
	content: "\f058";
	font-size: 20px;
	vertical-align: top;
	font-family: "FontAwesome";
}



/* CALENDAR FILTER OPEN CSS */

.calendar_container{
  height: 100%;
}
.calendar_container.filter_open .btn-export{
  margin-right: 24%;
  -moz-transition:margin 0.5s;
  -webkit-transition:margin 0.5s;
  transition: margin 0.5s;
}
.calendar_container.filter_open .main_calendar{
  width:100%;
}
.calendar_container.filter_open .filters{
  background-color:#9dcfd4;
  width:22.1%;
  display: block;
  margin:0 0px 0 0;
  padding:30px;
  top:0;
  z-index: 10;
  -moz-transition:margin 0.5s;
  -webkit-transition:margin 0.5s;
  transition: margin 0.5s;
}


/* CALENDAR TABS */

.owl-title {
   position: fixed;
   top:5px;
   display: block;
   left:20%;
   right:20%;
   z-index: 9999;
}

.owl-title .owl-pagination{
   width:100%;
   float:left;
   text-align: center;
   z-index:999;
   display: block;
   color:#171e3b;
   text-transform:uppercase;
    font-size:28px;
    font-weight:bold;
}

.owl-carousel{
  overflow: hidden;
}
.carousel .owl-item{
	height: 100%;
}
.owl-controls{
   position: fixed;
   top:5px;
   display: block;
   left:50px;
   right:30%;
   z-index: 9999;
}
.owl-controls .owl-pagination{
   width:100%;
   float:left;
   text-align: left;
   z-index:999;
   display: block;
}
.owl-controls .owl-pagination .owl-page{
   width:30px;
   height: 30px;
   display: inline-block;
   margin-right:20px;
}
.owl-controls .owl-pagination .owl-page:last-child{
   margin-right:0;
}
.owl-pagination-custom .owl-page{
   font-family: 'GTOU';
   font-size:28px;
   text-align: center;
}
.owl-pagination-custom .owl-page:first-child::before{
   content: "\e91b";
   font-family: 'GTOU';
   font-size:28px;
   padding-top:3px;
}
.owl-pagination-custom .owl-page:nth-child(2)::before{
   content: "\e919";
   font-family: 'GTOU';
   font-size:24px;
}
.owl-pagination-custom .owl-page:nth-child(3)::before{
   content: "\e913";
   font-family: 'GTOU';
   font-size:24px;
}
.owl-pagination-custom .owl-page:nth-child(4)::before{
   content: "\e911";
   font-family: 'GTOU';
   font-size:28px;
}
.owl-pagination-custom .owl-page:nth-child(5)::before {
	content: "\e919";
	/*content: "\1F138";*/ /*par défaut*/
	font-size: 24px;
	/*font-weight: 400;*/ /*par défaut*/
	color: olive;
	/*color: darkslategray;*/ /*par défaut*/
	text-emphasis-color:red;
}
.owl-pagination-custom .owl-page:nth-child(6)::before {
	content: "\e919";
	font-size: 24px;
	color: lightseagreen;
}
.owl-pagination-custom .owl-page:nth-child(7)::before {
	content: "\1F138";
	font-weight:400;
	color: lightgoldenrodyellow;
}
.owl-controls .owl-pagination-custom .owl-page.active::before{
   color:#FFF;
}



.calendar_tabs{
   width:100%;
   float:left;
   text-align: center;
   list-style: none;
   padding-top:4px;
}
.calendar_tabs li{
   display:inline-block;
}
.calendar_tabs li a{
   color:#000;
   padding:5px 14px;
   display: inline-block;
}
.calendar_tabs li.active a{
   color:#FFF;
}
.calendar_tabs li a:hover{
   text-decoration: none;
}
.calendar_tabs li a i{
   font-size:30px;
}
.calendar_tabs li:nth-child(3) a i{
   font-size: 26px;
}
.calendar_tabs li:last-child a i{
   font-size: 24px;
}

/* CALENDAR FOOTER */

.calendar_footer{
   min-height: 50px;
	position: fixed;
	bottom:0;
	left:0;
	right:50px;
   bottom:0;
   background-color:#9dcfd4;
}
.calendar_footer .calendar_info{
   text-align: center;
   font-size:30px;
	color:#FFF;
}
.calendar_footer .calendar_print{
   text-align: right;color:#FFF;
   margin-right:-10px;
}
.calendar_footer .calendar_print i{
   color:#FFF;
   font-size:36px;
   cursor:pointer;
   margin-top:7px;
   display: inline-block;
}

.calendar_footer .calendar_print span{
   color:#FFF;
   cursor:pointer;
   margin-top:-7px;
   display: inline-block;
}

.calendar_footer .calendar_print2 span{
   color:#FFF;
   cursor:pointer;
   padding-top:16px;
   display: inline-block;
}

.calendar_footer .calendar_print2{
   text-align: right;color:#FFF;
   margin-right:-10px;
}

.calendar_footer .calendar_print2 i{
   color:#FFF;
   font-size:60px;
   cursor:pointer;
   position:absolute;
   display: inline-block;
   top:-4px;
   right:174px;
}

/* CALEDNAR EVENTS */
.fc-basic-view .fc-body .fc-row{
  min-height: 11em;
}
.fc-view-container *{
  vertical-align: middle;
}
.fc table tr:nth-child(2) a.fc-day-grid-event{
  margin-top: -10px;
}

.fc-event{
  background: #37B2D9;
}

.fc-event.bg-blue{
  background: #0362E3;
}
.fc-event.bg-blue-off{
  background: #9dcfd4;
}

.fc-event.bg-green{
  background: #82c09a;
}
.fc-event.bg-green-off{
  background: #1ABA58;
}

.fc-event.bg-orange{
  background: #f7b2b7;
}
.fc-event.bg-orange-off{
  background: #f7b2b7;
}

.fc-event.bg-red{
  background: #ff6b6b;
}
.fc-event.bg-red-off{
  background: #E9453F;
}

.fc-event.bg-bleu-ciel{
  background: #9dcfd4;
}
.fc-event.bg-bleu-ciel-off{
  background: #12BBD8;
}

.fc-event.bg-turquoise{
  background: #5AC8B4;
}
.fc-event.bg-turquoise-off{
  background: #98E0B4;
}

.fc-event.bg-grey{
  background: #ABABAC;
}
.fc-event.bg-grey-off{
  /*background: #C6C6C5;*/
  background:#c6c6c5;
}

.fc-event.bg-black{
  background: #151e3f;
}
.fc-event.bg-black-off{
  background: #151e3f;
}

.fc-event-container a{
  border: 0;
  border-radius: 0;
  height: 30px;
  display: block !important;
  /*padding: 5px 0;*/
  padding-top:2px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:7px;
}

.fc-content-skeleton tbody td{
  height: 33px;
}
.fc-content-skeleton tbody td:hover{
  cursor: pointer;
}
.fc-content-skeleton tbody td.fc-more-cell{
  /*height: 45px;*/
}
.fc-content ul.icons{
  padding: 0;
  margin: 0;
}
.fc-content ul.icons li{
  display: inline-block;
  position: relative;
  padding: 5px 0px;
  margin-right: 2px;
}
.fc-content ul.icons li:last-child{
  margin-right: 0px;
}
.fc-content ul.icons li .icon{
  font-size: 28px;
}
.fc-content ul.icons li span{
  position: absolute;
  top: 1px;
  right: -4px;
  display: block;
  background: #789fa3;
  min-width:14px;
  max-width: 24px;
  height: 10px;

  border-radius: 50%;
  font-size: 8px;
  color: #fff;
  padding: 3px 0 4px 1px;
  text-align: center;
}

.fc-more-cell{
	position: relative;
}

.fc-more-cell a{
	background-color: transparent !important;
	background:url('../../images/table-menu.png') !important;
	background-size:100% 100% !important;
	width:13px;
	height: 35px;
	text-indent: -999px;
	display: inline-block;
  position: absolute;
  right: -14px;
  top: -47px;
}
.fc-more-cell .fc-remove{
	background-color: transparent !important;
	background:url('../../images/table-menu.png') !important;
	background-size:100% 100% !important;
	width:13px;
	height: 35px;
	margin-left:3px;
	text-indent: -999px;
	display: inline-block;
	margin-top:2px;
}
.fc-popover{
	width:135px;
	border-top:0 !important;
	border-left:3px solid #000 !important;
	border-bottom:3px solid #000 !important;
	border-right:3px solid #000 !important;
}
.fc-popover .fc-header .fc-title{
	font-size:12px;
}
.fc-popover .fc-header{
	display: none;
}
.fc-popover a{
  overflow: hidden;
  height: 32px;
}
.fc-popover a:first-child,
.fc-popover a:nth-child(2){
  display: none !important;
}
.fc-popover .fc-event-container a:hover{
	border:2px solid #9dcfd4;
}
.fc-popover .fc-event-container a:last-child{
	margin-bottom:0 !important;
}
.fc-header .fc-icon{
	display: inline-block;
}



/* CALENDAR POPOVER */

.calendar_popover{
	width:100%;
	display: none;
  /*float: left;
  position: absolute;
	top:350px;
	left:0;
	right:0;*/
	border-top:4px solid #000;
	border-bottom:4px solid #000;
	background-color:#FFF;
  z-index: 1000000000;
  position: relative;
}
.calendar_popover .container{
  width: 100%;
}
.calendar_popover .col-md-3{
  width: 20%;
}
.calendar_popover .indicator{
	width:20px;
	font-size:30px;
	left:50%;
	position: absolute;
	height: 20px;
	top:-30px;
}
.calendar_popover_action{
	position: absolute;
	left:-28px;
	top:-13px;
	z-index:998;
}
.calendar_popover_action i{
	cursor: pointer;
	font-size:50px;
	color:#b1b1b1;
}
.calendar_popover_action_close{
	position: absolute;
  right: 53px;
  top: -15px;
	z-index:998;
}
.calendar_popover_action_close i{
	cursor: pointer;
	font-size:50px;
	color:#b1b1b1;
}


.calendar_popover_save {
	position: absolute;
    right: 100px;
    margin-top:0px;
    display:block;
    bottom: -34px;
	z-index:988;
}

.calendar_popover_save i{
	cursor: pointer;
	font-size:50px;
	color:#b1b1b1;
}
.popover_form{
	width: 85%;
	float: left;
	border:2px solid #c6c6c6;
	padding:10px 20px;
	margin-bottom:15px;
}
.popover_form:hover{
  border-color:#9dcfd4;
}
.popover_form.sous_chantiers{
  display: none;
}
.popover_form .form-group{
  margin-bottom:5px;
}
.popover_form .input-group{
  border-spacing: 0;
  z-index: 1000;
}
.popover_form .input-group-addon:first-child,.popover_form .input-group-addon:last-child{
	border:0;
	background-color:transparent;
	font-size:30px;
	padding-left: 0;
}
.popover_form .input-group-addon:first-child
{
	padding-left:0;
	color:#1d1d1b;
}
.popover_form .input-group-addon:last-child
{
	color:#9dcfd4;
	font-size: 20px;
	padding-right:0;
}

.popover_form .input-group h3,
.popover_form .input-group .form-control {
  color: #1d1d1b;
  font-size:12px;
  line-height: 32px;
  text-transform: uppercase;
  padding: 6px 0 0 0;
}
.popover_form .input-group .form-control{
  background-color:transparent;
  box-shadow: none;
  color:#1d1d1b;
  border:0;
  padding-left: 0;
  text-transform: none;
}
.popover_form .input-group .form-control::-webkit-input-placeholder {
  color: #1d1d1b;
	font-size:12px;
  font-weight: bold;
	line-height: 32px;
  text-transform: uppercase;
  text-align: left;
}
.popover_form .input-group .form-control:-moz-placeholder { /* Firefox 18- */
   color: #1d1d1b;
	font-size:12px;
  font-weight: bold;
	line-height: 32px;
  text-transform: uppercase;
  text-align: left;
}
.popover_form .input-group .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #1d1d1b;
	line-height: 32px;
  text-transform: uppercase;
  text-align: left;
	font-size:12px;
  font-weight: bold;
}
.popover_form .input-group .form-control:-ms-input-placeholder {
   color: #1d1d1b;
	font-size:12px;
  font-weight: bold;
	line-height: 32px;
  text-transform: uppercase;
  text-align: left;
}


.popover_form .popover_form_content{
	color:#868686;
  z-index: 100000;
}
.popover_form .popover_form_content ul{
	list-style: none;
}
.popover_form .popover_form_content ul li{
	padding:3px 0 0 1px;
}

.popover_form .popover_form_content ul li input{
	display:none;
	position: relative;
   z-index: -9999;
}
.popover_form .popover_form_content ul li label{
	margin-right: 10px;
}
.popover_form .popover_form_content ul li label span::after{
	border-radius: 50px;
	position: relative;
	display: inline-block;
	content: "\f111";
	font-size: 16px;
	vertical-align: top;
	font-family: "FontAwesome";
}
.popover_form .popover_form_content ul li input:checked + span::after{
	content: "\f058";
	font-size: 16px;
	vertical-align: top;
	font-family: "FontAwesome";
}
.popover_form .popover_form_content.comment_text .input-group-addon{
  position: absolute;
  top: -4px;
}
.popover_form .popover_form_content textarea{
	border:0;
  width: 93%;
  padding-top: 12px;
}



.popover_form .popover_form_content .dropdown{
	width: 100%;
	border:0;
	background-color:transparent;
}
.popover_form .popover_form_content .dropdown .btn{
	width: 100% !important;
	border:0;
	text-align: left;
	padding-left:0;
	padding-right: 0;
	color:#868686;
	background-color:transparent;
}
.popover_form .popover_form_content .dropdown .btn .caret{
	float: right;
}

.quantity_plugin{
	text-align: center;
	padding:3px 0;
}
.quantity_plugin i:first-child,.quantity_plugin i:last-child{
	cursor:pointer;
	vertical-align: middle;
	font-size:24px;
}
.quantity_plugin i:first-child{
	color:#9dcfd4;
}
.quantity_plugin i:last-child{
	color:#ffad00;
}
.quantity_plugin input[type="text"]{
  padding: 0 10px;
  min-width: 100px;
  width:100px;
  font-size: 32px;
  display: inline-block;
  border: none;
  background: none;
  width: 20px;
  text-align: center;
  outline: none;
  color: #000;
}
.quantity_plugin input[type="text"]:focus{
  outline: none;
}

.search_result_slider2{
	height:auto;
	overflow-y: auto;
}

.search_result_slider{
	height:279px;
	overflow-y: auto;
}

.bootstrap-select.btn-group .dropdown-menu{
  z-index: 10000;
}
.bs-searchbox .form-control{
  width: 83%;
  padding: 0 13px;
}

.popover_form .popover_form_content.comment_text2 .input-group-addon{
  position: absolute;
  top: 8px;

}
.popover_form .popover_form_content2 textarea{
    border:0;
  width: 93%;
  padding-top: 12px;
}

.comment_text2{
	/*position: relative;*/
    z-index:100;
}
.comment_text2 i{
	position: absolute;
	left:9px;
	font-size:38px;
	top:13px;
	color:#9dcfd4;
    z-index:101;
}
.comment_text2 textarea{
	line-height: 26px;
	box-shadow: none;
    z-index:103;
}
.comment_text2 textarea:focus{
	box-shadow: none;
}

.comment_text{
	position: relative;
}
.comment_text i{
	position: absolute;
	left:9px;
	font-size:38px;
	top:13px;
	color:#9dcfd4;
}
.comment_text textarea{
	text-indent:40px;
	line-height: 30px;
	box-shadow: none;
}
.comment_text textarea:focus{
	box-shadow: none;
}

.comment_refus{
	position: relative;
}
.comment_refus i{
	position: absolute;
	left:9px;
	font-size:38px;
	top:13px;
	color:#9dcfd4;
}
.comment_refus textarea{
	line-height: 30px;
	box-shadow: none;
}
.comment_refus textarea:focus{
	box-shadow: none;
}

.ui-autocomplete.ui-front{
	z-index:9999;
}

.compact_dropdown{
	width: 100%;
	float: left;
}
.compact_dropdown .dropdown{
	width: 62% !important;
	float: left;
}
.compact_dropdown .input_rubrique{
	width: 37% !important;
	float: right;
	text-align: right;
}
.compact_dropdown .bs-searchbox .form-control{
  width: 73%;
}
.compact_dropdown .input_rubrique input{
	width:58px;
	display: inline-block;
	text-align: center;
	height: 30px;
}
.compact_dropdown .input_rubrique i{
	color:#;
	font-size:16px;
	cursor: pointer;
	margin-left: 0px;
	display: inline-block;
}
#compact_dropdown_default{
  display: none;
}


/* HOURS VALIDATION */

.hours_validation_sidebar{
	width:100%;
	float:left;
	position: absolute;
	padding: 30px;
    padding-left:0px;
    min-height: 2000px;
	width:21%;
	top:0;
	bottom:0;
	background-color:#9dcfd4;
}
.hours_validation_sidebar .icon{
	width: 100%;
	text-align: center;
	margin-bottom:10px;
	float: left;
}
.hours_validation_sidebar .icon i{
	font-size:50px;
	color:#FFF;
}
.hours_validation_sidebar ul{
  list-style: none;
  padding-left:30px;
  width: 100%;
  float: left;
  margin-bottom:20px;
  height: 240px;
  overflow-y: auto;
}
.hours_validation_sidebar ul::-webkit-scrollbar {
    width: 5px;
    background: #9dcfd4;
}
.hours_validation_sidebar ul::-webkit-scrollbar-thumb {
    background: #FFF;
}

.filters .tab-content ul::-webkit-scrollbar {
    width: 5px;
    background: #9dcfd4;
}
.filters .tab-content ul::-webkit-scrollbar-thumb {
    background: #FFF;
}

.hours_validation_sidebar ul li{
   width:100%;
   float:left;
   font-size:12px;
	padding: 3px 0;
   margin-bottom:8px;
   color:#FFF;
}
.hours_validation_sidebar li label{
	display: inline-block;
	float: left;
	font-size:12px;
	margin-bottom:0;
	line-height: 18px;
	margin-right: 8px;
}
.hours_validation_sidebar li input{
	display:none;
	position: relative;
   z-index: -9999;
}
.hours_validation_sidebar li span{
	line-height: 20px;
	vertical-align: middle;
}
.hours_validation_sidebar li label span::after{
	border-radius: 50px;
	position: relative;
	display: inline-block;
	content: "\f111";
	font-size: 20px;
	vertical-align: top;
	font-family: "FontAwesome";
}
.hours_validation_sidebar li input:checked + span::after{
	content: "\f058";
	font-size: 20px;
	vertical-align: top;
	font-family: "FontAwesome";
}

.hours_validation_content{
	width: 77%;
	float: right;
	position: relative;
    min-height:800px;
}
.hours_validation_content .nav-tabs{
	position: absolute;
	left: 20px;
	top:250px;
	border:0;
}
.hours_validation_content .nav-tabs li{
	display: block;
	clear: both;
	border:0;
	margin-bottom:15px;
}
.hours_validation_content .nav-tabs li.active a{
	background-color:#9dcfd4;
	color:#FFF;
}
.hours_validation_content .nav-tabs li a{
	color:#000;
	border-radius:50px;
	border:0;
	font-size: 40px;
	line-height: 60px;
	width: 70px;
	height: 70px;
	text-align: center;
}
.hours_validation_content .tab-content{
	padding-left: 100px;
}

.hours_validation_content .users_tables{
	display: block;
	padding: 5px;
}
.users_tables .user_table_block
{
	width: 100%;
	margin: 10px 0;
	float: left;
	border-bottom:3px solid #000;
}

.users_tables .user_table_block .user_info{
	color:#9dcfd4;
	font-size:16px;
	line-height: 38px;
}
.users_tables .user_table_block .user_info i{
	font-size: 38px;
	vertical-align: middle;
}
.users_tables .user_table_block .table{
	margin-left: 40px;
	width: 96%;
}
.users_tables .user_table_block .table tr.hours_validation_popover{
  display: none;
}
.users_tables .user_table_block .table tr td {
	line-height: 36px;
	padding: 3px 5px;
	border-top:0;
}
.users_tables .user_table_block .table tr td i{
  font-size:36px;
  vertical-align: middle;
  position: relative;
}
.users_tables .user_table_block .table tr td i.icon-GTOU_commentaire.active::after{
  content: "\f0d8";
  font-family: "FontAwesome";
  width:20px;
  font-size:30px;
  color:red;
  position: absolute;
  height: 20px;
  bottom: -3px;
  left:10px;
}
.users_tables .user_table_block .table tr:nth-child(2n) td{
  background-color: #ececec;
}
.users_tables .user_table_block .table tr.active td{
  background-color: #9dcfd4;
}
.users_tables .user_table_block .table tr.hours_validation_popover td{
	background:none;
  padding: 15px 10px;
}

.users_tables .col-md-3{
	height: 100%;
}
.users_tables .project_info{
	background-color:#9dcfd4;
	text-align: center;
	width: 140px;
	padding: 15px 0;
	color:#000;
    margin-bottom: 10px;
}
.users_tables .project_info h2{
	font-size:38px;
	font-family: "Overpass-Bold";
}
.users_tables .project_info span{
	font-size:24px;
}

.users_tables .user_table_block .table_actions{
	/*position: absolute;
	left: 0;
	top: 0%;
	bottom:0;
	width: 40px;
	text-align: center;
	margin-top: 15px;*/
    margin-top:8px;
    text-align:right;

}

.users_tables .user_table_block .table_actions i{
	font-size:46px;
	line-height: 20px;
	cursor: pointer;
}
.users_tables .user_table_block .table_actions i.active:first-child,
.users_tables .user_table_block .table_actions i:hover:first-child{
	color:#1aba58;
}
.users_tables .user_table_block .table_actions i.active:last-child,
.users_tables .user_table_block .table_actions i:hover:last-child{
	color:#e9453f;
}

.table .actions i{
	cursor:pointer;
}
.table .actions i.active:first-child,
.table .actions i:hover:first-child{
	/*color:blue;*/
}
.table .actions i.active:nth-child(2),
.table .actions i:hover:nth-child(2){
	color:#1aba58;
}
.table .actions i.active:nth-child(3),
.table .actions i:hover:nth-child(3){
	color:#e9453f;
}
.table_checkbox_action{
	display: block;
	float: right;
	margin-top:10px;
	margin-bottom:0px;
	text-align: right;
	margin-right: 48px;
}
.table_checkbox_action input{
	margin:0 9px;
}

.export_view2{
	width: 100%;
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
	position: relative;
}

.admintitle {
    margin-left:20px;
    margin-top:20px;
}

.export_view2 .table tr td
{
	padding:10px 10px;
	line-height: 30px;
	color:#1d1d1b;
}


/* EXPORT VIEW */

.export_view{
	width: 100%;
	float: left;
	padding:30px 0;
	position: relative;
}
.export_view .table tr th{
	padding-bottom:40px;
	padding-top:0 !important;
}
.export_view .table tr th .export_heading{
	background-color:#9dcfd4;
	padding: 20px 0;
	text-align: center;
}
.export_view .table tr th .export_heading h2{
	font-family: "Overpass-bold";
	font-size:36px;
}
.export_view .table tr th:last-child{
	font-size:80px;
	text-align: center;
}
.export_view .table tr th:last-child i{
	vertical-align: middle;
	color:#9dcfd4;
}
.export_view .table tr th .export_heading span{
	font-size:24px;
}
.export_view .table tr td,
.export_view .table tr th
{
	border:0;
	border-right:3px solid #000;
}
.export_view .table tr td:last-child,
.export_view .table tr th:last-child
{
	border-right:0px;
}
.export_view .table tr:nth-child(2n) td
{
	background-color:#ececec;
}
.export_view .table tr td
{
	padding:15px 15px;
	line-height: 30px;
	text-align: center;
	color:#1d1d1b;
	font-size:16px;
}
.export_view .table tr td:last-child{
	color:#000;
}
.export_view .table tr td i{
	font-size:30px;
	vertical-align: middle;
}
.export_view .table tr td:first-child
{
	/*color:#9dcfd4;*/
}

.btn-export{
	border-radius: 30px;
	background-color:#9dcfd4;
	color:#FFF;
	font-size:16px;
	position: fixed;
	right: 250px;
    bottom:100px;
	padding:8px 25px;
	z-index: 9999;
	box-shadow: 3px 3px 3px #9d9d9c;
  -moz-transition:margin 0.5s;
  -webkit-transition:margin 0.5s;
  transition: margin 0.5s;
}
.btn-export:hover{
	color:#FFF;
}
.btn-export i{
	font-size: 30px;
	vertical-align: middle;
}

.btn-export2 {
	border-radius: 30px;
	background-color:#9dcfd4;
	color:#FFF;
	font-size:16px;
	position: fixed;
	right: 50px;
    bottom:50px;
	padding:8px 25px;
	z-index: 9999;
	box-shadow: 3px 3px 3px #9d9d9c;
  -moz-transition:margin 0.5s;
  -webkit-transition:margin 0.5s;
  transition: margin 0.5s;
}
.btn-export2:hover{
	color:#FFF;
}
.btn-export2 i{
	font-size: 30px;
	vertical-align: middle;
}


.btn-declarer{
	border-radius: 30px;
	background-color:#9dcfd4;
	color:#FFF;
	font-size:16px;
	position: fixed;
	right: 50px;
	padding:8px 25px;
	z-index: 9999;
	box-shadow: 3px 3px 3px #9d9d9c;
  -moz-transition:margin 0.5s;
  -webkit-transition:margin 0.5s;
  transition: margin 0.5s;
}
.btn-declarer:hover{
	color:#FFF;
}
.btn-declarer i{
	font-size: 30px;
	vertical-align: middle;
}

.btn-refuser2{
	border-radius: 30px;
	background-color:#ff6b6b;
	color:#FFF;
	font-size:16px;
	position: fixed;
	right: 220px;
	padding:8px 25px;
	z-index: 9999;
	box-shadow: 3px 3px 3px #9d9d9c;
  -moz-transition:margin 0.5s;
  -webkit-transition:margin 0.5s;
  transition: margin 0.5s;
}
.btn-refuser2:hover{
	color:#FFF;
}
.btn-refuser2 i{
	font-size: 30px;
	vertical-align: middle;
}

.btn-draft{
	border-radius: 30px;
	background-color:#9dcfd4;
	color:#FFF;
	font-size:16px;
	padding:8px 25px;
	z-index: 9999;
	box-shadow: 3px 3px 3px #9d9d9c;
  -moz-transition:margin 0.5s;
  -webkit-transition:margin 0.5s;
  transition: margin 0.5s;
}
.btn-draft:hover{
	color:#FFF;
}
.btn-draft i{
	font-size: 30px;
	vertical-align: middle;
}

.commentairePresent {
    background-image: url('../../images/commentairePresent.png');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position-y: center;
    cursor: pointer;
}

.commentaireAbsent {
    background-image: url('../../images/commentaireAbsent.png');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position-y: center;
    cursor: pointer;
}

.commentaire2Absent {
	background-image: url('../../images/commentaire2Absent.png');
	background-repeat: no-repeat;
	background-size: 23px;
	background-position-y: center;
	cursor: pointer;
}

.commentaire3Absent {
	background-image: url('../../images/commentaire3Absent.png');
	background-repeat: no-repeat;
	background-size: 23px;
	background-position-y: center;
	cursor: pointer;
}

/* HOURS VALIDATION POPOVER */

.hours_validation_popover{
	display: none;
	border-top:4px solid #9dcfd4;
	border-bottom:4px solid #9dcfd4;
	background-color:#FFF;
	z-index:997;
	padding:30px 0;
}
/*.hours_validation_popover::before{
	content: "\f0d8";
	font-family: "FontAwesome";
	width:20px;
	font-size:30px;
	left:50%;
	color:#9dcfd4;
	position: absolute;
	height: 20px;
	top:-30px;
}*/
.hours_validation_popover label{
	float: left;
	color:#9dcfd4;
	line-height: 40px;
}
.hours_validation_popover label i{
	font-size:40px;
	display: inline-block;
	vertical-align: top;
}
.hours_validation_popover .content_section{
	background-image:url('../../images/comment_back.png');
	background-size:100% 100%;
	width: 80%;
	float: right;
	padding:15px 10px 15px 50px;
}
.hours_validation_popover .content_section textarea{
	border:0;
	box-shadow: none;
	color:#868686;
	min-height: 110px;
	background: transparent;
}

/* CALENDAR POPOVER */

.fc-more-popover .fc-event-container{
	padding:0;
}
.fc-more-popover .fc-day-grid-event{
	margin:0;
}

.bootstrap-select>.dropdown-toggle{
  border: none;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
  width: 100%;
}



/* TABLET */

@media(min-width:768px) and (max-width:992px){
	.fc-basic-view .fc-body .fc-row{
		min-height: 90px;
	}
	.fc-event-container a{
		height: 23px;
	}
	.fc-more-cell a{
		height:20px;
		width: 10px;
	}
	.fc-popover{
		width:100px;
	}
	.filter{
		text-align: center;
	}
	.calendar_container.filter_open .filters{
		width:40%;
		z-index:999;
	}
	.calendar_container.filter_open .main_calendar{
		width:100%;
	}
	.hours_validation_sidebar{
		display: none;
	}
	.hours_validation_content{width:100%;}
	.export_view .table tr td i{
		font-size:20px;
		vertical-align: middle;
	}
	.project_info{
		width:100%;
		text-align: center;
	}
	.users_tables .project_info{
		width: 100%;
	}
	.users_tables .project_info h2{
		display: inline-block;
		font-size: 24px;
	}
  .compact_dropdown .input_rubrique input{
    width: 26px;
    display: inline-block;
    text-align: center;
    height: auto;
  }
}

@media(min-width:993px) and (max-width:5920px){
	.fc-day{
		height:35px;
	}
}

/* CALENDAR FILTER */

@media(min-width:993px) and (max-width:1200px){
	.calendar_container.filter_open .filters{
		width:30%;
		z-index:999;
	}
	.main_calendar{
		width:100%;
	}
	.calendar_container.filter_open .main_calendar{
		width:100%;
	}
}

/* HOURS VALIDATION */
@media(min-width:993px) and (max-width:1170px){

	.hours_validation_sidebar{
		padding-left:0;
	}
	.users_tables .user_table_block .table tr td i{
		font-size:20px;
		vertical-align: middle;
	}
	.table_checkbox_action{
		margin-right: 0;
	}
}


@media(min-width:993px) and (max-width:1170px){
	.calendar_popover{
		padding:30px 50px;
		width:auto;
	}
	.calendar_popover .container{
		width:100%;
	}
  .popover_form{
    padding: 10px;
  }
  .popover_form .input-group-addon{
    padding: 6px 0px;
  }
  .popover_form .input-group .form-control{
    padding: 5px;
  }
  .popover_form .input-group .form-control::-webkit-input-placeholder{
    font-size:10px;
  }
  .popover_form .input-group .form-control:-moz-placeholder{
    font-size:10px;
  }
  .popover_form .input-group .form-control::-moz-placeholder{
    font-size:10px;
  }
  .popover_form .input-group .form-control:-ms-input-placeholder{
    font-size:10px;
  }
  .compact_dropdown .dropdown {
    width: 58% !important;
  }
  .compact_dropdown .input_quantity {
    width: 39% !important;
  }
  .fc-content ul.icons li .icon{
    font-size: 23px;
  }
  .popover_form .input-group h3{
    padding-left: 3px;
  }
  .popover_form.nombre_heures .input-group h3{
    line-height: normal;
  }
  .quantity_plugin input[type="text"] {
    min-width: 100px;
    width:100px;
    font-size: 27px;
    vertical-align: middle;
    padding: 0;
  }
  .calendar_container.filter_open .btn-export{
    right: 34%;
  }
  .compact_dropdown .input_rubrique{
    text-align: left;
  }
  .compact_dropdown .input_rubrique input{
    width: 26px;
    display: inline-block;
    text-align: center;
    height: auto;
  }
  .compact_dropdown .input_rubrique i{
    margin-left: 2px;
  }
  .popover_form .popover_form_content textarea {
    border: 0;
    width: 82%;
    padding-top: 12px;
    font-size: 10px;
  }
  .hours_validation_sidebar{
    width: 28%;
  }
  .hours_validation_content .nav-tabs{
    left: -9px;
  }
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border: none;
  }

  .popover_form.week .popover_form_content ul li,
  .popover_form.week .popover_form_content ul li:nth-last-child(2){
    padding-right: 4%;
  }
}


.inner_popover{
	width:100px;
	position: absolute;
	left:-100px;
}

.removeborder {
    padding-bottom:5px !important;
}
.overridesp:after {
    display: block !important;
    content: " ";
    margin-top: 10px!important;
    margin-bottom: 30px!important;
}


.container:after, .container:before {
    display: block !important;
    content: " ";
    margin-top: 10px!important;
    margin-bottom: 30px!important;
}

.filtres_on {
/*	color: #00A2E8;*/
 color:#FFFFFF !important;
}

.filtres_off {
    color:#000000 !important;
}

.ajouter_rubrique{
    margin-left:-4px;
    margin-right:6px;
    font-size:20px;
}

.bouton_bleu {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:10px;
    background-color:#171e3b;
    font-size:15px;
    font-weight:bold;
    border:1px solid #FFF;
}

.bouton_rose {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:10px;
    background-color:#ef7470;
    font-size:15px;
    font-weight:bold;
    border:1px solid #FFF;
}

.bouton_rose_pale {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f7b2b7;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #FFF;
}

.bouton_vert {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:10px;
    background-color:#8fbe9d;
    font-size:15px;
    font-weight:bold;
    border:1px solid #FFF;
}

.bouton_gris {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 10px;
	background-color: #b2b2b1;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #FFF;
}

.maad1 {
    margin-left:4px !important;
    font-size:60px !important;
    margin-top:-15px !important;
    margin-bottom:-15px !important;
    padding:0px !important;
    float:left !important;
}

.search_result_slider::-webkit-scrollbar {
    width: 5px;
    background: #9dcfd4;
}
.search_result_slider::-webkit-scrollbar-thumb {
    background: #999;
}

.dropdown-menu::-webkit-scrollbar {
    width: 5px;
    background: #9dcfd4;
}
.dropdown-menu::-webkit-scrollbar-thumb {
    background: #999;
}