@charset "utf-8";
/* CSS Document */



/*--  1: EXISTING BALISES OR STYLES  --*/
body  {
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	color: #343434;
}
h1, .h1 {
	font-family: "Itim", cursive;
	font-weight: 400;
	font-style: normal;
	font-size: 38px;
	padding: 0px;
	margin: 0px;
	color: #fff;
}
h2 {
	padding-top: 25px;
	padding-bottom: 15px;
	color: #007c46;
}
h3 {
	padding-top: 20px;
	padding-bottom: 15px;
	color: #007c46;
}

/* suppression des fleches des input type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.container-fluid {
	padding-bottom: 40px;
	min-height: 800px;
}
.container {
	padding-bottom: 40px;	
}




/* corrected existing styles */

.card-shadow {
    box-shadow: 0px 5px 5px #dddddd;
}
.page-content {
	padding-bottom: 70px;	
}
.navbar-inverse .navbar-toolbar > .active > .nav-link {
	/*background-color: #bc0054;*/
}
.tag, .help {
	cursor: help;	
}


.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
    border: 1px solid #ced4da;
	border-radius: .25rem;
	background-color: #fff;
	height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_length select:focus {
    border: 1px solid #2a6ab1;
	
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
	color: #fff;
	background-color: #e0a800;  /*rgba(255,255,255,0.2) e96b10*/
}

.card {
	background-color: #fff;
	border: 2px solid #b3d8c8;  /*rgba(0,0,0,.125)*/
    border-radius: .25rem;
	margin-bottom: 30px;
}
.card-header {
	/*font-size: 22px;*/
	font-weight: 700;
	background-color: #b3d8c8;  /*rgba(0,0,0,.03)*/
	border-bottom: 2px solid #b3d8c8;  /*rgba(0,0,0,.125)*/
	color: #006d3e;
}
.card-header.notvisible {
	/*font-size: 22px;*/
	font-weight: 700;
	background-color: #bdbab8;  /*rgba(0,0,0,.03)*/
	border-bottom: 2px solid #eee;  /*rgba(0,0,0,.125)*/
	color: #2b2a2a;
}

.card-footer {
	background-color: #b3d8c8;  /*rgba(0,0,0,.03)*/
	border-top: 2px solid #b3d8c8;  /*rgba(0,0,0,.125)*/
}
a.card {
	color: #666;
	text-decoration: none;	
}
a.card:hover {
	color: #000;
	background-color: #e6f2ed;
}
a.card:hover .small-info{
	color: #f0ab00;
	background-color: #d9ebe3;
}

/* -- couleurs spécifiques pour le type group -- */
.type-group  {
	border: 2px solid #caaf95;
}
.type-group .card-header {
	background-color: #caaf95;  
	border-bottom: 2px solid #caaf95; 
	color: #996633;
}
.type-group .card-header.notvisible {
	background-color: #bdbab8;  
	border-bottom: 2px solid #eee;  
	color: #2b2a2a;
}
.type-group .card-footer {
	background-color: #caaf95;
	border-top: 2px solid #caaf95; 
}

a.card.type-group {
	color: #996633;
	text-decoration: none;	
}
a.card.type-group:hover {
	color: #000;
	background-color: #ebe0d6;
}
a.card.type-group:hover .small-info{
	color: #f0ab00;
	background-color: #ebe0d6;
}

.body-high {
	max-height: 200px;
	overflow: auto;
}

input.form-control:hover, select.form-control:hover {
	background-color: rgba(200,200,200,0.1);
}
input.form-control:focus, select.form-control:focus {
	background-color: #f3f6f9;
	color: #004495;
	/*border-style: none;*/
}

.row > label  {
	padding-top: 5px;	
}

/* corrected existing styles - COLORS */
/* 
- orange de NP : #e96b10
- brun head-foot : #8c400a


*/


.table {
    color: #343434;
}

a {
	color: #0081c8;
}
a.disabled {
	color: #999999 !important;
	border-color: #999999 !important;
	background-color: #eeeeee !important;
}
a:hover {
	color: #40a1d6;
}
.text-default {
    color: #666666 !important;
}
.text-success {
    color: #37af32 !important;
}
.text-primary {
    color: #0081c8 !important;
}
.text-warning {
    color: #ff9d00 !important;
}
.text-danger {
    color: #ed2d10 !important;
}
.tag-success {
    background-color: #37af32 !important;
}
.tag-primary {
    background-color: #0081c8 !important;
}
.tag-warning {
    background-color: #ff9d00 !important;
}
.tag-danger {
    background-color: #ed2d10 !important;
}
.tag-dark {
    background-color: #444444 !important;
}

/*btn-primary*/
.btn-outline.btn-primary {
    color: #0081c8;
}
.btn-outline.btn-primary:hover {
    color: #fff;
	border-color: #40a1d6;
	background-color: #40a1d6;
}
.btn-outline.btn-primary:active {
    color: #fff;
	border-color: #; /*0d8bc1*/
	background-color: #0d8bc1;
}
.btn-primary {
    border-color: #0081c8;
	background-color: #0081c8;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    border-color: #40a1d6;
	background-color: #40a1d6;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    border-color: #40a1d6;  /*  4e97d9*/
	background-color: #40a1d6;
}

