﻿@charset "utf-8";
/* CSS Document */



/*--  1: EXISTING BALISES OR STYLES  --*/
body  {
	background-color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	color: #343434;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Dosis', sans-serif;
}
.title-banner h1 {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ffffff;
	font-size: 44px;
	line-height: 36px;
	/*text-shadow: 0 2px 0px #0d5772;*/
}

.card-header h2 {
	color: #ffffff;
	/*text-shadow: 0 2px 0px #0d5772;*/
}

h2 {
	font-size: 40px;
	padding-top: 0px;
	padding-bottom: 20px;
	color: #1e99c4;
}


/* 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;
}
input::placeholder {
  color: #ccc !important;
}
textarea::placeholder {
  color: #ccc !important;
}


.container-fluid {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right -65px;
}



/* --- STYLES EXISTANTS : GENERALITES --- */

.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;	
}
/*
.nav-link {
    padding: .715rem 1.072rem;
	margin-right: 1em;	
}	
*/


.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: #e96b10;
}
/*
.navbar-nav .active a {
	color: #fff;
	background-color: #1e99c4;  /*rgba(255,255,255,0.2)*/ /*
}
.navbar {
	padding-top: 10px;
	padding-bottom: 0px;
}
.nav-link {

	margin-bottom: -10px;
	border-radius: 5px 5px 0px 0px;
	width: 160px;
	text-align: center;
}*/
.navbar-nav li {
	font-size: 20px;
}
.navbar-nav .active a {
	color: #333;
	background-color: rgba(255,255,255,0.2);  /*rgba(255,255,255,0.2) #1e99c4*/
}
@media (min-width: 992px) {
	.navbar-nav li {
		font-size: 16px;
	}
	.navbar-nav .active a {
		color: #fff;
		background-color: #1e99c4;  /*rgba(255,255,255,0.2)*/
	}
	.navbar {
		padding-top: 10px;
		padding-bottom: 0px;
	}
	.nav-link {
		/*padding-top: 10px;
		padding-bottom: 0px;*/
		margin-bottom: -10px;
		border-radius: 5px 5px 0px 0px;
		width: 160px;
		text-align: center;
	}
	.dropdown-admin .nav-link {
		width: 180px !important;
	}
	.navbar-nav .active .dropdown-menu a {
		background-color: #fff !important; 
		color: #1e99c4;
	}
	.navbar-nav .active .dropdown-menu a:hover {
		background-color: #e9ecef !important; 
		color: #0d5772;
	}
	.connexion-name {
		display: inline-block;
		width: 110px !important;
		height: 20px;
		overflow: hidden;
		padding-top: 3px;
		font-size: 14px;
	}

}

.card {
    background-color: #fff;
    border: 1px solid #1e99c4;  /*rgba(0,0,0,.125)*/
    border-radius: .25rem;
}
.card-header {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
	background-color: #1e99c4;  /*rgba(0,0,0,.03)*/
	border-bottom: 1px solid #1e99c4;  /*rgba(0,0,0,.125)*/
}
.card-footer {
	/*font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;*/
	background-color: #1e99c4;  /*rgba(0,0,0,.03)*/
	border-top: 1px solid #1e99c4;  /*rgba(0,0,0,.125)*/
}


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;	
}



/* --- STYLES EXISTANTS : COULEURS CORRIGEES --- */
/* 

- bleu global : #26b6e8
- bleu global clair : #93dbf4
- bleu global foncé : #0d5772
- gris clair : #e0e7ea
- fond bleu clair : #f4fbfe
- jaune "métier" : #f2d300
- vert "apprentis" : #0bbd5b

- primary (bleu) : #26b6e8 /clair 33% : #6dcef0 /foncé 33% : #197a9c (OLD ; 0081c8)
- secondary (bleu foncé) : #0d5772  /clair : #5d8ea0 /foncé : #093a4c 
- success (vert) : #0bbd5b  /clair : #5bd391  /foncé : #077f3d  (old : 37af32) 
- danger (rouge) : #f42a75  /clair : #f870a2  /foncé : #a41c4e  (old : ed2d10)
- warning (orange) : #f0bd23 /clair : #f5d36b  /foncé : #a17f17  (old : ff9d00)
- info (violet) : #b943ea  /clair : #d081f1  /foncé : #7c2d9d    

title-color : #1e99c4
*/


.table {
    color: #343434;
}

