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

body {
	margin-bottom: 45px;
	padding-right: 0 !important;
	color: black;
	font-weight: 400;
	font: 13px 'Segoe UI', sans-serif;
	letter-spacing: 0.3px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5 {
	font-weight: 700;
	letter-spacing: -.016rem;
}

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: #0B5FFF;
	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;
}

.theme-dark .page-header-wrapper.navbar {
	background-color: rgba(10, 10, 10, 0.9);
	border-radius: 0;
	color: white;
}

.theme-dark .navbar .text-dark {
	color: white;
}

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

.btn {
	font-weight: 500;
	font-size: 11px;
}

.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: 11px;
	color: #808080;
}

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

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

.footer-div p {
	font-size: 11px;
}

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

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

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

.page-title button {
	font-family: 'Segoe UI', sans-serif;
}

.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; */
	width: 0;
}

.textWidth {
	width: 200px;
}

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

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

.text-muted {
	color: #868e9d;
}

.text-dark {
	color: black;
}

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

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

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

.icon-wrapper {
	cursor: pointer;
	font-size: 1.01rem;
	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: #222222;
	color: white
}

.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: 32px;
	height: 32px;
	border-radius: 35px;
	margin-top: -20px;
	padding: 1px;
}

.pointer-cursor {
	cursor: pointer;
}

.cursor-default {
	cursor: default !important;
}

.ample-logo {
	margin: 11px 7px 5px 10px;
}

.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-30 {
	padding: 10px 30px;
}

.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-45 {
	padding-bottom: 45px !important;
}

.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-40 {
	padding: 40px !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;
}

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

.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 !important;
}

.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 !important;
}

.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;
	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: 65px;
	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-orange {
	background: #ff9900;
}

.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,
	.nofloat .info-box-tqm, .nofloat .info-box-tqm-p1 {
	float: none;
	display: inline-block;
}

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

.info-box-tqm {
	width: 38.7%;
	padding-right: 0px;
	margin-bottom: 5px;
}

.info-box-tqm-p1 {
	width: 30%;
	padding-right: 0px;
	margin-bottom: 5px;
}

.info-box-tqm-v1 {
	width: 38.7%;
	padding-right: 0px;
	margin-bottom: 5px;
}

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

.info-box-count {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #808080ed;
}

.info-box-calendar {
	padding-right: 0px;
	margin-bottom: 5px;
}

.enrolment-bar-box {
	width: 100%;
	/*  height: auto; */
	max-width: 100%;
	display: block;
}

.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: 10px 7px;
}

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

.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 {
	position: relative;
	top: -12px;
	right: 10px;
	font-weight: 300;
	padding: 2px 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 {
	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 ( min-width : 992px) and (max-width: 1200px) {
	.info-box {
		width: unset;
		/* padding-right: 15px; */
	}
	.info-box-tqm {
		width: 80%;
		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;
	margin-left: 18px;
}

.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;
	cursor: pointer;
}

.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, .course-box2 .tag {
	position: absolute;
	background-color: #5e89ff;
	color: #fff;
	padding: 2px 10px;
	right: 2px;
	top: 15px;
	z-index: 1;
}

.courseTileShadow .tagafter, .course-box2 .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: 28px;
	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: 10px 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: 15px;
	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: -20px;
	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;
}

.applicationlogo {
	max-height: 38px;
}

.clientlogo {
	max-height: 47px;
	margin-left: 3px;
}

#ample-banner {
	/* height:586px; */
	
}

.qrcodeStyle {
	display: flex;
	justify-content: center;
	align-items: center;
}

.copyright-text {
	font-size: 11px
}

@media only screen and (max-width: 767px) {
	/* For mobile phones: */
	.applicationlogo {
		max-height: 27px;
	}
	.page-header-wrapper .top-menu .nav>li>a>.badge {
		top: -32px;
		right: -14px;
	}
	.toggleNav-margin {
		padding: 15px 12px;
	}
	.info-box {
		width: unset;
		/* padding-right: 15px; */
	}
	.info-box-tqm, .info-box-tqm-p1 {
		width: 80%;
		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: -17px 5px 0 10px;
	}
	.profile-angledown {
		top: 0;
	}
	.ample-logo {
		height: 45px;
	}
	.modal-90, .modal-80, .modal-60 {
		width: 100%;
	}
	.ample-logo {
		margin: 0;
	}
	.am-wrapper .icon-wrapper .nav-link, .icon-wrapper-search .nav-link {
		margin: 18px 0;
	}
	.icon-wrapper.active, .icon-wrapper a.active, .icon-wrapper a.active:hover
		{
		background: unset !important;
	}
}

