@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

/* html, body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  height: 100%;
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 */

body {
	font-family: 'Poppins', sans-serif;
	/* background:#e3e4e9; */
	background: #dce6f0;

}

.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 5px;
}

.btn-primary:hover {
	color: #fff;
	background-color: #204da8 !important;
	border-color: #204da8 !important;
}

.btn-primary:active {
	color: #fff;
	background-color: #204da8 !important;
	border-color: #204da8 !important;
}

.btn-primary:focus {
	color: #fff;
	/* background-color:#204da8 !important;
	border-color:#204da8 !important; */
}

.sky-mega-menu li a .svg-inline--fa {
	overflow: visible;
	color: #f69a02 !important;
	color: #b24926 !important;
}

p {
	font-family: 'Poppins', sans-serif;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.7em;
	color: #999;
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}


.btn-danger {
	color: #fff;
	box-shadow: 0 2px 2px 0 rgba(32, 78, 168, 0.35);
	border: #ce0000;
	/* background: linear-gradient(to right, rgba(32,78,168,1) 0%, rgba(5,58,156,1) 100%); */
	background: #b24926 !important;
}

.text-primary {
	color: #007bff;
}


.bg-danger {
	color: #fff !important;
	background: #eb3634;
}


.container {
	/*  width: 1170px; */
	min-width: 96%;
	margin: 0px auto !important;
}

.inner-header h2 {
	color: #001737;
	font-weight: 600;
	margin-top: 0px;
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 10px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px;
	font-size: 11px;
}

.info-box {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	margin-bottom: 15px;
	color: #fff;
}

.info-box-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	/*  display: block;
    float: left;
    height: 99px;
	width: 60px; */
	text-align: center;
	font-size: 40px;
	line-height: 90px;
	background: rgba(0, 0, 0, 0.2);
	justify-content: left !important;
	padding-left: 16px;
}

.info-box-content {
	/*  padding: 5px 10px;
    margin-left: 90px; */
}

/* .info-box-text {
    text-transform: uppercase;
} */
.info-box-number {
	display: block;
	font-weight: bold;
	font-size: 17px;
	/* color: #25cbe0; */
	color: #001737 !important;
}

.info-box .progress {
	background: rgba(0, 0, 0, 0.2);
	margin: 5px -10px 5px 0px;
	height: 2px;
}

.info-box .progress .progress-bar {
	background: #fff;
}

.info-box {
	display: block;
	/* min-height: 90px; */
	/*  background: #fff;
    background-color: #3f9900; */
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	margin-bottom: 5px;
}

.info-box .info-box-icon .svg-inline--fa {
	margin-top: 3px !important;
	font-size: 30px !important;
	margin-bottom: 3px !important;
}

.list-style-none ul li ul {
	margin-left: 0px;
	padding-left: 19px;
}

.list-style-none ul li {
	list-style: none;
}


.text-success {
	color: #3f9900;
}

.text-danger {
	color: #ef2121;
}

.bg-primary {
	background-color: #41ad00 !important;
}

.bg-warning {
	background-color: #ffbc34 !important;
}

.bg-green {
	background-color: #55ce63 !important;
}

.bg-secondary {
	background-color: #007bff !important;
}

.bg-secondary {
	background-color: #28a745 !important;
}

.bg-red {
	background-color: #e83632 !important;
}

.bg-blue {
	background-color: #feb236 !important;
}

.bg-orange {
	background-color: #ffa200 !important;
}

.bg-purple {
	background-color: #b61bcd !important;
}

.bg-lightgreen {
	background-color: #0bb7c4 !important;
}

.bg-black {
	/* background-color:#313131 !important; */
	/* background-color:#38354a !important; */
	background-color: #fff !important;
}



#sidebarCollapse .svg-inline--fa {
	margin-top: 0px;
}

.fa.fa-signal:after {
	position: absolute;
	content: "/";
	color: red;
	font-weight: 700;
	font-size: 1.7em;
	left: 7px;
	top: -10px;
}

/* .info-box-icon .svg-inline--fa.fa-w-20, .svg-inline--fa.fa-w-16, .svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-6, .svg-inline--fa.fa-w-11 {
    width: 24px;
    padding: 5px 0px;
    margin-top: 25px !important;
} */

.info-box-icon {
	/*height: 90px;*/
	margin-right: 0px;
}

.info-box-content {
	width: 100%;
	/* margin-left: 85px;
	display: table-cell; */
}




.info-box-details h4 {
	font-size: 14px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d1d1d1;
	color: green;
}

/* .info-details-icons, .svg-inline--fa.fa-w-20{
	width: 15px;
	margin-top: 0px;
	margin-right:5px;
	float: left;
} */

.info-box-details-content {
	background: #ebf4ff;
}

.info-box-details .table>tbody>tr>td {
	border-bottom: 1px solid #dbebff !important;
	border-top: none;
	font-size: 11px;
}

.info-box-details .table>tbody>tr>.text-right {
	font-weight: bold;

}

.info-box-details-content-icons {
	font-size: 11px;
}

.info-box-details-content-icons,
.svg-inline--fa {
	margin-top: 0px !important;
	margin-right: 5px !important;
}

.info-box-content,
.info-box-text {
	font-size: 10px;
	width: 100%;
	padding: 2px 0px;

}

.card-box {
	clear: both;
	/* margin-bottom: 15px; */
	margin-top: 0;
	padding: 0;
	/* display: contents; */
}

.card-body {
	background: #fff;
	display: flow-root;
	box-shadow: 0px 2px 2px #33333361;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.card-calendar {
	display: flex;
	padding: 0px 21px;
	background: #fff;
}

.calendar-date {
	padding: 0px 11%;
	display: flex;
	color: #e93633;
}


.calendar-left-arrow,
.calendar-left-right {
	padding: 5px 10px;
	background: #fff;
	cursor: pointer;
	color: #e93633;
}

.card-calendar .svg-inline--fa {
	font-size: 24px !important;
}

.card-type-title {
	padding: 8px 13px;
	width: 100%;
	display: block;
	font-size: 14px !important;
	font-weight: 600;
	color: #e3312a;
	text-align: left;
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(246, 246, 246) 42%, rgb(237, 237, 237) 100%);
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}


.card-type-body {
	/* padding:5px; */
}

.card {
	clear: both;
	margin-bottom: 15px;
	margin-top: 0;
	padding: 0;
	display: flow-root;
	/* border: 1px solid #f0f0f0;
	width: 100%;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); */
}

.card-title {
	background-color: #f8f8f8 !important;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 2px 0 0;
	color: #fff;
	margin-bottom: 0;
	padding: 12px 100px 12px 14px !important;
	/* min-height: 48px; */
	position: relative;
	clear: both;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;

}



.card-title .svg-inline--fa {
	color: #fff;
}

.card-content {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 15px 20px;
	border-color: rgba(0, 0, 0, .1);
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0;
	display: flow-root;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

}

.card-title h4 {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	color: #204da8 !important;
	font-weight: 500 !important;
}

.card-sub-heading {
	/* display: block;
	float: none;
	margin-top: 0;
	position: absolute;
	top: 2px;
	right: 15px;
	padding: 0;
	text-align: right;
	font-size: 12px;
	margin-top: 5px; */
	display: block;
	float: none;
	margin-top: 0;
	position: absolute;
	top: 9px;
	right: 15px;
	padding: 0;
	text-align: right;
}

.card-sub-heading p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}



