.dt-buttons{
	width: 100%;
}
.dt-button.pull-right{
	margin-right: 0;
	margin-left: 0.333em;
}
a.disabled-cursor{
	cursor: default!important;
}

body {
	font-family: 'Roboto', Arial, sans-serif;
	background-color: #e5e5e5;
	color:#333333;
	font-size: 14px;
	line-height: 20px;
}

*::-webkit-scrollbar { /* TOUT */
    width: 8px;
    height: 8px;
}
*::-webkit-scrollbar-track { /* FOND */
    background: #3c3c3c;
    padding-left: 1px;
}
*::-webkit-scrollbar-thumb { /* POINTEUR */
    border-radius: 4px;
    background: #c24e09;
}

#graph-btn-pdf {
	background-color: #EA680A;
	color: white;
	padding: 0 8px;
	border-radius: 2px;
	transition: .3s;
	cursor: pointer;
	font-weight: normal;
	margin-right: 20px;
}

#graph-btn-pdf:hover {
	background-color: #d05d0a;
}

.dashboard-chiffre span {
	font-weight: normal !important;
	text-transform: none !important;
}
.dashboard-chiffre .dashboard-bold {
	font-weight: bold !important;
}
.dashboard-chiffre #dashboard-show-more {
	cursor: pointer;
	padding: 0 5px 5px 5px;
	height: 20px;
	border-radius: 3px;
}
.dashboard-chiffre .dashboard-hidden {
	display: none !important;
}
*::-webkit-scrollbar-thumb:hover { /* POINTEUR HOVER */
    background: #e56d00;
}

tr > th.select-filter, tr > th.input-filter{
	padding: 8px !important;
}

.inputFile *[disabled]{
	cursor: default!important;
}

a.row-link:not(.row-link-direct){
	display: none;
}

#ui-datepicker-div td, #ui-datepicker-div th{
	padding: 1px!important;
	border: none!important;
	text-transform: none!important;
}
#ui-datepicker-div td a{
	padding-right: 5px;
}
#ui-datepicker-div th {
	padding: 8px 3px!important;
}
#ui-datepicker-div td:hover a{
	background-color: #229fff;
	border: 1px solid #225fff;
	color: #fff;
}
#ui-datepicker-div td.ui-datepicker-today:hover a{
	background-color: #1abfba;
	border: 1px solid #1f91cd;
	color: #fff;
}

#ui-datepicker-div{
	z-index: 1200!important;
}

.progress-bar{
	transition: width 1s;
	width: 0;
}

.select2-selection, .select2-dropdown{
	font-size: 12px!important;
	color: #555!important;
}

.select2-selection__clear{
	font-size: 22px;
	font-weight: 900;
}
th .select2-selection__clear{
	color: #ea680a;
}
.select2-results__options{
	line-height: 16px;
}

/*.modal-dialog.modal-lg{*/
	/*width: 700px!important;*/
/*}*/

.select2-selection--single {
	font-size: 14px;
	height: 26px!important;
	text-transform: none;
	border-radius: unset!important;
}
.select2-selection__rendered{
	line-height: 25px!important;
}
.dash-filters .select2-selection__rendered{
	line-height: 32px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #000;
}

.dataTables_paginate{
	margin-top: 12px;
}

.dataTable td:first-child{
	text-align: center;
}

.select2-results__options{
	overflow-x: hidden;
}

#modal-com-fillup .modal-sub-title{
	cursor: pointer;
}

#modal-com-fillup .modal-sub-title + .modal-sub-content{
	display: none;
}

#modal-com-fillup .modal-sub-title.open + .modal-sub-content{
	display: block;
}

#modal-com-fillup .modal-sub-title.open i.fa-angle-double-up{
	display: none;
}

#modal-com-fillup .modal-sub-title.open i.fa-angle-double-down{
	display: inline-block;
}

#modal-com-fillup .modal-sub-title i.fa-angle-double-up{
	display: inline-block;
}

#modal-com-fillup .modal-sub-title i.fa-angle-double-down{
	display: none;
}

.dataTables_wrapper .dataTables_processing{
	top: 164px;
	margin-top: 0;
	padding-top: 10px;
	vertical-align: middle;
	background: linear-gradient(to right,
			rgba(245, 245, 245, 0.2) 0%,
			rgba(245, 245, 245, 0.9) 25%,
			rgba(245, 245, 245, 0.9) 75%,
			rgba(245, 245, 245, 0.2) 100%);
}

