html {
	overflow-x: hidden;
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 45px;
	padding-right: 0 !important;
	color: black;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.3px;
}

html::-webkit-scrollbar-track, .customscroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	/* background-color: rgba(226, 226, 231, 1); */
}

html::-webkit-scrollbar {
	width: 13px;
	height: 8px;
	/* background-color: rgba(226, 226, 231, 1); */
}

.customscroll::-webkit-scrollbar {
	width: 10px;
	height: 8px;
	display: none;
}

.customscroll:hover::-webkit-scrollbar {
	width: 13px;
	display: block
}

html::-webkit-scrollbar-thumb, .customscroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #dcdfe0de;
}

a {
	color: #126cb9;
	cursor: pointer;
}

a:active, a:visited, a:hover, a:focus {
	text-decoration: none;
	outline: none;
}

.cursor-not-allowed {
	cursor: not-allowed;
}
.bglight{
	background-color:#F8F9FA !important;
}
.greybg {
	background-color: #eef1f569;
}
.whitebg {
	background-color: #fff !important;
}

.theme-white .page-header-wrapper.navbar {
	background-color: #ffffff;
	border-radius: 0;
}

.form-control {
	font-size: 13px;
	height: 30px;
	padding: 4px 12px;
	border: 1px solid #c6c6c694;
	border-radius: 3px;
}

.btn {
	letter-spacing: 0.1px;
	text-transform: uppercase;
	font-weight: 500;
}

.text-primary {
	color: #34495e;
}

.text-primary2 {
	color: #9b59b6;
}

.text-success {
	color: #01AA91;
}

.text-yellow {
	color: #f7c61a;
}

.text-green {
	color: #108c18;
}

.text-warning {
	color: #ffb606;
}

.text-warning2 {
	color: #e67e22;
}

.text-purple {
	color: rgb(128, 0, 128);
}

.text-danger {
	color: #bf2515;
}

.text-danger2 {
	color: #c0392b;
}

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

input[type="text"].ui-grid-filter-input {
	font-weight: normal;
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
	/* WebKit browsers */
	font-weight: 300;
	font-size: 12px;
	color: #808080;
}

textarea::-moz-placeholder, input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	font-weight: 300;
	font-style: italic;
	font-size: 13px;
	color: #CCCCCC;
}

.footer-div {
	font: 400 12px Poppins;
	letter-spacing: 1px;
	border-top: 1px solid #d2d1d1;
	background: black;
	padding: 15px;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #d7d6d6;
}

.switchuiLink {
	text-transform: uppercase;
	position: absolute;
	bottom: 60px;
	right: 28px;
}

.profile-angledown {
	left: 5px;
	position: relative;
	top: -5px;
	font-size: 16px
}

.page-title {
	color: #424141;
	padding: 0;
	letter-spacing: 0.6px;
	font-size: 22px;
	font-weight: 600;
	margin: 8px 15px 12px 10px;
}

.btn-theme-green, .btn-success, .btn-info {
	color: #fff;
	background-color: #01AA91;
	border-color: #03a58c;
}

.btn-theme-green:hover, .btn-theme-green.active.focus, .btn-theme-green.active:focus,
	.btn-theme-green.active:hover, .btn-theme-green:active.focus,
	.btn-theme-green:active:focus, .btn-theme-green:active:hover, .open>.dropdown-toggle.btn-theme-green.focus,
	.open>.dropdown-toggle.btn-theme-green:focus, .open>.dropdown-toggle.btn-theme-green:hover
	{
	color: #fff;
	background-color: #03927d;
	border-color: #04826f;
}

.btn-info:hover, .btn-info.active.focus, .btn-info.active:focus,
	.btn-info.focus, .btn-info:focus, .btn-info.active:hover, .btn-info:active.focus,
	.btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus,
	.open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover
	{
	color: #fff;
	background-color: #03927d;
	border-color: #04826f;
}

.btn-default.activeblue {
	background: #01AA91;
	border-color: #03927d;
	color: white;
	box-shadow: 0 0 6px 0 rgb(0 79 182/ 25%);
}

.hpanel {
	background: none;
	border: 0;
	box-shadow: none;
	margin-bottom: 10px;
}

.btn-circle {
	width: 26px;
	height: 25px;
	padding: 3px 6px;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429;
}

.btn-circle-sm {
	width: 18px;
	height: 18px;
	padding: 0px 0px;
	border-radius: 15px;
	text-align: center;
	font-size: 17px;
	line-height: 1;
}

.ic-layout-wrapper {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

.ic-app-header {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	z-index: 1000;
}

.navBar-wrapper {
	height: 100vh;
	overflow: auto;
}

.iconWidth {
	width: 53px;
}

.textWidth {
	width: 220px;
}

.toggleNav {
	font-size: 18px;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.67);
	text-align: center;
}

.toggleNav-margin {
	padding: 20px 12px;
}

.text-muted {
	color: #8797b2
}

.text-dark {
	color: black;
}

.text-grey {
	color: #808080ed;
}

.text-info {
	color: #126cb9;
}

.text-white {
	color: #fff !important;
}

.icon-wrapper {
	cursor: pointer;
	font-size: 1.2rem;
	letter-spacing: 0.9px;
	text-transform: uppercase;
}

.icon-wrapper ul {
	padding: 0 0 0 1.3rem;
	position: relative;
}

