@font-face {
  font-family: "Open Sans";
  src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face{
  font-family: "Raleway";
  src: url(../fonts/Raleway-Regular.ttf);
}
html{
	scroll-behavior: smooth;
}
body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family: "Open Sans", Arial, sans-serif;
	background:#fff;
	width:100%;
    height: 100vh;
	color:#000;
	overflow-x:hidden;
}
.db-gradient{
	background: rgb(56,0,97,.2);	
	background: linear-gradient(40deg,rgba(237,28,36,.1) 40%,rgba(56,0,97,.1) 100%);
	
}
/*
.db-gradient:nth-child(even) {
	background: rgb(56,0,97,.2);	
	background: linear-gradient(40deg,rgba(237,28,36,.1) 40%,rgba(56,0,97,.1) 100%);
	
}

.db-gradient:nth-child(odd) {
	background: rgb(207,239,240,.2);
	background: rgba(237,28,36,.2);
	
	background: linear-gradient(0deg, rgba(253,187,45,.5) 0%,  rgba(237,28,36,.2) 100%);
	
}
*/
.fs-7{
	font-size:12px;
}
.modal-bg{
	background: linear-gradient(160deg,#ffbc00 30%, rgba(237,28,36,.8) 80%);
	background: rgb(56,0,97,.2);	
	background: linear-gradient(40deg,rgba(237,28,36,.1) 40%,rgba(56,0,97,.1) 100%);
}
th, td{
	white-space: nowrap;
}
.form-error{
	color:#ff0000;
	margin-top:15px;
	padding-top:15px;
}
.text-getchy{
	color: rgba(56,0,97,.8);
	letter-spacing:1.5px;
}
label{
	color:#000;
	margin-bottom:5px;
	margin-top:5px;
	font-weight:400;
	letter-spacing:2px;
}
.container-fluid{
	margin:0;
	padding:0;
}
a{
	color:#442121;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color: rgba(56,0,97,.8) !important;
}
a:visited,
a:active{
	color:#442121;
}
.header{
	width:100vw;
	height:70px;
	background:#fff;
	/*background: linear-gradient(160deg,#ffffff 10%, #ffbc00 50%, rgba(237,28,36,.8) 80%);*/
	background: linear-gradient(40deg,#fff 10%,rgba(56,0,97,.8) 80%);
	background: linear-gradient(40deg,rgba(237,28,36,.1) 40%,rgba(56,0,97,.1) 100%);
	background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    /*background-image: linear-gradient(to right, #00b3cb, #00a7ed, #5a91fb, #ba69e3, #f621a0);    */
	width: 100vw;
   
	padding-top:10px;
	padding-left:10px;
	padding-bottom:30px;
	z-index:99;
	transition: height .2s ease;
}
.header img{
	width:175px;
	float:left;
}
.dropdown{
	cursor:pointer;
}
span.heading{
	font-size:16px;
	color:#000;
}
span.heading-txt{
	font-size:14px;
	color:#000;
}
span.head-label{
	font-size:12px;
	color: rgba(56,0,97,.8);
}
.navigate{
	width:130px;
	padding:5px 10px;
	border:1px solid  rgba(56,0,97,.8);
	border:1px solid #333;
	margin:5px;
	letter-spacing:1.2px;
	border-radius:2px;
}
.navigate-active{
	border:1px solid  rgba(56,0,97,.8);
	background: rgba(56,0,97,.8);
	color:#fff !important;
}
.navigate:hover{
	border:1px solid  rgba(56,0,97,.8);
	background: rgba(56,0,97,.8);
	color:#fff !important;
}
.dropdown-menu{
	border-radius:0;
	padding:0;
	min-width:140px;
	max-width:100%;
}
.dropdown-item{
	font-size:0.8em;
}
a.dropdown-item:hover{
	background:#000;
	color:#fff !important;
	text-decoration:none;
}
.left-bar{
	width:175px;
	width:75px;
	max-height:100%;
	float:left;
	min-height:100vh;	
	margin-left:-30px;
	background:#fff;
}
.left-bar-expand{
	width:200px;
}
.left-nav-expand{
	display:none;
}
.left-bar li{
	list-style:none;
	padding:10px 15px;
	text-align:left;
	height:40px;
	border-bottom:2px solid #f1f1f1;	
	cursor:pointer;
}
.left-bar li:hover{
	background:#f2f2f2;
	border-bottom:2px solid  rgba(56,0,97,.8);
}
.modal-header{
	font-size:0.8em;
	background: rgba(56,0,97,.8);
	background:rgba(237,28,36,.8);
	border-bottom:1px solid  rgba(56,0,97,.8);	
}
.modal-header button .btn-close{
	color:#fff !important;
}
.dataTables_filter input{
	margin-bottom:10px !important;
}
.scroll-full{
	max-width:1400px;
	overflow:auto;
	
}
.btn{
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:2px;
	border-radius:2px;
}
.btn-getchy{
	border-radius:0;
	background: rgba(56,0,97,.8);
	color:#fff;
}
.btn-getchy:hover{
	background:rgba(237,28,36,.5);
	color:#000;
}
.btn-actions{
	/*
	padding:8px 10px;
	width:100%;
	border-radius:0;
	background:#DDD;
	color:#000;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:2px;	
	*/
}
.btn-actions:hover{
	color: rgba(56,0,97,.8);
	border-bottom:1px solid  rgba(56,0,97,.8);
	padding-bottom:5px;
}
.table th{
	margin-top:10px;
	text-transform:uppercase;
	background: rgba(56,0,97,.8);
	background: rgba(56,0,97,.8) ;
	color:#1a1615;
	color:#fff;
	letter-spacing:1.2px;
	font-weight:400;
}
.tool-tip{
	cursor:pointer;
}
.modal-title{
	font-size:1.5em;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:400;
	color:#fff;
}
.nau-border-bottom{
	border-bottom:1px solid  rgba(56,0,97,.8) ;	
}
.left-bar li i{
	margin-right:10px;
}
.main-content{
	width:100vw;
	padding:20px ;
	padding-left:175px;
	border:0px solid #000;
	min-height:100vh;
	height:100%;
	border-left:2px solid #ffbc00;	
	
}
.main-content .bc{
	font-size:1.2em;
	padding:10px;
	height:40px;
	background:#f9f9f9;
	background: linear-gradient(40deg,rgba(237,28,36,.1) 40%,rgba(56,0,97,.1) 100%);
}
.wrapper {
  display: block;
  margin: 1em auto;
  border: 1px solid #555;
  width: 700px;
  height: 350px;
  position: relative;
}
p{text-align:center;}
.label {
  height: 1em;
  padding: .3em;
  background: rgba(255, 255, 255, .8);
  position: absolute;
  display: none;
  color:#333;  
}
.form-control{
	border-radius:0;
	margin-bottom:5px;
	font-size:1.1em;
}
.selected-header{
	text-align:left !important;
}
p.selected{
	padding: 5px;
}
.element,
.element-rcu-field,
.element-field{
	cursor:pointer;
}
.accordion-button{
	background:  rgba(56,0,97,.8);
	background:rgba(237,28,36,.8);
	background: #f1f1f1;
	
	color:#000;
	font-weight:400;
	letter-spacing:1.2px;
}
/*
.header li{
	font-size:0.8em;
	min-width:120px;
	max-width:100%;
	margin:5px;
	margin-top:10px;
	text-align:center;
	text-transform:uppercase;
	float:left;
	list-style:none;
	letter-spacing:3px;
}
.header li.demo{
	margin-top:2px;
	background:	 rgba(56,0,97,.8);
	color:#fff;
	border-radius:20px;
	padding:8px 5px;
}
.header li.demo:hover{
	background:	#442121;
	color:#fff;
}
*/
.scroll{
	position:fixed;
	right:20px;
	bottom:20px;	
	padding:10px;
	font
	-size:1.8em;
	cursor:pointer;
	color: rgba(56,0,97,.8);
}
.card{
	margin-top:30px;
	border:1px solid  rgba(56,0,97,.8);
	background-color:#fff;
	
}
.card-header{
	background:  rgba(56,0,97,.8);
	letter-spacing:3px;
	color:#fff;
}
section .card-body{
	font-size:2.5em;
	text-align:center;
	min-height:100px;
	letter-spacing:2px;
	color:#fff;
	font-weight:600;
}
 .card-footer{
	text-align:right;
	font-size:1.5em;
	text-transform:uppercase;
	letter-spacing:2px;
	border:0;
	color:#f2f2f2;
}
@media only screen and (max-width: 600px) {
	body{
		
	}
	.header{
		margin:0;
		padding:20px;
	}
	.header img{
		width:100px;
	}
	.header ul{
		display:none;
	}
	section{
		padding:20px;
		
		min-height:100%;
		font-size:0.8em;
	}
	section h2{
		font-size:1em;
	}
	section img{
		width:100%;
	}
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  height:80px;
  border-bottom:1px solid #999;
  transition: height .5s;
}
.notifications{
	position: absolute;
	z-index:99999;
	top:80px;
	right:10px;
	
}