.profile-image-border {
	border: 1px solid #588e9b
}

.info-des-2lns-wrp {
	height: 3em;
	overflow: hidden;
	margin-top:0
}

.rc-cert .user-course-details {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-o-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	background-color: #d6edf6;
	color: #1f1f1f;
	padding: 36px 0;
}

.rc-cert .user-course-details .user-photo-container {
	margin: 20px 24px 0 36px;
	position: relative;
}

.rc-cert .user-course-details .user-photo-container__icon-background {
	position: absolute;
	border-radius: 150px;
	top: 1px;
	right: 3px;
	z-index: 99;
	height: 20px;
	width: 20px;
	background-color: #1f1f1f;
}

.rc-cert .user-course-details .course-details {
	padding: 12px 37px 12px 0;
}

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

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

@media ( max-width : 767.98px) {
	.prof-20-30 {
		padding: 10px !important;
	}
	.nav-t-mb {
		display: flex !important;
	}
	.margin-sm-20 {
		margin: 0px !important;
	}
	.promocodemodal {
		margin: 40% auto;
	}
	.tq-mb-fo {
		position: fixed;
	}
	.margin-left-option {
		margin-left: 58px !important;
	}
	.assessmentmodal, .LMSPreviewmodal {
		width: 100% ! important;
		margin: 0px ! important;
	}
}

button[disabled], html input[disabled] {
	cursor: not-allowed;
}

.justify-content-center {
	justify-content: center;
}

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

.margin-left-option {
	margin-left: 90px;
}

.padding-cer-row {
	padding: 20px;
}

@media ( max-width : 768px) {
	.padding-cer-row {
		padding: 0px !important;
	}
	.note-editable {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
	}
	.note-editable::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.note-editable * {
		position: relative;
		z-index: 2;
	}
	.note-editor {
		width: 100%;
	}
	.note-editor img {
		max-width: 100%;
		height: auto;
	}
	.note-editable {
		background-size: contain;
		/* You can use 'contain' if you want to keep the aspect ratio */
		background-position: center;
	}
}

.no-row-border td {
	border-top: 0
}

.searchSkillDpdn {
	width: 200px;
	margin-bottom: -30px;
}

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

.searchSkillBtn {
	margin-left: 15px;
	margin-right: 40px;
}

@media ( min-width : 650px) {
	.searchSkillAddQues {
		margin-bottom: 10px;
	}
}

@media ( max-width : 576px) {
	.searchSkillDpdn {
		width: 100px;
	}
	.searchSkillAddQues {
		margin-bottom: 20px;
	}
	.searchSkillBtn {
		margin-left: 10px;
		margin-right: 20px;
	}
	.searchSkillBtn, .delete-skill-Btn {
		height: 30px;
	}
}

.enrollment-box-progress {
	color: white;
	width: 100%;
	padding: 2px 15px;
	border-radius: 4px;
	margin-top: 5px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}

.enrollment-box {
	color: #0682c4;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 1px;
}

@media ( max-width : 767.98px) {
	.nofloat-xs .info-box-tqm-p1 {
		float: none;
		display: inline-block;
	}
}

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

.am-progress-container {
	width: 100%;
	height: 25px;
	background-color: #b2aeae;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	margin-top: 10px;
}

.am-progress-bar {
	height: 100%;
	width: 0%; /* This will be updated dynamically */
	background: linear-gradient(90deg, #4CAF50, #2E7D32);
	text-align: center;
	line-height: 25px;
	color: white;
	font-weight: bold;
	border-radius: 20px;
	transition: width 0.5s ease-in-out;
}

.am-progress-bar-orange {
	height: 100%;
	width: 0%; /* This will be updated dynamically */
	background: linear-gradient(90deg, #ff9900, #c47500);
	text-align: center;
	line-height: 25px;
	color: white;
	font-weight: bold;
	border-radius: 20px;
	transition: width 0.5s ease-in-out;
}

.w-100 {
	width: 100%;
}

.poll-res-per {
	color: #0682c4;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

.poll-option-item {
	padding: 5px 10px;
	margin-bottom: 5px;
	/* background-color: #f9f9f9; */
	border-radius: 3px;
	width: 100%;
}

.poll-message {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.poll-message-box {
	background: white;
	padding: 20px 40px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.poll-message-text {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

@media (min-width: 1500px) {
    .banner-width {
        width: 145rem;
    }
}