/*** HELPERS ***/

/*body {display: flex;}*/
body {overflow-x: hidden;}
body:not(.allow-transitions) * {transition: none !important;}

* {user-select: none;}

.main-app {display: flex;}

.no-margin {margin: 0 !important;}
.no-margin-t {margin-top: 0 !important;}
.no-margin-b {margin-bottom: 0 !important;}

.margin-10 {margin: 10px !important;}
.margin-t-10 {margin-top: 10px !important;}
.margin-b-10 {margin-bottom: 10px !important;}
.margin-20 {margin: 20px !important;}
.margin-t-20 {margin-top: 20px !important;}
.margin-b-20 {margin-bottom: 20px !important;}

#page-container {width: calc(100% - 250px); float: left; background-color: #fafafa; margin-left: 250px; transition: .3s;}
#page-container.collapsed {margin-left: 55px; width: calc(100% - 55px);}

.page-content {padding: 20px; /*height: calc(100vh - 554px)*/; position: relative; transition: .3s; min-height: calc(100vh - 807px);}
#page-container:not(.loaded) .page-content {opacity: 0;}
#page-container::after {pointer-events: none; background-color: #f39404; border-radius: 50px; content: '+'; display: block; font-size: 8rem; font-weight: 600; font-family: 'Montserrat', sans-serif; position: fixed; color: #ffffff; height: 100px; width: 100px; line-height: 100px; text-align: center; top: 50%; left: 50%; transform: translate(-50%); animation: 2s animLoader infinite; opacity: 0; transition: .6s;}
#page-container:not(.loaded)::after {opacity: 1;}
@keyframes animLoader {0% {transform: translate(-50%) rotate(0deg);} 100% {transform: translate(-50%) rotate(360deg);}}
.page-content .row {margin-left: -.75rem; margin-right: -.75rem;}
.row {margin-bottom: 0;}