.card-title-head {
	margin-top: 10px;
	margin-bottom: 0px;
	color: #001737;
}

.card-title-head h6 {
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 10px;
	font-family: "Nunito", sans-serif;
}

.card-danger-text {
	color: #ff0000;
	font-size: 18px;
	display: block ruby;
	margin-top: 2px;
	font-weight: bold;
}

.clear {
	clear: both;
}













.text-muted {
	color: #023637 !important;
}


.message-heading {
	margin: 5px 0px 0;
	line-height: 1.5;
}

.message-msg {
	ont-size: 12px;
	display: block;
	margin: 1px 0;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #54667a;
	white-space: nowrap;
	line-height: 1.5;
}



.header-top {

	/* background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(238,56,56,1) 0%, rgba(206,21,0,0.92) 90.1% ); */
	/* background: linear-gradient(to right, rgba(32,78,168,1) 0%, rgba(5,58,156,1) 100%); */
	background-image: url('Img/New Project.png');
	min-height: 100px;
}

.header-brand {
	vertical-align: middle;
	padding-top: 0px;
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
	width: 50%;
}

.header-brand h1 {
	font-weight: 900;
	color: #fff;
	text-shadow: 1px 1px 1px #042a79;
	/* float: left; */
	padding-top: 5px;
	padding-left: 14px;
	font-size: 30px;
	margin-bottom: 0;
	width: 100%;
}

.header-brand h4 {
	color: #d77b5c !important;
	text-shadow: 1px 1px 1px #042a79;
	padding-left: 0px;
	/* display: ruby; */
	font-size: 15px;
	float: left;
}

.header-brand img {
	width: 100px;
	float: left;
	padding: 5px;
}

.header-top .icon {
	color: rgba(255, 255, 255, 0.8) !important;
	text-align: center;
	/* line-height: 28px; */
	/* background: #1572e8; */
	border-radius: 8px;
	/* padding: 11px; */
	display: block;
	font-size: 18px;
	/* height:33px; */
	cursor: pointer;
	/* margin-top:8px; */
	margin: auto auto;
}

.notify {
	position: relative;
	top: -25px;
	right: -7px;
}

.notify .heartbit {
	position: absolute;
	top: -20px;
	right: -4px;
	height: 25px;
	width: 25px;
	z-index: 10;
	border: 5px solid #f62d51;
	border-radius: 70px;
	-moz-animation: heartbit 1s ease-out !important;
	-moz-animation-iteration-count: infinite !important;
	-o-animation: heartbit 1s ease-out !important;
	-o-animation-iteration-count: infinite !important;
	-webkit-animation: heartbit 1s ease-out !important;
	-webkit-animation-iteration-count: infinite !important;
	animation-iteration-count: infinite !important;
}

.notify .point {
	width: 6px;
	height: 6px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #fff;
	position: absolute;
	right: 6px;
	top: 1px;
}

.d-md-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-md-flex .icon {
	padding-left: .75rem;
	padding-right: .75rem;
	font-size: 17px;
	/* line-height: 50px; */
}

.top-right-dropdown {
	vertical-align: middle;
	padding: 16px 0px;
}

.icon,
.dropdown-menu-right {
	padding: 0px;
}

.icon,
.dropdown-menu-right a {
	/* padding: 12px; */
	font-size: 13px;
	padding: 10px 12px;
}

.icon,
.dropdown-menu-right a {
	color: #54667a;
}

.icon,
.dropdown-menu-right .small {
	/* padding-top:8px; */
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: #f2f2f2;
}

.dropdown-item>div {
	padding-top: 9px;
}

.dropdown-divider {
	margin: 0px !important;
}

.read-all {
	padding: 16px !important;
}


.dropdown-icon {
	margin-right: 5px;
}



.flex-row {
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}


.ml-auto,
.mx-auto {
	margin-left: auto !important;
}

/*==================== navigation menu =====================*/
.top-menu {
	/*  	box-shadow: 0px -3px 3px #002f86; */
	box-shadow: 0px 1px 2px #3333337d;
	border-bottom: 1px solid #e1e1e1;
	background: #fff !important;
	width: 100%;
	top: 0px;
	z-index: 20;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;

}

.sky-mega-menu li a.active {
	color: #8aa0aa !important;
	/* background: linear-gradient(to right, #318f94 0%, #5ec58c 100%);
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,.1),4px 4px 15px -5px rgba(21,114,232,.4) !important; */
}


.sky-mega-menu>li>a .caret {
	position: absolute;
	font-family: icomoon;
	right: 9px;
	top: 20px;
	/* 	color: #00459c !important; */
	z-index: 9999;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	color: #8aa0aa !important;
}

.sky-mega-menu li a {
	color: #8d9498 !important;
}

.sky-mega-menu {
	background: none !important;
}

.sky-mega-menu li a:hover {
	/*  background: #002d55 !important; */
}

.sky-mega-menu,
.sky-mega-menu * {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	background: none;
}

.sky-mega-menu {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 2px 0px;
}

.sky-mega-menu li a:active {
	color: #fab718 !important;
	/*  border-bottom: 1px solid #002d55 !important; */
	/*  background: #864d17; */
}

.sky-mega-menu li a:active,
.sky-mega-menu li a:focus,
.sky-mega-menu li a:hover {
	color: #313131 !important;
	/* background: linear-gradient(to right, #5ec58c 0%, #318f94 100%) !important;
    box-shadow: 4px 4px 10px 0 rgba(0,0,0,.1),4px 4px 15px -5px rgba(21,114,232,.4) !important; */
}


/**/
/* level 1 */
/**/
.sky-mega-menu {
	position: relative;
	z-index: 999;
	background: rgba(255, 255, 255, 0.9);
	font-size: 0;
	line-height: 0;
	/*  text-align: center; */
}

.sky-mega-menu:after {
	content: '';
	display: table;
	clear: both;
}

.sky-mega-menu .grid-container3 ul li a {
	text-align: left !important;
	padding: 13px 18px !important;
	line-height: 1.2;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
	border-radius: 0px;
	font-size: 14px !important;
}


.sky-mega-menu .grid-container3 ul li .grid-container3 {
	margin-top: 0px;
}

.sky-mega-menu .grid-container3 ul li .grid-container3 ul li a {
	background: #fff !important;
	border: 1px solid #f2f2f2;
	padding: 12px 22px !important;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #8aa0aa;
	position: absolute;
	right: 0px;
	top: 16px;
}

.sky-mega-menu .grid-container3 ul li a:hover {
	/* background: linear-gradient(to right, #5ec58c 0%, #318f94 100%) !important; */
}

.sky-mega-menu li i {
	width: 27px;
	font-size: 21px;
	display: inline-block;
	vertical-align: middle;
}

.sky-mega-menu li {
	position: relative;
	display: inline-block;
	border-style: solid;
	border-color: #f9f9f9;
	border-right-width: 1px;
	font-size: 13px;
	line-height: 6px;
	text-align: left;
	white-space: nowrap;

}

.sky-mega-menu li a {
	display: block !important;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none !important;
	color: #8aa0aa !important;
	font-size: 14px !important;
	text-align: center;
	/* width: 111px; */
	line-height: 1;
	border-radius: 4px;
}

.sky-mega-menu li>div {
	position: absolute;
	z-index: 1000;
	top: 100%;
	left: -9999px;
	background: rgba(255, 255, 255, 0.9);
	/*  border: 1px solid #dbdbdb; */
	opacity: 0;
	z-index: 1001;
	width: 223px;
}


