.row.collapseSides > .columns:first-child { padding-left: 0px; }
.row.collapseSides > .columns:last-child { padding-right: 0px; }
@media only screen and (max-width: 64em) {
	.row.collapseSides > .columns { padding: 0px !important; margin-bottom: 15px; }	
}

.notexists {border: 1px dashed #dfdfdf; background: #efefef; margin: 20px; font-size: 16px; font-weight:400; padding: 40px; text-align: center;}

.metric .compareval span.good,.metric .compareval span.bad{
	white-space:nowrap;
}

.compareval .stat {text-align: center;line-height: 12px;display: none;margin: 0;font-size: 10px;border-width: 0 0 1px 1px;}
.compareval .fa{margin-left: 5px;}
.compareval .bad .fa {/* color: #CF1F31 !important; */}
.compareval .na .fa {color: orange;}

.loading {color: #313131; font-size: 24px; font-weight: 400; line-height: 66px; padding: 100px 0px; text-align: center;}
.loading img {margin-right: 8px;}

.drilldown .graph {background-color: #efefef; margin-bottom: 20px; height: 600px; width: 800px;}
.dashLoginContainer { width: 100%; height: 100%; }
.dashLoginContainer .imageBackground { width: 100%; height: 100%; position:relative; }
.dashLoginContainer .imageBackground .imageDiv { width: 100%; height: 100%; background-size: cover; }
.dashLoginContainer .imageBackground .mask { background: black; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; opacity: .4;}
.dashLoginContainer .dashLoginForm { font-size: 14px; width: 550px; position: absolute; color: #eee; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 20px 40px; box-sizing: border-box;}
.dashLoginContainer .dashLoginForm > .background { background: black; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: .7; border-radius: 15px; }
.dashLoginContainer .dashLoginForm form { position: relative; }
.dashLoginContainer .dashLoginForm p { font-size: 25px; font-weight: 300; }
.dashLoginContainer .row { margin-top: 20px; overflow: hidden;}
.dashLoginContainer .copy-row.row { margin-top: 5px; overflow: hidden;background: color #444444;;}
.dashLoginContainer label { margin-bottom: 5px; display: block;}
.dashLoginContainer .logo { height: 30px; }
.dashLoginContainer h2 { margin: 0px 0px 20px 0px; font-size: 25px; font-weight: normal; color: white; }
.dashLoginContainer .textInput { position: relative; width: 100%; border: 0px; /* padding: 20px; */ box-sizing: border-box; margin: 0px; font-size: 18px; height: 45px; -webkit-box-shadow: inset 1px 1px 1px 0px #444; border: 1px solid black; transition: none; -webkit-transition: none; padding: 10px; background: none;}
.dashLoginContainer .textInput:focus { -webkit-box-shadow: inset 1px 1px 1px 0px #444; border: 1px solid black; }
.dashLoginContainer .textSelect {color: #333; position: relative; width: 100%; margin: 0px; font-size: 18px; height: 45px; -webkit-box-shadow: inset 1px 1px 1px 0px #444; border: 1px solid black; transition: none; -webkit-transition: none; padding: 10px;}
.dashLoginContainer button { float: right; margin-bottom: 0px; width: 200px; }
.dashLoginContainer .btnloading { display: none; -webkit-filter: blur(0); margin-left: 5px;}
.dashLoginContainer .btnloading .fa { -webkit-filter: blur(0); }
.dashLoginContainer .inputRow { position: relative; }
.dashLoginContainer .inputRow .background { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background: white; opacity: .9;}

.dashLoginContainer .dashTermsForm { font-size: 14px; width: 90%; position: absolute; color: #eee; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 20px 40px; box-sizing: border-box; max-width: 1080px;}
.dashLoginContainer .dashTermsForm > .background { background: black; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: .7; border-radius: 15px; }
.dashLoginContainer .dashTermsForm form { position: relative; }
.dashLoginContainer .dashLoginForm h2 { font-size: 25px; font-weight: 300; }
.dashLoginContainer .dashTermsForm .terms {background-color: #fff; color: #1a1a1a; font-size: 14px; height: 500px; overflow: auto; padding: 10px;}
.dashLoginContainer .dashTermsForm .terms p {color: #1a1a1a; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 14px;}
.dashLoginContainer .dashTermsForm .terms-agree {margin-top: 15px;}
.dashLoginContainer .dashTermsForm .terms-agree label {color: #eee; font-size: 14px; font-weight: normal; margin: 0;}
@media only screen and (max-width: 64em) {
	.dashLoginContainer .dashTermsForm .terms {height: 300px;}
}

.terms-modal .terms-container {padding: 20px;}
.terms-modal .terms {background-color: #fff; border: 1px solid #c6c6c6; color: #1a1a1a; font-size: 14px; height: 500px; overflow: auto; padding: 10px;}
.terms-modal .terms p {color: #1a1a1a; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-size: 14px;}

.dropdown-pane{top: 0;}
.dropdown-pane.dashhelp {border: 1px solid #666; max-width:422px; margin-left:16px; margin-top:20px; padding: 0}
.dropdown-pane.dashhelp.drop-left:before, .dropdown-pane.dashhelp.drop-left:after {display: none;}
.dropdown-pane.dashhelp h3 {background-color: #dedede; border-bottom: 1px solid #c6c6c6; font-size: 16px; font-weight: 400; padding:4px;}
.dropdown-pane.dashhelp ul {padding: 0}
.dropdown-pane.dashhelp {cursor: default; font-size: 12px; font-weight: 100;}
.dropdown-pane.dashhelp li:hover {background-color: #fff;}
.dropdown-pane.dashhelp li span.title {font-weight: bold;}

.dropdown-pane.kpihelp p {font-size: 12px; font-weight: 100; padding: 8px;}
.dropdown-pane.kpihelp p span {font-weight: 400;}


.drillContainer {padding: 20px;}

.listtbl {margin-bottom: 20px; width: 100%;}
.listtbl tr th {color: #313131; font-size: 14px; font-weight:400;}
.listtbl tr td {color: #313131; font-size: 12px; font-weight:300;}

div#graph-settings-container .field label {height: 30px;}

.dropdown-pane.chartdd:before, .dropdown-pane.chartdd:after {display: none;}
.dropdown-pane.trenddd:before, .dropdown-pane.trenddd:after {display: none;}

.settingsForm .protected { color: #999; font-size: 14px; font-style: italic; }
.settingsForm .inProgress { display: none; margin-left:0.5rem; margin-top:1px; }

.settingsForm table {margin-bottom: 15px;}
.settingsForm table.frmlist tr th {font-weight: 400;}
.settingsForm .message {
	padding: 20px;
}
@media only screen and (max-width: 90em) {
	.settingsForm .formcontent {margin-bottom: 15px;}
	.settingsForm .formcontent, .settingsForm .formaction {padding: 0 !important; width: 100% !important;}	
}

.has-tip:hover { background: #0072A7; }

.drillgreen {color: #313131; font-size: 18px;}

.modalForm {padding: 20px;}

.settingsList .filterContainer .field {margin-bottom:0px;}
.settingsList .filterContainer .field label {color: #e6e6e6; font-weight: 300;}

.printheader {display: none;}


.export-result, .export-error {padding: 20px;}


.noDisplay { display: none;}



@media only screen {
	.sv-small-block-grid-2 > li { width: 50%; list-style: none; }
	.sv-small-block-grid-2 > li:nth-of-type(1n) { clear: none; }
	.sv-small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
	.sv-small-block-grid-2 > li.wide { width: 100%; }
}
@media only screen and (min-width: 86.250em) {
	.sv-medium-block-grid-3 > li { width: 33.33333%; list-style: none; }
	.sv-medium-block-grid-3 > li:nth-of-type(1n) { clear: none; }
	.sv-medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
	.sv-medium-block-grid-3 > li.wide { width: 66.66666%; }
}
@media only screen and (min-width: 113.750em) {
	.sv-large-block-grid-4 li { width: 25%; list-style: none; }
	.sv-large-block-grid-4 li:nth-of-type(1n) { clear: none; }
	.sv-large-block-grid-4 li:nth-of-type(4n+1) { clear: both; }
	.sv-large-block-grid-4 li.wide { width: 50%; }
}

.shepherd-step{
	transition: opacity 0.8s;
}

.shepherd-element.shepherd-theme-dark .shepherd-content h3.shepherd-title{
	font-size:16px;
	color: white;
}
.shepherd-element.shepherd-theme-dark .shepherd-content .shepherd-text{
	font-size:12px;
}



.notificationArea.unread .fa {
    color: #7799ff;
}


#graph-settings-container [class*=column]+[class*=column]:last-child {
    float: left;
}

/*Dashboard Edit Links*/
.graph-edit-menu {
    background: white;
    /* margin: 5px; */
    font-size: 0.8rem;
    /* padding: 5px; */
}


.graph-edit-menu a.graph-edit-menu-metric-link,sv-dashlet-edit h3.graph-edit-title{
	color: #333;
	font-size: 0.8rem;
}
.graph-edit-menu a.graph-edit-menu-graph-link {
    display: block;
    padding: 5px;
    background-color: #777;
    color: #fff;
    font-size: 0.8rem;
}

.graph-edit-menu-metric-header {
    background-color: white;
    padding: 3px 15px;
    font-weight: 300;
	display: none;
}

a.graph-edit-menu-metric-link {
    display: block;
    margin: 3px 0;
    padding: 3px 25px;
    background-color: #efefef;
}

.graph-edit-container{
	padding:0 5px 5px 5px;
}

.graph-edit-hint{
	font-style:italic;
	font-size:80%;
}

h3.graph-edit-title{
	margin-bottom:0;
}

.dashletContainer .item{
}

.dashlet .compare{
}

@media (max-width: 909px) {
	.dashletContainer{
		padding:0 !important;
	}
	.dashletContainer .item{
		width: 100%;
	}
}

/*
@media (min-width: 910px) and (max-width: 1600px){
	.dashletContainer .item.wide{
		width:100%;
	}
	
	.dashletContainer .item{
		width:100%;
	}
}

@media (min-width: 1601px){
	.dashletContainer .item.wide{
		width:50%;
	}
	
	.dashletContainer .item{
		width: 33%;
	}
}
*/

div.dropdown-pane.dashhelp{
	left: -9999px;
}


.item {
    width: 100%;
}

.master-date-label{
	background:#fff;
	cursor: pointer; 
	text-align: right; 
	padding: 4px; 
	border: solid 1px #ccc;
}

.master-date-container li a{
	display: block;
	cursor: pointer;
	width: 100%;
	padding: 1rem 1.25rem;
}

.master-date-container li{
	display: block; 
	margin: 1px;
	border: solid 1px #eee;
	flex: 1 1 auto;
	cursor: pointer;
	background-color:#fff;
}


.master-date-container{
	background-color:#fff;
	position: fixed;
	text-align: left;
	right: 0;
	z-index: 500;
	width: 400px;
	max-width: 100%;
	max-height: calc(100% - 115px);
	overflow-y:auto;
}

.master-date-container div.fiscal-toggle{
	display:flex; 
	flex-direction: row; 
	width: 100%;
}

.master-date-container div.fiscal-toggle label{
    display: inline-block;
    width: 50%;
    text-align: center;
    border: solid 1px #eee;
}

.master-date-container .date-tabs{
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 0; 
	padding: 0;
}

.date-tabs li{
	display: block; 
	margin: 1px;
	border: solid 1px #eee;
	flex: 1 1 auto;
	padding: 1rem 1.25rem;
	cursor: pointer;
	background-color:#fff;
}

.master-date-container .yearLabel{
	padding:4px;
}

.master-date-container .master-date-active{
	background-color: rgb(51, 164, 185);
	color:#fff;
}

.master-date-container .master-date-inactive{
	background-color: #fff;
	color:rgb(51, 164, 185);;
}


ul.presetlist{
	margin: 0;
}