.btn {font-size: 1rem; padding: 0 10px; height: 30px; line-height: 32px; font-family: 'Montserrat', sans-serif; box-shadow: none; text-transform: none;}
.btn:hover {box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.btn-small {font-size: .9rem; padding: 2px 8px; line-height: 28px;}
.btn-reset {background-color: #777777;}
.btn-reset:hover, .btn-reset:active, .btn-reset:focus {background-color: #727272;}
.btn i.material-icons.left {margin-right: 6px; line-height: 30px; height: 30px; font-size: 1.2rem;}
.btn.green:hover, .btn.green:active, .btn.green:focus {background-color: #58c45b !important;}
.btn.red:hover, .btn.red:active, .btn.red:focus {background-color: #ff584c !important;}
.btn.loading > i {animation: rotateIcon 1s infinite;}
@keyframes rotateIcon {0% {transform: rotate(0);} 100%{transform: rotate(360deg);}}
.btn-flat {background-color: #e9e9e9; color: #777777;}
.btn-flat:hover, .btn-flat:active, .btn-flat:focus {background-color: #e0e0e0; box-shadow: none;}

/*.btn.loading {position: relative; overflow: hidden; padding-left: 30px;}*/
.btn.loading {position: relative; overflow: hidden;}
/*.btn.loading i.material-icons.left {opacity: 0; margin-right: 2px;}*/
/*.btn.loading:before {content: ''; background-image: url('../img/loading_btn_2.png'); background-size: 100%; position: absolute; width: 20px; height: 20px; border-radius: 10px; position: absolute; top: 5px; left: 5px; animation: 1s btnLoadingAround infinite;}*/
.btn.loading::after {content: ''; position: absolute; height: 100px; width: 50px; top: -25px; z-index: 1; opacity: .33; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); animation: 1.5s btnShineEffect infinite;}
@keyframes btnLoadingAround {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
@keyframes btnShineEffect {0% {transform: translateX(-150px);} 100% {transform: translateX(50px);}}

.card {box-shadow: 0 2px 5px rgba(0,0,0,.05); margin: 0 0 20px 0; border-radius: 0; /*z-index: 10;*/}

#breadcrumb {padding: 10px;}
#breadcrumb .breadcrumb {color: #f39404; font-size: 1rem;}
#breadcrumb .breadcrumb:last-child {color: #000000;}
#breadcrumb .breadcrumb:before {font-size: 20px; line-height: 22px; margin: 0 2px; color: #000000;}
#breadcrumb .breadcrumb:hover {text-decoration: underline;}
#breadcrumb .breadcrumb:last-child:hover {text-decoration: none;}
#breadcrumb .breadcrumb b {text-transform: capitalize;}

a {cursor: pointer;}

a.new-tab-link::after {
	content: '↗️';
	position: absolute;
	opacity: 0;
	transition: .3s;
	transform: translateX(-20px);
}

a.new-tab-link:hover::after {
	opacity: 1;
	transform: translateX(0);
}

a.tooltip {position: relative;}
a[data-title]::after {
	content: attr(data-title);
	padding: 0px 10px;
	color: #ffffff;
	font-size: .9rem;
	position: absolute;
	bottom: -30px;
	z-index: 20;
	white-space: nowrap;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	background-color: rgba(0,0,0,0.87); 
	line-height: 30px;
	font-weight: 300;
	left: 50%;
	transform: translateX(-50%) translateY(-20px);
	opacity: 0;
	pointer-events: none;
	transition: .3s;
}
a[data-title]:hover::after {
	opacity: .95;
	transform: translateX(-50%) translateY(0);
}

#page-loader {background-color: #fafafa; position: fixed; width: calc(100% - 250px); z-index: 50; top: 0; height: 100vh; transition: .3s; opacity: 1;}
.collapsed #page-loader {width: calc(100% - 54px);}
#page-loader.disabled {opacity: 0; height: 0vh;}
#page-loader #page-loader-gif {width: 150px; height: 150px; background-image: url(../img/loader_optima.png); background-size: 100%; animation: 1s animateLoader infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
@keyframes animateLoader {0% {transform: translate(-50%,-50%) rotate(0deg);} 100% {transform: translate(-50%,-50%) rotate(360deg);}}

.dialog {padding: 20px; color: #ffffff; font-weight: 600; opacity: .9; position: absolute; width: calc(100% - 250px); z-index: 99; animation: 1s animateDialog; max-height: 500px; transition: .3s;}
.collapsed .dialog {width: calc(100% - 55px);}
.dialog.success {background-color: #4caf50;}
.dialog.error {background-color: #ff4436;}
.dialog.info {background-color: #f39404;}
.dialog.hidden {max-height: 0px; padding: 0 20px; opacity: 0;}
@keyframes animateDialog {0% {max-height: 0px; padding: 0 20px; opacity: 0;} 66% {max-height: 0px; padding: 0 20px; opacity: 0;} 100% {max-height: 500px; padding: 20px; opacity: .9;}}

p, blockquote, h1, h2, h3, h4, h5, h6 {user-select: text !important;}

p.empty {color: #777777; font-size: .9rem; font-weight: 300; margin: 40px 0 !important;}
p.empty i.material-icons {color: #bdbdbd; font-size: 4rem; display: block; margin-bottom: 40px; margin-top: 60px;}

li.empty {color: #777777; font-size: .9rem; font-weight: 300;}

li:not(.tab) a:hover {text-decoration: underline;}

.lowercase {text-transform: lowercase;}

em {font-weight: 300; color: #777777; font-size: .9rem;}

.nowrap {white-space: nowrap;}

@media (max-width: 992px) {
	#page-container, #page-container.collapsed {margin-left: 0; width: 100%; margin-left: 0;}
}

/*** COLORS & TYPOGRAPHY ***/

.orange-op {background-color: #f39404;}
.light-orange-op {background-color: #f5a936;}
.grey-op {background-color: #777777;}
.light-grey-op {background-color: #9e9fa1;}

.orange-op-text {color: #f39404;}
.light-orange-op-text {color: #f5a936;}
.grey-op-text {color: #777777;}
.light-grey-op-text {color: #9e9fa1;}

.orange-op-border {border-color: #f39404;}
.light-orange-op-border {border-color: #f5a936;}
.grey-op-border {border-color: #777777;}
.light-grey-op-border {border-color: #9e9fa1;}

.btn.orange-op {color: #ffffff !important;}
.btn.orange-op:hover, .btn.orange-op:active, .btn.orange-op:focus {background-color: #f5a936 !important;}
.btn.light-orange-op:hover, .btn.light-orange-op:active, .btn.light-orange-op:focus {background-color: #f39404;}
.btn.grey-op:hover, .btn.grey-op:active, .btn.grey-op:focus {background-color: #9e9fa1;}
.btn.light-grey-op:hover, .btn.light-grey-op:active, .btn.light-grey-op:focus {background-color: #777777;}
.btn.grey.lighten-4 {color: #777777;}

* {font-family: 'Montserrat', sans-serif;}

h4 {font-size: 1.5rem;}
h5 {font-size: 1.3rem;}

blockquote {padding-left: 8px; border-radius: 5px 0 0 5px;}

p a {font-weight: 600 !important; color: #f39404;}
p a:hover {text-decoration: underline;}

.bold {font-weight: 600;}
.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.no-wrap {white-space: nowrap;}

.section-title {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.section-title h2 {
	margin: 0;
	white-space: nowrap;
	padding-right: 10px;
	font-size: 2rem;
	color: #777777;
}

.section-title .divider {
	height: 1px;
	width: 100%;
	border: none;
	background-color: #f39404;
}

/*** SIDE-BAR ***/

#side-bar {
	position: fixed;
	min-width: 250px;
	height: 100vh;
	float: left;
	background-color: #9e9fa1;
	box-shadow: 55px 0 0 #777777 inset;
	transition: .3s;
}

#side-bar.not-collapsed {
	width: 55px;
	min-width: 55px;
	overflow: hidden;
}

#side-bar #side-bar-logo {
	background-color: #f39404;
	width: 100%;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 1.6rem;
	font-weight: 600;
	cursor: pointer;
}

#side-bar #side-bar-logo a {
	color: #ffffff;
	display: block;
	height: 70px;
}

#side-bar #side-bar-logo i.material-icons {
	line-height: 70px;
	font-size: 2rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 55px;
	transition: .3s;
}

#side-bar #side-bar-logo span {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	transition: .3s;
}

#side-bar #side-bar-logo span::after {
	content: attr(data-version);
	position: absolute;
	font-size: .75rem;
	font-weight: 400;
	margin-top: 14px;
	margin-left: -81px;	
}

#side-bar.not-collapsed #side-bar-logo span {
	left: -200px;
	opacity: 0;
}

#side-bar.not-collapsed #side-bar-logo i.material-icons {transform: rotate(180deg);}

#side-bar ul {margin: 0;}

#side-bar ul li {background-color: #9e9fa1;}

#side-bar ul li a {
	width: 100%;
	height: 55px;
	display: block;
}

#side-bar ul li a small {
	font-size: .75rem;
	float: left;
	height: 55px;
	line-height: 59px;
	margin-right: 3px;
}

#side-bar ul li:hover a small {
	text-decoration: underline;
}

#side-bar .side-bar-icon {
	height: 55px;
	width: 55px;
	background-color: #777777;
	text-align: center;
	float: left;
	transition: .3s;
}

#side-bar .active .side-bar-icon {background-color: #ffffff;}

#side-bar .active .side-bar-icon i.material-icons {color: #f39404;}

#side-bar li:hover .active .side-bar-icon {background-color: #f6f6f6;}

#side-bar li:hover .side-bar-icon {background-color: #686969;}

#side-bar .side-bar-icon i {
	color: #ffffff;
	line-height: 55px;
}

#side-bar .side-bar-link {
	float: left;
	color: #ffffff;
	line-height: 55px;
	padding: 0 20px;
	width: 195px;
	transition: .3s;
}

#side-bar .active .side-bar-link {
	background-color: #fafafa;
	color: #f39404;
}

#side-bar.not-collapsed .side-bar-link {
	width: 0;
	padding: 0;
}

#side-bar li:hover .side-bar-link {background-color: #8a8c8e;}

#side-bar li:hover .active .side-bar-link {background-color: #f2f2f2;}

@media (max-width: 992px) {
	#side-bar {display: none;}
}

/*** HEADER ***/

header nav {
	height: 70px;
	background-color: #ffffff;
	box-shadow: none;
	color: #000000;
	position: relative;
	z-index: 10;
	display: flex;
	border-bottom: 1px solid #f2f2f2;
}

header nav a {color: #000000;}

header .header-divider {
	width: 1.5px;
	height: 35px;
	background-color: #f2f2f2;
	margin: 17.5px 10px;
	float: left;
}

header #header-city {
	line-height: 70px;
	margin-left: 20px;
	font-size: 1.3rem;
	white-space: nowrap;
	float: left;
	display: flex;
	align-items: center;
}

header #header-city img {
	height: 64px;
	width: 64px;
}

header #header-city a {
	color: #f39404;
	height: 64px;
	line-height: 64px;
}

header #header-search {
	display: flex;
	position: relative;
	width: 100%;
}

header #header-search input {
	background-color: #fafafa;
	margin: 11px 0;
	box-shadow: none;
	border-bottom: none;
	padding-left: 35px;
	width: 100%;
	height: 46px;
	line-height: 46px;
	border: 1px solid #f2f2f2;
}

header #header-search i.material-icons {
	color: #000000;
	position: absolute;
	left: 8px;
	top: 11px;
	height: 46px;
	line-height: 46px;
	font-size: 1.6rem;
}

header #header-btns {
	display: flex;
	align-items: center;
}

header .header-btn {position: relative;}

header a.header-btn i.material-icons {
	line-height: 70px;
	height: 70px;
	float: left;
}

header a.header-btn #notif-true {
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background-color: #f39404;
	border: 2px solid #ffffff;
	position: absolute;
	right: 0;
	top: 24px;
	transform: translateY(0);
	animation: animNotifTrue 3s infinite;
	animation-timing-function: ease-in-out;
}

@keyframes animNotifTrue {
	0% {transform: translateY(0);}
	90% {transform: translateY(0);}
	95% {transform: translateY(-10px);}
	100% {transform: translateY(0);}
}

header #header-profile {
	float: right;
	padding-right: 20px;
	line-height: 70px;
	font-size: 1.1rem;
	white-space: nowrap;
	position: relative;
}

header #header-profile a {display: block;}

header #header-profile span:first-child {
	background-color: #f39404;
	color: #ffffff;
	height: 50px;
	width: 50px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	margin-right: 5px;
}

header #header-profile span:last-child i.material-icons {
	line-height: 70px;
	margin-left: 0;
}

header #header-profile #header-role {
	width: 50px;
	vertical-align: middle;
	background: #fafafa;
	border-radius: 10px;
	padding: 5px;
	margin-left: 5px;
	margin-top: -5px;
	border: 1px solid #f2f2f2;
}

header #header-logo-resp {
	float: left;
	line-height: 70px;
	margin-left: 20px;
	display: none;
}

header #header-logo-resp a {
	font-size: 1.6rem;
	font-weight: 600;
	color: #f39404;
}

.is-sticky #header-fiche-aa {width: calc(100% - 267px) !important;}

.collapsed .is-sticky #header-fiche-aa {width: calc(100% - 72px) !important;}

@media (max-width: 992px) {
	#header-btns, #header-profile {display: none;}
	header #header-search {margin-right: 20px;}
	header #header-city {margin-left: 0;}
	header #header-logo-resp {display: block;}
}

@media (max-width: 600px) {
	.header-divider.hide-on-large-only {display: none;}
	header #header-logo-resp {position: absolute; height: 35px; line-height: 50px;}
	header #header-city {margin-left: 20px; line-height: 16px; height: 35px; margin-top: 35px;}
	header #header-logo-resp a, header #header-city a {font-size: 1rem;}
}

/*** TABLES ***/

table th.small, table th.opt, table td.opt {
	width: 20px;
	white-space: nowrap;
}

table th.small.tooltipped {
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
}

table th i.material-icons, table tr td i.material-icons {display: block;}

/*.table-for-card {border: 1px solid #f2f2f2;}*/

.table-for-card thead, .table-for-card td:last-child {background-color: #fafafa;}

.table-for-card th {font-weight: 300;}

.table-for-card td, .table-for-card th{
	border: 1px solid #f2f2f2;
	padding: 10px;
}

.table-for-card td i.material-icons {
	display: block;
	line-height: 20px;
}

.table-for-card th:not(.left-align), .table-for-card td:not(.left-align) {text-align: center;}

.table-for-card tbody tr:hover {background-color: #f7f7f7;}

.table-for-card tbody tr:hover td:last-child {background-color: #f2f2f2;}

.table-for-card td.left-align {font-weight: 600;}

.table-for-card td.left-align a {color: #000000;}

.table-for-card td.left-align a:hover {
	color: #f39404;
	text-decoration: underline;
}

.table-for-card .table-budget {
	white-space: nowrap;
}

.table-for-card .table-weather, .table-for-card .table-trend {
	padding: 0 30px !important;
	min-width: 100px;
}

.table-for-card .table-weather img {
	width: 40px;
	vertical-align: middle;
}

.table-for-card .table-trend i.material-icons {
	font-size: 2.2rem;
	line-height: 40px;
}

.table-for-card .table-trend i.material-icons.trend-up {color: #4caf50;}
.table-for-card .table-trend i.material-icons.trend-egal {color: #ffc107;}
.table-for-card .table-trend i.material-icons.trend-down {color: #ff4436;}

.table-for-card .table-class span {
	background-color: #fafafa;
	border: 1px solid #f2f2f2;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	font-weight: 600;
	font-size: .9rem;
}

.table-for-card .table-class span.tc-1 {color: #ff9800;}
.table-for-card .table-class span.tc-2 {color: #4caf50;}
.table-for-card .table-class span.tc-3 {color: #f44336;}
.table-for-card .table-class span.tc-4 {color: #cddc39;}

.table-for-card tr td {
	height: 40px;
	position: relative;
	transition: .3s;
}

tr.hidden {display: none;}

.table-for-card tr.hidden td {
	padding: 0 10px !important;
	height: 0px !important;
	line-height: 0 !important;
	overflow: hidden;
	border-width: 0 !important;
	opacity: 0 !important;
	font-size: 0 !important;
}

.table-for-card tr.hidden td i {
	font-size: 0 !important;
	line-height: 0 !important;
}

.table-for-card tr td img {
	max-height: 100px;
	transition: .3s;
}

.table-for-card tr.hidden td img {max-height: 0;}

.table-for-card tr.hidden td .btn {
	height: 0 !important;
	padding: 0 !important;
}

.table-for-card tr:not(.hidden) td {
	padding: 10px 10px;
	height: 43px;
	line-height: 23px;
}

.table-for-card tr td:not(.empty):first-child i.material-icons {
	cursor: pointer;
	-webkit-tap-highlight-color:transparent;
	user-select: none;
	transform: rotate(90deg);
	transition: .3s;
}

.table-for-card tr td:not(.empty):first-child i.material-icons.active {transform: rotate(0);}

.table-for-card tr td:not(.empty):first-child i.material-icons::before {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	height: 14px;
	background-color: rgba(0,0,0,0.87);
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: .3s;
}

.table-for-card tr td:not(.empty):first-child i.material-icons.active::before {
	transform: translate(-50%,-50%) rotate(-90deg);
	opacity: 0;
}

.table-for-card tr.niv-1:not(.hidden) td.left-align:nth-child(2) {padding-left: 25px !important;}
.table-for-card tr.niv-2:not(.hidden) td.left-align:nth-child(2) {padding-left: 38px !important;}
.table-for-card tr.niv-3:not(.hidden) td.left-align:nth-child(2) {padding-left: 55px !important;}
.table-for-card tr.niv-4:not(.hidden) td.left-align:nth-child(2) {padding-left: 68px !important;}
.table-for-card tr.niv-5:not(.hidden) td.left-align:nth-child(2) {padding-left: 85px !important;}
.table-for-card tr.niv-6:not(.hidden) td.left-align:nth-child(2) {padding-left: 98px !important;}
.table-for-card tr.niv-7:not(.hidden) td.left-align:nth-child(2) {padding-left: 115px !important;}
.table-for-card tr.niv-8:not(.hidden) td.left-align:nth-child(2) {padding-left: 128px !important;}
.table-for-card tr.niv-9:not(.hidden) td.left-align:nth-child(2) {padding-left: 145px !important;}
.table-for-card tr.niv-10:not(.hidden) td.left-align:nth-child(2) {padding-left: 158px !important;}

.table-for-card tr.niv-1:not(.hidden) td.left-align:nth-child(2)::before {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	border-left: 2px dotted #f39404;
	left: 12px;
	top: 0;
}

.table-for-card tr.niv-2:not(.hidden) td.left-align:nth-child(2)::before, .table-for-card tr.niv-3:not(.hidden) td.left-align:nth-child(2)::before, .table-for-card tr.niv-4:not(.hidden) td.left-align:nth-child(2)::before, .table-for-card tr.niv-5:not(.hidden) td.left-align:nth-child(2)::before, .table-for-card tr.niv-6:not(.hidden) td.left-align:nth-child(2)::before, .table-for-card tr.niv-7:not(.hidden) td.left-align:nth-child(2)::before,  .table-for-card tr.niv-8:not(.hidden) td.left-align:nth-child(2)::before, .table-for-card tr.niv-9:not(.hidden) td.left-align:nth-child(2)::before, .table-for-card tr.niv-10:not(.hidden) td.left-align:nth-child(2)::before {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	border-left: 2px dotted #777777;
	border-right: 2px dotted #f39404;
	width: 16px;
	left: 12px;
	top: 0;
}

.table-for-card tr.niv-3:not(.hidden) td.left-align:nth-child(2)::after, .table-for-card tr.niv-4:not(.hidden) td.left-align:nth-child(2)::after,
.table-for-card tr.niv-5:not(.hidden) td.left-align:nth-child(2)::after, .table-for-card tr.niv-6:not(.hidden) td.left-align:nth-child(2)::after, .table-for-card tr.niv-7:not(.hidden) td.left-align:nth-child(2)::after, .table-for-card tr.niv-8:not(.hidden) td.left-align:nth-child(2)::after, .table-for-card tr.niv-9:not(.hidden) td.left-align:nth-child(2)::after, .table-for-card tr.niv-10:not(.hidden) td.left-align:nth-child(2)::after {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	border-left: 2px dotted #bdbdbd;
	width: 0px;
	left: 41px;
	top: 0;
}

.card-data table, .card-edit table {border: 1px solid #f2f2f2;}

.card-data table thead, .card-edit table thead {background-color: #fafafa;}

.card-data table th, .card-edit table th {font-weight: 300;}

.card-data table th:last-child {width: 20px;}

.card-edit table th:first-child {width: 20px;}

.card-data table td, .card-data table th, .card-edit table td, .card-edit table th {
	border: 1px solid #f2f2f2;
	padding: 10px;
}

.card-data table td.input-field input, .card-data table td.input-field textarea, .card-edit table td.input-field input, .card-edit table td.input-field textarea {margin-bottom: 0;}

.card-data table th:not(.left-align), .card-edit table td:not(.left-align), .card-edit table th:not(.left-align), .card-edit table td:not(.left-align) {text-align: center;}

.table-docs tbody tr:hover {background-color: #f7f7f7;}

@media (max-width: 992px) {
	.card-table-container {overflow-x: auto; border-right: 1px solid #f2f2f2; /*box-shadow: -10px 25px 25px rgba(0,0,0,0.1) inset;*/}
	.table-for-card {min-width: 650px; border-left: 6px solid #9e9fa1; border-right: 6px solid #9e9fa1;}
}

/*** LOGIN ***/

#login-city-logo {
	position: absolute;
/*	height: 125px;*/
	width: 125px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	overflow: hidden;
	background-color: #ffffff;
	z-index: 99;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

#login-city-logo img {
	width: 100%;
	vertical-align: middle;
}

#login-city-logo img:first-child {

}

#page-login {
	background-color: #ffffff;
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	overflow: hidden;
}

#page-login #bloc-login {
	width: calc(50% - 10px);
	height: 100vh;
	float: left;
	position: relative;
	overflow: hidden;
}

#page-login #bloc-login::after {
	content: '';
	display: block;
	position: fixed;
	background-color: #ffffff;
	height: calc(100vh - 42px);
	width: 10px;
	border-radius: 0 10px 10px 0;
	top: 0;
	left: calc(50% - 10px);
	z-index: 2;
}

#page-login #bloc-login .container {
	position: absolute;
	left: 15%;
	right: 15%;
	top: 50%;
	transform: translateY(-50%);
}

#page-login #bloc-login #login-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

#page-login #bloc-login #login-logo h1 {
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
	margin: 0;
	color: #f39404;
}

#page-login #bloc-login #login-logo .divider {
	height: 35px;
	width: 2px;
	background-color: #f2f2f2;
	margin: 0 15px;
}

#page-login #bloc-login #login-logo h2 {
	color: #777777;
	margin: 0;
	font-size: 1.6rem;
}

#page-login #bloc-login #login-title {margin: 20px 0;}

#page-login #bloc-login #login-title h2 {
	font-size: 1.5rem;
	margin-bottom: 5px;
}

#page-login #bloc-login #login-title p {
	margin: 0;
	text-align: justify;
}

#page-login #login-form .btn {
	/*width: 100%;*/
	font-size: 1.1rem;
	line-height: 35px;
	height: 35px;
}

/*#page-login #login-form .btn:last-child {margin-top: 20px;}*/

#login-form .input-field {
	margin-bottom: 20px;
	margin-top: 0;
}

#login-form .input-field input {
	border: 1px solid #f2f2f2;
	background-color: #fafafa;
	margin-bottom: 0;
	box-shadow: none;
	padding: 0 10px;
	width: calc(100% - 67px) !important;
}

#login-form .input-field .prefix {
	line-height: 69px;
	color: #777777;
}

#login-form .input-field .prefix.active {color: #f39404;}

#page-login #login-img {
	width: calc(50% + 10px);
	height: 100vh;
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #f39404;
	position: absolute;
	right: 0;
}

#page-login #login-img img {
	position: absolute;
	height: 100vh;
	left: 50%;
	transform: translateX(-50%);
	mix-blend-mode: soft-light;
	opacity: 1;
	animation: animLoginImg 2s;
}

@keyframes animLoginImg {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}

#login-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #777777;
	padding: 10px 0;
	text-align: center;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 52;
}

#login-footer a {color: #ffffff;}

#login-footer a:hover {text-decoration: underline;}

#login-footer .divider {
	width: 1px;
	height: 20px;
	background-color: #9e9fa1;
	margin: 0 10px;
}

#bloc-infos {
	width: calc(50% - 40px);
	height: calc(100vh - 122px);
	float: right;
	transition: .3s;
	position: absolute;
	top: 40px;
	right: -50%;
	background-color: rgba(250,250,250,.95);
	border-left: 1px solid #f2f2f2;
	z-index: 50;
	border-radius: 10px 0 0 10px;
}

#bloc-infos.active {right: 0;}

#bloc-infos .container {
	position: relative;
	height: 100%;
}

#bloc-infos .infos-content {
	opacity: 0;
	position: absolute;
	width: 100%;
	transition: .3s;
	top: 50%;
	right: -250%;
	transform: translateY(-50%);
	padding: 10px 50px;
	border: 1px solid #e9e9e9;
}