a {
	color: #26b6e8;
}
a.disabled {
	color: #999999 !important;
	border-color: #999999 !important;
	background-color: #eeeeee !important;
}
a:hover {
	color: #6dcef0;
}
.text-default {
    color: #666666 !important;
}
.text-success {
    color: #0bbd5b !important;
}
.text-primary {
    color: #26b6e8 !important;
}
.text-secondary {
    color: #0d5772 !important;
}
.text-warning {
    color: #f0bd23 !important;
}
.text-danger {
    color: #f42a75 !important;
}
.text-info {
    color: #b943ea !important;
}
.text-dark {
    color: #555555 !important;
}
.text-light {
    color: #eeeeee !important;
}

.tag-primary {
    background-color: #26b6e8 !important;
}
.tag-secondary {
    background-color: #0d5772 !important;
}
.tag-success {
    background-color: #0bbd5b !important;
}
.tag-warning {
    background-color: #f0bd23 !important;
}
.tag-danger {
    background-color: #f42a75 !important;
}
.tag-info {
    background-color: #b943ea !important;
}
.tag-dark {
    background-color: #555555 !important;
}

.badge-primary {
  background-color: #26b6e8 !important;
}
.badge-secondary {
  background-color: #0d5772 !important;
}
.badge-success {
  background-color: #0bbd5b !important;
}
.badge-warning {
  background-color: #f0bd23 !important;
}
.badge-danger {
  background-color: #f42a75 !important;
}
.badge-info {
  background-color: #b943ea !important;
}
.badge-dark {
  background-color: #555555 !important;
}
.badge-light {
  background-color: #dddddd !important;
}

/*btn-primary*/
.btn-outline.btn-primary {
    color: #26b6e8;
}
.btn-outline.btn-primary:hover {
    color: #fff;
	border-color: #6dcef0;
	background-color: #6dcef0;
}
.btn-outline.btn-primary:active {
    color: #fff;
	border-color: #197a9c; 
	background-color: #197a9c;
}
.btn-primary {
    border-color: #26b6e8;
	background-color: #26b6e8;
}
.btn-primary:hover {
    border-color: #6dcef0;
	background-color: #6dcef0;
}
.btn-primary.focus, .btn-primary:focus {
    border-color: #6dcef0;
	background-color: #6dcef0;
}
.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: #197a9c;  /*  4e97d9*/
	background-color: #197a9c;
}
/*btn-secondary*/
.btn-outline.btn-secondary {
    color: #0d5772;
}
.btn-outline.btn-secondary:hover {
    color: #fff;
	border-color: #5d8ea0;
	background-color: #5d8ea0;
}
.btn-outline.btn-secondary:active {
    color: #fff;
	border-color: #077f3d;
	background-color: #077f3d;
}
.btn-secondary {
    border-color: #0d5772;
	background-color: #0d5772;
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
    border-color: #5d8ea0;
	background-color: #5d8ea0;
}
.btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open > .btn-secondary.dropdown-toggle.focus, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle:hover {
    border-color: #5d8ea0;  /*  4e97d9*/
	background-color: #5d8ea0;
}
/*btn-success*/
.btn-outline.btn-success {
    color: #0bbd5b;
}
.btn-outline.btn-success:hover {
    color: #fff;
	border-color: #5bd391;
	background-color: #5bd391;
}
.btn-outline.btn-success:active {
    color: #fff;
	/* border-color: #; 0d8bc1*/
	background-color: #077f3d;
}
.btn-success {
    border-color: #0bbd5b;
	background-color: #0bbd5b;
}
.btn-success.focus, .btn-success:focus, .btn-success:hover {
    border-color: #5bd391;
	background-color: #5bd391;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
    border-color: #5bd391;  /*  4e97d9*/
	background-color: #5bd391;
}
/*btn-warning*/
.btn-outline.btn-warning {
    color: #f0bd23 ;
}
.btn-outline.btn-warning:hover {
    color: #fff;
	border-color: #f5d36b;
	background-color: #f5d36b;
}
.btn-outline.btn-warning:active {
    color: #fff;
	/*border-color: #; 0d8bc1*/
	background-color: #a17f17;
}
.btn-warning {
    border-color: #f0bd23;
	background-color: #f0bd23;
}
.btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
    border-color: #f5d36b;
	background-color: #f5d36b;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover {
    border-color: #f5d36b;  /*  4e97d9*/
	background-color: #f5d36b;
}
/*btn-danger*/
.btn-outline.btn-danger {
    color: #f42a75 ;
}
.btn-outline.btn-danger:hover {
    color: #fff;
	border-color: #f870a2;
	background-color: #f870a2;
}
.btn-outline.btn-danger:active {
    color: #fff;
	/*border-color: #;0d8bc1*/
	background-color: #a41c4e;
}
.btn-danger {
    border-color: #f42a75;
	background-color: #f42a75;
}
.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
    border-color: #f870a2;
	background-color: #f870a2;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
    border-color: #f870a2;  /*  4e97d9*/
	background-color: #f870a2;
}
/*btn-info*/
.btn-outline.btn-info {
    color: #b943ea ;
}
.btn-outline.btn-info:hover {
    color: #fff;
	border-color: #d081f1;
	background-color: #d081f1;
}
.btn-outline.btn-info:active {
    color: #fff;
	/*border-color: #; 0d8bc1*/
	background-color: #7c2d9d;
}
.btn-info {
    border-color: #b943ea;
	background-color: #b943ea;
}
.btn-info.focus, .btn-info:focus, .btn-info:hover {
    border-color: #d081f1;
	background-color: #d081f1;
}
.btn-info:active {
    border-color: #7c2d9d;
	background-color: #7c2d9d;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
    border-color: #d081f1;  /*  4e97d9*/
	background-color: #d081f1;
}