.navbar-right .grid-container3 {
	margin-left: -63px;
	width: 188px;
}

.navbar-right .grid-container3 ul li a {
	padding: 10px 22px !important;
	line-height: 1.0;
}


.sky-mega-menu li>div:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 8px;
	background: transparent;
}

.sky-mega-menu li>div:before {
	/*  content: '';
    position: absolute;
    bottom: 100%;
    left: 24px;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(255,255,255,0.9);
    border-left: 5px solid transparent; */
}

.sky-mega-menu li:hover>.dropdown:before {
	content: "â–¼";
}

.sky-mega-menu li:hover>a,
.sky-mega-menu li.current>a {
	color: #864d17;
}

.sky-mega-menu li:hover>div {
	left: 0;
	opacity: 1;
	border-radius: 4px;
	background: transparent;
	/* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.09); */
	margin-top: 4px;
	box-shadow: 0px 10px 15px -2px rgba(51, 51, 51, 0.32);
}

.sky-mega-menu .right {
	float: none;
	border-right-width: 0;
	border-left-width: 1px;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}

.sky-mega-menu .right>div {
	-o-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
	-moz-transform-origin-x: 100%;
	-webkit-transform-origin-x: 100%;
}

.sky-mega-menu .right:hover>div {
	right: 0;
	left: auto;
}

.sky-mega-menu .right:hover>div:before {
	right: 24px;
	left: auto;
}

.sky-mega-menu .switcher {
	display: none;
}


/**/
/* level 2+ */
/**/
.sky-mega-menu li li {
	display: block;
	float: none;
	border-width: 0;
	/* border-top-width: 1px; */
	line-height: 21px;
	white-space: normal;
	width: 100%;
}

.sky-mega-menu li li:first-child {
	border-top: 0;
	background: none !important;
}

.sky-mega-menu li li a {
	padding-top: 18px;
	padding-bottom: 18px;
}

.sky-mega-menu li li>div {
	top: 0;
	/*    margin: 0 0 0 8px;*/
	margin: 0 0 0 0px;
}

.sky-mega-menu li li>div:after {
	top: 0;
	right: 100%;
	bottom: auto;
	left: auto;
	width: 8px;
	height: 100%;
}

.sky-mega-menu li li>div:before {
	top: 22px;
	right: 100%;
	bottom: auto;
	left: auto;
	border-top: 5px solid transparent;
	border-right: 5px solid rgba(255, 255, 255, 0.9);
	border-bottom: 5px solid transparent;
}

.sky-mega-menu li li:hover>div {
	left: 100%;
}

.sky-mega-menu .right li>div {
	margin: 0 8px 0 0;
	-o-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
	-moz-transform-origin-x: 100%;
	-webkit-transform-origin-x: 100%;
}

.sky-mega-menu .right li>div:after {
	right: auto;
	left: 100%;
}

.sky-mega-menu .right li>div:before {
	right: auto;
	left: 100%;
	border-right: none;
	border-left: 5px solid rgba(255, 255, 255, 0.9);
}

.sky-mega-menu .right li:hover>div {
	right: 100%;
	left: auto;
}


/**/
/* positions */
/**/
.sky-mega-menu-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.sky-mega-menu-pos-bottom li>div {
	top: auto;
	bottom: 100%;
	margin: 0 0 8px;
	-o-transform-origin-y: 100%;
	-ms-transform-origin-y: 100%;
	-moz-transform-origin-y: 100%;
	-webkit-transform-origin-y: 100%;
}

.sky-mega-menu-pos-bottom li>div:after {
	top: 100%;
	bottom: auto;
}

.sky-mega-menu-pos-bottom li>div:before {
	top: 100%;
	bottom: auto;
	border-top: 5px solid rgba(255, 255, 255, 0.9);
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}

.sky-mega-menu-pos-bottom li li>div {
	top: auto;
	bottom: 0;
}

.sky-mega-menu-pos-bottom li li>div:before {
	top: auto;
	bottom: 22px;
}

.sky-mega-menu-pos-bottom.sky-mega-menu-fixed {
	top: auto;
	bottom: 0;
}

.sky-mega-menu-pos-left li,
.sky-mega-menu-pos-right li {
	display: block;
	float: none;
	border-width: 0;
	border-top-width: 1px;
}

.sky-mega-menu-pos-left li:first-child,
.sky-mega-menu-pos-right li:first-child {
	border-top: 0;
}

.sky-mega-menu-pos-left li>div,
.sky-mega-menu-pos-right li>div {
	top: 0;
}

.sky-mega-menu-pos-left li>div {
	margin: 0 0 0 8px;
}

.sky-mega-menu-pos-right li>div {
	margin: 0 8px 0 0;
	-o-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
	-moz-transform-origin-x: 100%;
	-webkit-transform-origin-x: 100%;
}

.sky-mega-menu-pos-left li>div:after,
.sky-mega-menu-pos-right li>div:after {
	top: 0;
	bottom: auto;
	width: 8px;
	height: 100%;
}

.sky-mega-menu-pos-left li>div:after {
	right: 100%;
	left: auto;
}

.sky-mega-menu-pos-right li>div:after {
	right: auto;
	left: 100%;
}