#bloc-infos .infos-content.active {
	opacity: 1;
	right: 0;
}

#bloc-infos .infos-content .infos-content-title {text-align: center;}

#bloc-infos .infos-content .infos-content-title h3 {
	margin: 0;
	color: #f39404;
}

#bloc-infos .infos-content .infos-content-title h4 {
	margin: 0;
	color: #777777;
}

#bloc-infos .infos-divider {
	height: 1px;
	width: 50%;
	margin: 10px auto;
	background-color: #f2f2f2;
	border: 0;
}

#bloc-infos .infos-content .infos-content-item:not(:first-child) {margin-top: 20px;}

#bloc-infos .infos-content .infos-content-item blockquote {
	border-left: 1px solid #f39404;
	font-size: 1.1rem;
	font-weight: 600;
}

#bloc-infos .infos-content .infos-content-item h5 {margin: 0;}

#bloc-infos .infos-content .infos-content-item p:last-child {margin-bottom: 0;}

#bloc-infos .infos-content .infos-content-images {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #f2f2f2;
	padding: 0 10px 10px 10px;
	margin-top: 10px;
	flex-wrap: wrap;
	background-color: #ffffff;
} 

#bloc-infos .infos-content .infos-content-images img {
	width: 100px;
	padding: 10px;
	margin-top: 10px;
}

#bloc-infos .infos-content .infos-content-images .divider {
	margin: 0 10px;
	width: 1px;
	height: 40px;
	background-color: #f2f2f2;
}

#bloc-infos .infos-content .btn.btn-close {
	background-color: #777777;
	position: absolute;
	top: 10px;
	left: 10px;
	height: 32px;
}

/*** HOME, PAGES & CARDS ***/

#cards-dashboard {
	display: flex;
	margin: -10px;
}

#cards-dashboard .cd-item {
	margin: 10px;
	width: 100%;
	min-width: calc(25% - 20px);
	max-width: calc(25% - 20px);
}

.card.card-cta {
	padding: 10px;
	position: relative;
	overflow: hidden;
	padding-right: 100px;
	background-color: #f39404;
	color: #ffffff;
	transition: .3s;
}