.overlay-scroll{
    overflow-y: overlay!important;
}

.select2-results__options{
	overflow-y: scroll!important;
}

#modal-4tech-timeline [onclick], #modal-1com-timeline [onclick]{
	cursor: pointer;
}

#modal-1com-timeline li a.file, #modal-4tech-timeline li a.file{
	color: #005463;
	max-width: 455px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}

@media (min-width: 992px) {
	#modal-1com-timeline li a.file + small,
	#modal-4tech-timeline li a.file + small {
		display: inline-block;
		position: relative;
		top: -5px;
	}
}

@media (max-width: 991px) {
	#modal-1com-timeline li a.file,
	#modal-4tech-timeline li a.file {
		max-width: 530px;
		display: block;
	}

	#modal-1com-timeline li a.file + small,
	#modal-4tech-timeline li a.file + small {
		display: block;
		margin-bottom: 5px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#modal-1com-timeline li a.file,
	#modal-4tech-timeline li a.file {
		max-width: 420px;
	}
}

#modal-com-fillup .modal-body > div:nth-child(1n+2){
	/*border-top: 2px #aaa solid!important;*/
}

#modal-com-fillup table{
    background: #ffffff;
}

#modal-com-fillup .cadre-blanc{
    background-color: #F5F5F5;
    border: 1px solid black;
    border-top: none;
}

#fillup-add-row{
    border: 1px solid #dddddd;
}
#fillup-add-row th{
	padding: 5px!important;
	background-color: #ffffff;
    border: none!important;
}
#step-sup td > i, #step-sup th > i{
	font-size: 23px;
	cursor: pointer;
}
#step-sup table{
	width: 100%;
}

.upload-border{
	border-top: 3px #6e6e6e solid;
}
.upload-border > td:first-child{
	color: #005d71!important;
}
.table-container table{
	border: 0!important;
	margin: -1px 0;
}
.table-container{
	padding: 0!important;
}
td > table{
	width: 100%;
}
td > table td:first-child{
	border-left: none!important;
}
td > table td:last-child{
	border-right: none!important;
}
.upload-tr{
	border-bottom: 3px #6e6e6e solid;
}

.inputFile{
	width: 100%;
	clear: both;
}

th select + span, th select  + span{
	color: #333;
	font-weight: 100!important;
    font-size: 15px!important;
}

#filesUploadForm .filetype{
	width: 80px;
	padding-top: 3px;
	text-align: center;
	border-radius: 7px;
	vertical-align: middle;
	cursor: pointer;
}

.dropdown-notifications:not(.open) div.loadingitem{
	display: none;
}

#loading-zone{
	height:0;
}

.loading{
	min-height : 61px;
	height: 100%;
}

.alert-container .alert-dismissible{
	cursor: pointer;
}

.modal-body.loading{
	margin-bottom: 22px;
}

#loading-zone.loading {
	z-index: 1001;
	position : absolute;
	width: 400px;
	right: 0;
	margin-top: 14px;
}

.loading > div.loadingitem:before {
	position         : absolute;
	content          : '';
	background-color : rgba(255, 255, 255, 0.8);
	top              : 0;
	bottom           : 0;
	left             : 0;
	right            : 0;
	z-index          : 9;
}

.loading > div.loadingitem:after {
	font-family       : 'FontAwesome';
	content           : '\f013';
	color             : rgba(0, 0, 0, 0.4);
	font-size         : 60px;
	position          : absolute;
	text-align        : center;
	top  			  : 20%;
	left 			  : calc(50% - 30px);
	-webkit-animation : fa-spin 2.4s infinite linear;
	animation         : fa-spin 2.4s infinite linear;
	z-index           : 9;
}

