body {
    background-color: #f3f3f3;
    font-size: .975em;
    overflow-x: hidden;
    color: #353c4e;
    /* font-family: "Open Sans", sans-serif; */
    background-attachment: fixed;
}

.main-body .page-wrapper {
    padding: 1.8rem;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

.nav-main .nav-link { text-transform: uppercase; padding-left: 1rem !important;}
.navbar-nav.nav-main .nav-link.active, .navbar-nav.nav-main .nav-link.show {
    color: #02913c; font-weight: 500;
}
.navbar { 
	padding-top: 0;
	padding-bottom: 0;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.dash-main .card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08);
    box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08);
    border: none;
    margin-bottom: 30px;
}

.card-block {
	padding: 1.25rem
}

.card {
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
	box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
	border: none;
	margin-bottom: 30px
}
.card .card-footer {
	background-color: #fff;
	border-top: none
}
.card .card-header {
	background-color: transparent;
	border-bottom: none;
	padding: 25px 20px
}
.card .card-header .card-header-left {
	display: inline-block
}
.card .card-header .card-header-right {
	border-radius: 0 0 0 7px;
	right: 10px;
	top: 18px;
	display: inline-block; 
	padding: 7px 0;
	position: absolute
}
.card .card-header .card-header-right i {
	margin: 0 8px;
	cursor: pointer;
	font-size: 16px;
	color: #919aa3;
	line-height: 20px
}
.card .card-header .card-header-right i.icofont.icofont-spinner-alt-5 {
	display: none
}
.card .card-header .card-header-right .card-option {
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out
}
.card .card-header .card-header-right .card-option li {
	display: inline-block
}
.card .card-header span {
	color: #919aa3;
	display: block;
	font-size: 13px;
	margin-top: 5px
}
.card .card-header+.card-block, .card .card-header+.card-block-big {
	padding-top: 0
}
.card .card-header h4, .card .card-header h5 {
	margin-bottom: 0;
	color: #505458;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	margin-right: 10px;
	line-height: 1.4
}
.card .card-header h4 { font-size: 18px;}
.card .card-block table tr {
	padding-bottom: 20px
}
.card .card-block .sub-title {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px
}
.card .card-block code {
	background-color: #eee;
	margin: 5px;
	display: inline-block
}
.card .card-block .dropdown-menu {
	top: 38px
}
.card .card-block p {
	line-height: 25px
}
.card .card-block a.dropdown-item {
	margin-bottom: 0;
	font-size: 14px;
	-webkit-transition: 0.25s;
	transition: 0.25s
}
.card .card-block a.dropdown-item:active, .card .card-block a.dropdown-item .active {
	background-color: #01a9ac
}
.card .card-block.remove-label i {
	margin: 0;
	padding: 0
}
.card .card-block.button-list span.badge {
	margin-left: 5px
}
.card .card-block .dropdown-menu {
	background-color: #fff;
	padding: 0
}
.card .card-block .dropdown-menu .dropdown-divider {
	background-color: #ddd;
	margin: 3px 0
}
.card .card-block .dropdown-menu>a {
	padding: 10px 16px;
	line-height: 1.429
}
.card .card-block .dropdown-menu>li>a:focus, .card .card-block .dropdown-menu>li>a:hover {
	background-color: rgba(202, 206, 209, 0.5)
}
.card .card-block .dropdown-menu>li:first-child>a:first-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px
}
.card .card-block .badge-box {
	padding: 10px;
	margin: 12px 0
}
.card .card-block-big {
	padding: 30px 35px
}
.card .card-block-small {
	padding: 15px 20px
}

.bg-c-blue {
	background: -webkit-gradient(linear, left top, right top, from(#01a9ac), to(#01dbdf));
	background: linear-gradient(to right, #01a9ac, #01dbdf)
}
.bg-simple-c-blue {
	background: #01a9ac
}
.text-c-blue {
	color: #01a9ac
}
.bg-c-pink {
	background: -webkit-gradient(linear, left top, right top, from(#fe5d70), to(#fe909d));
	background: linear-gradient(to right, #fe5d70, #fe909d)
}
.bg-simple-c-pink {
	background: #fe5d70
}
.text-c-pink {
	color: #fe5d70
}
.bg-c-green {
	background: -webkit-gradient(linear, left top, right top, from(#0ac282), to(#0df3a3));
	background: linear-gradient(to right, #0ac282, #0df3a3)
}
.bg-simple-c-green {
	background: #0ac282
}
.text-c-green {
	color: #0ac282
}
.bg-c-yellow {
	background: -webkit-gradient(linear, left top, right top, from(#fe9365), to(#feb798));
	background: linear-gradient(to right, #fe9365, #feb798)
}
.bg-simple-c-yellow {
	background: #fe9365
}
.text-c-yellow {
	color: #fe9365
}
.bg-c-orenge {
	background: -webkit-gradient(linear, left top, right top, from(#FE8A7D), to(#feb8b0));
	background: linear-gradient(to right, #FE8A7D, #feb8b0)
}
.bg-simple-c-orenge {
	background: #FE8A7D
}
.text-c-orenge {
	color: #FE8A7D
}
.bg-c-lite-green {
	background: -webkit-gradient(linear, left top, right top, from(#01a9ac), to(#01dbdf));
	background: linear-gradient(to right, #01a9ac, #01dbdf)
}
.bg-simple-c-lite-green {
	background: #01a9ac
}
.text-c-lite-green {
	color: #01a9ac
}


.text-right {
	text-align: right
}
.text-capitalize {
	text-transform: capitalize
}
.text-uppercase {
	text-transform: uppercase
}
.text-lowercase {
	text-transform: lowercase
}
.text-overline {
	text-decoration: overline
}
.text-line-through {
	text-decoration: line-through
}
.text-underline {
	text-decoration: underline
}



@media (min-width:1400px) {
	.container {max-width: 1200px}
	.container-md {max-width: 1280px}
	.container-lg {max-width: 1400px}
	.container-xl {max-width: 1520px}
	/* .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1320px
	} */
}