/*btn-success
.btn-success {
    border-color: #37af32;
	background-color: #37af32;
}
.btn-success.focus, .btn-success:focus, .btn-success:hover {
    border-color: #96d293;
	background-color: #96d293;
}

div.dataTables_paginate .paginate_button.active > a, div.dataTables_paginate .paginate_button.active > a:focus, div.dataTables_paginate .paginate_button.active > a:hover {
	border-color: #0081c8;
	background-color: #0081c8;
}
*/
/* FORM */

.form-control  {
	border: 1px solid #aaaaaa;
}
input:focus.form-control {
	border: 1px solid #0081c8;
}
textarea:focus.form-control {
    border: 1px solid #0081c8;
}
select:focus.form-control {
    border: 1px solid #0081c8;
}
option:selected.form-control {
    border: 1px solid #0081c8;
	background-color: #0081c8;
}
.form-control::placeholder {
	color: #bbb;
}

/*
.form-control select {
  display: none; 
}
.select-selected {
  background-color: red;
}
*/

.site-menubar-light .site-menu-item.active > a {
    color: #000000;
	background-color: #f7ccdf;
}

.site-menubar-light .site-menu-item > a {
    color: #666666;
	/*background-color: #f7ccdf;*/
}
.site-menubar-light .site-menu-item > a:hover {
    color: #d60060;
	background-color: #fbe6ef;
}
.form-control:disabled, .form-control[readonly] {
	background-color: rgba(200,200,200,0.2);

}

/* -- DATATABLE -- 

table.dataTable thead th, table.dataTable thead td {
    border-bottom: solid 1px #8c400a;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: solid 1px #8c400a;
}*/

.tooltip {
	z-index: 2000000;
}






/*--  2: NEW CLASSES  --*/

.navbar-custom {
	background-color: #007c46 !important;
	background-image: url(../images/fond-vaud-rando.png);
	background-repeat: repeat;
}
.footer-custom {
	background-color: #007c46 !important;
	background-image: url(../images/fond-vaud-rando.png);
	background-repeat: repeat;
	color: #b3d8c8;
	margin-top: 50px;
	padding: 20px;
	/*min-height: 80px;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;*/
}
.footer-custom a {
	color: #f0ab00; 
}
.footer-custom a:hover {
	color: #fff;
}
.footer-custom .footer-legal {
	float: left;
	width: 80%;
	font-size: 14px;
}
.footer-custom .footer-right {
	float: left;
	width: 20%;
	text-align: right;
}

.site-menubar {
	background-color: #265f9f;
	color: #ddc6b6;  /*c0d3e8*/
}
.site-menubar a {
	color: #f8d3b8; /* dfe9f3 */
}
.site-menubar a:hover {
	background-color: rgba(0,0,0,.1);
	color: #ffffff;
}
.site-menubar .active {
	background-color: rgba(0,0,0,.1);
	color: #ffffff !important;
}
.background-page {
	background-color: #eee;	
}


.lastname {
	text-transform: uppercase;
	/*font-weight: 500;*/
}

.search_field {
	border-radius: 20px;
}


/* DATA BLOCK */
.data-block {
	
}
.block-hover {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(200, 200, 200, 0);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(200, 200, 200, 0);
	margin-top: 5px;
	margin-bottom: 20px;
}
.block-hover:hover {
	background-color: rgba(200, 200, 200, 0);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	color: #000;
}
.data-block .data-line {
	padding-top: 6px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;	
	clear: both;
}
.data-block .data-line:hover {
	background-color: rgba(200, 200, 200, 0.1);  /* rgba(214, 0, 96, 0.05)  */
	color: #000;	
}
.data-block .data-line .data-label {
	font-weight: 500;
	font-size: 13px;
}
.data-block .data-line .data-content {
	
}
.data-block .data-line .data-title {
	font-weight: 500;
	font-size: 16px;
}
.dataform-block .data-line {
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
}
.dataform-block .data-line:hover {
	background-color: rgba(200, 200, 200, 0.2);  /* rgba(214, 0, 96, 0.05)  */
	color: #000;	
}
.line-down {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;	
}

.cadre {
	border: 1px dotted #C3F;	
}

.strong {
	font-weight: 500;	
}