.sky-mega-menu-pos-left li>div:before,
.sky-mega-menu-pos-right li>div:before {
	top: 22px;
	bottom: auto;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.sky-mega-menu-pos-left li>div:before {
	right: 100%;
	left: auto;
	border-right: 5px solid rgba(255, 255, 255, 0.9);
}

.sky-mega-menu-pos-right li>div:before {
	right: auto;
	left: 100%;
	border-left: 5px solid rgba(255, 255, 255, 0.9);
}

.sky-mega-menu-pos-left li:hover>div {
	left: 100%;
}

.sky-mega-menu-pos-right li:hover>div {
	right: 100%;
	left: auto;
}

.sky-mega-menu-pos-left .bottom>div,
.sky-mega-menu-pos-right .bottom>div {
	top: auto;
	bottom: 0;
	-o-transform-origin-y: 100%;
	-ms-transform-origin-y: 100%;
	-moz-transform-origin-y: 100%;
	-webkit-transform-origin-y: 100%;
}

.sky-mega-menu-pos-left .bottom>div:before,
.sky-mega-menu-pos-right .bottom>div:before {
	top: auto;
	bottom: 22px;
}

.sky-mega-menu-pos-right li li>div {
	margin: 0 8px 0 0;
	-o-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
	-moz-transform-origin-x: 100%;
	-webkit-transform-origin-x: 100%;
}

.sky-mega-menu-pos-right li li>div:after {
	right: auto;
	left: 100%;
}

.sky-mega-menu-pos-right li li>div:before {
	right: auto;
	left: 100%;
	border-right: none;
	border-left: 5px solid rgba(255, 255, 255, 0.9);
}

.sky-mega-menu-pos-right li li:hover>div {
	right: 100%;
	left: auto;
}

.sky-mega-menu-pos-left.sky-mega-menu-fixed {
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	width: auto;
}

.sky-mega-menu-pos-right.sky-mega-menu-fixed {
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: auto;
}



/**/
/* grid */
/**/
.sky-mega-menu .grid-column {
	float: left;
	border-color: #d9d9d9;
	border-left-width: 1px;
	border-left-style: solid;
}

.sky-mega-menu .grid-column:first-child {
	margin-left: 0;
	border-left: 0;
}

.sky-mega-menu .grid-column2,
.sky-mega-menu .grid-container2 {
	width: 155px;
}

.sky-mega-menu .grid-column3,
.sky-mega-menu .grid-container3 {
	/*  width: 233px; */
}

.sky-mega-menu .grid-column4,
.sky-mega-menu .grid-container4 {
	width: 311px;
}

.sky-mega-menu .grid-column5,
.sky-mega-menu .grid-container5 {
	width: 389px;
}

.sky-mega-menu .grid-column6,
.sky-mega-menu .grid-container6 {
	width: 467px;
}

.sky-mega-menu .grid-column7,
.sky-mega-menu .grid-container7 {
	width: 545px;
}

.sky-mega-menu .grid-column8,
.sky-mega-menu .grid-container8 {
	width: 623px;
}

.sky-mega-menu .grid-column9,
.sky-mega-menu .grid-container9 {
	width: 701px;
}

.sky-mega-menu .grid-column10,
.sky-mega-menu .grid-container10 {
	width: 779px;
}

.sky-mega-menu .grid-column11,
.sky-mega-menu .grid-container11 {
	width: 857px;
}

.sky-mega-menu .grid-column12,
.sky-mega-menu .grid-container12 {
	width: 935px;
}



/**/
/* icons */
/**/
.sky-mega-menu li a>.fa {
	display: block;
	float: left;
	width: 16px;
	/*  margin: 0 5px 0 -11px; */
	font-size: 14px;
	line-height: inherit;
	text-align: center;
	margin-right: 10px;
}

.sky-mega-menu li a>.fa-single {
	/*    float: none;
    margin: 0;*/
	padding-top: 2px;
}

.sky-mega-menu li a>.fa-indicator {
	position: relative;
	top: -1px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0 -10px 0 10px;
	font-size: 9px;
	line-height: 1;
	text-align: right;
}

.sky-mega-menu li li a>.fa-indicator {
	top: 0;
	float: right;
	display: block;
	line-height: inherit;
}


/**/
/* forms */
/**/
.sky-mega-menu form fieldset {
	display: block;
	padding: 25px 30px;
}

.sky-mega-menu form fieldset+fieldset {
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.sky-mega-menu form section {
	margin-bottom: 20px;
}

.sky-mega-menu form .input,
.sky-mega-menu form .textarea,
.sky-mega-menu form .radio,
.sky-mega-menu form .checkbox,
.sky-mega-menu form .button {
	position: relative;
	display: block;
}

.sky-mega-menu form .input input,
.sky-mega-menu form .textarea textarea {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 39px;
	padding: 8px 10px;
	outline: none;
	border: 2px solid #e5e5e5;
	border-radius: 0;
	background: #fff;
	font: 13px/19px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}

.sky-mega-menu form .textarea textarea {
	height: auto;
	resize: none;
}

.sky-mega-menu form .button {
	float: right;
	height: 39px;
	overflow: hidden;
	margin-left: 20px;
	padding: 0 20px;
	outline: none;
	border: 0;
	background-color: #2da5da;
	font: 300 13px/39px 'Open Sans', Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}

.sky-mega-menu form .fa-append {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 29px;
	height: 29px;
	padding-left: 3px;
	border-left: 1px solid #e5e5e5;
	font-size: 15px;
	line-height: 29px;
	text-align: center;
	color: #ccc;
}

.sky-mega-menu form .input .fa-append+input,
.sky-mega-menu form .textarea .fa-append+textarea {
	padding-right: 46px;
}

.sky-mega-menu form .row {
	margin: 0 -15px;
}

.sky-mega-menu form .row:after {
	content: '';
	display: table;
	clear: both;
}

.sky-mega-menu form .col {
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sky-mega-menu form .col-6 {
	width: 50%;
}

.sky-mega-menu form .input:hover input,
.sky-mega-menu form .textarea:hover textarea,
.sky-mega-menu form .checkbox:hover i {
	border-color: #8dc9e5;
}

.sky-mega-menu form .button:hover {
	opacity: 1;
}

.sky-mega-menu form .input input:focus,
.sky-mega-menu form .textarea textarea:focus,
.sky-mega-menu form .checkbox input:focus+i {
	border-color: #2da5da;
}

.sky-mega-menu .search {
	border-left: 0;
}

.sky-mega-menu .search .input {
	margin: 3px 3px 3px 3px;
}

.sky-mega-menu .search .input input {
	width: 240px;
	padding-right: 65px;
}

.sky-mega-menu .search .button {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}


/**/
/* pad */
/**/
@media screen and (max-width: 1000px) {
	.sky-mega-menu li a {
		padding: 0 15px;
	}

	.sky-mega-menu li a>.fa-indicator {
		margin-right: -5px;
	}

	.sky-mega-menu .grid-column2,
	.sky-mega-menu .grid-container2 {
		width: 117px;
	}

	.sky-mega-menu .grid-column3,
	.sky-mega-menu .grid-container3 {
		width: 176px;
	}

	.sky-mega-menu .grid-column4,
	.sky-mega-menu .grid-container4 {
		width: 235px;
	}

	.sky-mega-menu .grid-column5,
	.sky-mega-menu .grid-container5 {
		width: 294px;
	}

	.sky-mega-menu .grid-column6,
	.sky-mega-menu .grid-container6 {
		width: 353px;
	}

	.sky-mega-menu .grid-column7,
	.sky-mega-menu .grid-container7 {
		width: 412px;
	}

	.sky-mega-menu .grid-column8,
	.sky-mega-menu .grid-container8 {
		width: 471px;
	}

	.sky-mega-menu .grid-column9,
	.sky-mega-menu .grid-container9 {
		width: 530px;
	}

	.sky-mega-menu .grid-column10,
	.sky-mega-menu .grid-container10 {
		width: 589px;
	}

	.sky-mega-menu .grid-column11,
	.sky-mega-menu .grid-container11 {
		width: 648px;
	}

	.sky-mega-menu .grid-column12,
	.sky-mega-menu .grid-container12 {
		width: 707px;
	}

	.sky-mega-menu li a {
		width: 100% !important;
	}

	.sky-mega-menu li a {
		text-align: left;
	}

	.sky-mega-menu li li {
		width: 100%;
	}


}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
	body {
		-webkit-text-size-adjust: none;
	}

	.sky-mega-menu li:hover>div {
		display: contents !important;
	}

	.content-wrapper {
		margin-bottom: 69px !important;
	}


	.sky-mega-menu .grid-column {
		float: none;
		width: auto;
		margin: 0;
		border: 0;
		border-top: 1px solid #d9d9d9;
	}

	.sky-mega-menu .grid-column:first-child {
		border-top: 0;
	}

	.sky-mega-menu form fieldset {
		display: block;
		padding: 15px 20px;
	}

	.sky-mega-menu form section {
		margin-bottom: 10px;
	}

	.sky-mega-menu form .row {
		margin: 0 -10px;
	}

	.sky-mega-menu form .col {
		padding-right: 10px;
		padding-left: 10px;
	}


	.sky-mega-menu-response-to-stack>li {
		display: block;
		float: none;
		border: 0;
		border-top: 1px solid #d9d9d9;
	}

	.sky-mega-menu-response-to-stack>li:first-child {
		border-top: 0;
	}

	.sky-mega-menu-response-to-switcher>li {
		display: none;
		float: none;
		border: 0;
	}

	.sky-mega-menu-response-to-switcher>.switcher {
		display: block;
	}

	.sky-mega-menu-response-to-switcher:hover>li {
		display: block;
		border-top: 1px solid #d9d9d9;
	}

	.sky-mega-menu-response-to-switcher:hover>.switcher {
		display: none;
	}

	.sky-mega-menu-response-to-stack li>div,
	.sky-mega-menu-response-to-stack li>[class^="grid-container"],
	.sky-mega-menu-response-to-switcher li>div,
	.sky-mega-menu-response-to-switcher li>[class^="grid-container"] {
		top: 100%;
		bottom: auto;
		width: auto;
		margin: 8px 0 0 0;
		-o-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}

	.sky-mega-menu-response-to-stack li>div:after,
	.sky-mega-menu-response-to-switcher li>div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}

	.sky-mega-menu-response-to-stack li>div:before,
	.sky-mega-menu-response-to-switcher li>div:before {
		display: none;
	}

	.sky-mega-menu-response-to-stack li a>.fa,
	.sky-mega-menu-response-to-switcher li a>.fa {
		margin: 0 15px 0 0;
	}

	.sky-mega-menu-response-to-stack li li>div,
	.sky-mega-menu-response-to-switcher li li>div {
		top: 100%;
		width: auto;
		margin: 8px 0 0 0;
	}

	.sky-mega-menu-response-to-stack li li>div:after,
	.sky-mega-menu-response-to-switcher li li>div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}

	.sky-mega-menu-response-to-stack li li:hover>div,
	.sky-mega-menu-response-to-switcher li li:hover>div {
		right: 0;
		left: 51px;
	}

	.sky-mega-menu-response-to-stack .search .input input,
	.sky-mega-menu-response-to-switcher .search .input input {
		width: 100%;
	}

	.sky-mega-menu-response-to-icons li {
		position: static;
		font-size: 0;
	}

	.sky-mega-menu-response-to-icons li a {
		padding: 0 10px;
	}

	.sky-mega-menu-response-to-icons li>div,
	.sky-mega-menu-response-to-icons li>[class^="grid-container"] {
		width: 100%;
	}

	.sky-mega-menu-response-to-icons li>div:before {
		display: none;
	}

	.sky-mega-menu-response-to-icons li a>.fa {
		margin: 0;
	}

	.sky-mega-menu-response-to-icons li a>.fa-indicator {
		position: static;
		display: block;
		float: right;
		margin-left: 10px;
		line-height: 45px;
	}

	.sky-mega-menu-response-to-icons li li {
		position: relative;
		font-size: 13px;
	}

	.sky-mega-menu-response-to-icons li li>div,
	.sky-mega-menu-response-to-icons .right li>div {
		top: 100%;
		margin: 8px 0 0 0;
	}

	.sky-mega-menu-response-to-icons li li>div:after,
	.sky-mega-menu-response-to-icons .right li>div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}

	.sky-mega-menu-response-to-icons li li:hover>div,
	.sky-mega-menu-response-to-icons .right li:hover>div {
		right: 0;
		left: 41px;
		width: auto;
	}

	.sky-mega-menu-response-to-icons li li a>.fa {
		margin-right: 10px;
	}

	.sky-mega-menu-response-to-icons li li a>.fa-indicator {
		margin-right: 0px;
	}

	.sky-mega-menu-response-to-icons.sky-mega-menu-anim-flip li li>div {
		top: 100%;
		margin: 8px 0 0 0;
		transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
	}

	.sky-mega-menu-pos-bottom.sky-mega-menu-response-to-icons li li>div {
		top: auto;
		bottom: 100%;
		margin: 0 0 8px 0;
	}

	.sky-mega-menu-pos-bottom.sky-mega-menu-response-to-icons li li>div:after {
		top: 100%;
		bottom: auto;
	}
}