.card.card-cta:hover {background-color: #e28902;}

.card.card-cta i.material-icons {
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 8rem;
	right: -25px;
	transform: translateY(-50%);
	color: rgba(255,255,255,.2);
	transition: .3s;
}

.card.card-cta:hover i.material-icons {transform: translateY(-50%) scale(1.5,1.5);}

.card.card-cta .card-title {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 400;
}

.card.card-cta .card-content {
	margin: 10px 0;
	padding: 0;
	height: 2.9rem;
}

.card.card-cta .btn {
	background-color: rgba(255,255,255,.2);
	box-shadow: none;
}

.card.card-cta .btn:hover {background-color: #f9b754;}

.card.card-add {
	background-color: #fafafa;
	border: 1px solid #f2f2f2;
	padding: 10px;
	display: flex;
	align-items: center;
	box-shadow: none;
	transition: .3s;
}

.card.card-add:hover {background-color: #ffffff;}

.card.card-add .divider {
	height: 30px;
	width: 1px;
	background-color: #f2f2f2;
	margin: 0 10px;
}

.card.card-add i.material-icons {
	color: #f39404;
	background-color: #ffffff;
	border: 1px solid #f2f2f2;
	font-size: 2.6rem;
	padding: 10px;
	transition: .3s;
}

.card.card-add:hover i.material-icons {background-color: #fafafa;}

.card.card-add h5 {
	color: #777777;
	font-size: 1.25rem;
	margin: 0;
	font-weight: 500;
}

.card.card-add .btn {
	background-color: #f39404;
	margin-top: 5px;
}

.card.card-table .card-title {
	padding: 10px;
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: 400;
}

.card.card-table .card-title i.material-icons {
	font-size: 1.6rem;
	line-height: 28px;
	margin-right: 10px;
}

.card.card-table .card-content {padding: 10px;}

.card.card-table.wl .card-content {min-height: 270px;}

.card.card-table.wl.loaded .card-content {min-height: 20px;}

.card.card-table .card-content blockquote {
	margin-top: 10px;
	margin-bottom: 0;
}

.card.card-profile .card-title {
	padding: 10px;
	background-color: #f39404;
}

.card.card-profile .card-title h5 {
	color: #ffffff;
	margin: 0;
}

.card.card-profile .card-title h5 span {
	background-color: #ffffff;
	color: #f39404;
	height: 50px;
	width: 50px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	margin-right: 5px;
}

.card.card-profile .card-content {padding: 10px;}

.card.card-chart {
	padding: 10px 10px 15px 10px;
	overflow: hidden;
}

.card.card-chart .chart {
	/*overflow: hidden;*/
	position: relative;
	max-width: 650px;
	margin: 0 auto;
}

.card.card-chart .card-title {
	background-color: #777777;
	padding: 10px;
	color: #ffffff;
}

.card.card-chart .card-title h5 {
	font-size: 1.3rem;
	margin: 0;
}

.card.card-chart h6 {
	margin: 0;
	font-size: .8rem;
	text-align: center;
	margin-bottom: -9px;
	margin-top: 5px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card.card-chart .card-content {padding: 10px;}

.card.card-chart .btn-edit {
	position: absolute;
	width: 30px;
	text-align: center;
	padding: 0;
	top: 10px;
	right: -50px;
	z-index: 9;
	transition: .3s;
}

.card.card-chart:hover .btn-edit {
	right: 10px;
}

.card.card-tools {
	box-shadow: none;
	border: 1px solid #f2f2f2;
	padding: 10px;
	background-color: #fafafa;
}

.card.card-edit .card.card-tools {margin-bottom: 10px;}

.card.card-edit .card.card-tools:last-child {margin-bottom: 0;}

.card.card-localisation {
	padding: 10px;
}

.card.card-localisation .input-field {
	margin: 0;
}

.card.card-localisation .input-field input {
	margin-bottom: 0;
	margin-top: 5px;
}

.ap-dropdown-menu {
	margin-top: 0px;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
}

.ap-icon-pin {display: none;}

.ap-icon-clear {background: transparent !important;}

.ap-icon-clear svg {
	fill: #777777;
	margin-top: 3px;
	transition: .3s;
}

.ap-icon-clear:hover svg {
	fill: #f44336;
}

.card.card-edit hr {
	margin: 10px 0;
	border: none;
	border-top: 1px dashed #e9e9e9;
	height: 1px;
	width: 100%;
}

.card.card-tools ul {
	display: flex;
	margin: 0;
}

.card.card-tools ul .divider {
	height: 25px;
	width: 1px;
	background-color: #f2f2f2;
	margin: 2px 8px;
}

.card.card-tools ul li a {
	height: 30px;
	background-color: #f2f2f2;
	color: #777777;
	border-radius: 3px;
	padding: 0 10px;
	line-height: 30px;
	text-transform: none !important;
	margin-right: 0 !important;
	display: block;
	text-decoration: none;
}

.card.card-tools ul li a.orange-op {background-color: #f39404;}

.card.card-tools ul li a.green, .card.card-tools ul li a.red, .card.card-tools ul li a.orange-op {color: #ffffff;}

.card.card-tools ul li a i.material-icons {
	margin-right: 8px;
	font-size: 1.2rem;
	line-height: 30px;
}

.card-data {
	position: absolute;
	top: -800px;
	left: 0;
	z-index: 10;
	padding: 10px;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #ffffff;
	opacity: 0;
	transition: .3s;
}

.card-data.active {
	top: 0;
	opacity: 1;
}

.card-table-loader {
	background-color: #fafafa;
	border: 1px solid #f2f2f2;
	position: absolute;
	width: calc(100% - 20px);
	height: calc(100% - 69px);
	min-height: 250px;
	z-index: 50;
	margin: 10px;
	margin-top: 59px;
	transition: .3s;
	opacity: 1;
	overflow: hidden;
}

.card-table-loader::after {
	content: '';
	position: absolute;
	height: 350px;
	width: 250px;
	top: -50px;
	z-index: 1;
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(left, #fafafa 1%, #ffffff 50%, #fafafa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fafafa 1%,#ffffff 50%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fafafa 1%,#ffffff 50%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */
	animation: 1.5s shineEffect infinite;
}

@keyframes shineEffect {
	0% {transform: translateX(-500%);}
	100% {transform: translateX(500%);}
}

.card-table.loaded .card-table-loader {
	opacity: 0;
	min-height: 0px;
	height: 0px;
}

.card-table-loader .card-table-loader-gif {
	width: 120px;
	height: 120px;
	background-image: url(../img/loader_optima.png);
	background-size: 100%;
	animation: 1s animateTableLoader infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%,-50%);
}

@keyframes animateTableLoader {
	0% {transform: translate(-50%,-50%) rotate(0deg);}
	100% {transform: translate(-50%,-50%) rotate(360deg);}
}

.bs-btn {
	display: block;
	height: 45px;
	background: #fafafa;
	border: 1px solid #f2f2f2;
	margin-top: 5px;
	line-height: 45px;
	text-align: left;
	color: #000000;
	padding: 0 10px;
	cursor: pointer;
}

.big-select-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	z-index: 53;
	background: transparent;
	transition: background .3s;
	z-index: 100;
	overflow: hidden;
}

.big-select-container.active {
	height: 100%;
	background: rgba(0,0,0,.33);
}

.big-select-container .bs-exit {
	position: absolute;
	width: 100%;
	height: 100%;
}

.big-select-container .bs-content {
	height: 100%;
	background: #ffffff;
	width: 600px;
	z-index: 9999;
	right: -600px;
	position: absolute;
	padding: 20px;
	border-radius: 20px 0 0 20px;
	border-left: 1px solid #f2f2f2;
	transition: .3s;
	overflow: auto;
}

.big-select-container.active .bs-content {right: 0;}

.big-select-container .bs-content .bs-title h5 {
	color: #777777;
	margin: 0;
}

.big-select-container .bs-content .bs-title p {margin: 0 0 20px 0;}

.big-select-container .bs-content .bs-list {
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	max-height: calc(100vh - 153px);
	overflow: auto;
}

.big-select-container .bs-content .bs-list li.niv-1 {padding-left: 20px;}
.big-select-container .bs-content .bs-list li.niv-2 {padding-left: 30px;}
.big-select-container .bs-content .bs-list li.niv-3 {padding-left: 40px;}
.big-select-container .bs-content .bs-list li.niv-4 {padding-left: 50px;}
.big-select-container .bs-content .bs-list li.niv-5 {padding-left: 60px;}
.big-select-container .bs-content .bs-list li.niv-6 {padding-left: 70px;}
.big-select-container .bs-content .bs-list li.niv-7 {padding-left: 80px;}
.big-select-container .bs-content .bs-list li.niv-8 {padding-left: 90px;}
.big-select-container .bs-content .bs-list li.niv-9 {padding-left: 100px;}
.big-select-container .bs-content .bs-list li.niv-10 {padding-left: 110px;}

.big-select-container .bs-content .bs-list li.hidden {display: none;}

.big-select-container .bs-content .bs-list li {padding: 10px;}

.big-select-container .bs-content .bs-list li:not(:last-child), .big-select-container .bs-content .bs-list ul li {border-bottom: 1px solid #f2f2f2;}

.big-select-container .bs-content .bs-list li:hover {
	background-color: rgba(0,0,0,.025);
	cursor: pointer;
}

.big-select-container .bs-content .bs-list li > ul, .big-select-container .bs-content .bs-list li > ul > ul {
	border-left: 1px solid #f2f2f2;
	border-radius: 0 0 0 8px;
}

.big-select-container .bs-content .bs-list ul li:last-child {border-radius: 0 0 0 6px;}

.big-select-container .bs-content .bs-list li span.no-click {
	cursor: not-allowed;
}

.big-select-container .bs-content .bs-list li span.no-click em {
	font-size: 1rem;
}

.big-select-container .bs-content .bs-list li a {
	color: #000000;
	display: block;
}

.big-select-container .bs-content .bs-list li a:hover {
	color: #f39404;
	text-decoration: underline;
}

.big-select-container .bs-content .bs-list li a.active {
	color: #4caf50;
	font-weight: 600;
	text-decoration: underline;
}

.big-select-container .bs-content .bs-list li a b {color: #bdbdbd;}

.big-select-container .bs-content .bs-list li p.empty {
	text-align: center;
	margin: 10px 0 !important;
}

.big-select-container .bs-content .bs-list li.users-list-search {position: relative;}

.big-select-container .bs-content .bs-list li.users-list-search input {
	padding-right: 40px !important;
	width: calc(100% - 52px) !important;
}

.big-select-container .bs-content .bs-list li.users-list-search i {
	color: #777777;
	position: absolute;
	right: 20px;
	top: 26px;
	transition: .3s;
}

.big-select-container .bs-content .bs-list li.users-list-search i:hover {color: #f44336;}

.big-select-container .bs-content .bs-list li.disabled {
	cursor: not-allowed;
	background-color: #fafafa;
}

.big-select-container .bs-content .bs-list li.disabled a {
	pointer-events: none;
	font-style: italic;
	color: #777777;
	text-decoration: line-through;
}

.big-select-container .bs-content .bs-submit {margin-top: 20px;}

.card-info {
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
	margin: 0 0 20px 0;
	border-radius: 0;
	padding: 10px;
	background-color: #ffffff;
	border-bottom: 1px solid #f39404;
}

.card-info p:first-child {margin-top: 0;}
.card-info p:last-child {margin-bottom: 0;}

.card-print .card-content {
	padding: 10px 5px;
	display: flex;
}

.card-print .card-content .btn {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 5px;
	justify-content: center;
	height: 50px;
	font-size: 1.1rem;
	font-weight: 600;
	border: 1px solid #f2f2f2;
	/*background-color: #fafafa;*/
	box-shadow: none !important;
}

.card-print .card-content .btn i {margin-right: 10px;}

.card-ind-empty {
	background-color: transparent;
	box-shadow: none;
	border: 1px solid #f2f2f2;
	text-align: center;
}

.card-ind-empty i.material-icons {line-height: 20px;}

.card-ind-empty .btn, .btn-add-link {
	margin-top: 20px;
	font-weight: 400 !important;
	color: #ffffff !important;
}

.card-ind-empty .btn:hover {text-decoration: none;}

#search-tabs {
	margin-bottom: 20px;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	background-color: #f39404;
	height: 50px;
	overflow: visible;
}

#search-tabs .indicator {display: none;}

#search-tabs .disabled {opacity: .4;}

#search-tabs a {
	overflow: visible;
	color: #ffffff;
	display: flex;
	align-items: center;
	font-weight: 600;
	text-transform: none;
	padding: 10px;
	opacity: .8;
	position: relative;
	transition: .3s;
}

#search-tabs a:hover {opacity: 1;}

#search-tabs a.active {opacity: 1;}

#search-tabs :not(.disabled) a::after {
	content: '';
	display: block;
	background-color: #f39404;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 50%;
	bottom: -11px;
	border-radius: 0 0 5px 0;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	transform: translateX(-50%) rotate(45deg) scale(0);
	transition: .3s;
}

#search-tabs a.active::after {transform: translateX(-50%) rotate(45deg) scale(1);}

#search-tabs .disabled a {cursor: not-allowed;}

#search-tabs a span {
	background-color: #ffffff;
	padding: 0 10px;
	border-radius: 10px;
	color: #777777;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}

#search-tabs a span.tab-icon {
	display: flex;
	align-items: center;
}

#search-empty {
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	text-align: center;
	margin: 0 !important;
	padding-bottom: 50px !important;
}

#search-empty i {
	line-height: 20px;
}

@media (max-width: 992px) {
	.card.card-cta .card-content {display: none;}
	.card.card-cta .card-title {margin-bottom: 10px;}
}

/*** FICHE ***/

.fix-to-top { 
	height: 99px;
	margin-bottom: 20px;
}

.card.card-header-aa {
	background-color: #f39404;
	min-height: 99px;
	transition: .2s;
}

.fix-to-top .card.card-header-aa {
	position: fixed;
	top: 0;
	/* z-index: 99; */
	z-index: 50;
	width: calc(100% - 250px);
	margin-left: -20px;
}

.collapsed .fix-to-top .card.card-header-aa {width: calc(100% - 55px);}

.card.card-header-aa .card-icon {
	background-color: #9e9fa1;
	height: 100%;
	width: 99px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	border-radius: 10px 0 0 10px;
}

.is-sticky .card.card-header-aa .card-icon {border-radius: 0 0 0 10px;}

.card.card-header-aa .card-icon i.material-icons {
	font-size: 4rem;
	line-height: 99px;
}

.card.card-header-aa .card-icon #card-icon-grade {
	background: #ffffff;
	position: absolute;
	bottom: -13px;
	left: 35px;
	width: 30px;
	border-radius: 5px;
	padding: 2px;
	vertical-align: middle;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
	cursor: help;
}

.card.card-header-aa .card-action {
	padding: 10px;
	background-color: #f5a936;
	border-top: 0;
}

.card.card-header-aa.with-icon .card-action {margin-left: 99px;}

.card.card-header-aa .card-action ul.tabs {
	background-color: transparent;
	height: 30px;
}

.card.card-header-aa .card-action ul.tabs .tab-divider {
	width: 1px;
	height: 25px;
	background-color: rgba(255,255,255,.2);
	display: inline-block;
	margin: 2px 8px;
}

.card.card-header-aa .card-action ul.tabs .tab {
	height: 30px;
	margin: 0;
}

.card.card-header-aa .card-action ul.tabs .tab a {
	height: 30px;
	background-color: #f39404;
	color: #ffffff !important;
	border-radius: 3px;
	padding: 0 10px;
	line-height: 30px;
	text-transform: none !important;
	margin-right: 0 !important;
	transition: .3s;
}

.card.card-header-aa .card-action ul.tabs .tab.disabled a {
	cursor: pointer;
}

.card.card-header-aa .card-action ul.tabs .tab a:hover {background-color: rgba(255,255,255,.2);}

.card.card-header-aa .card-action ul.tabs .tab a.active {
	background-color: #ffffff;
	color: #f39404 !important;
}

.card.card-header-aa .card-action ul.tabs .tab a i.material-icons {
	margin-right: 8px;
	font-size: 1.2rem;
	line-height: 30px;
}

.card.card-header-aa .indicator {display: none;}

.card.card-header-aa .card-title {padding: 10px;}

.card.card-header-aa.with-icon .card-title {margin-left: 99px;}

.card.card-header-aa .card-title h1 {
	font-size: 1.8rem;
	color: #ffffff;
	margin: 0;
}

.card.card-header-aa .card-title h1 b {text-transform: capitalize;}

.card.card-fiche {padding: 10px;}

.card.card-form .card-title {
	padding: 20px;
	font-size: 1.25rem;
	border-bottom: 1px solid #e9e9e9;
}

.card.card-form .card-title h5 {
	margin: 0;
	color: #969696;
}

.grid-fiche-infos {
	width: 100%;
	display: table;
}

.grid-fiche-infos .col-left {
	width: 80%;
	float: left;
	padding-right: 5px;
}

.grid-fiche-infos .col-right {
	width: 20%;
	float: left;
	padding-left: 5px;
}

.ref-item {
	background-color: #fafafa;
	border: 1px solid #f2f2f2;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.ref-item p {
	margin: 0;
	display: inline-block;
	color: #777777;
}

.ref-item p:first-child {margin-right: 10px;}

.ref-item i.material-icons {
	margin: 0;
	margin-right: 6px;
	line-height: 22px;
	color: #bdbdbd;
}

.fiche-infos:nth-child(2) {background-color: #fafafa;}

.fiche-infos:first-child .infos-item {margin: 0;}

.fiche-infos .infos-item {
	display: flex;
	border: 1px solid #f2f2f2;
	margin-top: 10px;
}

.infos-item .item-bloc {
	float: left;
	padding: 10px;
	position: relative;
}

.infos-item .item-bloc #plan-pdf a, .infos-item .item-bloc #meo-pdf a {
	display: block;
}

.infos-item .item-bloc:not(.bloc-desc) {padding-left: 50px;}

.bloc-desc .bd-content p, .bloc-desc .bd-content ul {margin: 10px 0;}

.bloc-desc .bd-content :first-child {margin-top: 0;}
.bloc-desc .bd-content :last-child {margin-bottom: 0;}

.bloc-desc .bd-content ul li {
	list-style-type: disc;
	margin-left: 20px;
}

.bloc-desc .bd-content ul li.ql-indent-1 {
	list-style-type: circle;
	margin-left: 30px;
}

.infos-item .item-bloc:not(:first-child) {border-left: 1px solid #f2f2f2;}

.infos-item .item-bloc.item-bloc-25 {width: 25%;}
.infos-item .item-bloc.item-bloc-33 {width: 33.33%;}
.infos-item .item-bloc.item-bloc-50 {width: 50%;}
.infos-item .item-bloc.item-bloc-66 {width: 66.66%;}

.infos-item .item-bloc h6 {
	margin: 0 0 5px;
	font-size: 1.1rem;
	font-weight: 300;
}

.infos-item .item-bloc blockquote {
	margin: 0;
	height: 100%;
}

.infos-item .item-bloc p {
	margin: 0;
	line-height: 16px;
}

.infos-item .item-bloc p.item-empty, .infos-item .item-bloc em {
	color: #777777;
	font-size: .9rem;
	font-weight: 300;
	font-style: italic;
}

.infos-item .item-bloc p a {color: #f39404;}

.infos-item .item-bloc p a:hover {text-decoration: underline;}

.infos-item .item-bloc p small {font-weight: 300;}

.infos-item .item-bloc i.material-icons {
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 10px;
	top: 50%; 
	transform: translateY(-50%);
	color: #777777;
}

.infos-item .item-bloc .btn-edit-small {
	height: 25px;
	width: 25px;
	position: absolute;
	right: 10px;
	background-color: #f39404;
	border-radius: 3px;
	top: 50%;
	transform: translateY(-50%);
}

.infos-item .item-bloc .btn-edit-small i.material-icons {
	color: #ffffff;
	font-size: 20px;
	height: 25px;
	width: 25px;
	line-height: 26px;
	left: 0;
}

.infos-item .item-bloc .budget-divider {
	margin: 0 10px;
	font-weight: 600;
	color: #f2f2f2;
}

.fiche-infos#fiche-infos-comp {background-color: transparent;}

.fiche-infos#fiche-infos-comp .infos-item {
	background-color: #fafafa;
	width: 100%;
	display: block;
	float: left;
}

.fiche-infos#fiche-infos-comp .infos-item:not(:last-child) {margin-bottom: 10px;}

.fiche-infos#fiche-infos-comp .infos-item .item-bloc {width: 100%;}

.fiche-infos#fiche-infos-comp #item-bloc-weather img {
	vertical-align: middle;
	width: 75px;
}

.fiche-infos#fiche-infos-comp i.material-icons#icon-trend {
	position: initial;
	top: 0;
	transform: none;
	font-size: 75px;
	line-height: 50px;
	height: 50px;
	width: 75px;
	margin-left: -12px;
	vertical-align: middle;
}

.fiche-infos#fiche-infos-comp i.material-icons#icon-trend.trend-up {color: #4caf50;}
.fiche-infos#fiche-infos-comp i.material-icons#icon-trend.trend-egal {color: #ffc107;}
.fiche-infos#fiche-infos-comp i.material-icons#icon-trend.trend-down {color: #ff4436;}

.fiche-infos#fiche-infos-comp #item-bloc-priority span, .fiche-infos#fiche-infos-comp #item-bloc-satisfaction span {
	height: 30px;
	width: 30px;
	line-height: 30px;
	border-radius: 3px;
	background-color: #ff4436;
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 600;
	position: relative;
}

