@font-face {
    font-family: 'nunito';
    src: url('../fonts/nunito-regular-webfont.woff2') format('woff2'),
         url('../fonts/nunito-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html{
	margin:0;
	padding:0;
	/* background: url(../images/bg2.jpg) no-repeat center fixed; */
	background:#e8e8e8;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardis�e */
	height:100%;


}
body{
	background-color:transparent;
	height:100%;
	padding-top:90px;
	font-family: 'nunito';

	
}
a{
	display:block;
	color:#999;
	padding-top:5px;
}

.container{
	height:100%;
}
.fill{
	width:100%;
    min-height:100%;
	background:#fff;
    padding:0 50px 50px 50px;
    color:#efefef;


}
.table-striped th{
	background-color: #073845;
	color:white;
	font-size:12px;
	font-weight: normal;
}


.table-striped>tbody>tr:nth-of-type(odd){
	background-color: #f3f3f3;
}

.table-bordered{
	border:none;
}
.table>tbody>tr>td{
	font-size:12px;
	border-top:0;
	border-left:0;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th{
	border:none !important;
}
.table>thead>tr>th{
    border-bottom: 2px solid #737373;
}
.table>tfoot>tr>th {

}
.table tbody > tr:not(.comp):not(.compDetTR):hover{
	background-color:#c3c3c3;
	cursor:pointer;
	color:#000;
}
.table-bordered>thead>tr>th, .table-bordered>tfoot>tr>th{
	border: none;
	border-left:0;
}
	.table-bordered .fa-check{
		color:#62FF00;
	}
	.table-bordered .fa-minus,
	.table-bordered .fa-times{
		color:#c11616;
	}

/*Det*/
.table .table {
    /*background-color: #585858;*/
	border: 0;
}
	.table .table  > tbody > tr:first-child > td:first-child{
	    width:40%;
	}
	.table .table  em{
	   	font-style: normal;
	    display: block;
	    float: left;
	    padding: 2px 10px;
	    border-radius: 5px;
	    background-color: #333;
		margin-right:8px;
		font-size:14px;
		margin-bottom:5px;
	}
	#stats_filter input{
		border-radius:0;
	}
	.table .table  td{
		
		
	}
	.table .table  .lab{
		background-color: #696969;
		font-weight:normal;
		font-size:14px;
	}
	.table .table >tbody>tr>td{
		border: 0;
		border-bottom: 1px dotted #000;
	}




.navbar-default {
	background-color:#167db8;
    border:0;
}
.navbar-default .navbar-brand{
	color:#fff;
}
.navbar-default .navbar-nav>.active>a {
    color: #fff;
    background-color:#00F3FF;
}

.navbar-default input {
    width: 100%;
    border: 0;
    padding: 12px 15px;
    color: #000;
    /* background-color: #fffeca; */
    font-weight: bold;
    margin-top: -10px;
}
.navbar-default .navbar-brand{
	color: #fff;
    font-size: 26px;

    text-transform: uppercase;
    margin-top: 16px;
	cursor:default;
}
	.navbar-default .navbar-brand:hover{
		color: #fff;
	}

/*
@media (min-width: 768px)
{
	.navbar-nav {
	    float:none;
	    margin: 0;
	}
}
@media (min-width: 768px)
{
	.navbar-right {
	    float: none!important;
	    margin-right: -15px;
	}
}*/

.form-group .date .subTitle, .form-group .search .subTitle{
	font-size:18px;
	color:#a1cbe3;
	text-transform:uppercase;
	text-align:right;
}
	@media (max-width: 992px){
		.form-group .date .subTitle, .form-group .search .subTitle{
			height:43px;
			margin-top:15px;
		}
	}

.form-group .date, .form-group .search{
	padding-top:26px;
	position:relative;
}
	@media (max-width: 992px){
		.form-group .date, .form-group .search{
			padding-top:0;
		}
	}
	.form-group .date input, .form-group .search input{
		width:100%;
		border:0;
		padding:12px 15px;
		color:#000;
		/*background-color:#fffeca;*/
		font-weight:bold;
		margin-top:-10px;
	}
	.form-group .date .fa-calendar, .form-group .search .fa-search{
		position:absolute;
		right:23px;
		top:5px;
		color:#000;
		cursor:pointer;
	}
.form-group h1{
	margin-top:32px;
	padding-left:20px;
}
.liSearch{
	margin-left:50px;
}
#stats_filter{
	visibility:hidden;
}
h3 span{
	display:block;
	font-size:12px;
	padding-top:3px;
	color:#ccc;
}



