/* 
Sarova color #7b0510 
font-family: 'Outfit', sans-serif;
CMYK: C-20, M-100, Y-85, K-14
RGB: R-176, G-30, B-49
HEX#:  b01e31
*/

html{height: 100%}

body{
	font-family: 'Outfit', sans-serif;
	min-height: 100%;
	font-size: 0.9rem;
}

.login{
	height: 100%;
	background: url('images/stanley_bg.jpg') no-repeat fixed ;
	background-size: cover;
	/*display: flex;*/
	/*flex-flow: column;*/
}

.layer{
	background-color: rgba(176,30, 49,0.95);
	background-size: cover;
	width: 100%;
	height: 100%;
}

.logo-container{
	display: flex;
	justify-content: center;
}

.sarova_logo{
	margin: 2em 10px 2rem 10px;
}


.title-bar{background:#000000}
ul.vertical.menu li a{color: #2c2b2a}
ul.vertical.menu li a:hover{color: #7b0510}

.button {background-color: #2c2b2a}
.button:hover {background-color: #b74646;}
ul.vertical.menu li a.cta {background-color: #7b0510; color: #FFFFFF}

ul.vertical.menu li a.green {background-color: #228b22; color: #FFFFFf; margin-top: 10px}
.alert-box {
	padding-right: 3.25rem;
	width: 100%;
}

.alert-box.callout {
	color: #fefefe;
	font-weight: bold;
}

.alert-box.alert {
	border: 3px solid #cc4b37;
	border-radius: 5px;
	background-color: rgba(204, 75, 55, 0.2);
}

.alert-box.warning {
	border: 3px solid #ffae00;
	border-radius: 5px;
	background-color: rgba(255, 174, 0, 0.2);
}

.alert-box.success {
	border: 3px solid #3adb76;
	border-radius: 5px;
	background-color: rgba(58, 219, 118, 0.2);
}

.alert-box.info {
	border: 3px solid #1779ba;
	border-radius: 5px;
	background-color: rgba(23, 121, 186, 0.2);
}

.alert-box i {
	border: 2px solid #fefefe;
	border-radius: 50%;
	padding: .3em .325em;
	margin-right: 0.5rem;
}

.alert-box .close-button {
	color: rgba(254, 254, 254, 0.5);
	font-size: 2rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1rem;
	font-weight: bold;
}
.div_divider {
	border-bottom-color: rgba(10, 10, 10, 0.25);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	max-width: 100rem;
	margin-bottom: 2.25rem;
	margin-top: 0;
	clear: both;
}
thead th{font-weight: bolder}
.main-content{border-right-color: rgba(10, 10, 10, 0.25);
	border-right-style: solid;
	border-right-width: 1px;}

#previewPane{
	overflow: auto;
	display: flex;
	flex-flow: column;
	height: calc(100vh);

}

.side-nav{}
#side-navigation{background: #f7f7f7; overflow: auto; height: calc(100vh); padding: 10px 10px 10px 10px;display: flex; flex-flow: column;border-right: 1px
solid #efefef;}

.progress
{
	display:none;
	position:relative;
	width:400px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 3px;
}
.bar
{
	background-color: #B4F5B4;
	width:0%;
	height:20px;
	border-radius: 3px;
}
.percent
{
	position:absolute;
	display:inline-block;
	top:3px;
	left:48%;
}