.fiche-infos#fiche-infos-comp #item-bloc-priority span::after, .fiche-infos#fiche-infos-comp #item-bloc-satisfaction span::after {
	content: '/10';
	font-weight: 300;
	font-size: 1rem;
	position: absolute;
	right: -25px;
	color: #777777;
}

.card.card-redac {padding: 10px;}

.card.card-redac .card-content {
	padding: 10px;
	padding-left: 50px;
	background-color: #fafafa;
	border: 1px solid #f2f2f2;
	position: relative;
}

.card.card-redac .card-content:not(:first-child) {margin-top: 10px;}

.card.card-redac .card-content i.material-icons {
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #777777;
}

.card.card-redac .card-content h6 {
	margin: 0 0 5px;
	font-size: 1.1rem;
	font-weight: 300;
}

.card.card-redac .card-action {
	display: flex;
	align-items: center;
	padding: 0;
	border-top: 0;
	margin-top: 10px;
}

.card.card-redac .card-action .btn:first-child {margin-right: 5px;}

.card.card-redac .card-action .card-action-divider {
	width: 1px;
	height: 25px;
	background-color: #f2f2f2;
	margin: 0 10px;
}

.card.card-redac .card-action span {font-weight: 300;}

.card-redac p:first-child {margin-top: 0;}
.card-redac p:last-child {margin-bottom: 0;}

span.badge-new-indicateur {
	background: #f39404;
	font-size: .8rem;
	color: #ffffff;
	font-weight: 600;
	padding: 5px 8px;
	display: inline-flex;
	border-radius: 0 0 8px 8px;
	align-items: center;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}

span.badge-new-indicateur i {
	font-size: 1rem;
	margin-right: 5px;
}

.form-indicateur {
	position: relative;
}

.form-indicateur .card.card-edit {
	padding-left: 200px;
}

.form-indicateur .indicateur-icon {
	position: absolute;
	z-index: 9;
	top: 0;
	width: 180px;
	margin: 10px;
	color: #bdbdbd;
	font-size: 5rem;
	height: calc(100% - 20px);
	border: 1px solid #f2f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

/*** INPUTS & FORMS ***/

.inline-form {display: inline;}

/*input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #f39404;
    box-shadow: 0 1px 0 0 #f39404;
}*/

input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
	color: #f39404;
}

input[type=text]:disabled {cursor: not-allowed;}

textarea {vertical-align: middle;}

input[type="date"]::-webkit-clear-button {display: none;}

input[type="date"]::-webkit-inner-spin-button {display: none;}

input[type="date"]::-webkit-calendar-picker-indicator {color: #000000;}

input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
}

.input-field label, .input-field-switch label {
	position: relative;
	left: 0 !important;
	top: 0;
	font-size: 1rem !important;
}

.input-field-switch .switch {
	margin-top: 10px;
}

.input-field-switch .switch label input[type=checkbox]:checked+.lever {
	background-color: #a5d6a7;
}

.input-field-switch .switch label input[type=checkbox]:checked+.lever:after {
	background-color: #4caf50;
}

.input-field input {
	border: 1px solid #f2f2f2;
	background-color: #fafafa;
	padding: 0 10px;
	width: calc(100% - 20px);
}

.input-field textarea.materialize-textarea {
	border: 1px solid #f2f2f2;
	background-color: #fafafa;
	width: calc(100% - 20px);
	padding-left: 10px;
	padding-right: 10px;
	height: 150px;
	overflow: auto;
}

.input-field select {
	border: 1px solid #f2f2f2;
	background-color: #fafafa;
	border-radius: 0;
}

.input-field select .niv-0 {font-weight: 600;}

.input-field select .niv-2, .input-field select .niv-3, .input-field select .niv-4, .input-field select .niv-5 {font-weight: 300;}

.input-field input:focus, .input-field textarea.materialize-textarea:focus, .input-field select:focus, input[type=search]:focus {
	border: 1px solid #f39404 !important;
	box-shadow: none !important;
	outline: none;
}

.card.card-edit {
	padding: 10px;
	overflow: hidden;
}

.card.card-edit .grid-edit {display: flex;}

.card.card-edit .grid-edit .col-full {width: 100%;}

.card.card-edit .grid-edit .col-left {
	width: 80%;
	float: left;
	padding-right: 5px;
}

.card.card-edit .grid-edit .col-right {
	width: 20%;
	float: right;
	padding-left: 5px;
}

.card.card-edit .edit-group {display: flex;}