.alert-primary {
    border-color: #6dcef0; /**/
	background-color: #f4fbfe;  /**/
}




/* FORM */

.form-control  {
	border: 1px solid #aaaaaa;
}
input:focus.form-control {
	border: 1px solid #26b6e8;
}
textarea:focus.form-control {
    border: 1px solid #26b6e8;
}
select:focus.form-control {
    border: 1px solid #26b6e8;
}
option:selected.form-control {
    border: 1px solid #26b6e8;
	background-color: #26b6e8;
}
/*
.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);

}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

/* -- 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  --*/


.title-banner {
	background-color: #1e99c4;  /*26b6e8*/
}

.navbar-custom {
	/*background-color: #ffffff !important; 
	color: #26b6e8;      
	margin-top: 40px;
	padding: 20px;
	height: 100px;*/
}
.navbar-custom .navbar-brand a {
	color: #000000 !important;
}
.navbar-custom .navbar-brand a:hover {
	color: #000000 !important;
}
.navbar-custom a {
	color: #26b6e8; 
}
.navbar-custom a:hover {
	color: #0d5772;
}
.footer-custom {
	background-color: #0d5772 !important;
	color: #f4fbfe; 
	margin-top: 40px;
	padding: 20px;
	/*height: 160px;*/
}
.footer-custom a {
	color: #93dbf4;
}
.footer-custom a:hover {
	color: #26b6e8;
}
.footer-custom .footer-legal {
	float: left;
	width: 60%;
	font-size: 14px;  
}
.footer-custom .footer-right {
	float: left;
	width: 40%;
	text-align: right;
}
/*
.site-menubar {
	background-color: #265f9f;
	color: #ddc6b6;  
}
.site-menubar a {
	color: #f8d3b8; 
}
.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;	
}
.max-onhover {
	max-height: 60px;	
	overflow: hidden;
}
.max-onhover:hover {
	max-height: 200px;	
	overflow: auto;
}



.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;*/
}
/*
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}*/
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

/* 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: #0bbd5b;
	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;
}
.required label.form-control-label {
	font-weight: 600;
}
/*.required label.form-control-label:after {
	content: " *";
	font-family: "Font Awesome 5 Brands"; content: "\f099";
}*/
.required:hover {
	color: #f42a75;
}

ul.steps-status  {
	margin: 0;
	padding: 0;
}
ul.steps-status li {
	margin: 0;
	margin-right: 20px;
	padding: 0;
	list-style-type: none;
}

.bloc-options-scrollable {
	padding: 4px 8px;
	border: solid 1px #aaa;
	overflow: auto;
	height: 110px;  /*la hauteur permet d'afficher 4 lignes et d'en dévoiler une 5e si elle existe... */
}


.card-header h4 {
	padding: 0 !important;
	margin: 0 !important;
}

/* boites conditionnelles  */

.ifbox{
	/*background: #eeeeee;
	border-left: 20px solid #eeeeee;
	border-radius: 12px 0px 0px 12px;*/
}