/**/
/* pad */
/**/
@media screen and (max-width: 1000px) {
	.sky-mega-menu li a {
		padding: 18px 15px;
	}

	.sky-mega-menu li a>.fa-indicator {
		margin-right: -5px;
	}

	.sky-mega-menu .grid-column2,
	.sky-mega-menu .grid-container2 {
		width: 117px;
	}

	.sky-mega-menu .grid-column3,
	.sky-mega-menu .grid-container3 {
		width: 176px;
	}

	.sky-mega-menu .grid-column4,
	.sky-mega-menu .grid-container4 {
		width: 235px;
	}

	.sky-mega-menu .grid-column5,
	.sky-mega-menu .grid-container5 {
		width: 294px;
	}

	.sky-mega-menu .grid-column6,
	.sky-mega-menu .grid-container6 {
		width: 353px;
	}

	.sky-mega-menu .grid-column7,
	.sky-mega-menu .grid-container7 {
		width: 412px;
	}

	.sky-mega-menu .grid-column8,
	.sky-mega-menu .grid-container8 {
		width: 471px;
	}

	.sky-mega-menu .grid-column9,
	.sky-mega-menu .grid-container9 {
		width: 530px;
	}

	.sky-mega-menu .grid-column10,
	.sky-mega-menu .grid-container10 {
		width: 589px;
	}

	.sky-mega-menu .grid-column11,
	.sky-mega-menu .grid-container11 {
		width: 648px;
	}

	.sky-mega-menu .grid-column12,
	.sky-mega-menu .grid-container12 {
		width: 707px;
	}
}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
	body {
		-webkit-text-size-adjust: none;
	}

	.container {
		width: 100%;
		margin: 0px auto;
	}

	.sky-mega-menu li:hover>div {

		width: 100%;
	}

	.sky-mega-menu-response-to-switcher li li:hover>div {
		right: 0;
		left: 10px !important;
	}

	.sky-mega-menu-response-to-switcher li>div,
	.sky-mega-menu-response-to-switcher li>[class^="grid-container"] {
		margin-top: 0px !important;
	}

	.sky-mega-menu .grid-column {
		float: none;
		width: auto;
		margin: 0;
		border: 0;
		border-top: 1px solid #d9d9d9;
	}

	.sky-mega-menu {
		width: 100% !important;
		text-align: right;
		border-right: 1px solid #f0f0f0;
		border-left: 1px solid #f0f0f0;
		/*  margin-bottom: 10px; */
		border-bottom: 1px solid #f0f0f0;
	}


	.sky-mega-menu .grid-column:first-child {
		border-top: 0;
	}

	.sky-mega-menu form fieldset {
		display: block;
		padding: 15px 20px;
	}

	.sky-mega-menu form section {
		margin-bottom: 10px;
	}

	.sky-mega-menu form .row {
		margin: 0 -10px;
	}

	.sky-mega-menu form .col {
		padding-right: 10px;
		padding-left: 10px;
	}


	.sky-mega-menu-response-to-stack>li {
		display: block;
		float: none;
		border: 0;
		border-top: 1px solid #d9d9d9;
	}

	.sky-mega-menu-response-to-stack>li:first-child {
		border-top: 0;
	}

	.sky-mega-menu-response-to-switcher>li {
		/* display: none;
        float: none; */
		border: 0;
	}

	.sky-mega-menu-response-to-switcher>.switcher {
		display: block;
	}

	.sky-mega-menu-response-to-switcher:hover>li {
		display: block;
		border-top: 1px solid #d9d9d9;
	}

	.sky-mega-menu-response-to-switcher:hover>.switcher {
		display: none;
	}

	.sky-mega-menu-response-to-stack li>div,
	.sky-mega-menu-response-to-stack li>[class^="grid-container"],
	.sky-mega-menu-response-to-switcher li>div,
	.sky-mega-menu-response-to-switcher li>[class^="grid-container"] {
		top: 100%;
		bottom: auto;
		width: auto;
		margin: 8px 0 0 0;
		-o-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}

	.sky-mega-menu-response-to-stack li>div:after,
	.sky-mega-menu-response-to-switcher li>div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}

	.sky-mega-menu-response-to-stack li>div:before,
	.sky-mega-menu-response-to-switcher li>div:before {
		display: none;
	}

	.sky-mega-menu-response-to-stack li a>.fa,
	.sky-mega-menu-response-to-switcher li a>.fa {
		margin: 0 15px 0 0;
	}

	.sky-mega-menu-response-to-stack li li>div,
	.sky-mega-menu-response-to-switcher li li>div {
		top: 100%;
		width: auto;
		margin: 8px 0 0 0;
	}

	.sky-mega-menu-response-to-stack li li>div:after,
	.sky-mega-menu-response-to-switcher li li>div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}

	.sky-mega-menu-response-to-stack li li:hover>div,
	.sky-mega-menu-response-to-switcher li li:hover>div {
		right: 0;
		left: 51px;
	}

	.sky-mega-menu-response-to-stack .search .input input,
	.sky-mega-menu-response-to-switcher .search .input input {
		width: 100%;
	}

	.sky-mega-menu-response-to-icons li {
		position: static;
		font-size: 0;
	}

	.sky-mega-menu-response-to-icons li a {
		padding: 0 10px;
	}

	.sky-mega-menu-response-to-icons li>div,
	.sky-mega-menu-response-to-icons li>[class^="grid-container"] {
		width: 100%;
	}

	.sky-mega-menu-response-to-icons li>div:before {
		display: none;
	}

	.sky-mega-menu-response-to-icons li a>.fa {
		margin: 0;
	}

	.sky-mega-menu-response-to-icons li a>.fa-indicator {
		position: static;
		display: block;
		float: right;
		margin-left: 10px;
		line-height: 45px;
	}

	.sky-mega-menu-response-to-icons li li {
		position: relative;
		font-size: 13px;
	}

	.sky-mega-menu-response-to-icons li li>div,
	.sky-mega-menu-response-to-icons .right li>div {
		top: 100%;
		margin: 8px 0 0 0;
	}

	.sky-mega-menu-response-to-icons li li>div:after,
	.sky-mega-menu-response-to-icons .right li>div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}

	.sky-mega-menu-response-to-icons li li:hover>div,
	.sky-mega-menu-response-to-icons .right li:hover>div {
		right: 0;
		left: 41px;
		width: auto;
	}

	.sky-mega-menu-response-to-icons li li a>.fa {
		margin-right: 10px;
	}

	.sky-mega-menu-response-to-icons li li a>.fa-indicator {
		margin-right: 0px;
	}

	.sky-mega-menu-response-to-icons.sky-mega-menu-anim-flip li li>div {
		top: 100%;
		margin: 8px 0 0 0;
		transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
	}

	.sky-mega-menu-pos-bottom.sky-mega-menu-response-to-icons li li>div {
		top: auto;
		bottom: 100%;
		margin: 0 0 8px 0;
	}

	.sky-mega-menu-pos-bottom.sky-mega-menu-response-to-icons li li>div:after {
		top: 100%;
		bottom: auto;
	}
}