/*.table tbody tr.comp{
	display:none;
}*/


/*mycolumns*/

table#stats th{
	min-width:50px;
	vertical-align: middle;
}

div.modal#columns ul{
	list-style:none;
}

button#bt_mycolumns, button#bt_exporter,
button#bt_openfilter, button.bt_filter{
	margin:7px 5px 5px 5px;
}

button#bt_disconnect{
	margin-top:15px;
	margin-right:15px;
}

button#bt_applyfilter, button#bt_openfilter{
	background-image:url(../images/filter.svg);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:25px;
}

button#bt_removefilter{
	background-image:url(../images/multiply.svg);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:5px 9px;
	padding-left:25px;
}

button#bt_disconnect{
	background-image:url(../images/logout.svg);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:5px 9px;
	padding-left:25px;
}

button#bt_mycolumns{
	background-image:url(../images/three-columns-layout.svg);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:5px 6px;
	padding-left:30px;
}

button#bt_exporter, button#bt_exporter_detail{
	background-image:url(../images/excel.svg);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:5px 6px;
	padding-left:30px;
}

button#bt_exporter_detail{
	margin:5px;
}

td.filter {
	position:relative;
}



td.filter span{
	background:url(../images/filter.svg);
	background-size:100%;
	display:inline-block;
	width:15px;
	height:15px;
	float:right;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;
}

input.filter{
	color:black;
	float:left;
	width:50%;
	border-radius: 0;
	border: 0;
}

input.filter.editlarge{
	width:150px;
}

input.filter.editsmall{
	width:56px;
}

td.filter i{
	display:inline-block;
	float:left;
	background:white;
	color:#000;
	padding: 1px 0;
	font-style:normal;
}

td.filter ul{
	position:absolute;
	left:0;
	list-style:none;
	width:120px;
	background:white;
	color:black;
	margin:0;
	padding:0 0 0 0px;
	top:38px;
	z-index:1000;
}

td.filter ul li{
	cursor:pointer;
	padding-left:10px;

}

td.filter ul li:hover{
	background:#999;

	color:white;
}

/* tables */
table.tablesorter {
	margin:10px 0pt 15px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {

}
table.tablesorter thead tr .header {
	background-image: url(../images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #000;
	padding: 15px 8px;

	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #385f6a;
}


.table th.fit, td.fit {
    white-space: nowrap;
    width: 1%;
}

div.panel.panel-primary div.panel-heading{
	background:#06517b;
	color:white;
	text-transform:uppercase;

	font-size:25px;
	padding:15px 0;
}

p#variable{
		margin-top:5px;
	font-size:12px;
	text-transform:none;
}

div.panel.panel-primary div.panel-heading h3{
	font-size:18px;
	margin-top: 13px;
	font-family: 'Avenir LT Std 65 Medium';
}

div.panel-primary{
	border:none;
	border-radius:0;
}

tr.tr_filter{
	background:#073845;
}

ul#views{
	margin-top: 3px;
}

ul#views a{
	font-size:12px;
	color:white;
}

ul#views a:hover{
	font-size:12px;
	background:#167db8;
	color:white;
}

ul#views_clone{
	margin-top: 20px;
}

ul#views_clone a{
	font-size:12px;
	color:white;
}

ul#views_clone a:hover{
	font-size:12px;
	background:#167db8;
	color:white;
}

ul#views_clone > li.active > a{
	background: #06517b;
}

ul#nav_account{
	margin-right:10px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
	background:none;
}

#bt_user{
	position:relative;
}

li.dropdown.open #bt_user:after{
	content:"";
	position:absolute;
	top: 66px;
	left: 26px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #ffffff transparent;
}

.dropdown-menu{
	border:none;
	top: 80px;
}

div.navbar-collapse{
	width: 58.33333333% !important;
}

a.navbar-brand{
	background:url(../images/logo_rivalis.png) no-repeat;
	background-size: 90px;
	padding-left: 126px;
	background-position: 16px;
}

.nav-pills > li > a{
	border-radius:0;
}