ul.dropdown-menu[aria-labelledby="dropdownMenu1"]{
	max-height: 800px;
	overflow-y: scroll;
	margin-top: 1px;
}
ul.dropdown-menu[aria-labelledby="dropdownMenu1"]::-webkit-scrollbar { /* TOUT */
	width: 6px;
}
ul.dropdown-menu[aria-labelledby="dropdownMenu1"]::-webkit-scrollbar-track { /* FOND */
	background: #3c3c3c;
	padding-left: 1px;
}
ul.dropdown-menu[aria-labelledby="dropdownMenu1"]::-webkit-scrollbar-thumb { /* POINTEUR */
	border-radius: 3px;
	background: #AA4809;
	height: 50%;
}
ul.dropdown-menu[aria-labelledby="dropdownMenu1"]::-webkit-scrollbar-thumb:hover { /* POINTEUR */
	background: #E56D00;
}
ul.dropdown-menu[aria-labelledby="dropdownMenu1"] li.dropdown-header,
ul.dropdown-menu[aria-labelledby="dropdownMenu1"] li.dropdown-header-dark{
	height: 38px;
	padding-top: 8px;
	text-align: center;
	background-color: rgba(255,255,255,0.2);
	font-size: 14px;
	color: #E56D00;
	border-top: rgba(255,255,255,0.2) 1px solid;
	border-bottom: rgba(255,255,255,0.2) 1px solid;
}
ul.dropdown-menu[aria-labelledby="dropdownMenu1"] li.dropdown-header-dark {
	background-color: rgba(0,0,0,0.1);
}
ul.dropdown-menu[aria-labelledby="dropdownMenu1"] ul.dropdown-sub-menu{
	list-style-type: none;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
}

.badge-notifications {
	color : #FFFFFF;
	background-color : #e15a5a;
	border-radius: 0px;
	padding :5px 8px;
}

.pulse2 {
	-webkit-animation: pulse2 1s linear infinite;
	-moz-animation: pulse2 1s linear infinite;
	-ms-animation: pulse2 1s linear infinite;
	animation: pulse2 1s linear infinite;
}



@keyframes pulse2 {
	0% {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-o-transform: scale(1.6);
		-ms-transform: scale(1.6);
		transform: scale(1.6);
	}
	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

}

@-moz-keyframes pulse2 {
	0% {
		-moz-transform: scale(1.6);
		transform: scale(1.6);
	}
	50% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

}

@-webkit-keyframes pulse2 {
	0% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

}

@-ms-keyframes pulse2 {
	0% {
		-ms-transform: scale(1.6);
		transform: scale(1.6);
	}
	50% {
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

}



/******************************************************* TITRES */

h1 {
	padding: 0;
	margin: 0;
	font-size: 26px;
	line-height: 32px;
}

h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	line-height: 26px;
}



/******************************************************* LINK */

a {
	color: #EA680A;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #EA680A;
	text-decoration: underline;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}



/******************************************************* BTN */