.grid-container3 ul li a {
	background: #fff !important;
	/* box-shadow: 4px 4px 10px 0 rgba(0,0,0,.1),4px 4px 15px -5px rgba(21,114,232,.4) !important; */
	color: #54667a !important;
}

.sky-mega-menu li:hover>a,
.sky-mega-menu li.current>a {
	color: #313131 !important;
	/* background: linear-gradient(to right, #318f94 0%, #5ec58c 100%); */
	/* box-shadow: 4px 4px 10px 0 rgba(0,0,0,.1),4px 4px 15px -5px rgba(21,114,232,.4) !important; */
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.sky-mega-menu li a {
		padding-left: 17px;
		padding-right: 17px;
	}
}

@media only screen and (max-width: 360px) and (min-width: 640px) {
	.sky-mega-menu li>div ul li a:hover {
		background: #1572e8e3 !important
	}

	.sky-mega-menu li a {
		padding: 16px 15px;
	}


}

/*====================== end navigation menu ===============*/



.info-box-icon .card-sub-heading p {
	color: #fff !important;
	margin-right: 20px;
	font-weight: bold;
	margin-top: -2px;
}


.login-block {
	width: 400px;
	margin: 8% auto;
}


.login-block .card-content li {
	list-style: disclosure-closed;
	padding: 3px;
}

.login-block .card-content li a {
	color: #204da8;
}

.login-content p {
	font-size: 13px;
	color: #333;
	font-weight: 500;
	text-align: left;
}

.login-content h4 {
	color: #204da8;
	border-bottom: 1px solid #3333333d;
	padding-bottom: 5px;
	font-weight: 600;
}

.col-form-label {
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
	font-weight: normal;
	font-size: 14px;
}

.country-state li {
	list-style: none;
}

.footer-copyright-area {
	background: #fff;
	margin-top: 15px;
}

.footer-copy-right {
	padding-top: 11px;
	font-size: 12px;
}

.footer-copy-right a {
	color: #204da8;
	font-weight: 600;
}


.ui-button {
	padding: 5px 10px;
	background: #f8f8f8;
	border: 1px solid #dfdfdf;
	border-radius: 0;
	cursor: pointer;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	/*  border: 1px solid #e7eaec; */
	border: 1px solid #2D5FC84F;
	line-height: 1.42857;
	padding: 8px;
	vertical-align: middle;
	font-size: 13px;
	color: #333;
	font-weight: 500;
}

.table>thead>tr>th {
	/* border-bottom: 1px solid #DDDDDD; */
	vertical-align: bottom;
	font-weight: 500;
}

.table thead {
	background-color: #204da8;
	border: 1px solid #053595;
	box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.15), 0 3px 6px rgba(0, 0, 0, 0.12);

}

.table>thead>tr {
	border: 1px solid #eaeaea;
}

.table>thead>tr>th {
	/* color:#fff; */
	color: #fff;
	text-align: center !important;
	text-transform: uppercase;
	border: 1px solid #2D5FC84F;
	font-weight: normal !important;
	white-space: nowrap;
	position: sticky;
	top: 0;
	z-index: 5;
}

.table-bordred {
	border: 1px solid #eaeaea;
}



.progress {
	margin-bottom: 0px;
	height: 4px;
}

#fileToUpload {
	border: none;
	height: 50px;
	padding: 0px;
	text-align: left;
	margin: 10px 25px;
	cursor: pointer;
	background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 100%);
	border: 1px solid #33333336;
}

#content {
	margin-top: 10px;
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 500;
}

.form-inline label {
	justify-content: left;
	margin-bottom: 0;
}

.table thead tr th input {
	text-align: center;
	display: inline-table;
	justify-content: center !important;
	align-content: center !important;
	margin-top: 1px;
	float: left;
	margin-right: 5px;
}

#example {
	width: 100% !important;
}

#example_previous,
.paginate_button,
.current {
	padding: 5px 10px;
	background: #e6e6e6;
	border-radius: 5px;
	color: #333;
	border: 1px solid #dfdfdf;
	background: #f8f8f8;
	/* border: 1px solid #ececec; */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	cursor: pointer;
	margin-left: 1px;
}