.btn{
	border-radius:0;
}

div.modal-content{
	border-radius:0;
}

li#searchblock{
	width: 350px;
}

li#searchblock div.input-group{
	display:block;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{
	background:#167db8;
}

div.detail_stats_conseiller div.panel-heading h3{
	padding-left:15px;
}

div.detail_stats_conseiller ul#declarations>li{
	cursor:pointer;
}

tr.active{
	position:absolute;
	z-index: 1000;
}

tr.active td{
	background:#167db8 !important;
	color:#fff !important;
	font-weight:bold !important;
}



/*scroll tboby*/
table.scroll {
    width: 100%;
    border-spacing: 0;
}

table.scroll>tbody,
table.scroll>thead { display: block; }

table.scroll>thead {
	padding-right:16px;
}



thead tr th { 
    height: 30px;
    line-height: 30px;
}


table.scroll>tbody {

    overflow-y: auto;
    overflow-x: hidden;
}



tbody td, thead th {
    width: 20%;
    /*border-right: 1px solid black;*/
}

tbody td:last-child, thead th:last-child {
    border-right: none;
}

tr.declaration td{
	/*padding-left:11px !important;*/
}


div.modal-body, div.modal-footer{
	background:#3c95d1;
	color:white;
}

div.modal-body legend{
	color:white;
}

i.edit_declaration{
	cursor:pointer;
}

div#bareme, div#chargetravail{
	
}

div.tab-pane{
	background:white;
	padding:20px;
}


div.tab-pane table {
	width: inherit;
}

a{
	outline: 0;
}

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

.modalfullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
  margin:0;
}

.modalfullscreen .modal-body{
	background:white;
	color:black;
}

.modalfullscreen .modal-content {
  height: 100%;
  border-radius: 0;
}

#modal_conseiller{
	padding-left:0 !important;
}


div.input-filter{
	min-width:100px;
}

p.subtitle_heading{
	margin-left:17px;
}

a.hebdo_pass, a.send_lien_decla_previ{
	margin:0 2px;
}

/*
tr.view-fo:hover{
	background: #dfbd3b !important;
}

tr.view-cd:hover{
	background: #4a907d !important;
}

tr.view-mec:hover{
	background: #3a9cf3 !important;
}

tr.view-sd:hover{
	background: #5b2323 !important;
}

tr.view-co:hover{
	background: #5b23ba !important;
}

tr.view-com:hover{
	background: #f523ba !important;
}
*/

div.coaching-group ul.dropdown-menu{
	top: 33px !important;
	left: -42px;
	text-align:right;
	min-width:129px !important;

}

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

#overlay_spinner{
	position:fixed;
	width:100%;
	height:100%;
	background: rgba(22,125,184,0.2);
	z-index:1000;
}

#spinner {
  width: 40px;
  height: 40px;
  top:50%;
  left:50%;
  z-index:10000;
  background-color: #167db8;
  position:absolute;
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

table#sticky_head{

	position: fixed;
	top: 85px;
	z-index:1000;
}

table#sticky_head th{
	vertical-align: middle;
}

div.reste_prorata strong.red, div.reste_prorata_frequence strong.red{
	color:red;
}

div.reste_prorata.green, div.reste_prorata_frequence.green{
	color:green;
	font-weight:bold;
}

p.bravo{
	margin-top: 22px;
	
}

p.bravo i{
	font-size:25px;
	margin-bottom: 9px;
}


/* top button */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #167db8 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* end top button */

tr.tr_conseiller.vigilance td{
	background:#ffcab3;
}

select.enum-choice{
	color:black;
}


/* Temps baremés */
#statistiques > .tab-content{
	border: 1px solid #ddd;
	border-width: 0 1px 1px 1px;
}
#statistiques > .tab-content > .row{
	margin-left : 0;
	margin-right : 0;
}

