body{
	background:#fbfbfb;
	margin-top:80px;
	font-size:14px;
}
.hide{
	display:none;
}
.right{
	text-align:right;
}
.pointer{
	cursor:pointer;
}
.bold{
	font-weight:bold;
}
.togg{
	color:#0069d9;
}
.left{
	float:left;
}
.clear{
	clear:left;
}
.smaller{
	font-size:smaller;
}
.mbottom{
	margin-bottom:50px;
}
.w100{
	width:100%;
}
.h100{
	height:100%;
}
.boxcenter{
	width:360px;
	flex:none;
	margin:50px auto;
	text-align:center;
}
.center{
	text-align:center;
}
.bcenter{
	margin:0 auto;
}
.pad{
	padding:10px;
}
.marg{
	margin:10px;
}
.marg-block{
	height:100px;
}
.boxcenter .form-group{
	text-align:left;
}
.box{
	margin:5px;
	border:1px solid #ccc;
	overflow:hidden;
	background:#fff;
}
.box .row{
	padding:10px;
}
.btn{
	margin:10px;
}
.btn-primary{
	background-color:#006a6c;
	border-color:#025e60;
}
.btn-primary:hover{
	background-color:#025e60;
	border-color:#025e60;
}
.fa-spinner{
	animation: spin 1s linear infinite;
}
.cwht{
	color:#fff;
}
.lght{
	color:#666;
	transition:.5s color;
}
.lghter{
	color:#ddd;
}
.lght:hover,
.drk:hover{
	color:#37ccd4;
}
.drk{
	color:#333;
}
.positive{
	color:#9bd633;
}
.negative{
	color:#eb4034;
}
.neutral{
	color:#37ccd4;
}
.warning{
	color:#f5c32c;
}
.cbhkw{
	color:#025e60;
}
.bgpositive{
	background-color:#9bd633;
}
.bgpositive.light{
	background-color:#d4edda;
}
.bgnegative{
	background-color:#eb4034;
}
.bgneutral{
	background-color:#37ccd4;
}
.bgwarning{
	background-color:#f5c32c;
}

label{
	width:100%;
}
p.t{
	font-weight:bold;
}
textarea.coltext{
	width:100%;
	height:100%;
	min-height:200px;
}
.fadein{
	animation: fadein 2s;
}
.fadein:nth-child(odd){
	animation: fadein 1s;
}
ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}
select,
input,
select{
	padding:3px;
}
form input[type="text"]{
	font-style:italic;
	color:#025e60;
	font-weight:bold;
	border:1px solid #025e60;
}
form input[type="text"]:hover{
	background:#eee;
}
form input.disabled{
	border:1px solid #ccc;
	color:#ccc;
}
table{
	width:100%;
}
table tr:hover{
	background:#f2f2f2;
}
.container-fluid.tab-cont{
	background:#343434;
	color:#fff;
	margin:10px;
	padding:10px;
}
.container-fluid.tab-cont .row.tab{
	background:#fff;
	color:#343434;
	margin:10px;
	padding:10px;
}
span.icon-round{
	background:#333;
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	text-align:center;
	margin:5px;
}
.div-tab{
	margin:15px 0 15px 0;
}
.div-tab.inset{
	margin:15px;
}
.div-tab .title{
	background:#343434;
	color:#fff;
	padding:10px;
}
.div-tab .title.alert{
	background:#990000;
	margin-bottom:0;
	border-radius:0;
}
.div-tab .title.info{
	background:#0056b3;
}
.div-tab .title.secondary{
	background:#696969;
}
.div-tab .title.positive{
	background:#155724;
}
.div-tab .row.sub{
	border:1px solid #ddd;
}
#modal,
#prepare{
	position:fixed;
	top:53px;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(50,50,50,0.8);
	z-index:99999;
}
#prepare{
	top:0;
	background:#fbfbfb;
}
#modal .content{
	position:relative;
}
#modal .content,
#prepare .content{
	width:100%;
	max-width:800px;
	max-height:90%;
	margin:25px auto;
	background:#fff;
	box-shadow:0px 0px 3px #444;
	overflow-y:scroll;
}
#prepare .content{
	box-shadow:none;
	overflow:hidden;
	text-align:center;
}
#modal .content .preloader,
#prepare .content .preloader{
	margin:0 auto !important;
	animation: preload 3s linear infinite;
	display:table;
	color:#025e60;
}
#prepare .content .preloader{
	animation:none;
	margin:10% auto !important;
}
#modal .content h1{
	position:sticky;
	width:100%;
	left:0;
	top:0;
	display:inline-block
}
#modal .content h1,
#prepare .content h1{
	font-size:12px;
	background:#025e60;
	color:#fff;
	padding:10px;
	margin-bottom:10px;
	z-index:1999;
}
#modal .content .row,
#prepare .content .row{
	margin:0;
}
#prepare .content .prog{
	padding:1px;
	border:1px solid #efefef;
}
#prepare .content .prog div{
	height:5px;
	background:#eee;
	border-right:3px solid #ddd;
}
#header-fixed .fhact{
    position: fixed;
    top: 53px; 
	display:none;
	width:100%;
	left:0;
	right:0;
	box-shadow:0px 1px 3px #666;
	margin:0;
	z-index:1001;
}
#header-fixed .box.fhact{
	padding-left:20px;
	padding-right:20px;
	border:0;
}
.scrollbox{
	overflow-y:scroll;
	height:150px;
}
.fbox{
	padding-left:10px;
	padding-right:10px;
	border:1px solid #eee;
	background:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#aa0000;
	line-height:60px;
	margin:5px;
	cursor:pointer;
}
.fbox:hover{
	background:#f6f6f6;
}
.fbox a{
	color:#aa0000;
}
.fbox i.far{
	font-size:200%;
}

@keyframes preload {
  50% {
    opacity: 0;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media all and (max-width: 800px){
	#modal{
		top:0;
	}
	#modal .content{
		width:100%;
		height:100%;
		margin:0;
		box-shadow:0;
		overflow-y:scroll;
	}
}