:root {
	--s-loader-wrapper-bg-color: rgb(21, 22, 43);
	--s-loader-width: 20px;
	--s-loader-height: var(--s-loader-width);
	--s-loader-border-color-trans: rgba(29, 161, 242, 0.2);
	--s-loader-border-color-full: rgb(29, 161, 242);
}
.dashItem{margin-bottom:50px;}
.navFilter ul li.nav-item{padding:0 10px; display:flex; align-items:center;}
.loader {border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
.chartLoad, .ItemLoad{position:absolute; width:100%; height:100%; background:#fff; display:flex; justify-content:center; align-items:center;}
.chartLoad .loader{width:70px; height:70px; border-width:12px;}
.ItemLoad{z-index:9;}
.ItemLoad .loader{width:70px; height:70px; border-width:12px;}
/* Safari */
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
.hide{display:none;}
.dashboardItem{}
.bg-login-image{background:url('../img/login.jpg');}
.form .form-control-user{font-size:.8rem; border-radius:10rem; padding:1.5rem 1rem;}
.form .btn-user{font-size:.8rem; border-radius:10rem; padding:0.75rem 1rem;}
.navFilter li.fromToDateLI.fromToDateLI{display:none;}
.dashDate, .dashDateVoysMMC, .dashDateVoysELBE, .dashDateElComm, .dashDateELCost, .dashDateCommMMC, .dashDatePerformanceELBE, .dashDateKpiELBE, .dashDateElDevSup, .dashDateSibELBE{width:143px; margin:5px 0; display:none;}
.cusDrop{display:inline;}
div#listTable .modal-dialog{max-width:95%; width:1200px;}
div#cxService .modal-dialog{max-width:95%; width:1290px;}
.callItem{border-bottom:1px solid #e5e0e0; padding:0 0 10px; margin-bottom:30px;}
.callItem:last-child{border-bottom:none;}
.callItem h6{font-weight:600;}
.hrCard{margin-bottom:25px;}
.googleCost, .otherCost, .cxServiceCost{cursor:pointer; color:#4e73df;}
.googleCost:hover, .otherCost:hover, .cxServiceCost:hover{text-decoration:underline;}
#googleAdword .modal-dialog{margin-top:5%;}
.loadingArea{display: flex; justify-content: end; align-items: center; margin-bottom:10px;}
.loadingArea img.load{width:30px; cursor:pointer;}
.loadingIcon{width: var(--s-loader-width); height: var(--s-loader-height); border: 5px solid var(--s-loader-border-color-trans); border-left-color: var(--s-loader-border-color-full); border-radius: 50%; background: transparent; cursor:pointer;}
.spinning-loader{animation-name: rotate-s-loader; animation-iteration-count: infinite; animation-duration: 1s; animation-timing-function: linear; position: relative;}
@keyframes rotate-s-loader { from { transform: rotate(0); } to { transform: rotate(360deg); } }
.dashTitle{display:flex; justify-content:space-between; align-items:center;}
.dropDate{position:absolute; z-index:9; background:#fff;}
.dashItemWithLoading{position:relative;}
.dashItemWithLoading .chartLoad{z-index:9;}
.dashItemWithLoading{padding-top:10px;}
.dragDropCon{/*display:flex; align-items:center; justify-content:end; position:absolute; right:6%; bottom:8px;*/ padding:0 1.25rem; display:flex; justify-content:flex-end; align-items:center;}

.scrapeTbl{margin-top:45px;}

#mainDateOption{display:flex;}
#mainDateOption select{margin-left:5px;}
select#masterElbeDateMonth{min-width:140px;}
select#masterElbeDateYear{min-width:100px;}
#mainDateOption a{margin-left:5px;}

.dragDropCon i.fa:first-child{margin-left:0;}
.dragDropCon i.fa{margin-left:8px;}
.dragDropCon i.fa-plus{cursor:pointer;}

.divOtherItem{display:flex; align-items:center; justify-content:space-between;}
.divOtherItem .fa-minus{color:#e74a3b; cursor:pointer;}
div#otherCostDiv{margin-bottom:15px;}

.itemSortable{display:flex; justify-content:flex-start; align-items:center; margin-bottom:5px; line-height:1; padding:3px 0;}
.itemSortable .fa-grip-vertical{margin-right:5px; opacity:.8; cursor:grabbing;}
.dragIcon{cursor:grabbing;}
.sortTileFooter{justify-content:space-between; align-items:center;}
.sortTileFooter .fa-sort-numeric-down-alt{cursor:pointer;}
.sortCurrency{margin:0 5px;}
div#masterNextPrev{display:flex; justify-content:center; align-items:center; margin-left:8px;}
div#masterNextPrev i{margin:0 8px; cursor:pointer; font-size:20px;}
.headingTBL{display:flex; align-items:center;}
.headingTBL h6{padding-right:10px;}
select#infraDateMonth{min-width:160px;}
#chartLegendInfra{min-height:240px;}
@media screen and (max-width: 1199px) {
	.dashTitle{display:block;}
}

@media screen and (max-width: 540px) {
	#mainDateOption{display:block;}
	#mainDateOption select{margin-left:0; margin-bottom:5px;}
	#mainDateOption a{margin-left:0; width:100%;}
	.headDatePick{display:block !important; margin-bottom:24px;}
	.headDatePick input{margin-bottom:5px;}
	.headDatePick button{width:100%;}
	div#masterNextPrev{margin-top:20px; justify-content:space-around;}
}

/* \f142 is ellipsis-v */
/* \202F is thin unbreakable space */
.fa.fa-grip:before {
	background-image: url('../img/icons/fa-grip.png');
	display: inline-block;
	height: 16px;
	width: 11px;
	background-size: cover;
	background-repeat: no-repeat;
	content: '';
	opacity: .8;
	margin-right: 5px;
}
.fa.fa-grip-large:before {
	content: "\f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142 \202F \f142";
}

.legendDiv{display:flex; justify-content:flex-start; align-items:center;}
.legendPro{background:#14a75b; width:50px; height:5px; display:inline-block; margin-right:10px;}
div#legendArea{position:relative;}
div#ui-datepicker-div{background:#fff; width:240px; padding:10px 15px; z-index:999999 !important; border-radius:5px; box-shadow:1px 1px 20px;}
div#ui-datepicker-div .ui-datepicker-calendar{width:100%;}
div#ui-datepicker-div .ui-datepicker-title{background:#827c7c; color:#fff; padding:6px 15px; font-weight:bold;}
div#ui-datepicker-div .ui-datepicker-prev{margin-right:10px; cursor:pointer;}
div#ui-datepicker-div .ui-datepicker-next{cursor:pointer;}
.headDatePick{display:flex; justify-content:space-around; width: 580px; max-width:100%;}