.card.card-edit .grid-edit .col-left .edit-group:first-child, .card.card-edit .grid-edit .col-left .edit-group:nth-child(2), .card.card-edit .grid-edit .col-right .edit-group {background-color: #fafafa;}

.card.card-edit .grid-edit .col-left .edit-group:first-child input, .card.card-edit .grid-edit .col-left .edit-group:nth-child(2) input, .card.card-edit .grid-edit .col-right .edit-group input, .card.card-edit .grid-edit .col-left .edit-group:first-child textarea.materialize-textarea, .card.card-edit .grid-edit .col-left .edit-group:nth-child(2) textarea.materialize-textarea, .card.card-edit .grid-edit .col-right .edit-group textarea.materialize-textarea, .card.card-edit .grid-edit .col-left .edit-group:first-child select, .card.card-edit .grid-edit .col-left .edit-group:nth-child(2) select, .card.card-edit .grid-edit .col-right .edit-group select {background-color: #f5f5f5;}

.card.card-edit .edit-group:not(:last-child) {margin-bottom: 10px;}

.card.card-edit .edit-group .edit-group-item {
	padding: 10px;
	margin: 0;
	width: 100%;
	border: 1px solid #f2f2f2;
}

.card.card-edit .edit-group .edit-group-item:not(:last-child) {border-right: 0;}

.card.card-edit .edit-group .edit-group-item.egi-20 {width: 20%;}
.card.card-edit .edit-group .edit-group-item.egi-25 {width: 25%;}
.card.card-edit .edit-group .edit-group-item.egi-33 {width: 33.33%;}
.card.card-edit .edit-group .edit-group-item.egi-50 {width: 50%;}
.card.card-edit .edit-group .edit-group-item.egi-66 {width: 66.66%;}
.card.card-edit .edit-group .edit-group-item.egi-75 {width: 75%;}
.card.card-edit .edit-group .edit-group-item.egi-80 {width: 80%;}

.card.card-edit .edit-group .edit-group-item input, .card.card-edit .edit-group .edit-group-item textarea.materialize-textarea, .card.card-edit .edit-group .edit-group-item select {
	margin-bottom: 0;
	margin-top: 5px;
}

.error-field {
	border: 1px solid #f2f2f2;
	border-bottom: 1px solid #ff4436;
	background-color: #fafafa;
	color: #ff4436;
	padding: 10px;
}

.select-imgs-group, .select-icns-group, .select-spans-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	background-color: rgba(0,0,0,.02);
	padding: 10px;
}

.select-imgs-group img:hover, .select-icns-group i:hover, .select-spans-group span:hover {transform: scale(1.1);}

.select-imgs-group img, .select-imgs-group img:not(.selected):hover {
	width: 25%;
	vertical-align: middle;
	padding: 0 10px;
	cursor: pointer;
	transition: .3s;
	opacity: 1;
	filter: grayscale(0);
}

.select-imgs-group img:not(.selected) {
	opacity: .6;
	filter: grayscale(1);
}

.select-icns-group i, .select-icns-group i:not(.selected):hover {
	font-size: 75px;
	color: #ffc107;
	line-height: 50px;
	transition: .3s;
	cursor: pointer;
	opacity: 1;
}

.select-icns-group i:first-child, .select-icns-group i:first-child:not(.selected):hover {color: #4caf50;}
.select-icns-group i:last-child, .select-icns-group i:last-child:not(.selected):hover {color: #f44336;}

.select-icns-group i:not(.selected) {
	color: #bdbdbd;
	opacity: .6;
}

.select-spans-group span, .select-spans-group span:not(.selected):hover {
	margin: 5px;
	height: 30px;
	width: calc(20% - 10px);
	line-height: 30px;
	border-radius: 3px;
	background-color: #ff4436;
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 1.5rem;
	transition: .3s;
	opacity: 1;
	font-weight: 600;
	cursor: pointer;
}

.select-spans-group span:not(.selected) {
	background-color: #bdbdbd;
	opacity: .6;
}

.input-group {
	display: flex;
	margin: -10px;
}

.input-group .input-field {
	width: 20%;
	margin: 10px;
}

.input-group .input-field input[type=file] {
	margin-top: 10px;
	width: 100% !important;
	padding: 10px !important;
}

.input-group .input-field.if-color > div {display: flex;}

.input-group .input-field.if-color > div input[type=color] {
	width: 47px !important;	
	height: 47px;
	padding: 0 !important;
	border-radius: 5px 0 0 5px !important;
	border-right: 0 !important;
	border-color: #f2f2f2 !important;
	cursor: pointer;
}

.input-group .input-field.if-color > div input[type=text] {border-radius: 0 5px 5px 0 !important;}

.input-group .input-field img {
	max-width: 100%;
	display: block;
	border: 1px solid #f2f2f2;
	padding: 10px;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 5px;
}

.form-parametres .input-field {margin-top: 0;}

.form-parametres h5 {
	margin: 20px 0;
	position: relative;
	z-index: 9;
	color: #777777;
	border-top: 1px solid #f2f2f2;
	padding-top: 20px;
}

.form-parametres input {margin-bottom: 0 !important;}

#table-fichiers .input-field, #table-fichiers .input-field input {margin: 0;}

#table-fichiers button.btn i {line-height: 30px;}

#file-upload {
	border: 1px dashed #f2f2f2;
	border-radius: 5px;
	width: 100%;
	padding: 100px;
	text-align: center;
	margin-bottom: 20px;
	cursor: pointer;
	transition: .3s;
}

#file-upload:hover {
	background-color: rgba(0,0,0,.02) !important;
	border-color: #f39404;
	margin: 10px;
	margin-bottom: 30px;
	padding: 90px;
}

.edit-fichier {
	display: flex;
	align-items: center;
}

.edit-fichier .input-field {
	width: 100%;
}

.edit-fichier button {
	margin-left: 10px;
}

/*** DASHBOARDS ***/

#portal-dashboard {
	background-color: #ffffff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
}

#portal-dashboard #pd-grid {
	margin: -5px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#portal-dashboard #pd-grid .pd-item {
	border: 1px solid #f2f2f2;
	width: calc(33.3% - 10px);
	margin: 5px;
	border-radius: 5px;
	padding: 40px 10px;
	text-align: center;
	transition: .3s;
}

#portal-dashboard #pd-grid .pd-item.pdi-50 {width: calc(50% - 10px);}

#portal-dashboard #pd-grid .pd-item:hover {background-color: #fafafa;}

#portal-dashboard #pd-grid .pd-item i {
	font-size: 5rem;
	line-height: 4rem;
	color: #bdbdbd;
	vertical-align: middle;
	transition: .3s;
}

#portal-dashboard #pd-grid .pd-item:hover i {transform: scale(1.2);}

#portal-dashboard #pd-grid .pd-item h4 {margin: 10px 0;}

#tabs-dashboard {
	margin: 0;
	display: flex;
}

#tabs-dashboard li:not(:last-child) {margin-right: 5px;}

#tabs-dashboard li a {
	display: flex;
	align-items: center;
	padding: 10px;
	background-color: #fafafa;
	border-radius: 10px 10px 0 0;
	border: 1px solid #f2f2f2;
	border-bottom: 0;
	font-weight: 600;
	text-transform: uppercase;
	transition: .3s;
}

#tabs-dashboard li a:not(.active):not(:hover) {color: #777777;}

#tabs-dashboard li a.active {
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
}

#tabs-dashboard li a:hover {
	padding-bottom: 15px;
	margin-top: -5px;
	text-decoration: none;
}

#tabs-dashboard li a i {
	float: left;
	margin-right: 5px;
}

#dashboard-container {
	position: relative;
	background-color: #ffffff;
	padding: 10px;
	border-radius: 0 10px 10px 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
}

#dashboard-container.zoom #dc-filter {
	width: 0;
	position: absolute;
	min-width: auto;
}

.dp-badge-class {
	background-color: #fafafa;
	border: 1px solid #f2f2f2;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 600;
	font-size: .9rem;
	opacity: .8;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.dp-badge-class#dp-bc-1 {
	color: #ff9800;
	top: 55px;
	left: 66px;
}

.dp-badge-class#dp-bc-2 {
	color: #4caf50;
	top: 55px;
	right: 27px;
}

.dp-badge-class#dp-bc-3 {
	color: #f44336;
	bottom: 70px;
	left: 66px;
}

.dp-badge-class#dp-bc-4 {
	color: #cddc39;
	bottom: 70px;
	right: 27px;
}

#dp-bd-no-bud {
	color: #777777;
	font-size: .9rem;
}

#dp-bd-no-bud span { 
	display: inline-block;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	line-height: 1rem;
	margin-bottom: -4px;
	border: 3px solid #bdbdbd;
}

#dc-chart canvas {position: relative;}

#dc-content {display: flex;}

#dc-content #dc-filter {
	width: 33%;
	min-width: 400px;
	transition: .3s;
}

#dc-content #dc-filter #dc-filter-header {
	display: flex;
	align-items: center;
}

#dc-content #dc-filter #dc-filter-header #trigger-filter {
	border: 1px solid #f2f2f2;
	display: block;
	height: 100%;
	margin-right: 10px;
	border-radius: 5px;
	padding: 0 10px;
	height: 66px;
	cursor: pointer;
}

.zoom #dc-content #dc-filter #dc-filter-header #trigger-filter {
	position: absolute;
	z-index: 999;
	background-color: #ffffff;
	height: 52px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0 5px 5px 0;
	border-left: 0;
}

#dc-content #dc-filter #dc-filter-header #trigger-filter i {
	font-size: 2rem;
	color: #777777;
	line-height: 66px;
	transition: .3s;
	transform: rotate(0deg);
}

.zoom #dc-content #dc-filter #dc-filter-header #trigger-filter i {
	line-height: 52px;
	transform: rotate(180deg);
}

#dc-content #dc-filter p {
	border: 1px solid #f2f2f2;
	background-color: #fafafa;
	padding: 10px;
	margin: 0;
	border-radius: 5px;
	color: #777777;
	font-style: italic;
}

.zoom #dc-content #dc-filter p {opacity: 0;}

#dc-content #dc-filter ul {
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 0;
}

.zoom #dc-content #dc-filter ul {
	opacity: 0;
	pointer-events: none;
}

#dc-content #dc-filter ul li:not(:last-child) {border-bottom: 1px solid #f2f2f2;}

#dc-content #dc-filter ul li .dc-filter-header {
	padding: 10px;
	cursor: pointer;
	user-select: none;
	font-weight: 600;
}

#dc-content #dc-filter ul li .dc-filter-header i {
	float: right;
	transition: .3s;
}

#dc-content #dc-filter ul li .dc-filter-header.active i {transform: rotate(180deg);}

#dc-content #dc-filter ul li .dc-filter-content {
	padding: 5px;
	padding-top: 0;
	border-top: 1px dashed #f2f2f2;
	background-color: #fafafa;
	max-height: 240px;
	overflow: auto;
}

#dc-content #dc-filter ul li .dc-filter-content ul {
	margin: 0;
	border-top: 0;
}

#dc-content #dc-filter ul li .dc-filter-content ul li {padding: 5px;}

#dc-content #dc-filter ul li .dc-filter-content ul li:nth-child(odd):not(.orange-op) {background-color: #ffffff;}

#dc-content #dc-filter ul li .dc-filter-content ul li a:hover {text-decoration: underline;}

#dc-content #dc-filter ul li .dc-filter-content ul li.orange-op a {color: #ffffff !important;}

#dc-content #dc-filter ul li .dc-filter-content ul li.niv-1 {padding-left: 10px;}
#dc-content #dc-filter ul li .dc-filter-content ul li.niv-2 {padding-left: 20px;}
#dc-content #dc-filter ul li .dc-filter-content ul li.niv-3 {padding-left: 30px;}
#dc-content #dc-filter ul li .dc-filter-content ul li.niv-4 {padding-left: 40px;}
#dc-content #dc-filter ul li .dc-filter-content ul li.niv-5 {padding-left: 50px;}
#dc-content #dc-filter ul li .dc-filter-content ul li.niv-6 {padding-left: 60px;}
#dc-content #dc-filter ul li .dc-filter-content ul li.niv-7 {padding-left: 70px;}
#dc-content #dc-filter ul li .dc-filter-content ul li.niv-8 {padding-left: 80px;}
#dc-content #dc-filter ul li .dc-filter-content ul li.niv-9 {padding-left: 90px;}

#dc-content #dc-filter ul li .dc-filter-content ul li a small {color: #777777 !important; margin-top: 2px;}

#dc-content #dc-filter ul li .dc-filter-content ul li.orange-op a small {color: #ffffff !important; margin-top: 2px;}

#dc-content #dc-content-ref {
	display: block;
	color: #ffffff;
	border-radius: 5px 5px 0 0;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

#dc-content #dc-content-ref i {
	position: absolute;
	left: 0px;
	background-color: rgba(255,255,255,.1);
	display: inline-block;
	height: 100%;
	display: flex;
	width: 50px;
	justify-content: center;
	align-items: center;
}

#dc-content #dc-content-ref h6 {
	margin: 0;
	font-weight: 300;
	margin-bottom: 5px;
	padding-left: 50px;
}

#dc-content #dc-content-ref h5 {
	margin: 0;
	font-weight: 600;
	padding-left: 50px;
}

#dc-content #dc-content-ref .btn {
	background-color: rgba(255,255,255,.2);
	transition: .3s;
}

#dc-content #dc-content-ref .btn:hover {
	background-color: rgba(0,0,0,.1);
	box-shadow: none;
}