.btn, button.dt-button, div.dt-button, a.dt-button {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.btn-ps2, button.dt-button, div.dt-button, a.dt-button {
	background: #EA680A!important;
	border-color: #EA680A!important;
	color: #ffffff!important;
}

.btn-ps2:hover,
.btn-ps2:focus,
.btn-ps2:active,
.btn-ps2.active,
.open > .dropdown-toggle.btn-ps2 {
	background: #333333!important;;
	border-color: #333333!important;
	color:#ffffff!important;
}

.btn-ps2:active,
.btn-ps2.active {
	background: #EA680A!important;;
	border-color: #EA680A!important;;
	color:#ffffff!important;
	box-shadow: none;
	cursor: default;
}

.btn-default:active,
.btn-default.active {
	background: #EA680A!important;;
	border-color: #EA680A!important;;
	color:#ffffff!important;
	box-shadow: none;
	cursor: default;
}

.btn-sm, .btn-group-sm > .btn {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}


/******************************************************* FORM */
.form-control {
	border-radius: 0;
	font-size : 12px;
	height: auto;
	padding : 5px;
	line-height : normal;
	height: 32px;
}

.form-inline .input-group {
	width: 100%;
}

.input-group-addon {
	color: #aaaaaa;
	border-radius: 0;
}


/******************************************************* BTN UP */

.btn-go-up {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9998;
}
.btn-go-up a {
	background-color: rgba(0,0,0,0.3);
	padding: 10px;
	display: inline-block;
	color: rgba(255,255,255,0.5);
	transition: all 0.5s ease;
}
.btn-go-up a:hover {
	background-color: #000;
	color: #FFF;
}





/******************************************************* PADDING */

.p-0	{ padding : 0; }
.p-10	{ padding : 10px; }
.p-15	{ padding : 15px; }
.p-20	{ padding : 20px; }

.p-t-0 	{ padding-top : 0px !important;  }
.p-t-5 	{ padding-top : 5px !important;  }
.p-t-10 { padding-top : 10px !important; }
.p-t-15 { padding-top : 15px !important; }
.p-t-20 { padding-top : 20px !important; }
.p-t-25 { padding-top : 25px !important; }
.p-t-30 { padding-top : 30px !important; }
.p-t-40 { padding-top : 40px !important; }

.p-b-0 	{ padding-bottom : 0px !important;  }
.p-b-5 	{ padding-bottom : 5px !important;  }
.p-b-10 { padding-bottom : 10px !important; }
.p-b-15 { padding-bottom : 15px !important; }
.p-b-20 { padding-bottom : 20px !important; }
.p-b-25 { padding-bottom : 25px !important; }
.p-b-30 { padding-bottom : 30px !important; }
.p-b-40 { padding-bottom : 40px !important; }

.p-l-0 	{ padding-left : 0px !important;  }
.p-l-5 	{ padding-left : 5px !important;  }
.p-l-10 { padding-left : 10px !important; }
.p-l-15 { padding-left : 15px !important; }
.p-l-20 { padding-left : 20px !important; }
.p-l-25 { padding-left : 25px !important; }
.p-l-30 { padding-left : 30px !important; }
.p-l-40 { padding-left : 40px !important; }

.p-r-0 	{ padding-right : 0px !important;  }
.p-r-5 	{ padding-right : 5px !important;  }
.p-r-10 { padding-right : 10px !important; }
.p-r-15 { padding-right : 15px !important; }
.p-r-20 { padding-right : 20px !important; }
.p-r-25 { padding-right : 25px !important; }
.p-r-30 { padding-right : 30px !important; }
.p-r-40 { padding-right : 40px !important; }



/******************************************************* MARGIN */

.m-0 	{ margin : 0; }

.m-t-0 	{ margin-top : 0px !important;  }
.m-t-5 	{ margin-top : 5px !important;  }
.m-t-10 { margin-top : 10px !important; }
.m-t-15 { margin-top : 15px !important; }
.m-t-20 { margin-top : 20px !important; }
.m-t-25 { margin-top : 25px !important; }
.m-t-30 { margin-top : 30px !important; }
.m-t-40 { margin-top : 40px !important; }

.m-b-0 	{ margin-bottom : 0px !important;  }
.m-b-5 	{ margin-bottom : 5px !important;  }
.m-b-10 { margin-bottom : 10px !important; }
.m-b-15 { margin-bottom : 15px !important; }
.m-b-20 { margin-bottom : 20px !important; }
.m-b-25 { margin-bottom: 25px !important;  }
.m-b-30 { margin-bottom : 30px !important; }
.m-b-40 { margin-bottom : 40px !important; }

.m-l-0	{ margin-left : 0px !important;  }
.m-l-5 	{ margin-left : 5px !important;  }
.m-l-10 { margin-left : 10px !important; }
.m-l-15 { margin-left : 15px !important; }
.m-l-20 { margin-left : 20px !important; }
.m-l-25 { margin-left : 25px !important; }
.m-l-30 { margin-left : 30px !important; }
.m-l-40 { margin-left : 40px !important; }

.m-r-0 	{ margin-right : 0px !important;  }
.m-r-5 	{ margin-right : 5px !important;  }
.m-r-10 { margin-right : 10px !important; }
.m-r-15 { margin-right : 15px !important; }
.m-r-20 { margin-right : 20px !important; }
.m-r-25 { margin-right : 25px !important; }
.m-r-30 { margin-right : 30px !important; }
.m-r-40 { margin-right : 40px !important; }



/******************************************************************************************** DASHBOARDS  */

.dash-filters {
	min-height: 80px;
}

.chart-container {
	position: relative;
	margin: auto;
	height: 50vh;
	width: 80vw;
}

.chart-container-2 {
	position: relative;
	margin: auto;
	height: 500px;
	width: 100%;
}

.btn-auto-complete {
	padding: 2px 3px !important;
	font-size: 10px !important;
	font-weight: normal !important;
}

.step-auto-active {
	background-color:#333 !important;
	border-color:#333 !important;
}

.alert-filter-reset {
	position: relative;
	padding-right: 35px;
}

.alert-filter-reset i {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 19px 10px 10px;
	cursor: pointer;
}

th {
	white-space: nowrap !important;
}