.icon-wrapper ul:before {
	content: '';
	height: 100%;
	opacity: 1;
	width: 2px;
	background: #b0f7ed63;
	position: absolute;
	left: 20px;
	top: 0;
	border-radius: 15px;
}

.icon-wrapper .nav-link:hover, .icon-wrapper .sub-menu li:hover {
	background: #efecec;
}

.bg-b-black {
	background: #333333;
}

.icon-wrapper .sub-menu li {
	margin-left: 8px
}

.bg-b-black .icon-wrapper .nav-link:hover, .icon-wrapper .sub-menu li:hover
	{
	background: black;
	color: white !important;
}

.icon-wrapper.active .nav-link:hover {
	background: #01AA91;
}

.icon-wrapper .sub-menu li a {
	color: #2a2a2a;
	padding: 8px 0 8px 20px;
	display: inline-block;
	margin: 2px 0;
}

.bg-b-black .icon-wrapper .sub-menu li a {
	color: #e0dfdf;
	width: 100%;
}

.icon-wrapper .nav-link span i {
	position: absolute;
	font-size: 11px;
	right: 20px;
	top: 17px;
}

.icon-wrapper.active, .icon-wrapper a.active, .icon-wrapper a.active:hover
	{
	background: #05ac93 !important;
	color: white !important;
}

.icon-wrapper.active a, .bg-b-black .icon-wrapper.active a {
	color: white;
}

.am-wrapper .icon-wrapper .nav-link, .icon-wrapper-search .nav-link {
	color: #2a2a2a;
	padding: 12px 0 8px 7px;
	display: block;
	position: relative;
	margin: 12px 0;
}

.event-wrapper .icon-wrapper .nav-link, .icon-wrapper-search .nav-link {
	color: #2a2a2a;
	padding: 6px 0 6px 7px;
	display: block;
	position: relative;
	margin: 8px 0;
}

.nav-link .nav-link-text {
	display: inline-block;
	position: absolute;
	top: 18px;
	margin-left: 7px;
}

.bg-b-black .icon-wrapper .nav-link, .icon-wrapper-search .nav-link {
	color: #e0dfdf;
}

.navbar-icons {
	height: 20px;
	margin: 0 5px;
}

.box-shadow {
	box-shadow: 3px 2px 5px 0 rgb(181 181 181/ 16%), 4px 2px 3px 0
		rgb(0 0 0/ 12%);
}

.profile-img-default {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	border: 2px solid #cac9c9b3;
	margin-top: -18px;
	padding: 1px;
}

.pointer-cursor {
	cursor: pointer;
}
 .cursor-default {
	cursor: default !important;
}   
.ample-logo {
	margin: 2px 7px 0px 15px;
}

.ample-logo2 {
	max-height: 40px;
	margin-top: 10px;
}

.capitalize {
	text-transform: capitalize;
}