#example_next {
	padding: 5px 10px;
	background: #f8f8f8;
	border-radius: 3px;
	color: #333;
	border: 1px solid #dfdfdf;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	cursor: pointer;
}

/* .form-control {
   display: block;
	width: 100%;
	padding: 10px !important;
	font-size: 13px;
	font-weight: 400;
    } */


/*========= number count =============*/

#nuber-counter {
	width: 18%;
	background: bisque;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 0px;
	float: left;
	margin: 5px;
	text-align: center;
	border: 1px solid #ffc37c;
	border-radius: 6px;
}

.count {
	color: #9e6400;
	;
	font-size: 20px;
	font-weight: 500;
}

#number-counter,
.counter-title {
	font-weight: 500;
	display: block;
	color: #636363;
	font-size: 80%;
	padding-top: 3px;
}

#number-counter,
small {
	font-size: 11px;
	text-align: center;
	justify-content: center;
	display: flow-root;
}

#nuber-counter .m-t-10 {
	font-size: 72%;
}

/*====================*/




.info-box-icon img {
	padding: 2px 0px;
}


.info-box-icon .card-sub-heading {
	display: block;
	float: none;
	margin-top: 0;
	position: absolute;
	margin-top: 11px;
	top: auto;
}


.graph-rp img {
	width: 24px;
	padding: 3px;
}


/*================================*/


hr {
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}

.dusall-list-tabs .btn:hover {
	background: #d1d1d1;
}

.progress-description {
	margin-top: 0px;
	display: block;
	margin-bottom: 5px;
}

.progress-bar-success {
	background: linear-gradient(to right, rgba(109, 247, 10, 1) 0%, rgba(64, 153, 0, 1) 100%);
}

.progress-bar-primary {
	background: linear-gradient(to right, rgba(42, 141, 247, 1) 0%, rgba(0, 123, 255, 1) 100%);
}

.progress-bar-danger {
	background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(238, 56, 56, 1) 0%, rgba(206, 21, 0, 0.92) 90.1%);
}

.modal-dialog {
	width: 600px;
	margin: 30px auto;
	margin-top: 30px;
	margin-top: 18%;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #57575745;
	opacity: 2;
	width: 100%;
	height: 100%;
	z-index: 9999 !important;
}

.modal-transition {
	transition: all 0.4s ease;
}


.fa-trash {
	font-size: 23px;
}

.consumption {
	clear: both;
	text-align: center;
	display: block;
	text-shadow: 0px 3px 0px #06060624;
}

.consumption-title {
	font-size: 10px;
	clear: both;
	text-align: center;
	display: block;
	line-height: 0.9;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
}

.consumption-value {
	clear: both;
	text-align: center;
	display: contents;
	font-size: 22px;
	font-weight: bold;
}

.consumption-icon {
	text-align: center;
}

.consumption-icon .img-icon img {
	width: 15px;
}


.svg-inline--fa {
	font-size: 16px !important;
}



.total-usage {
	font-size: 28px;
	font-weight: normal;
	margin-top: 10px;
	display: inline-block;
}


.anychart-credits {
	display: none;
}

#submitId {
	margin-top: 27px;
}



.amcharts-chart-div>a {
	display: none !important;
}

/* ======================== daterange picker =======================*/

.calendar-date {
	padding: 0px 2%;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
	cursor: pointer;
}

.datepicker table tr td,
.datepicker table tr th {
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	border: none;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
	background: #eeeeee;
	cursor: pointer;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {

	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #FF1635 !important;
	border-color: #FF1635 !important;

}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
	background: #FF49616E !important;
	border-radius: 0;
	color: #fff;

}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
	color: #ffffff;
	background-color: #FF1635 !important;
	border-color: #FF1635 !important;

}

/* ======================== daterange picker =======================*/

.btn-primary {
	color: #fff;
	background-color: #3575eb;
	border-color: #1c60dd;
}

th {
	text-align: center;

}



.card-title .svg-inline--fa {
	cursor: pointer;
	color: #c4c4c4 !important;
	font-size: 13px !important;
	text-align: center;
	margin-right: 8px !important;
}


.collapse.in {
	display: block;
	float: left;
}



.inner-card-type-body {
	margin-bottom: 8px;
	margin-top: 5px;
}


.stat-percent {
	float: right;
}

.total-value {
	/* border-right: 1px solid rgba(90, 113, 208, 0.11); */
	border-right: 1px solid rgba(90, 113, 208, 0.2);
	/* background: #f4f4f4; */
	/* 	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(172, 172, 172, 0.51) 100%); */
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(1, 98, 196, 0.1) 100%);
	/* border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; */
}

.ibox {
	box-shadow: 0px 2px 2px #33333361;
	margin-bottom: 20px;
}

.custom-file-input:lang(en)~.custom-file-label::after {
	content: "Browse";
}

.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: calc(1.5em + .75rem);
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 .25rem .25rem 0;
}

.tip-top {
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.21);
}

#example th {
	text-align: center;
	text-transform: uppercase;
}

.selectfield,
.input-group date {
	height: 29px !important;
	padding: 3px 12px !important;
	border-radius: 2px !important;
}

.activeA {
	background: #204da8 !important;
	color: #fff !important;
}

/* #ExportButton{
	border: none;
    background: url('/img/icons/csv.jpeg') no-repeat top left;
    padding: 2px 8px;
} */

/* @keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #40e0d0;
} */
/* .option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
} */
/* .option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
} */


table.table-bordered.dataTable tbody td {
	border-bottom-width: 0;
	text-align: center;
}

table.table-bordered.dataTable tbody td a {
	font-style: normal !important;
}

table.dataTable .svg-inline--fa {
	color: #595959 !important;
	font-size: 14px !important;
	text-align: center !important;
	cursor: pointer;
}

table.dataTable .fa-download {
	color: #3f9900 !important;
}

table.dataTable .fa-eye {
	color: #204da8 !important;
}

table.table-bordered.dataTable tbody td .fa-trash {
	color: #ff0000 !important;
}

table.table-bordered.dataTable tbody td .fa-edit {
	color: #3f9900 !important;
}


.card-sub-heading .fa-file-excel {
	font-size: 16px !important;
	margin-right: 0px !important;
	color: #3f9900 !important
}

.card-sub-heading .btn-sm {
	padding: 5px 13px;
}

.card-sub-heading .btn.active,
.tip-top {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px 1px rgba(0, 0, 0, .125);
	border: 1px solid #e1e1e1;
	margin-right: 10px;
}

.page-not-found {
	margin-top: 10%;
}


.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
	background-color: #204DA8 !important;
	border-color: #204DA8 !important;
}

table.dataTable {
	/* display: block; */
	overflow: scroll;
}