#statistiques .nav-tabs.previ-list{
	border-bottom : 0;
}
#statistiques .nav-tabs.previ-list li{
	border: 1px solid #ddd;
	/* border-width : 1px 0 0 1px; */
	width : 100%;
}
#statistiques .nav-tabs.previ-list li span{
	font-size: 0.75em;
	display: block;
	font-weight: normal;
}
/* #statistiques .nav-tabs.previ-list li:first-child{
	border-top-width: 1px;
} */
#statistiques .nav-tabs.previ-list li.active::after{
	position: absolute;
	z-index: 20;
	display: block;
	background-color: #f2f2f2;
	width: 10px;
	height: 100%;
	content: ' ';
	top: 0;
	left: 100%;
}
#statistiques .nav-tabs.previ-list li.active a{
	border : 3px solid #073845;
	border-width : 0 0 0 3px;
	border-radius: 0;
	background : #f2f2f2;
	font-weight: bold;
}
#statistiques .nav-tabs.previ-list li a{
	margin : 0;
}
#bareme-details > .tab-content,
#bareme-details > .tab-content > .tab-pane > .tab-content{
	border: 1px solid #ddd;
}
#bareme-details .tab-content .tab-content,
#bareme-details > .tab-content > .tab-pane > .tab-content{
	border-top-color: transparent;
}

#bareme-details > .tab-content > .tab-pane.active{
	background : #f2f2f2;
}

#bareme-details .bareme-tables{
	padding : 0;
}
#bareme-details .bareme-tables h2{
	margin-top : 0;
}

#bareme-details .bareme-sub-theme li.active{ 
	font-weight : bold;
	color: #23527c;
	background-color: #eee;
}


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

#statistiques .table th:not(:first-child), #statistiques .table td.fit{
	text-align: center;
}
#statistiques .table th span{
	display: block;
}
#statistiques .table-striped td.totalcell{
	background-color: #56739A;
	border-left: 1px solid;
	color: #fff;
	text-align: center;
}
#statistiques .table-striped tr:nth-of-type(odd) td.totalcell{
	background-color: #425B8A;
}
#statistiques .table-striped td.titlecell{
	font-weight: bold;
	width: 8%;
}

#statistiques .table-striped tr.totalline,
#statistiques .table-striped tr.totalline th,
#statistiques .table-striped tr.totalline td.totalcell{
	background-color: black;
	color : white;
}
#statistiques .table-striped tr.separatorline{
	border-top : 1px solid #aaa;
}

#statistiques .table-striped .currentMonth{
	border-left : 1px solid #C60800;
	border-right : 1px solid #C60800;
}

/* #statistiques .table-striped{
	overflow:hidden;
}
#statistiques .table-striped td:not(.titlecell):hover:before, 
#statistiques .table-striped td:not(.titlecell):hover:after{ 
  content:'';
  display:block;
  height:2000px;
  margin:-1000px 0;
	background:#c3c3c3;
	color : #000;    
} 
#statistiques .table-striped tr:hover{
	background-color: #f3f3f3;
}*/
#statistiques .table-striped span.unite{
	font-weight: normal;
  font-size: 0.85em;
}

#statistiques table.compare th {
	text-align: center;
}
#statistiques table.compare td.titlecell {
	width : 15%;
}
#statistiques table.compare td.month-data.totalcell {
	border-bottom-color: transparent;
}
#statistiques table.compare td.month-data {
	width : 5%;
	text-align: right;
	padding: 6px;
	font-size: 0.8em;
}
#statistiques table.compare td {
	width : 1%;
	border-bottom: 1px solid #ccc;
}

#statistiques table.compare tr[data-type='theorique'] td {
	background-color: #425B8A;
	color: #fff;
}

#statistiques table.compare:not(.legende) tr[data-type='theorique'] {
	border-bottom: 2px solid #000;
}
#statistiques table.legende td {
	border: 1px solid #000;
	width : auto;
}

#statistiques table.compare .data-objectif{
	/* color : #11BAC0; */
}
#statistiques table.compare .data-obj-atteint{
	color : #1EA531;
}
#statistiques table.compare .data-obj-nonatteint{
	color : #A5260A;
}

/*tr.tr_conseiller>td{
	position:relative;
}

tr.tr_conseiller>td::before{
	content:"";
	display:block;
	position:absolute;
	width:4px;
	height:15px;
	top:16px;
	left:0;
}

td.vue_fo::before{
	background:#2baad3;
}

td.vue_cd::before{
	background:#cb584d;
}

td.vue_mec::before{
	background:#67a754;
}

td.vue_sd::before{
	background:#7c71cb;
}

td.vue_co::before{
	background:#b79040;
}

td.vue_com::before{
	background:#c45ca2;
}*/