[ng :cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak {
	display: none !important;
	visibility: hidden;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.font-40 {
	font-size: 40px;
}

.font-35 {
	font-size: 35px;
}

.font-20 {
	font-size: 20px !important;
}

.font-25 {
	font-size: 25px;
}

.font-28 {
	font-size: 28px;
}

.font-38 {
	font-size: 38px;
}

.font-30 {
	font-size: 30px;
}

.font-22 {
	font-size: 22px !important;
}

.font-18 {
	font-size: 18px !important;
}

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

.font-15 {
	font-size: 15px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-13 {
	font-size: 13px !important;
}

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

.font-11 {
	font-size: 11px !important;
}

.font-26 {
	font-size: 26px;
}

.margin-0 {
	margin: 0px;
}

.margin-10 {
	margin: 10px
}

.margin-5 {
	margin: 5px
}

.margin-15 {
	margin: 15px;
}

.margin-20 {
	margin: 20px !important;
}

.padding-10-15 {
	padding: 10px 15px;
}

.padding-10-0 {
	padding: 10px 0;
}

.padding-0-15 {
	padding: 0 15px;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-2 {
	padding-top: 2px !important;
}

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-10-per{
	padding-top: 10% !important;
}
.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}
.padding-bottom-50 {
	padding-bottom: 50px;
}
.padding-left-2 {
	padding-left: 2px !important;
}

.padding-left-5 {
	padding-left: 5px !important;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-left-15 {
	padding-left: 15px !important;
}

.padding-left-20 {
	padding-left: 20px !important;
}

.padding-left-25 {
	padding-left: 25px !important;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-left-50 {
	padding-left: 50px;
}

.padding-left-70 {
	padding-left: 70px !important;
}

.padding-right-2 {
	padding-right: 2px !important;
}

.padding-right-5 {
	padding-right: 5px !important;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-right-15 {
	padding-right: 15px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-right-25 {
	padding-right: 25px;
}

.padding-right-30 {
	padding-right: 30px;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-top-22 {
	padding-top: 22px !important;
}

.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-30 {
	padding: 30px !important;
}

.padding-20 {
	padding: 20px !important;
}

.padding-30-20 {
	padding: 30px 20px !important;
}

.padding-20-30 {
	padding: 20px 30px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-10 {
	padding: 10px;
}

.padding-5 {
	padding: 5px !important;
}

.padding-0 {
	padding: 0 !important;
}

.padding-50 {
	padding: 50px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-3 {
	margin-top: 3px !important;
}

.margin-top-2 {
	margin-top: 2px !important;
}

.margin-top-8 {
	margin-top: 8px;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-12 {
	margin-top: 12px !important;
}

.margin-top-18 {
	margin-top: 18px !important;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-24 {
	margin-top: 24px;
}

.margin-top-25 {
	margin-top: 25px;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-60 {
	margin-top: 60px;
}

.margin-top-70 {
	margin-top: 70px;
}

.margin-top-80 {
	margin-top: 80px;
}

.margin-top-100 {
	margin-top: 100px;
}

.margin-top-120 {
	margin-top: 120px;
}

.margin-top-150 {
	margin-top: 150px !important;
}

.margin-top-5-per {
	margin-top: 5% !important;
}

.margin-top-10-per {
	margin-top: 10% !important;
}

.margin-top-15-per {
	margin-top: 15% !important;
}

.margin-top-25-per {
	margin-top: 25% !important;
}

.margin-top-65-per {
	margin-top: 65% !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-8 {
	margin-bottom: 8px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-13 {
	margin-bottom: 13px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-22 {
	margin-bottom: 22px !important;
}

.margin-bottom-25 {
	margin-bottom: 25px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-35 {
	margin-bottom: 35px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-43 {
	margin-bottom: 43px;
}

.margin-bottom-45 {
	margin-bottom: 45px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-bottom-55 {
	margin-bottom: 55px;
}

.margin-bottom-60 {
	margin-bottom: 60px;
}

.margin-bottom-100 {
	margin-bottom: 100px;
}

.margin-bottom-200 {
	margin-bottom: 200px;
}

.margin-bottom-250 {
	margin-bottom: 250px;
}

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

.margin-right-7 {
	margin-right: 7px;
}

.margin-right-9 {
	margin-right: 9px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-15 {
	margin-right: 15px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-30 {
	margin-right: 30px;
}

.margin-right-40 {
	margin-right: 40px !important;
}

.margin-right-50 {
	margin-right: 50px;
}

.margin-right-100 {
	margin-right: 100px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-4 {
	margin-left: 4px;
}

.margin-left-5 {
	margin-left: 5px !important;
}

.margin-left-7 {
	margin-left: 7px;
}

.margin-left-15 {
	margin-left: 15px !important;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-25 {
	margin-left: 25px;
}

.margin-left-30 {
	margin-left: 30px !important;
}

.margin-left-50 {
	margin-left: 50px;
}

.margin-left-110 {
	margin-left: 110px;
}

.margin-left-150 {
	margin-left: 150px;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-right-0 {
	margin-right: 0 !important;
}

.margin-left-0 {
	margin-left: 0 !important;
}

.margin-left-2 {
	margin-left: 2px;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.margin-10-0 {
	margin: 10px 0;
}

.margin-5-0 {
	margin: 5px 0;
}

.margin-20-30 {
	margin: 20px 30px;
}

.margin-0-20 {
	margin: 0 20px;
}

.margin-0-40 {
	margin: 0 40px;
}

.margin-20-0 {
	margin: 20px 0;
}

.margin-30-0 {
	margin: 30px 0;
}

.margin-30-20 {
	margin: 30px 20px;
}

.margin-30 {
	margin: 30px;
}

.margin-40 {
	margin: 40px;
}

.margin-40-30 {
	margin: 40px 30px;
}

.margin-top-minus1 {
	margin-top: -1px !important;
}

.margin-top-minus2 {
	margin-top: -2px;
}

.margin-top-minus-6 {
	margin-top: -6px;
}

.margin-top-minus-10 {
	margin-top: -10px!important;
}

.margin-top-minus-12 {
	margin-top: -12px;
}

.margin-top-minus-14 {
	margin-top: -14px !important;
}

.margin-top-minus-35 {
	margin-top: -35px;
}

.margin-top-minus-40 {
	margin-top: -40px;
}

.padding-left-0 {
	padding-left: 0px;
}

.padding-right-md-0 {
	padding-right: 0;
}

.padding-right-0 {
	padding-right: 0px;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

.margin-left-minus-15 {
	margin-left: -15px;
}

.bottom-50 {
	bottom: 50px !important;
}

.internalerrorDialog {
	/* box-shadow: 0px 0px 15px -5px grey;
     */
	border-bottom: 1px solid #d7d3d3c9;
	padding: 8px;
	background: #fdeddae3;
	font-style: italic;
	text-align: center;
	color: red;
	margin-bottom: 5px;
	display: none;
	letter-spacing: 0.6px;
}

.internalerrorDialog2 {
	padding: 8px;
	font-style: italic;
	text-align: center;
	color: red;
	margin-bottom: 5px;
}

ul, li {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.icon-wrapper-subnav li a {
	color: black;
	font-size: 13px;
}

.icon-wrapper-subnav li a:hover {
	text-decoration: none;
	color: #0085c3;
}

.icon-wrapper-subnav li {
	padding: 2px 0;
}

.navBar-wrapper .popover-content {
	width: max-content;
}

.content-layout-tile1 {
	margin: 0;
	border: 1px solid #d5d5d56b;
	border-radius: 4px;
	padding: 22px 0 0;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 20px;
	min-height: 100px
}

.content-layout-tile4 {
	border-radius: 4px;
	padding: 10px;
	box-shadow: 0 1px 4px 0px #d5d5d5e0;
	min-height: 90px;
	min-width: 30%
}

.setting-tile {
	margin: 7px 0;
	padding: 15px 0;
	min-height: 75px;
	display: grid;
}

.content-layout-tile1 a {
	color: white;
}

.content-layout-tile1.bg-b-white a, .content-layout-tile1.bg-b-white {
	color: #151515
}

.content-layout-tile1:hover {
	border: 1px solid #969696;
}

.content-layout-tile2 {
	margin: 0;
	border: 1px solid #d5d5d56b;
	border-radius: 4px;
	padding: 12px 0;
	color: #231818;
	background: white;
	text-align: center;
	min-height: 263px;
}

.content-layout-tile3 {
	border: 1px solid #d5d5d5e0;
	border-radius: 4px;
	padding: 12px 15px;
	color: #231818;
	background: white;
	min-height: 263px;
}

.border-bottom-grey {
	border-bottom: 1px solid #c7c1c1e3;
}

.border-bottom-white {
	border-bottom: 1px solid white;
}

.legendD3 {
	width: 8px;
	height: 10px;
	display: inline-block;
	margin-left: 4px;
}

.legendD3-text {
	font-size: 12px;
	color: grey;
	letter-spacing: 0.5px;
}

.display-Inflex {
	display: inline-flex;
}

.bg-b-white {
	background: white;
}

.bg-b-navy {
	background: #0d4f75;
}

.bg-b-green {
	background: #3ec197;
}

.bg-b-green2 {
	background: #4ac959;
}

.bg-b-blue {
	background: #2fbbda;
}

.bg-b-blue2 {
	background: #7460ee;
}

.bg-b-violet {
	background: #4a90e2;
}

.bg-b-theme-blue-green {
	background: linear-gradient(45deg, #0083c7, #01b089);
}

.text-theme-blue {
	color: #126cb9;
}

.text-theme-green {
	color: #01AA91;
}

.navIcons {
	width: 18px;
	height: 18px;
	margin-top: -1px;
	margin-right: 3px;
}

.btn-icon {
	background: linear-gradient(45deg, #0083c7, #01b089);
	line-height: 1.8 !important;
	color: white;
	border: 1px solid #6294a1;
}

.btn-icon:hover {
	box-shadow: 0px 0px 15px -5px grey;
	background: linear-gradient(45deg, #0083c7de, #01b089c7);
}

.info-box-icon {
	height: 44px;
	width: 45px;
	text-align: center;
	font-size: 30px;
	/* background: rgba(0, 0, 0, 0.2); */
	border-radius: 100%;
	line-height: 1.3;
	color: white;
}

.nofloat .info-box,.nofloat .info-box-vol-ds, .info-box-calendar {
	float: none;
	display: inline-block;
}

.info-box{
	width: 19.7%;
	padding-right: 0px;
	margin-bottom: 5px;
}
.info-box-vol-ds {
	width: 100%;
	padding-right: 0px;
	margin-bottom: 5px;
}

.info-box-count {
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #808080ed;
}
.info-box-calendar{
	padding-right: 0px;
	margin-bottom: 5px;
}

.font-bold {
	font-weight: 600 !important;
}

.font-bold-normal {
	font-weight: 500 !important;
}

.font-normal, .normal {
	font-weight: 200 !important;
}

.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #01AA91;
	margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}

.centre-overlay {
	background: rgba(233, 233, 233, 0.2);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 10;
}

.loader-overlay {
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	padding-top: 20%;
}

.overlay-child {
	margin-top: 20%;
	margin-bottom: 25%;
}

.donut-ht-lg {
	max-height: 62px;
	min-height: 62px;
	overflow: clip;
}

.page-header-wrapper .top-menu {
	margin: 0;
	padding: 0;
	float: right;
}

.page-header-wrapper .top-menu .navbar-nav {
	padding: 0;
	display: block;
}

.page-header-wrapper .top-menu .nav>li>a {
	padding: 11px 10px;
}

.page-header-wrapper .top-menu-wrapper .top-menu .nav>li>a {
	padding: 15px 25px;
}

.top-menu-wrapper .profile-img-default {
	border: 0;
}

.page-header-wrapper .top-menu .nav>li>a:focus, .page-header-wrapper .top-menu .nav>li>a:hover
	{
	background-color: unset;
}

.page-header-wrapper .top-menu .nav>li>a>.badge {
	font-family: Poppins, sans-serif;
	position: relative;
	top: -12px;
	right: 10px;
	font-weight: 300;
	padding: 3px 6px;
}

.notifications-wrapper {
	overflow: auto;
	max-height: 250px;
}

.notification-item {
	padding: 10px;
	margin: 8px 15px;
	background: #f5f5f5a6;
	border-radius: 4px;
	border: 1px solid #dddddd99;
	border-left: 3px solid #53b7ae;
}

.item-title {
	font-size: 1.3rem;
	color: #000;
}

.word-break-text {
	word-break: break-word !important;
}

.menu-title {
	color: #f67405;
	font-size: 1.3rem;
}

hr {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #cbc9c9;
}

.badge-orange {
	background: #ff5e00;
}

.donut-title {
	text-transform: uppercase;
	padding: 0 10px 0 15px;
	text-align: left;
	font-weight: 500;
}

.search-form-opened {
	border-radius: 30px;
	margin: 0 16px 0 8px;
	border: 1px solid #00a4bd;
}

.bg-b-black .search-form-opened {
	border: 1px solid #ccc;
}

.search-form-opened input[type="text"] {
	background-color: transparent;
	border: 0;
	color: white;
	padding: 7px 12px;
}

.search-form-opened .input-group-btn {
	font-size: 14px;
	color: #00a4bd;
	padding: 0 12px
}

.bg-b-black .search-form-opened .input-group-btn {
	color: #ccc;
}

.dropdown-menu {
	min-width: 130px;
}

.language-option {
	margin: 10px 5px 8px
}

.notification-option {
	margin: 12px 15px 8px;
}

.text-shadow {
	text-shadow: 0px 1px
}

.no-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.no-margin {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.overflow-auto {
	overflow: auto;
}

.inline-block {
	display: inline-block;
}

.page-back {
	font-size: 14px;
	color: #666;
	margin-right: 5px;
	display: inline-block;
}

.timer-group .form-control, .timer-group-addon, .timer-group-btn {
	display: table-cell;
}

.timer-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.timer-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.timer-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	ackground-image: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-size: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: rgb(250, 251, 252);
}

.timer-group-form:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.timer-group-addon:last-child {
	border-left-width: 0px;
	border-left-style: initial;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.timer-group-addon, .timer-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

.disabledState {
	cursor: pointer;
}

.licenseExpiry {
	padding: 10px;
	background: bisque;
	font-weight: 600;
	font-style: italic;
	text-align: center;
	box-shadow: 0px 0px 15px -5px grey;
}

.internalerrorDialog {
	box-shadow: 0px 0px 15px -5px grey;
	padding: 8px;
	background: #fdeddae3;
	font-style: italic;
	text-align: center;
	color: red;
	margin-bottom: 5px;
	display: none;
}

.internalsuccessDialog {
	box-shadow: 0px 0px 15px -5px grey;
	padding: 8px;
	background: #dcf9c7e3;
	font-style: italic;
	text-align: center;
	color: green;
	margin-bottom: 5px;
	display: none;
}

.internalerrorDialog2 {
	padding: 8px;
	font-style: italic;
	text-align: center;
	color: red;
	margin-bottom: 5px;
}

.autorefreshswitch {
	position: relative;
	display: inline-block;
	width: 64px;
	height: 26px;
	background-color: white;
}

.autorefreshswitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	top: 2px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #62cb31;
}

input:focus+.slider {
	box-shadow: 0 0 1px #62cb31;
}

input:checked+.slider:before {
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}
/* Rounded sliders */
.slider.round {
	border-radius: 25px;
}

.slider.round:before {
	border-radius: 50%;
}

.tooltip-inner {
	/* max-width : 700px!important;		
	padding:10px !important;	
	font-size :14px!important; */
	
}

.selectboxmodel1 {
	border: 0;
	box-shadow: none;
	padding: 0px 2px 0px 8px !important;
	font-size: 13px;
	background: transparent;
}

.lotexthover:hover {
	text-shadow: 0 0 1px;
	cursor: pointer;
}

.pdf-page {
	margin: 0 auto;
	box-sizing: border-box;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
	background-color: #fff;
	color: #333;
	position: relative;
}

.pdf-header {
	position: absolute;
	top: .5in;
	height: .6in;
	left: .5in;
	right: .5in;
	border-bottom: 1px solid #e5e5e5;
}

.invoice-number {
	padding-top: .17in;
	float: right;
}

.pdf-footer {
	position: absolute;
	bottom: .5in;
	height: .6in;
	left: .5in;
	right: .5in;
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
	text-align: left;
	color: #787878;
	font-size: 12px;
}

.pdf-body {
	position: absolute;
	top: 3.7in;
	bottom: 1.2in;
	left: .5in;
	right: .5in;
}

.size-a4 {
	width: 8.3in;
	height: 11.7in;
}

.font-cursive {
	font-family: cursive;
}

.more-ot-alert {
	display: none;
	padding: 0.6rem 1rem;
	border-radius: 5px;
	box-shadow: rgb(0 0 0/ 38%) 2px 2px 8px;
	background-color: gold;
	border: 2px solid #9e9e9e;
	transform: translateZ(0);
	animation: move .4s ease 3;
	position: absolute;
	left: 1%;
	top: 47%;
	width: 98%;
	z-index: 155;
	font-size: 13px;
}

.more-ot-alert .close-ot-alert {
	clear: both;
	cursor: pointer;
	float: right;
	margin: -5px -4px 0 0;
}

.more-ot-alert .close-ot-alert i {
	color: #cc0000;
}

/* .more-ot-alert:before {
	content: "";
	position: absolute;
	top: 88%;
	left: 44%;
	border-style: solid;
	border-width: 14px 15px 14px 0;
	border-color: transparent #9e9e9e;
	display: block;
	width: 0;
	z-index: 1;
	transform: rotateZ(270deg);
}

.more-ot-alert:after {
	content: "";
	position: absolute;
	top: 88%;
	left: 45%;
	border-style: solid;
	border-width: 12px 12px 12px 0;
	border-color: transparent gold;
	display: block;
	width: 0;
	z-index: 1;
	transform: rotateZ(270deg);
}
 */
.modal-backdrop {
	visibility: hidden !important;
}

.modal.in {
	background-color: rgba(0, 0, 0, 0.5);
}

.breakword {
	white-space: break-spaces;
}

.border-top-left-pane {
	border-top: 1px solid #ddd;
	margin-top: 3px;
}

.border-bottom-left-pane {
	border-bottom: 1px solid #ddd;
	margin-bottom: 3px;
}

.switch-Options-Pos1 {
	position: absolute;
	top: 9px;
	left: 25px;
}

.switch-Options-Pos2 {
	position: absolute;
	top: -15px;
	left: 25px;
}

.overflow-x-hide {
	overflow-x: hidden
}

.htmlText img {
	max-width: 50%;
	max-height: 50%;
	display: block;
}

.level-activation-toggle {
	top: -5px;
	margin: 5px 12px -8px 0;
	text-align: right;
	position: absolute;
	right: 81px;
	z-index: 100;
}

.department-icon {
	border: 1px solid #e3dede;
	padding: 6px;
	border-radius: 50px;
	margin-top: 10px;
	background-color: #e3dede;
	color: #000066;
	font-size: 18px;
}

#viewBookmark {
	display: none;
}

.table-display {
	display: table
}

.table-cell-display {
	display: table-cell
}

.disabledSection {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	cursor: not-allowed !important;
}

.comment-div {
	padding: 5px;
	margin: 10px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

.comment-main-div {
	padding: 0px 20px 0px 20px;
	border: 1px solid #eee;
	border-radius: 3px;
	margin-bottom: 10px;
}

.border-left-color-blue {
	border-left-color: #0081c9 !important;
}

.border-left-color-green {
	border-left-color: #01ab90 !important;
}

.quickQnTextarearownr {
	overflow-y: hidden;
	background-color: white;
	color: #03a58c;
	text-align: right;
	vertical-align: top;
	z-index: 0;
	border-color: #03a58c;
	border-right: none;
}

.quickQnTextareatxt {
	width: 95%;
	/*  overflow-x: scroll; */
	background: transparent;
	z-index: 0;
	border-color: #03a58c;
}

.dateContainer {
	padding: 6px 10px;
	background-color: #ccc;
	text-align: center;
}

.sessionContainer {
	border: 1px solid #e2e2e2 !important;
}

.course-info-tile {
	border: 1px solid #eaeaea !important;
	border-radius: 5px;
	padding: 10px;
}

.course-info-tile-hover:hover {
	cursor: pointer;
	box-shadow: 1px 1px 5px 3px rgba(107, 196, 217, 0.75);
	-webkit-box-shadow: 1px 1px 5px 3px rgba(107, 196, 217, 0.75);
	-moz-box-shadow: 1px 1px 5px 3px rgba(107, 196, 217, 0.75);
}

.opacity-point-25 {
	opacity: 0.25 !important;
}

.bg-circle {
	height: 20px;
	width: 20px;
	display: inline-block;
	border-radius: 50%;
	line-height: 1.8;
	font-size: 11px;
	text-align: center;
}

.bg-b-theme-blue {
	background: #0083c7;
	color: white;
}

.betaText {
	position: absolute;
	margin-top: 10px;
}

@media only screen and (max-width: 767px) {
	/* For mobile phones: */
	.info-box {
		width: unset;
		padding-right: 15px;
	}
	.box-supportus {
		font-size: 12px;
		padding: 10px 25px !important;
		text-align: center
	}
	.page-header-wrapper .top-menu .navbar-nav>li {
		float: left;
	}
	.language-option {
		margin: 0;
	}
	.notification-option {
		margin: 0;
	}
	.profile-img-default {
		margin-top: -5px;
	}
	.profile-angledown {
		top: 0;
	}
	.ample-logo {
		height: 45px;
	}
	.modal-90, .modal-80, .modal-60 {
		width: 100%;
	}
}

@media ( min-width : 992px) and (max-width: 1200px) {
	.info-box {
		width: unset;
		padding-right: 15px;
	}
}

@media ( min-width : 768px) and (max-width: 1200px) {
	.col-md-6 {
		padding-right: 15px;
		float: left;
		width: 50%;
	}
	.box-supportus {
		text-align: right
	}
}

@media ( min-width : 1200px) {
	.col-lg-3Tile {
		width: 20% !important;
	}
}

.lds-dual-ring, .lds-dual-ring-xs, .lds-dual-ring-white,
	.lds-dual-ring-grey {
	display: inline-block;
}

.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 34px;
	height: 34px;
	margin: 8px;
	border-radius: 50%;
	border: 4px solid #01AA91;
	border-color: #01AA91 transparent #01AA91 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring-white:after {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 4px solid white;
	border-color: white transparent white transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring-grey:after {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 4px solid #999999;
	border-color: #999999 transparent #999999 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring-grey-xs:after {
	content: " ";
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 3px solid #999999;
	border-color: #999999 transparent #999999 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring-xs:after {
	content: " ";
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 3px solid #01AA91;
	border-color: #01AA91 transparent #01AA91 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

font-italic, .font-italic, .italic {
	font-style: italic;
}

.text-underline {
	text-decoration: underline;
}

.text-udl:hover {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.text-shadow {
	text-shadow: 0px 1px;
}

.border-bottom {
	margin: 7px 0;
	border-bottom: 1px solid #e5e5e5;
}

.width_100 {
	width: 100px;
}

.width_60 {
	width: 60px;
}

.width_70 {
	width: 70px;
}

.width_80 {
	width: 80px;
}

.width_90 {
	width: 90px;
}

.width_130 {
	width: 130px;
}

.width_135 {
	width: 135px;
}

.width_150 {
	width: 150px;
}

.width_170 {
	width: 170px;
}

.border-left {
	border-left: 1px solid #e5e5e5;
}
.border-right {
	border-right: 1px solid #e5e5e5;
}
.popupmsg1 {
	font-weight: 600;
}

.page-title .back {
	color: black;
	font-size: 15px;
	width: 17px;
	display: inline-block;
}

.badgetooltip {
	min-width: 350px;
}
@keyframes lds-dual-ring { 
	0% {
	transform: rotate(0deg);
	}
	100%{
	transform:rotate(360deg);   
	}
}
@keyframes move { 50% {
	transform: translate(0, 15px);
}

}
@keyframes lds-roller { 0% {
	transform: rotate(0deg);
}
100%{
transform:rotate(360deg);    
}
}
.no-border {
	border: none !important;
}

.cursor-default {
	cursor: default;
}

@media ( max-width :1024px) {
	.hidden-md-down {
		display: none !important
	}
}

@media ( min-width :1025px) {
	.hidden-lg-up {
		display: none !important
	}
}

.font-50 {
	font-size: 50px !important;
}

.border-danger {
	border: 1px solid #d53323 ! important;
}

.margin-left-65 {
	margin-left: 65px;
}

.explorefilter-wrap .section {
	font-size: 15px;
	font-weight: 600;
	margin: 12px 0;
	color: #5e89ff;
}

.explorefilter-wrap {
	padding: 22px 13px;
	background: #f1f0f0de;
	box-shadow: 0px 1px 3px 0px #ccccccf0;
}

.explorefilter-wrap .search_xyTy input, .explorefilter-wrap .search_xyTy select
	{
	background: unset;
	border-radius: 5px;
	border: 1px solid #5E89FF;
	height: 45px;
	color: #5E89FF
}

.explorefilter-wrap .search_xyTy .input-group-addon {
	background: unset;
	border-color: #5E89FF !important;
	height: 45px;
	color: #5E89FF
}

.explorefilter-wrap .ebox.active {
	background: #5E89FF;
	color: white;
}

.explorefilter-wrap .ebox {
	background: #F1F4F8;
	padding: 12px 25px;
	margin-top: 10px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	box-shadow: 1px 1px 2px 0px #ccccccbf
}

.explorefilter-wrap .org-box {
	border-radius: 5px;
	border: 1px solid #5E89FF;
	color: #5E89FF;
	margin-top: 15px;
	font-weight: 500;
	padding: 14px 15px 8px;
}

.courseTileShadow .tag {
	position: absolute;
	background-color: #5e89ff;
	color: #fff;
	padding: 2px 10px;
	right: 2px;
	top: 15px;
	z-index: 1;
}

.courseTileShadow .tagafter {
	width: 0;
	height: 0;
	border-left: 3px solid #a8aab1;
	border-right: 6px solid transparent;
	border-bottom: 4px solid #b5b9b8;
	border-top: 4px solid transparent;
	position: absolute;
	right: 6px;
	top: 7px;
	z-index: -0;
}

.newtile .tag {
	position: absolute;
	background-color: #5e89ff;
	color: #fff;
	padding: 2px 10px;
	right: -8px;
	top: 15px;
	z-index: 1;
}

.newtile .tagafter {
	width: 0;
	height: 0;
	border-left: 3px solid #a8aab1;
	border-right: 6px solid transparent;
	border-bottom: 4px solid #b5b9b8;
	border-top: 4px solid transparent;
	position: absolute;
	right: -8px;
	top: 7px;
	z-index: -0;
}

.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.dateRange-wrapper {
	background: #fff;
	cursor: pointer;
	padding: 5px 10px;
	border: 1px solid #c6c6c694;
	width: 100%;
	border-radius: 3px;
	height: 32px;
	color: #555
}

.dRW-reset {
	position: absolute;
	top: 10px;
	left: -39px;
	font-size: 14px;
}

#coPoMapGrid .ui-grid-viewport {
	overflow-x: auto !important;
}

.multiselectDisabled .multiSelect>button {
	cursor: not-allowed;
	opacity: 0.75;
}

.multiselectDisabled .multiSelect .checkboxLayer {
	opacity: 0;
	z-index: 0;
}

.input-group-addon {
	background-color: white;
	color: #333333;
	padding: 5px 12px;
	padding-right: 8px;
	cursor: pointer;
}

.search_xyTy .dateRange-wrapper {
	background: unset;
	border-radius: 5px;
	border: 1px solid #5E89FF;
	height: unset;
	min-height: 45px;
	color: #5E89FF;
	cursor: pointer;
	padding: 5px 10px;
	width: 100%;
	line-height: 2.5;
}

.ht-35px {
	height: 35px;
	overflow: hidden;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus,
	.btn:active:focus, .btn:focus {
	outline: unset;
}

.text-blue2 {
	color: #5E89FF
}

.zi10 {
	z-index: 10
}

.filterside-marg {
	margin: 10px 0 10px 0;
}

.btn-default, .btn-default-info {
	border: 1px solid #03a58c;
	color: #03a58c;
	/* margin-left: 5px; */
	background: white;
}

.btn-default:hover, .btn-default-info:hover {
	border: 1px solid #03a58c;
	color: #03a58c;
	background: #f8f8f8;
}

.btn-default.focus, .btn-default:focus, .btn-default-info.focus,
	.btn-default-info:focus {
	border: 1px solid #03a58c;
	color: #03a58c;
	background-color: white;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default:active.focus,
	.btn-default:active:focus, .btn-default-info.active.focus,
	.btn-default-info.active:focus, .btn-default-info:active.focus,
	.btn-default-info:active:focus {
	color: white;
}

button.close, .close {
	opacity: 1;
	font-size: 34px;
	margin-top: -5px !important;
	margin-left: 20px;
	font-weight: 400;
	color: #bf2515;
}

button.close:focus {
	color: #bf2515;
	opacity: 1;
}

#forgotpwd-sucessmsg {
	background: white;
	padding: 10px 20px;
	border-radius: 2px;
	margin-top: 20px;
	box-shadow: 5px 6px 8px 2px #403f3f;
	color: black
}

.truncate {
	white-space: nowrap !important;
	width: 80% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: inline-block !important;
}

.truncate-nowidth {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.truncate1 {
	white-space: nowrap;
	width: 83%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.truncate2 {
	white-space: nowrap !important;
	width: 55% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: inline-block !important;
}

.search_xyTy .form-control:focus {
	-webkit-box-shadow: inset 0 0 0 rgb(0 0 0/ 8%), 0 0 0
		rgb(102 175 233/ 60%);
	box-shadow: inset 0 0 0 rgb(0 0 0/ 8%), 0 0 0 rgb(102 175 233/ 60%);
}

.box-supportus {
	background: #0d40cd;
	padding: 18px 20px;
	color: #ffffff;
}

.main-header-menu .page-header-wrapper {
	padding: 10px
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #333;
	height: 3px;
	margin-top: 5px;
	border-radius: 6px;
}

.mean-container a.meanmenu-reveal {
	color: #333;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 1px;
	font-weight: 700;
	height: 30px;
	line-height: 25px;
	padding: 4px 0 4px 5px;
	position: absolute;
	right: 24px;
	text-decoration: none;
	top: 20px;
	width: 30px;
}

.mean-container .meanmenu-login {
	position: absolute;
	right: 68px;
	top: 22px;
	text-align: center;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: transparent;
}

.mobile-menu.mean-container .mean-nav ul {
	margin: 14px 0 0;
}

.mobile-menu .mean-nav ul.menu-overflow {
	margin-top: 12px !important;
	overflow-y: hidden;
	margin-bottom: 30px;
}

.mean-container .mean-nav ul li {
	float: left;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #d5d6d8;
}

.mean-container .mean-nav ul li a {
	color: #666;
	display: block;
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 10px 5%;
	text-align: left;
	text-decoration: none;
	font-weight: 600;
}

.logosite {
	width: 200px
}

.text-strike {
	text-decoration: line-through;
}
.captcha{
	margin:15px o
}
.captcha .preview{
	color:#555;
	width:100%;
	text-align:center;
	height:45px;
	line-height:40px;
	letter-spacing:8px;
	border: 1px dotted #888;
	font :25px monospace;
	padding-top: 5px
}
.captcha .preview span{
		display:inline-block;
		user-select:none
}
.captcha .captcha-form{
	display:flex
}	
.captcha .captcha-form input{
	width:200px;
	padding:8px;
	border:1px solid #888;
}
.captcha .captcha-form .captcha-refresh{
	width:40px;
	border:none;
	outline:none;background:#888;
	color:#eee;
	cursor:pointer;
}
.input-disabled{
	background-color: #eee !important;
}
.checkboxPos {
	position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
}
.text_grey1{
	color:#666;
}
.btn-success-outline{
	padding: 3px 7px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #03a58c;
    color: #03a58c;
    font-weight: 600;
    cursor:pointer;
}
.btn-success-outline:hover{
	padding: 3px 7px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #03a58c;
    color: #03a58c;
    font-weight: 600;
}	
.macenter-footer{
	background: white;
    color: black;
    font-weight: 500;
    border-top: 1px solid #e9e2e2;
    padding-top: 5px;
    text-align :center
}
.footer-links1 {
    border-right: 1px solid #e4dddd;
    padding-left: 10px;
    padding-right: 10px;
}
.footer-links2 {
    padding-left: 10px;
    padding-right: 10px;
}
.footer-links1 a,.footer-links2 a{
	color:black;
	font-weight : 700
}
.form-text1 {
	text-transform: uppercase;
	text-align: center;
	color: white;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.form-text2 {
	text-transform: uppercase;
	text-align: center;
	color: white;
	font-size: 24px;
	font-weight: 600;
}

.activeicon {
	margin-top: 1px;
	margin-bottom: -8px;
	cursor: pointer;
}

.helptext {
	position: relative;
	right: -28px;
	top: -20px;
	color: white;
	float: right;
}

.warningtext {
	position: relative;
	right: -28px;
	top: -20px;
	color: #a76063;
	float: right;
}

.activeicon img {
	width: 17px;
	opacity: 0.8;
}

.login-user-circle-o:before {
	font-family: FontAwesome;
	font-size: 40px;
	font-weight: normal;
	content: "\f2be";
	color: white;
}