#dc-content #dc-chart, #dc-content #dc-map {
	width: 67%;
	padding-left: 10px;
}

.zoom #dc-content #dc-chart, .zoom #dc-content #dc-map {
	width: 100%;
	padding-left: 0;
}

#empty-chart, #empty-gantt, #empty-map {
	padding: 223px;
	background-color: #fafafa;
	border-radius: 0 0 5px;
	border: 1px solid #f2f2f2;
	color: #777777;
	font-size: .9rem;
	font-weight: 300;
	text-align: center;
}

#dc-content #dc-chart .chart-container, #dc-content #dc-gantt .gantt-container {
	width: 100%;
	border: 1px solid #f2f2f2;
	padding: 10px;
	border-radius: 0 0 5px 5px;
	position: relative;
}

#dc-content #dc-gantt {
	margin-left: 10px;
	width: calc(100% - 410px);
}

/*#dc-content #dc-gantt #gantt-container #gantt .is-sticky {left: 0;}*/

/*#dc-content #dc-gantt #gantt-container #gantt .is-sticky .Gantt-header {z-index: 999 !important;}*/

#dc-content #dc-gantt #gantt-container #gantt {
	border: 1px solid #f2f2f2;
	border-radius: 0 0 5px 5px;
	cursor: grab;
}

#dc-content #dc-gantt #gantt-container #gantt.grabbed {cursor: grabbing;}

#gantt-zoom {
	display: flex;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	margin: 0;
}

#gantt-zoom li a {
	border-right: 1px solid #f2f2f2;
	display: flex;
	align-items: center;
	padding: 5px 10px;
	text-decoration: none !important;
	transition: .3s;
}

#gantt-zoom li a.active {
	background-color: #f39404;
	color: #ffffff;
}

#gantt-zoom li a i {
	margin-right: 5px;
	transform: rotate(-180deg);
	transition: transform .3s;
}

#gantt-zoom li a.active i {transform: rotate(0deg);}

.Gantt-container.col-no-border .Gantt-col {border: 0 !important;}

.Gantt-container .Gantt-header .Gantt-years {
	display: flex;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

.Gantt-container .Gantt-header .Gantt-years .Gantt-year {
	height: 50px;
	position: relative;
}

.Gantt-container .Gantt-header .Gantt-years .Gantt-year:nth-child(odd) {
	background: #fafafa;
}

.Gantt-container .Gantt-header .Gantt-years .Gantt-year:last-child {
	width: 100%;
}

.Gantt-container .Gantt-header .Gantt-years .Gantt-year::after {
	content: attr(data-info);
	font-weight: 600;
	font-size: 1.25rem;
	color: #777777;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.Gantt-container .Gantt-header .Gantt-months .Gantt-month {
	background-color: #fafafa;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	padding: 5px;
	text-align: center;
	font-weight: 600; 
	position: relative;
}

.Gantt-container .Gantt-header .Gantt-months .Gantt-month:nth-child(odd) {background-color: #ffffff;}

.Gantt-container .Gantt-header .Gantt-months .Gantt-month::after {
	content: attr(data-year);
	position: absolute;
	font-weight: 600;
	color: rgba(0,0,0,.066);
	font-size: 4rem;
	line-height: 2rem;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.Gantt-container .Gantt-header .Gantt-weeks .Gantt-week {
	background-color: #fafafa;
	border-bottom: 1px solid #f2f2f2;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}

.Gantt-container .Gantt-header .Gantt-weeks .Gantt-week::before {
	content: 'Sem. ';
	font-size: .8rem;
}

.Gantt-container .Gantt-header .Gantt-dates .Gantt-date {
	background-color: #fafafa;
	padding: 5px;
	text-align: center;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.Gantt-container .Gantt-header .Gantt-days .Gantt-day {
	background-color: #fafafa;
	padding: 5px;
	text-align: center;
	font-size: .8rem;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.Gantt-container .Gantt-header .Gantt-days .Gantt-day.today {
	background-color: #f44336;
	color: #ffffff;
	border-radius: 5px;
}

.Gantt-container .Gantt-events .Gantt-cols .Gantt-col {border-right: 1px solid #f2f2f2;}

.Gantt-container .Gantt-events .Gantt-cols .Gantt-col.nwd {background-color: #fafafa;}

.Gantt-container .Gantt-events .Gantt-cols .Gantt-col.today {position: relative;}

.Gantt-container .Gantt-events .Gantt-cols .Gantt-col.today::after {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	border-right: 2px dotted #f44336;
	height: 100%;
	/*background-color: red;*/
	top: 0;
	left: 15px;
}

.Gantt-container .Gantt-events .Gantt-rows .Gantt-row {border-bottom: 1px solid #f2f2f2;}

.Gantt-container .Gantt-events .Gantt-event {
	background-color: #f39404;
	border-radius: 5px;
	padding: 0 5px;
	font-weight: 600;
	color: #ffffff;
	text-transform: capitalize;
}

.Gantt-container .Gantt-events .Gantt-event.aci {background-color: #2196f3;}
.Gantt-container .Gantt-events .Gantt-event.acv {background-color: #f44336;}

.Gantt-container .Gantt-events .Gantt-event.sun, .Gantt-container .Gantt-events .Gantt-event.cloud, .Gantt-container .Gantt-events .Gantt-event.rain, .Gantt-container .Gantt-events .Gantt-event.storm {
	background-image: url('../img/icns/icn-weather-sun.png') !important;
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left: 28px;
}

.Gantt-container .Gantt-events .Gantt-event a {
	color: #ffffff;
	display: block;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Gantt-container .Gantt-events .Gantt-event a:hover {text-decoration: underline;}

#dc-content #dc-map #map-container {
	border: 1px solid #f2f2f2;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	height: 650px;
	overflow: hidden;
}

#dc-content #dc-map #map-container #map {
	height: 650px;
	width: 100%;
}

#dc-content #dc-table {
	margin-left: 10px;
	width: 100%;
}

#dc-content #dc-table table tr td {padding: 10px;}

#dc-content #dc-table table:not(#table-fin) tbody tr td:last-child {
	background-color: initial;
	transition: 0;
}

#dc-content #dc-table img {
	max-width: 40px;
	vertical-align: middle;
	margin: -5px 0;
}

#dc-content #dc-table span.indicator {
	display: inline-block;
	height: 25px;
	width: 25px;
	vertical-align: middle;
	border-radius: 8px;
	border: 1px solid #f2f2f2;
	margin: -5px 0;
}

#dc-content #dc-empty {
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	margin-left: 10px;
	width: 67%;
	background-color: #fafafa;
	position: relative;
}

#dc-content #dc-empty #dc-empty-content {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
}

#dc-content #dc-empty #dc-empty-content i {
	display: inline-block;
	font-size: 3rem;
	color: #fafafa;
	line-height: 60px;
	height: 60px;
	width: 60px;
	margin-bottom: 30px;
	border-radius: 50%;
	background-color: #bdbdbd;
	animation: 2s animDcEmpty infinite;
}

@keyframes animDcEmpty {
	0% {transform: scale(1) translateX(0px);}
	50% {transform: scale(1.2) translateX(-10px);}
	100% {transform: scale(1) translateX(0px);}
}

#dc-content #dc-empty #dc-empty-content p {
	font-size: .9rem;
    font-weight: 300;
    margin: 0 !important;
}

#dashboard-sub-infos {
	text-align: center;
	font-size: .9rem;
	font-style: italic;
	color: #777777;
}

.dashboard-legend {font-size: .9rem;}

.dashboard-legend i {vertical-align: middle;}

/*** STATIC CONTENT ***/

.static-container {
	background-color: #fafafa;
	border: 1px solid #f2f2f2;
	padding: 10px;
	margin-bottom: 20px;
}

.static-divider {
	border: 0;
	background-color: #f2f2f2;
	height: 1px;
	width: 50%;
	margin: 10px auto;
}

.static-title {text-align: center;}

.static-title h3 {
	margin: 0;
	color: #f39404;
}

.static-title h4 {
	margin: 0;
	color: #777777;
}

.static-content-item:not(:first-child) {margin-top: 20px;}

.static-content-item blockquote {
	border-left: 1px solid #f39404;
	font-size: 1.1rem;
	font-weight: 600;
}

.static-content-item h5 {margin: 0;}

.static-content-item p:last-child {margin-bottom: 0;}

.static-content-item a {
	color: #f39404;
	font-weight: 600;
}

.sci-sub-grid {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
	margin-top: 10px;
	align-items: center;
	justify-content: center;
}

.sci-sub-grid .sci-sub-grid-item {
	margin: 10px;
	width: calc(25% - 20px);
}

.sci-sub-grid .sci-sub-grid-item a {
	display: block;
	border: 2px solid #f2f2f2;
	padding: 20px;
	border-radius: 10px;
}

.sci-sub-grid .sci-sub-grid-item a img {
	width: 100%;
	vertical-align: middle;
	mix-blend-mode: multiply;
}

.static-images {
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #f2f2f2;
	padding: 0 10px 10px 10px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.static-images img {
	width: 160px;
	padding: 20px;
	margin-top: 10px;
	mix-blend-mode: multiply;
}

.static-images .divider {
	margin: 0 10px;
	width: 1px;
	height: 60px;
	background-color: #f2f2f2;
}

.static-illustration {
	text-align: center;
}

.static-illustration img {
	width: 100%;
	max-width: 800px;
}

.static-icon {
	text-align: center;
}

.static-icon i {
	color: #777777;
	border-radius: 20px;
	background-color: rgba(0,0,0,.02);
	padding: 20px;
	font-size: 6rem;
	line-height: 6rem;
	margin: 100px 0 20px 0;
}

.debug-content ul {
	margin: 0;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
}

.debug-content ul li {
	padding: 20px;
	background-color: #fafafa;
}

.debug-content ul li:not(:last-child) {
	border-bottom: 1px solid #f2f2f2;
}

.debug-content ul li h5 {
	font-family: 'Roboto Mono', monospace;
	color: #777777;
	margin: 0;
	margin-bottom: 10px;
}

/*** FOOTER ***/

#footer-img {
	position: relative;
	height: 500px;
	overflow: hidden;
	z-index: 0;
}

#footer-img #fi-gradient {
	height: 500px;
	z-index: 2;
	width: 100%;
	position: absolute;
	top: 0;
	background: -moz-linear-gradient(bottom, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
	background: linear-gradient(to top, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#fafafa',GradientType=0 );
}

#footer-img img {
	vertical-align: middle;
	width: 100%;
	opacity: 0.5;
	/* max-width: 1000px; */
	margin-top: 0;
	/*top: -200px;*/
	bottom: 0;
	position: absolute;
	z-index: 1;
	mix-blend-mode: luminosity;
}

footer {
	background-color: #777777;
	display: flex;
	justify-content: space-around;
	padding: 20px;
	position: relative;
	border-left: 1px solid #9e9fa1;
	margin-top: -10px;
}

footer .footer-title {
	font-size: 1.3rem;
	color: #ffffff;
	margin-bottom: 5px;
	display: block;
}

footer ul {margin: 0;}

footer ul li a {color: #ffffff;}

footer ul li a:hover {text-decoration: underline;}

#copyright {
	background-color: #f39404;
	color: #ffffff;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-left: 1px solid #9e9fa1;
}

#copyright div {
	display: flex;
	align-items: center;
}

#copyright #copyright-logo {
	font-size: 1.6rem;
	font-weight: 600;
	color: #ffffff;
}

#copyright #copyright-divider {
	width: 1px;
	height: 30px;
	background-color: rgba(255,255,255,0.2);
	margin: 0 20px;
}

