.bg-dark {
    background-color: #0f1e2c!important;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: transparent; 
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.dropdown-menu a {
    padding: 15px;
    position: relative;
    color: #fff8f8;
    font-size: 0.8rem;
    text-align: center;
    background-color: #475d72;
}
.dropdown-item  {
	margin-top: 5px;
	box-shadow: -3px 4px 2px 0px #0be2ff;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #000000a3;
    background-clip: border-box;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #ffffff00;
    border: 2px solid #a6ffa1;
    /* border-radius: .25rem; */
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
    color: #b9f8ff;
}
.area-chart .card .card-header{
	color: #ffff00;
}
.border-table .table .thead-dark th {
    color: #fff;
    font-size: 0.8rem;
    background-color: #5a667296;
    border-color: #000000;
}
.border-table .table-bordered {
    border: 1px solid #04091200;
}
.sub{
	font-family: arial;
	text-transform: uppercase;
	font-size: 0.8rem;
	padding: 12px 30px;
	border-radius: 0px;
	border: 1px solid #009688;
	text-decoration: none;
	color: #009688;
	font-weight:700;
	position: relative;
	overflow: hidden;
	background: transparent;
	transition: .3s;
}
.sub:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #009688;
	top:-100%;
	left: 0;
	z-index: -1;
	transition: .3s;
	opacity: 0.5s;
}
.sub:after{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #009688;
	top: -100%;
	left: 0;
	z-index: -1;
	transition: .3s;
	transition-delay: 1s;
}
.sub:hover{
	color: #fff;
	border-color: #009688;
	background-color: #009688;
}
.sub:hover:before{
	top: 0;
}
.sub:hover:after{
	top: 0;
}
.text-info {
    color: #1ec234!important;
}


.can{
	font-family: arial;
	text-transform: uppercase;
	font-size: 0.8rem;
	padding: 12px 30px;
	border-radius: 0px;
	border: 1px solid #ff0018;
	text-decoration: none;
	color: #ff0018;
	font-weight:700;
	position: relative;
	overflow: hidden;
	background: transparent;
	transition: .3s;
}
.can:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #ff0018;
	top:-100%;
	left: 0;
	z-index: -1;
	transition: .3s;
	opacity: 0.5s;
}
.can:after{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #ff0018;
	top: -100%;
	left: 0;
	z-index: -1;
	transition: .3s;
	transition-delay: 1s;
}
.can:hover{
	color: #fff;
	border-color: #ff0018;
	background-color: #ff0018;
}
.can:hover:before{
	top: 0;
	background-color: #ccc;
}
.can:hover:after{
	top: 0;
}
.text-info {
    color: #1ec234!important;
}
.lines{
	border-bottom:3px solid #00fff1;
	width: 200px;
	position:relative;
	margin: 0 auto;
}
.lines::before{
	content:"";
	position: absolute;
	height: 5px;
	width:100px;
	background: #ffff00;
	left:5%;
	margin-top:-1px;
}
h4{
	text-transform: uppercase;
	font-weight: 600;
	font-family: bold;
	text-align: center;
	color: #fff;
}
b, strong {
    font-weight: bolder;
    font-size: 0.7rem;
	color: #000;
    text-transform: uppercase;
}
.search_box{
	background-color:#e4f1f2db;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	border-bottom: 2px solid #0fc3c8;
}
.search1_box{
	background-color:#e4f1f2db;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	border-bottom: 2px solid #0fc3c8;
}
.card-head{
	height: 36px;
	width: 100%;
	border-radius: 7px 7px 0px 0px;
	background:#20ced3;
	z-index:2;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    color: #000;
}
.subs {
	font-family: arial;
	text-transform: uppercase;
	font-size: 0.6rem;
	padding-top: 12px;
	padding-bottom: 12px;
	border-radius: 0px;
	border: 2px solid #20ced3;
	text-decoration: none;
	color: #07797c;
	font-weight: 700;
	position: relative;
	overflow: hidden;
	background: transparent;
	transition: .3s;
}
.subs:hover {
	border: 2px solid #20ced3;
	background: #20ced3;
	transition: .3s;
}
.hello .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #00ffff; */
    text-align: center;
    white-space: nowrap;
    background-color: #0a8d9f;
    border: 1px solid #ffffff;
    border-radius: .25rem;
}
.hello .fas {
    color: #fff;
}
.subss{
	font-family: arial;
	text-transform: uppercase;
	font-size: 0.8rem;
	padding: 12px 30px;
	border-radius: 0px;
	border: 1px solid #393b3b;
    background-color: #181919ab;
	text-decoration: none;
	color: #fff;
	font-weight:700;
	position: relative;
	overflow: hidden;
	transition: .3s;
}