.sessions-table {
	/*padding: 4px 8px;
	border: solid 1px #aaa;*/
	overflow: auto;
	max-height: 320px;  /*la hauteur permet d'afficher 4 lignes et d'en dévoiler une 5e si elle existe... */
}

/* Formvalidation positionnement du vu pour les select */
.fv-plugins-bootstrap .form-group.row .fv-plugins-icon {
	right: 23px;
}


.fv-plugins-bootstrap .form-group.row.password .fv-plugins-icon {
	right: 58px;
}

.fv-plugins-bootstrap .form-group.row.password .fv-plugins-icon {
	right: 58px;
}

.navbar-custom {
	background-color: #ffffff !important;
	color: #26b6e8;
	z-index: 99;
	/*
	margin-top: 40px;
	padding: 20px;
	height: 100px;
	*/
}

/* toast */
.toast {
	left: 50%;
	bottom: 50%;
	position: fixed;
	transform: translate(-50%, 0px);
	z-index: 9999;
}

.wrap {
	overflow-wrap: break-word;
}

.tooltip {
	z-index: 100000000;
}

.iti  {
	display: block;
}

.iti > .fv-plugins-icon  {
	right: 8px !important;
}


.width_0 {width:0%;}
.width_1 {width:1%;}
.width_2 {width:2%;}
.width_3 {width:3%;}
.width_4 {width:4%;}
.width_5 {width:5%;}
.width_6 {width:6%;}
.width_7 {width:7%;}
.width_8 {width:8%;}
.width_9 {width:9%;}
.width_10 {width:10%;}
.width_11 {width:11%;}
.width_12 {width:12%;}
.width_13 {width:13%;}
.width_14 {width:14%;}
.width_15 {width:15%;}
.width_16 {width:16%;}
.width_17 {width:17%;}
.width_18 {width:18%;}
.width_19 {width:19%;}
.width_20 {width:20%;}
.width_21 {width:21%;}
.width_22 {width:22%;}
.width_23 {width:23%;}
.width_24 {width:24%;}
.width_25 {width:25%;}
.width_26 {width:26%;}
.width_27 {width:27%;}
.width_28 {width:28%;}
.width_29 {width:29%;}
.width_30 {width:30%;}
.width_31 {width:31%;}
.width_32 {width:32%;}
.width_33 {width:33%;}
.width_34 {width:34%;}
.width_35 {width:35%;}
.width_36 {width:36%;}
.width_37 {width:37%;}
.width_38 {width:38%;}
.width_39 {width:39%;}
.width_40 {width:40%;}
.width_41 {width:41%;}
.width_42 {width:42%;}
.width_43 {width:43%;}
.width_44 {width:44%;}
.width_45 {width:45%;}
.width_46 {width:46%;}
.width_47 {width:47%;}
.width_48 {width:48%;}
.width_49 {width:49%;}
.width_50 {width:50%;}
.width_51 {width:51%;}
.width_52 {width:52%;}
.width_53 {width:53%;}
.width_54 {width:54%;}
.width_55 {width:55%;}
.width_56 {width:56%;}
.width_57 {width:57%;}
.width_58 {width:58%;}
.width_59 {width:59%;}
.width_60 {width:60%;}
.width_61 {width:61%;}
.width_62 {width:62%;}
.width_63 {width:63%;}
.width_64 {width:64%;}
.width_65 {width:65%;}
.width_66 {width:66%;}
.width_67 {width:67%;}
.width_68 {width:68%;}
.width_69 {width:69%;}
.width_70 {width:70%;}
.width_71 {width:71%;}
.width_72 {width:72%;}
.width_73 {width:73%;}
.width_74 {width:74%;}
.width_75 {width:75%;}
.width_76 {width:76%;}
.width_77 {width:77%;}
.width_78 {width:78%;}
.width_79 {width:79%;}
.width_80 {width:80%;}
.width_81 {width:81%;}
.width_82 {width:82%;}
.width_83 {width:83%;}
.width_84 {width:84%;}
.width_85 {width:85%;}
.width_86 {width:86%;}
.width_87 {width:87%;}
.width_88 {width:88%;}
.width_89 {width:89%;}
.width_90 {width:90%;}
.width_91 {width:91%;}
.width_92 {width:92%;}
.width_93 {width:93%;}
.width_94 {width:94%;}
.width_95 {width:95%;}
.width_96 {width:96%;}
.width_97 {width:97%;}
.width_98 {width:98%;}
.width_99 {width:99%;}
.width_100 {width:100%;}