#copyright #copyright-city {
	font-size: 1.3rem;
	color: #ffffff;
}

#copyright #copyright-credits {float: right;}

#copyright #copyright-credits img {
	width: 100px;
	margin-left: 10px;
}

#menu-sticky-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	background-color: #ffffff;
	width: 100%;
	border-top: 6px solid #9e9fa1;
	box-shadow: 0 -2px 5px rgba(0,0,0,.05);
	display: none;
}

#menu-sticky-bottom ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0;
}

#menu-sticky-bottom ul li.sticky-divider {
	width: 1px;
	height: 20px;
	background-color: #f2f2f2;
}

#menu-sticky-bottom ul li:not(.sticky-divider) {
	text-align: center;
	width: 20%;
	padding: 6px 0;
}

#menu-sticky-bottom ul li i.material-icons {
	color: #f39404;
	font-size: 2rem;
	display: block;
}

#menu-sticky-bottom ul li span {
	font-size: .9rem;
	color: #777777;
}

footer #back-to-top-btn {
	position: fixed;
	bottom: 90px;
	height: 50px;
	width: 50px;
	text-align: center;
	z-index: 99;
	background-color: #777777;
	box-shadow: 0 0px 20px rgba(0,0,0,.2);
	border-radius: 10px !important;
	right: 20px;
	transition: .3s;
}


footer #back-to-top-btn.bottom {bottom: 174px;}

/*footer #back-to-top-btn:hover {bottom: 0;}*/

footer #back-to-top-btn i.material-icons{
	color: #ffffff;
	line-height: 50px;
	font-size: 2rem;
}

#btn-modal-news {
	bottom: 20px;
	right: 20px;
	height: 50px;
	width: 50px;
	text-align: center;
	border-radius: 10px;
	background-color: #f39404;
	position: fixed;
	box-shadow: 0 0px 20px rgba(0,0,0,.2);
	z-index: 9;
}

#btn-modal-news.bottom {bottom: 104px;}

#btn-modal-news i {
	color: #ffffff;
	line-height: 50px;
	font-size: 2rem;
}

#maj-items {
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	overflow: auto;
	max-height: 300px;
}

#maj-items .maj-item {padding: 10px;}

#maj-items .maj-item:not(:last-child) {border-bottom: 1px solid #f2f2f2;}

#maj-items .maj-item h6 {
	font-weight: 600;
	margin: 0 0 10px 0;
}

#maj-items .maj-item h6 span {
	float: right;
	color: #bdbdbd;
}

#maj-items .maj-item h6 span img {
	width: 26px;
}

#maj-items .maj-item ul {
	margin: 0;
	padding-left: 20px;
}

#maj-items .maj-item ul li:not(.sub-item) {list-style-type: disc;}

#maj-items .maj-item ul li.sub-item ul li {list-style-type: circle;}

/*** JS ***/

.material-tooltip {border-radius: 5px;}

#toast-container {
	top: 0;
	width: 100%;
}

.toast {
	box-shadow: 0 2px 5px rgba(0,0,0,.05);
	border-radius: 0 0 20px 20px;
	margin-top: 0;
	justify-content: center;
	opacity: 1 !important;
	top: 0 !important;
	cursor: grab;
	min-height: 36px;
	transition: .3s !important;
	animation: 1s animToast;
}

@keyframes animToast {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.toast.velocity-animating {
	top: -200px !important;
	opacity: 0 !important;
}

.toast.panning {
	cursor: grabbing !important;
	opacity: .8 !important;
}

.toast.toast-success {background-color: #4caf50;}

/*.toast.toast-error {background-color: #000000;}*/

.modal {
	box-shadow: none;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 20px;
	overflow: visible;
}

.modal h5.modal-title {
	margin: 0;
	margin-bottom: 10px;
	font-weight: 600;
}

.modal.modal-select {width: 400px;}

.modal.modal-select h5 {margin: 0;}

.modal.modal-select ul {
	margin: 0;
	border-radius: 10px;
	border: 1px solid #f2f2f2;
}

.modal.modal-select ul li:not(:last-child) {border-bottom: 1px solid #f2f2f2;}

.modal.modal-select ul a {
	display: inline-block;
	padding: 10px;
	width: 100%;
}

.modal.modal-select ul a:hover {
	background-color: #fafafa;
	text-decoration: underline;
}

.modal-reco .modal-reco-item {
	border: 1px solid #f2f2f2;
	padding: 10px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal-reco .modal-reco-item:not(:last-child) {margin-bottom: 10px;}

.modal-reco .modal-reco-item form {width: calc(100% - 10px);}

.modal-reco .modal-reco-item h6 {
	font-weight: 300;
	margin: 0;
}

.modal-reco .modal-reco-item p {margin-bottom: 0;}

.modal-reco .modal-reco-item textarea {
	margin-bottom: 0;
	margin-top: 10px;
	border: 1px solid #f2f2f2;
	background-color: #fafafa;
	border-radius: 5px;
	padding: 10px;
	width: calc(100% - 22px);
	box-shadow: none !important;
}

.modal-reco .modal-reco-item textarea:focus {border-width: 1px !important;}

.modal-reco .modal-reco-item > div:last-child {
	display: flex;
	margin-left: 10px;
}

.modal-reco .modal-reco-item > div:last-child a:not(:last-child) {border-radius: 5px 0 0 5px;}

.modal-reco .modal-reco-item > div:last-child a:last-child {border-radius: 0 5px 5px 0;}

.modal-reco .modal-reco-item:not(.editing) > div:last-child a:first-child {	display: none;}

.modal-reco .modal-reco-item.editing > div:last-child a:first-child {display: block;}

.modal-reco .modal-reco-item.editing > div:last-child a:nth-child(2) {display: none;}

.modal .modal-close {
	position: absolute;
	bottom: -40px;
	left: 50%;
	height: 40px;
	width: 40px;
	border-radius: 0 0 10px 10px;
	background-color: #f39404;
	text-align: center;
	transform: translateX(-50%);
}

.modal .modal-close i {
	color: #ffffff;
	line-height: 40px;
}

.modal.modal-form {text-align: left !important;}

.modal.modal-form .modal-close i{line-height: 40px;}

.modal form .input-field {
	margin-top: 0 !important;
	text-align: left !important;
}

.modal.modal-indic .card-edit {
	padding: 0;
	box-shadow: none;
	margin: 0;
	overflow: visible;
}

.modal.modal-indic .card-tools {
	padding: 0;
	background-color: transparent;
	border: 0;
	border-radius: 0;
}

#alert-edit {
	position: fixed;
	bottom: -60px;
	right: 0;
	width: calc(100% - 55px);
	background-color: #f39404;
	color: #ffffff;
	padding: 10px;
	z-index: 99;
	border-radius: 10px 10px 0 0;
	text-align: center;
	transition: .3s;
}

main:not(.collapsed) #alert-edit {
	width: calc(100% - 250px);
}

#alert-edit.triggered {bottom: 0;}

#alert-edit p {margin: 0;}

#alert-edit i {
	position: absolute;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
	background-color: #f39404;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
}

#alert-edit a {
	color: #ffffff;
	font-weight: 600;
}

.quill-editor {
	margin-top: 5px;
	height: calc(100% - 68px);
}

.quill-editor .ql-toolbar {
	border: 1px solid #f2f2f2 !important;
	border-radius: 5px 5px 0 0;
}

.quill-editor .ql-container {
	border: 1px solid #f2f2f2 !important;
	border-top: 0 !important;
	border-radius: 0 0 5px 5px;
	min-height: 150px;
	background-color: rgba(0,0,0,.02);
	height: 100% !important;
}

.ql-editor strong {font-weight: 600;}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	border: 1px solid #f2f2f2 !important;
	border-radius: 8px !important;
}

.leaflet-touch .leaflet-bar a:first-child {
	border-radius: 5px 5px 0 0 !important;
	border-bottom: 1px solid #f2f2f2 !important;
}

.leaflet-touch .leaflet-bar a:last-child {
	border-radius: 0 0 5px 5px !important;
	border-top: 0;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	border-radius: 5px !important;
	box-shadow: 0 5px 20px rgba(0,0,0,.1) !important;
	padding: 0 !important;
}

.leaflet-popup-content {
	margin: 0 !important;
	padding: 10px !important;
	text-align: center;
}

.leaflet-container a {
	color: #f39404 !important;
	font-weight: 600 !important;
	font-family: 'Montserrat', sans-serif !important;
}

.leaflet-container a:hover {text-decoration: underline;}

#maps-link:hover {
	text-decoration: underline;
}

#input-geocoding, #search-field-results, #local-pdf {text-transform: capitalize;}

#search-field-results {
	margin: 0 10px;
	border: 1px solid #f2f2f2;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	max-height: 430px;
	overflow: auto;
}

#search-field-results:empty {
	display: none;
}

#search-field-results li:not(:last-child) {
	border-bottom: 1px solid #f2f2f2;
}

#search-field-results li a {
	padding: 10px;
	display: block;
	transition: .3s;
}

#search-field-results li a:hover {
	background-color: #f39404;
	color: #ffffff !important;
	text-decoration: none;
}

#search-field-results li a * {
	text-decoration: none;
}

#search-field-results li a span {
	display: block;
	font-weight: 600;
	text-decoration: none !important;
}

#search-field-results li a span:last-child {
	font-weight: 300;
	color: #000000;
}

#search-field-results li a:hover span:last-child {
	color: #ffffff;
}

#remove-geo {
	position: absolute;
	background-color: #f44336;
	color: #ffffff;
	border-radius: 5px;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	top: 32px;
	right: 4px;
	transition: .3s;
}

#remove-geo:hover {
	background-color: #ff584c;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

#remove-geo i {
	vertical-align: middle;
}

#menu-debug {
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	position: fixed;
	z-index: 99;
	background: #243137;
	padding: 10px;
	border-radius: 0 0 10px 10px;
	font-family: 'Roboto Mono', monospace;
	margin: 0;
	top: -65px;
	display: flex;
	transition: .3s;
}

#menu-debug:hover {
	top: 0;
}

#menu-debug::after {
	content: '▼';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #243137;
	color: #ffffff;
	height: 20px;
	width: 20px;
	display: block;
	bottom: -20px;
	border-radius: 0 0 5px 5px;
	text-align: center;
	line-height: 15px;
}

#menu-debug li {
	display: flex;
	align-items: center;
}

#menu-debug li:not(:last-child) {
	border-right: 2px solid rgba(255,255,255,.1);
	padding-right: 10px;
	margin-right: 10px;
}

#menu-debug li label {
	color: #ffffff;
	margin-right: 10px;
}

#menu-debug li input {
	border-radius: 3px;
	background-color: #ffffff;
	margin: 0;
	padding: 0 10px;
	border: 0 !important;
	box-shadow: none !important;
}

@media (max-width: 992px) {
	footer {justify-content: space-between;}
	footer #back-to-top-btn {display: none;}
	#menu-sticky-bottom {display: block;}
	#copyright {margin-bottom: 67px;}
	.footer-item:not(:last-child) {margin-right: 20px;}
	#copyright {flex-direction: column;}
	#copyright #copyright-credits {margin-top: 10px;}
}

@media (max-width: 600px) {
	#menu-sticky-bottom ul li span {display: none;}
	#menu-sticky-bottom ul li:not(.sticky-divider) {padding: 10px 0;}
	#copyright {margin-bottom: 54px;}
	footer {flex-direction: column;}
	.footer-item:not(:last-child) {margin-right: 0; margin-bottom: 20px;}
}