.setfields {
	/*background-color: #fff;*/
	padding-top: 20px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
.setfields:hover {
	background-color: rgba(200, 200, 200, 0.1);
}

.datayear {
	text-align: center;
	width: 140px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}
.datayear select {
	text-align: center;
	font-size: 20px;
	color: #C00;
}
.dataview {
	text-align: center;
	width: 200px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}
.dataview select {
	text-align: center;
	font-size: 20px;
	color: #C00;
}
.datachange {
	text-align: center;
	width: 200px;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}
.datachange select {
	text-align: center;
	font-size: 20px;
	color: #C00;
}
.data-border {
	border: 1px solid #ccc;
	padding: 8px;
	background-color: #eee;
}
.selectcompany {
	text-align: center;
	width: 300px;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}
.selectcompany select {
	text-align: center;
	font-size: 20px;
	color: #C00;
	height: 42px;
}

.main-save {
	background-color: rgba(255, 255, 255, 0.9);
	text-align: center;
	display: block;
	padding: 30px;
	/*height: 100px;*/
	width: 20%;
	position: fixed;
	bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	left: 40%;
	right: 40%;
	border-radius: 5px;
	margin-bottom: 10px;
	box-shadow: 0px 5px 20px #ccc;
	z-index: 1000000;
}
.main-save:hover {
	background-color: rgba(169, 220, 181, 0.9);
}
.main-buttons {
	background-color: rgba(255, 255, 255, 0.9);
	text-align: center;
	display: block;
	padding: 20px;
	/*height: 100px;*/
	width: 66%; /*96%*/
	position: fixed;
	bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	left: 2%;
	right: 2%;
	border-radius: 5px;
	margin-bottom: 10px;
	/*box-shadow: 0px 3px 10px #ccc;*/
	z-index: 1000000;
	border: 2px solid #004495;
}
.main-buttons:hover {
	/*background-color: rgba(169, 220, 181, 0.9);*/
	/*background-color: rgba(0, 0, 0, 0.85);*/
	background-color: rgba(203, 217, 233, 0.9);
	/*box-shadow: 0px 5px 20px #ccc;*/
}

/* Listes hiérarchisées */
						 
.hierarchecks li {
	list-style-type: none;
	color: #666;
	cursor: pointer;
}
.hierarchecks li:hover {
	list-style-type: none;	
	color: #000;
}
.hierarchecks ul:hover {
	background-color: rgba(100, 100, 100, 0.1);
}
.hierarchecks label, .hierarchecks input {
	cursor: pointer;
}
.hierarchecks input[type="checkbox"]:checked + label {
	color: #37af32;
	font-weight: 600;
}

.check-1col {
	width: 96%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.check-2col {
	width: 48%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.check-3col {
	width: 30%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.check-4col {
	width: 24%;
	padding-top: 5px;
	padding-bottom: 5px;
}


.table-compact td {
	font-size: 13px;
	line-height: 13px;
}
.table-compact th {
	font-size: 15px;
	line-height: 16px;
}

.open-title {
	color: #8c400a;
	cursor: pointer;
	text-decoration: none;
	padding-right: 100px;
}
.open-title:hover {
	color: #000;
	text-decoration: none;
}

.badge-np {
	background-color: #8c400a !important;	
	color: #fff !important;
}
.cadre-archive {
	background-color: #ccc;
	color: #666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.cadre-archive input {
	background-color: #eee;

}

.small-info {
	/*margin-bottom: -1rem;*/
}
.small-info .bloc1, .small-info .bloc2, .small-info .bloc3  {
	float: left;
	height: 40px;
	width: 33%;
	padding-top: 8px;
	display: block;
	text-align: center;
}
.small-info .bloc1 {
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #b3d8c8;
	border-right-color: #b3d8c8;
}
.small-info .bloc2 {
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #b3d8c8;
	border-right-color: #b3d8c8;
	width: 34%;
}
.small-info .bloc3 {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #b3d8c8;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.type-group .small-info .bloc1, .type-group .small-info .bloc2, .type-group .small-info .bloc3  {

}
.type-group .small-info .bloc1 {
	border-top-color: #caaf95;
	border-right-color: #caaf95;
	font-size: 22px;
	padding-top: 3px;
	font-weight: bold;
}
.type-group .small-info .bloc1 small {
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: normal;
}
.type-group .small-info .bloc2 {
	border-top-color: #caaf95;
	border-right-color: #caaf95;
	width: 34%;
}
.type-group .small-info .bloc3 {
	border-top-color: #caaf95;
}



.rotate45 {
	transform: rotate(45deg);
}

.lieu-item {
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	/*border: 1px solid #CCC;
	border-radius: 4px;*/
	text-align: center;
	margin-bottom: 6px;
	white-space: nowrap;
}

.multicheckbox {
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 4px;
	overflow: auto;
	margin-bottom: 10px;
}
.checkbox_xl {
	max-height: 500px;
}
.checkbox_l {
	max-height: 330px;
}
.checkbox_m {
	max-height: 164px;
}
.checkbox_s {
	max-height: 84px;
}

.alert-top-right {
	position:fixed;
	top: 30px;
	right: 10px;
	z-index: 9999;
	width: 400px;
}
.alert-top-left {
	position:fixed;
	top: 30px;
	left: 10px;
	z-index: 9999;
	width: 400px;
}
.alert-top-center {
	position:fixed;
	top: 30px;
	left: 10%;
	z-index: 9999;
	width: 400px;
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: #95999c;
/* default : #e9ecef; */
}

.theme {
	font-style: italic;
	font-size: smaller;
}