@media only screen and (max-width: 768px) {
	.header-brand img {
		width: 80px !important;
		float: left;
		padding: 5px;
	}

	.header-top {
		height: auto !important;
		min-height: 80px !important;
	}

	.header-brand h1 {
		font-size: 17px !important;
		padding-left: 0px !important;
		margin-bottom: 5px;
	}

	.header-brand h4 {
		font-size: 8px !important;
		padding-left: 0px !important;
		padding-top: 3px !important;
	}

	.card-title {
		padding: 12px 62px 12px 14px !important;
	}

	.card-title h4 {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 1000px) {
	.container {
		min-width: 96%;
		margin: 0px auto;
	}

	#canvas {
		height: 150px !important;
	}

	#head-mobile {
		display: block;
		padding: 23px;
		color: #ddd;
		font-size: 12px;
		font-weight: 700;
	}

	.button {
		width: 55px;
		height: 46px;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		z-index: 12399994;
	}

	.button:after {
		position: absolute;
		top: 22px;
		right: 20px;
		display: block;
		height: 8px;
		width: 20px;
		border-top: 2px solid #dddddd;
		border-bottom: 2px solid #dddddd;
		content: '';
	}

	.button:before {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		position: absolute;
		top: 16px;
		right: 20px;
		display: block;
		height: 2px;
		width: 20px;
		background: #ddd;
		content: '';
	}

	.button.menu-opened:after {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		top: 23px;
		border: 0;
		height: 2px;
		width: 19px;
		background: #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.button.menu-opened:before {
		top: 23px;
		background: #fff;
		width: 19px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}




	.logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 46px;
		text-align: center;
		padding: 10px 0 0 0;
		float: none;
	}

	.logo {
		position: relative;
		z-index: 123;
		padding: 10px;
		font: 16px verdana;
		color: #6DDB07;
		float: left;
		width: 15%;
	}

	.logo a {
		color: #454545;
	}

	.sky-mega-menu .grid-container3 ul li a:hover {
		background: #333 !important;
		color: #fff !important;
		border: 1px solid #d1d1d1 !important;
	}

	.sky-mega-menu .grid-container3 ul li .grid-container3 ul li a {
		background: #333 !important;
		color: #fff !important;
	}


	.bg-yellow {
		background: linear-gradient(to bottom, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
		color: #fff !important;
		display: flow-root;
	}


}

.hierarchyDIV {
	margin: 10px 0px;
	writing-mode: sideways-rl;
	letter-spacing: 3px;
	margin-right: 1px;
}




/* ---------------------------
   LENGTH SELECT (ROWS) LEFT
---------------------------- */
.dataTables_wrapper .dataTables_length {
	float: left;
	margin-right: 10px;
}

.dataTables_wrapper .dataTables_length select {
	border-radius: 20px;
	border: 1px solid #ccc;
	padding: 5px 12px;
	font-size: 13px;
}

/* ---------------------------
   COLVIS BUTTON RIGHT
---------------------------- */
.dataTables_wrapper .dt-buttons {
	float: right;
	margin-left: 10px;
}

.dataTables_wrapper .dt-buttons .buttons-columnVisibility {
	background: #204da8;
	color: #fff;
	border-radius: 6px;
	padding: 5px 12px;
	font-size: 13px;
	font-weight: 600;
	border: none;
	cursor: pointer;
}

.dataTables_wrapper .dt-buttons .buttons-columnVisibility:hover {
	background: #053595;
	color: #fff;
}

/* Dropdown menu */
.dataTables_wrapper .dt-buttons .dt-button-collection {
	position: absolute;
	right: 0;
	left: auto;
	top: 100%;
	border-radius: 6px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
	background: #fff;
	min-width: 180px;
	z-index: 9999;
	padding: 5px 0;
	max-height: 300px;
	overflow-y: auto;
}

.dataTables_wrapper .dt-buttons .dt-button-collection button.dt-button {
	display: block;
	width: 100%;
	text-align: left;
	padding: 6px 14px;
	font-size: 13px;
	color: #333;
	text-transform: uppercase;
	background: none;
	border: none;
	font-weight: 500;
}

.dataTables_wrapper .dt-buttons .dt-button-collection button.dt-button:hover {
	background-color: #e8f0fe;
	color: #204da8;
}

/* Checkbox styling in dropdown */
.dataTables_wrapper .dt-buttons .dt-button-collection label {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 12px;
	cursor: pointer;
}

.dataTables_wrapper .dt-buttons .dt-button-collection input[type="checkbox"] {
	width: 14px;
	height: 14px;
	accent-color: #204da8;
}


/* ---------------------------
   SORTING ICONS
---------------------------- */

/* Default icons - slightly dimmed (10% less bright) */
table.dataTable thead th.sorting:before,
table.dataTable thead th.sorting:after {
	color: rgba(255, 255, 255, 0.7) !important;
	/* 10% darker than full white */
	opacity: 1 !important;
	font-size: 12px;
	/* adjust size */
	transition: all 0.2s ease-in-out;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* Hover effect - make icons full white */
table.dataTable thead th:hover.sorting:before,
table.dataTable thead th:hover.sorting:after {
	color: #fff !important;
}

/* Active sort column */
table.dataTable thead th.sorting_asc:before,
table.dataTable thead th.sorting_desc:after {
	color: #fff !important;
	/* full white for active column */
	font-size: 14px;
}

/* Background effect for active sorted column */
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.15),
			rgba(255, 255, 255, 0.05));
	transition: background 0.2s ease-in-out;
	/* smooth click effect */
}

/* Optional: slightly brighten icons on click for visual feedback */
table.dataTable thead th.sorting_asc:hover:before,
table.dataTable thead th.sorting_desc:hover:after {
	color: #fff !important;
	font-size: 16px;
}



/* ---------------------------
   DATATABLE BOTTOM PANEL - MODERN DESIGN
---------------------------- */

/* Info text styling */
.dataTables_wrapper .dataTables_info {
	font-size: 14px !important;
	/*	font-weight: 500 !important;*/
	color: #555;
}

/* Pagination buttons container */
.dataTables_wrapper .dataTables_paginate {
	justify-content: flex-end;
	/* right align on desktop */
	gap: 5px;
}

/* Pagination button styling */
.dataTables_wrapper .paginate_button {
	padding: 6px 14px;
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 8px;
	color: #204da8;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

/* Hover effect */
.dataTables_wrapper .paginate_button:hover {
	background: #204da8;
	color: #fff !important;
	transform: scale(1.08);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

/* Current page highlight */
.dataTables_wrapper .paginate_button.current {
	background: #053595;
	color: #fff !important;
	font-weight: 600;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
	transform: scale(1.1);
}

/* Disabled buttons */
.dataTables_wrapper .paginate_button.disabled {
	background: #e0e0e0;
	color: #999 !important;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

/* Previous / Next arrows */
.dataTables_wrapper .paginate_button.previous,
.dataTables_wrapper .paginate_button.next {
	font-weight: bold;
	font-size: 14px;
}

/* Ellipsis page dots */
.dataTables_wrapper .paginate_button.disabled,
.dataTables_wrapper span.ellipsis {
	background: transparent;
	color: #999;
	border: none;
	cursor: default;
}

/* Responsive adjustments */
@media (max-width : 768px) {

	.dataTables_wrapper .dataTables_paginate,
	.dataTables_wrapper .dataTables_info {
		justify-content: center;
		text-align: center;
		padding: 8px;
	}

	.dataTables_wrapper .dataTables_info {
		margin-bottom: 8px;
	}

	.dataTables_wrapper .paginate_button {
		padding: 5px 10px;
		font-size: 12px;
	}
}

@media (max-width : 992px) {
	.dataTables_wrapper .dt-buttons {
		float: right;
		margin-top: 8px;
	}

	.dataTables_wrapper .dt-buttons .dt-button-collection {
		width: 180px;
	}

	.dataTables_wrapper .dataTables_length select {
		padding: 4px 10px;
		font-size: 12px;
	}
}