body, body * { 
 font-family: 'Noto Sans', 'Open Sans', arial, sans-serif !important; 
} 
body{ 
	background:#cccccc url(../images/bg.jpg) repeat-y; 
	background-size: 100%; 
} 
 
 
h1,h2,h3,h4,h5,h6 { 
	font-family:"Anton"; 
 line-height: 1.1; 
} 
 
.grand-form input[type=text], .grand-form input[type=password].grand-form input[type=email].grand-form input[type=button].grand-form input[type=submit]{ 
 width: 100% !important; 
} 

/* Custom Pagination */
.pagination {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 20px 0;
  justify-content: center;
  gap: 5px;
}

.pagination li {
  display: inline;
}

.pagination li a {
  display: inline-block;
  padding: 8px 14px;
  color: #007bff;
  text-decoration: none;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
}

.pagination li a:hover {
  background-color: #f1f1f1;
  border-color: #007bff;
}

.pagination li.active a {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
  cursor: default;
  pointer-events: none;
}

.pagination li.disabled a {
  color: #ccc;
  pointer-events: none;
  border-color: #eee;
  background-color: #f9f9f9;
}
/* Custom Pagination */
 
header.main-header, 
.p-footer { 
	background: var(--secondary-color); 
	background-size:cover; 
	overflow: hidden; 
} 
header.main-header { 
	color:#6D6E71; 
} 
header.main-header > div { 
	padding:0; 
} 
header.main-header > div > div { 
	display:flex; 
	align-items:center; 
	justify-content: center; 
} 
header.main-header .logo { 
	padding-right:0; 
} 
header.main-header .logo a { 
	padding:0 15px; 
	display:inline-block; 
} 
header.main-header .logo img { 
	max-width:100%; 
	max-height:113px; 
	height:100%; 
	width:auto; 
} 
header.main-header .p-title { 
	border-bottom:13px solid var(--primary-color); 
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%); 
	display: flex; 
	align-items: center; 
	position:relative; 
} 
header.main-header .p-title:before { 
 display: block; 
	display:none; 
	content:""; 
	position: absolute; 
 bottom: -14px; 
	left: -12px; 
	width:13px; 
	height:14px; 
	background-color:var(--primary-color); 
	clip-path:polygon(100% 0, 100% 0, 100% 100%, 0 100%); 
} 
header.main-header .p-title h1{ 
	width: 100%; 
	/*font-size: 60px;*/ 
	font-size: 3.6vw; 
	text-transform:uppercase; 
	margin:0; 
	padding:16px 15px; 
	text-align:right; 
} 
header.main-header .p-title h1 span { 
	display:block; 
} 
header.main-header .p-title h1 span a { 
	background: var(--primary-color); 
	color: #fff; 
	padding: 6px 14px; 
	margin-bottom: 10px; 
	display: inline-block; 
	border-radius: 4px; 
	text-transform: none; 
	font-size: 16px; 
	font-weight: bold; 
	text-decoration: none; 
} 
header.main-header .p-title h1 span a:hover { 
	background: #6d6e71; 
} 
 
 
 
 
 
 
.h-left { 
	width:38%; 
} 
.h-right { 
	width:62%; 
} 
.c-left { 
	float:left; 
	width:38%; 
} 
.c-right { 
	float:right; 
	width:62%; 
} 
 
.p-content { 
	background:#cccccc url(../images/bg.jpg) repeat-y; 
	padding-bottom: 80px; 
	background-size: 100%; 
} 
.c-left { 
	padding-right:0; 
	padding-left:0; 
} 
.user-bio { 
	background: var(--primary-color); 
	color:#fff; 
	padding:20px 40px 10px 10px; 
	text-align:center; 
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%); 
	margin-bottom: 20px; 
} 
.user-bio h2 { 
	margin:0; 
	font-size: 50px; 
} 
.user-bio .sub-details { 
	text-transform:uppercase; 
} 
.user-bio .sub-details span { 
	display:inline-block; 
	padding:0 6px; 
} 
.user-bio .logout a { 
	font-size: 18px; 
	color: #fff; 
	padding: 10px 0; 
	display: inline-block; 
	text-decoration: none; 
	font-weight:bold; 
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

#appendQusAnswersData ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#appendQusAnswersData ul li {
    margin-bottom: 8px;
    background-color: transparent ;
	border: 1px solid #5cb85c ;
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 14px;
    color: #000000;
}

#appendQusAnswersData ul li.active{
	background-color: #5cb85c;
	border-color: #5cb85c ;
	color: #fff;
}

.tooltip-parent {
    position: relative;
    overflow: visible !important;
}

.graph-area {
	position:relative !important; 
} 
 
#page-dashboard .graph-area { 
	padding:0 20px; 
	position:relative; 
} 
#page-dashboard .graph-area { 
	opacity:0; 
} 
#chart { 
	position:relative; 
	margin:auto; 
} 
.apexcharts-text.apexcharts-datalabel-label { 
	margin-top:10%; 
} 
 
#per-cent { 
	/*content: "30";*/ 
	position: absolute; 
	top: 50%; 
	left: 0; 
	width: 100%; 
	text-align: center; 
	color:#6D6E71; 
	font-size:110px; 
	font-weight:bold; 
	line-height: 90px; 
	margin-top: -45px; 
} 
#per-cent span { 
	position: relative; 
} 
/*#per-cent:after { 
	content: "%"; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	color:#6D6E71; 
	font-size:30px; 
	font-weight:bold; 
	line-height: 30px; 
	margin-left: 61px; 
	margin-top: -45px; 
}*/ 
 
/*.apexcharts-canvas:after*/ 
#per-cent span:after { 
	content: "%"; 
	position: absolute; 
	left: auto; 
	top: 50%; 
	color:#6D6E71; 
	font-size:30px; 
	font-weight:bold; 
	line-height: 30px; 
	margin-left: 1px; 
	margin-top: -45px; 
} 
/*.apexcharts-tooltip { 
	background: #f3f3f3; 
	color: orange; 
}*/ 
 
 
 
 
 
 
#page-dashboard > .container-fluid, 
.container-fluid { 
	padding:0; 
} 
.dash-boxes { 
	padding: 20px; 
} 
.dash-boxes a{ 
	text-decoration: none; 
} 
 
 
 
.box_style { 
	border:1px solid #707070; 
	background:#fff; 
	color:#000000; 
} 
.dash_box { 
	padding:30px; 
	margin: 5px 0 0px 10px; 
	opacity:0; 
} 
#page-dashboard .dash_box { 
	padding:12px 13px 12px 11px; 
} 
#page-dashboard .dash_box{ 
	/*cursor:pointer;*/ 
} 
.dash_box .title { 
	font-size:20px; 
	font-weight:700; 
	/*float:left;*/ 
	/*max-height:22px; 
	overflow:hidden;*/ 
	position:relative; 
	margin-bottom:10px; 
	color:#000000; 
} 
.avg { 
	float:right; 
	text-align:right; 
	color:#6D6E71; 
	text-transform:uppercase; 
	font-size:10px; 
	font-weight:400; 
} 
.dash_box .percent { 
	color:#6D6E71; 
	font-size:70px; 
	font-weight:bold; 
	position:relative; 
	padding-right:20px; 
	float: left; 
	line-height: 74px; 
	min-width:77px; 
} 
.dash_box .percent span { 
	position: absolute; 
	font-size: 20px; 
	top: 5px; 
	right: 3px; 
	line-height: 28px; 
} 
.dash_box .expand { 
	font-size:12px; 
	line-height:12px; 
	text-transform:uppercase; 
	letter-spacing:1px; 
	text-align:right; 
} 
.dash_box .expand a { 
	color:var(--primary-color); 
	text-decoration:none; 
} 
.dash_box .expand a:hover { 
	color:#000; 
} 
 
 
 
 
 
.ptitle { 
	font-size:10px; 
} 
.ptitle strong { 
	font-weight:normal; 
} 
.dash_box .progress { 
	margin-bottom: 9px; 
	height: 15px; 
	background:#acacac; 
	border-radius: 20px; 
} 
.dash_box .progress-bar { 
 width: 0; 
 border-radius: 20px; 
 line-height: 15px; 
 text-align:left; 
 text-indent: 5px; 
 background:var(--primary-color); 
 animation: progress 2.5s ease-in-out forwards; 
 /* 
 .ptitle { 
	opacity: 0; 
	animation: show 0.35s forwards ease-in-out 0.5s; 
 }*/ 
} 
 
@keyframes progress { 
 from { 
	width: 0; 
 } 
 to { 
	width: 100%; 
 } 
} 
@keyframes show { 
 from { 
	opacity: 0; 
 } 
 to { 
	opacity: 1; 
 } 
} 
 
 
 
 
 
 
.p-footer { 
	color:#eee; 
	padding:20px 0; 
	text-align:center; 
} 
.p-footer { 
	position: fixed; 
	bottom: 0; 
	width: 100%; 
	z-index: 999; 
} 
 
 
 
 
 
 
.box_list { 
	list-style:none; 
	margin:0 0 35px; 
	padding:0; 
	border-top:1px solid var(--primary-color) 
} 
.box_list li { 
	border-bottom:1px solid var(--primary-color); 
	font-size:20px; 
	padding: 7px 3px; 
} 
.box_list .ptitle { 
	font-size:19px; 
	display:flex; 
} 
.box_list .ptitle > * { 
	flex-grow:1; 
} 
.box_list em { 
	font-style:normal; 
	font-weight:bold; 
	text-align: right; 
} 
 
 
.box_bottom { 
	font-size:20px; 
	font-weight:bold; 
	color:var(--primary-color); 
	text-align: right; 
} 
.box_bottom > div { 
 display: inline-block; 
	text-align: center; 
	padding:0 10px; 
} 
.box_bottom > div:first-child{ 
	border-right:1px solid #707070; 
} 
.box_bottom strong { 
	display:block; 
	font-size:50px; 
	line-height: 1; 
	color:#6D6E71; 
} 
 
 
 
 
 
 
.stat_nav { 
	font-size:19px; 
	font-weight:bold; 
	text-align:right; 
	text-transform:uppercase; 
	margin-bottom:20px; 
} 
.stat_nav a { 
	display:inline-block; 
	color:#111; 
	padding:0 15px; 
	text-decoration:none; 
} 
.stat_nav a:hover { 
	color:var(--primary-color); 
}
 
.admin_box { 
	color:#6D6E71; 
	margin:0 40px 40px; 
	background:#fff; 
	border:1px solid #707070; 
	padding:15px; 
	position: relative; 
} 
.admin_box:before { 
	content:""; 
	width:40px; 
	height:70px; 
	background:var(--primary-color); 
	position:absolute; 
	left: -41px; 
	top: -1px; 
} 
.ca-left,.ca-right { 
	width:50%; 
	float:left; 
	padding:25px; 
} 
.ca-left { 
	border-right:1px solid #999; 
} 
 
.admin_box h2 { 
	font-size:51px; 
	margin-bottom: 25px; 
} 
.news_text { 
	font-size:20px; 
	line-height: 1.6; 
} 
 
.link-box { 
	border:1px solid #707070; 
	text-align:center; 
	display:block; 
	padding:42px 12px 12px; 
	text-decoration:none !important; 
} 
.link-box span { 
	display:block; 
} 
.link-img img { 
	/*max-height:86px;*/ 
	max-width:100%; 
	height:auto; 
} 
.link-btn { 
	display:block; 
	color:#111; 
	font-size:20px; 
	line-height:24px; 
	padding:6px; 
	margin-top:47px; 
} 
.link-box:hover .link-btn { 
	color:#fff; 
	background:var(--primary-color); 
} 
 
 
.qxs-text { 
	font-size:14px; 
	line-height:24px; 
	color:#6D6E71; 
	padding: 30px 0 0; 
} 
 
 
 
 
 
 
.admin_nav { 
	background: #cccccc url(../images/bg.jpg) repeat-y; 
	text-transform:uppercase; 
	font-size:16px; 
	position:relative; 
} 
.admin_nav > ul { 
	list-style:none; 
	margin:0; 
	padding:30px 50px 30px 30px; 
	display:flex; 
	width: 38%; 
	position:relative; 
	z-index: 1; 
} 
.admin_nav > ul:after { 
	content:""; 
	position:absolute; 
	left:0; 
	top:0; 
	width: 100%; 
	height:100%; 
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); 
	background:var(--primary-color); 
	z-index: -1; 
} 
.admin_nav li { 
	flex-grow: 1; 
	text-align: center; 
	position:relative; 
} 
.admin_nav a { 
	color:#fff; 
	text-decoration:none; 
	padding: 5px; 
} 
.admin_nav li:hover, .admin_nav li:hover > a{ 
	color:#111; 
	background: #ddd; 
} 
.admin_nav > ul ul { 
	display:none; 
	position: absolute; 
	list-style:none; 
	z-index: 999; 
	width: 160px; 
	background: #ddd; 
	padding:8px 5px; 
	margin:0; 
	box-shadow: 2px 3px 3px rgba(0,0,0,0.2); 
} 
.admin_nav > ul > li:hover ul { 
	display: block; 
} 
.admin_nav > ul ul li { 
 display: block; 
	text-align:left; 
	padding:2px 0; 
} 
.admin_nav > ul ul a {color:#111; display:block; 
	padding: 5px 10px 5px 10px;} 
.admin_nav > ul ul a:hover{ 
	background-color:rgba(255,255,255,0.6); 
} 
 
 
 
 
.ca-right label { 
	color:#111; 
	text-transform:uppercase; 
} 
.ca-right label.error{ 
	text-transform: none; 
} 
.ca-right .form-control { 
	border:1px solid #707070; 
	border-radius:0; 
	/* padding:10px 6px; */ 
	min-height: 50px; 
	background:#F4F4F4; 
} 
/* Chrome, Safari, Edge, Opera */ 
.ca-right input::-webkit-outer-spin-button, 
.ca-right input::-webkit-inner-spin-button { 
 -webkit-appearance: none; 
 margin: 0; 
} 
 
/* Firefox */ 
.ca-right input[type=number] { 
 -moz-appearance: textfield; 
} 
.ca-right .form-actions { 
	text-align:right; 
	padding-top:15px; 
} 
.form-actions .btn, 
.ca-right .btn { 
	color:#fff; 
	font-size:19px; 
	font-weight:bold; 
	padding:10px 26px; 
	min-height: 50px; 
	border-radius:0; 
	border:0; 
	margin-left:15px; 
	margin-bottom:15px; 
} 
.form-actions .btn:hover { 
	opacity:0.7; 
} 
.form-actions .btn.blue, 
.ca-right .btn.blue { 
	background:#6D6E71; 
} 
.form-actions .btn.default, 
.ca-right .btn.default { 
	background:var(--primary-color); 
} 
 
 
 
 
 
 
 
 
/* 
athelete page 
*/ 
.athelete-menu { 
	background:#000; 
	color:#ACACAC; 
	font-size:14px; 
	font-weight: 700; 
	text-transform:uppercase; 
} 
.athelete-menu ul { 
	/*display:flex;*/ 
	margin:0; 
	padding:0; 
	list-style:none; 
} 
.athelete-menu li { 
	flex-grow: 1; 
	text-align: center; 
	position:relative; 
	display:inline-block; 
} 
.athelete-menu li a { 
	color:#ACACAC; 
	text-decoration:none; 
	display:block; 
	padding:10px; 
} 
.athelete-menu li.active a, 
.athelete-menu li a:hover { 
	color:#fff; 
	background:var(--primary-color); 
} 
.athelete-menu li.active a:before, 
.athelete-menu li:hover a:before { 
	content:""; 
	position:absolute; 
	left:50%; 
	bottom:-9px; 
	clip-path: polygon(50% 100%, 0 0, 100% 0); 
	background:var(--primary-color); 
	height: 10px; 
	width: 40px; 
	margin-left: -20px; 
} 
 
 
 
 
.athelete-left.ca-left { 
	width:23%; 
} 
.athelete-right.ca-right { 
	width:77%; 
} 
.athelete-left h2 { 
	color:#000; 
	margin-bottom: 8px; 
} 
.athelete-left .age-grade { 
	text-transform:uppercase; 
	font-size:17px; 
	color:#6D6E71; 
} 
.admin_box .table-responsive td { 
	vertical-align:middle; 
} 
.ca-right .table-responsive .btn { 
	margin:0; 
	font-size: 16px; 
	min-height: 10px; 
} 
 
.about_text { 
	font-size:17px; 
	line-height:22px; 
} 
.dataTables_wrapper .dataTables_length .form-control, 
.dataTables_wrapper .table-group-actions .form-control { 
 display: inline-block !important; 
 width: auto !important; 
} 
.dataTables_wrapper #my_data { 
	margin: 15px auto; 
} 
#pagination .pagination { 
	margin:0; 
} 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*** 
Custom color buttons 
***/ 
.bg-white { 
 background: #ffffff !important; } 
 
.bg-hover-white:hover { 
 background: #ffffff !important; } 
 
.font-white { 
 color: #ffffff !important; } 
 
.bg-font-white { 
 color: #666 !important; } 
 
.border-white { 
 border-color: #ffffff !important; } 
 
.border-top-white { 
 border-top-color: #ffffff !important; } 
 
.border-bottom-white { 
 border-bottom-color: #ffffff !important; } 
 
.border-left-white { 
 border-left-color: #ffffff !important; } 
 
.border-right-white { 
 border-right-color: #ffffff !important; } 
 
.bg-default { 
 background: #e1e5ec !important; } 
 
.bg-hover-default:hover { 
 background: #e1e5ec !important; } 
 
.font-default { 
 color: #e1e5ec !important; } 
 
.bg-font-default { 
 color: #666 !important; } 
 
.border-default { 
 border-color: #e1e5ec !important; } 
 
.border-top-default { 
 border-top-color: #e1e5ec !important; } 
 
.border-bottom-default { 
 border-bottom-color: #e1e5ec !important; } 
 
.border-left-default { 
 border-left-color: #e1e5ec !important; } 
 
.border-right-default { 
 border-right-color: #e1e5ec !important; } 
 
.bg-dark { 
 background: #2f353b !important; } 
 
.bg-hover-dark:hover { 
 background: #2f353b !important; } 
 
.font-dark { 
 color: #2f353b !important; } 
 
.bg-font-dark { 
 color: #FFFFFF !important; } 
 
.border-dark { 
 border-color: #2f353b !important; } 
 
.border-top-dark { 
 border-top-color: #2f353b !important; } 
 
.border-bottom-dark { 
 border-bottom-color: #2f353b !important; } 
 
.border-left-dark { 
 border-left-color: #2f353b !important; } 
 
.border-right-dark { 
 border-right-color: #2f353b !important; } 
 
.bg-blue { 
 background: #3598dc !important; } 
 
.bg-hover-blue:hover { 
 background: #3598dc !important; } 
 
.font-blue { 
 color: #3598dc !important; } 
 
.bg-font-blue { 
 color: #FFFFFF !important; } 
 
.border-blue { 
 border-color: #3598dc !important; } 
 
.border-top-blue { 
 border-top-color: #3598dc !important; } 
 
.border-bottom-blue { 
 border-bottom-color: #3598dc !important; } 
 
.border-left-blue { 
 border-left-color: #3598dc !important; } 
 
.border-right-blue { 
 border-right-color: #3598dc !important; } 
 
.bg-blue-madison { 
 background: #578ebe !important; } 
 
.bg-hover-blue-madison:hover { 
 background: #578ebe !important; } 
 
.font-blue-madison { 
 color: #578ebe !important; } 
 
.bg-font-blue-madison { 
 color: #FFFFFF !important; } 
 
.border-blue-madison { 
 border-color: #578ebe !important; } 
 
.border-top-blue-madison { 
 border-top-color: #578ebe !important; } 
 
.border-bottom-blue-madison { 
 border-bottom-color: #578ebe !important; } 
 
.border-left-blue-madison { 
 border-left-color: #578ebe !important; } 
 
.border-right-blue-madison { 
 border-right-color: #578ebe !important; } 
 
.bg-blue-chambray { 
 background: #2C3E50 !important; } 
 
.bg-hover-blue-chambray:hover { 
 background: #2C3E50 !important; } 
 
.font-blue-chambray { 
 color: #2C3E50 !important; } 
 
.bg-font-blue-chambray { 
 color: #FFFFFF !important; } 
 
.border-blue-chambray { 
 border-color: #2C3E50 !important; } 
 
.border-top-blue-chambray { 
 border-top-color: #2C3E50 !important; } 
 
.border-bottom-blue-chambray { 
 border-bottom-color: #2C3E50 !important; } 
 
.border-left-blue-chambray { 
 border-left-color: #2C3E50 !important; } 
 
.border-right-blue-chambray { 
 border-right-color: #2C3E50 !important; } 
 
.bg-blue-ebonyclay { 
 background: #22313F !important; } 
 
.bg-hover-blue-ebonyclay:hover { 
 background: #22313F !important; } 
 
.font-blue-ebonyclay { 
 color: #22313F !important; } 
 
.bg-font-blue-ebonyclay { 
 color: #FFFFFF !important; } 
 
.border-blue-ebonyclay { 
 border-color: #22313F !important; } 
 
.border-top-blue-ebonyclay { 
 border-top-color: #22313F !important; } 
 
.border-bottom-blue-ebonyclay { 
 border-bottom-color: #22313F !important; } 
 
.border-left-blue-ebonyclay { 
 border-left-color: #22313F !important; } 
 
.border-right-blue-ebonyclay { 
 border-right-color: #22313F !important; } 
 
.bg-blue-hoki { 
 background: #67809F !important; } 
 
.bg-hover-blue-hoki:hover { 
 background: #67809F !important; } 
 
.font-blue-hoki { 
 color: #67809F !important; } 
 
.bg-font-blue-hoki { 
 color: #FFFFFF !important; } 
 
.border-blue-hoki { 
 border-color: #67809F !important; } 
 
.border-top-blue-hoki { 
 border-top-color: #67809F !important; } 
 
.border-bottom-blue-hoki { 
 border-bottom-color: #67809F !important; } 
 
.border-left-blue-hoki { 
 border-left-color: #67809F !important; } 
 
.border-right-blue-hoki { 
 border-right-color: #67809F !important; } 
 
.bg-blue-steel { 
 background: #4B77BE !important; } 
 
.bg-hover-blue-steel:hover { 
 background: #4B77BE !important; } 
 
.font-blue-steel { 
 color: #4B77BE !important; } 
 
.bg-font-blue-steel { 
 color: #FFFFFF !important; } 
 
.border-blue-steel { 
 border-color: #4B77BE !important; } 
 
.border-top-blue-steel { 
 border-top-color: #4B77BE !important; } 
 
.border-bottom-blue-steel { 
 border-bottom-color: #4B77BE !important; } 
 
.border-left-blue-steel { 
 border-left-color: #4B77BE !important; } 
 
.border-right-blue-steel { 
 border-right-color: #4B77BE !important; } 
 
.bg-blue-soft { 
 background: #4c87b9 !important; } 
 
.bg-hover-blue-soft:hover { 
 background: #4c87b9 !important; } 
 
.font-blue-soft { 
 color: #4c87b9 !important; } 
 
.bg-font-blue-soft { 
 color: #FFFFFF !important; } 
 
.border-blue-soft { 
 border-color: #4c87b9 !important; } 
 
.border-top-blue-soft { 
 border-top-color: #4c87b9 !important; } 
 
.border-bottom-blue-soft { 
 border-bottom-color: #4c87b9 !important; } 
 
.border-left-blue-soft { 
 border-left-color: #4c87b9 !important; } 
 
.border-right-blue-soft { 
 border-right-color: #4c87b9 !important; } 
 
.bg-blue-dark { 
 background: #5e738b !important; } 
 
.bg-hover-blue-dark:hover { 
 background: #5e738b !important; } 
 
.font-blue-dark { 
 color: #5e738b !important; } 
 
.bg-font-blue-dark { 
 color: #FFFFFF !important; } 
 
.border-blue-dark { 
 border-color: #5e738b !important; } 
 
.border-top-blue-dark { 
 border-top-color: #5e738b !important; } 
 
.border-bottom-blue-dark { 
 border-bottom-color: #5e738b !important; } 
 
.border-left-blue-dark { 
 border-left-color: #5e738b !important; } 
 
.border-right-blue-dark { 
 border-right-color: #5e738b !important; } 
 
.bg-blue-sharp { 
 background: #5C9BD1 !important; } 
 
.bg-hover-blue-sharp:hover { 
 background: #5C9BD1 !important; } 
 
.font-blue-sharp { 
 color: #5C9BD1 !important; } 
 
.bg-font-blue-sharp { 
 color: #FFFFFF !important; } 
 
.border-blue-sharp { 
 border-color: #5C9BD1 !important; } 
 
.border-top-blue-sharp { 
 border-top-color: #5C9BD1 !important; } 
 
.border-bottom-blue-sharp { 
 border-bottom-color: #5C9BD1 !important; } 
 
.border-left-blue-sharp { 
 border-left-color: #5C9BD1 !important; } 
 
.border-right-blue-sharp { 
 border-right-color: #5C9BD1 !important; } 
 
.bg-green { 
 background: #32c5d2 !important; } 
 
.bg-hover-green:hover { 
 background: #32c5d2 !important; } 
 
.font-green { 
 color: #32c5d2 !important; } 
 
.bg-font-green { 
 color: #FFFFFF !important; } 
 
.border-green { 
 border-color: #32c5d2 !important; } 
 
.border-top-green { 
 border-top-color: #32c5d2 !important; } 
 
.border-bottom-green { 
 border-bottom-color: #32c5d2 !important; } 
 
.border-left-green { 
 border-left-color: #32c5d2 !important; } 
 
.border-right-green { 
 border-right-color: #32c5d2 !important; } 
 
.bg-green-meadow { 
 background: #1BBC9B !important; } 
 
.bg-hover-green-meadow:hover { 
 background: #1BBC9B !important; } 
 
.font-green-meadow { 
 color: #1BBC9B !important; } 
 
.bg-font-green-meadow { 
 color: #FFFFFF !important; } 
 
.border-green-meadow { 
 border-color: #1BBC9B !important; } 
 
.border-top-green-meadow { 
 border-top-color: #1BBC9B !important; } 
 
.border-bottom-green-meadow { 
 border-bottom-color: #1BBC9B !important; } 
 
.border-left-green-meadow { 
 border-left-color: #1BBC9B !important; } 
 
.border-right-green-meadow { 
 border-right-color: #1BBC9B !important; } 
 
.bg-green-seagreen { 
 background: #1BA39C !important; } 
 
.bg-hover-green-seagreen:hover { 
 background: #1BA39C !important; } 
 
.font-green-seagreen { 
 color: #1BA39C !important; } 
 
.bg-font-green-seagreen { 
 color: #FFFFFF !important; } 
 
.border-green-seagreen { 
 border-color: #1BA39C !important; } 
 
.border-top-green-seagreen { 
 border-top-color: #1BA39C !important; } 
 
.border-bottom-green-seagreen { 
 border-bottom-color: #1BA39C !important; } 
 
.border-left-green-seagreen { 
 border-left-color: #1BA39C !important; } 
 
.border-right-green-seagreen { 
 border-right-color: #1BA39C !important; } 
 
.bg-green-turquoise { 
 background: #36D7B7 !important; } 
 
.bg-hover-green-turquoise:hover { 
 background: #36D7B7 !important; } 
 
.font-green-turquoise { 
 color: #36D7B7 !important; } 
 
.bg-font-green-turquoise { 
 color: #FFFFFF !important; } 
 
.border-green-turquoise { 
 border-color: #36D7B7 !important; } 
 
.border-top-green-turquoise { 
 border-top-color: #36D7B7 !important; } 
 
.border-bottom-green-turquoise { 
 border-bottom-color: #36D7B7 !important; } 
 
.border-left-green-turquoise { 
 border-left-color: #36D7B7 !important; } 
 
.border-right-green-turquoise { 
 border-right-color: #36D7B7 !important; } 
 
.bg-green-haze { 
 background: #44b6ae !important; } 
 
.bg-hover-green-haze:hover { 
 background: #44b6ae !important; } 
 
.font-green-haze { 
 color: #44b6ae !important; } 
 
.bg-font-green-haze { 
 color: #FFFFFF !important; } 
 
.border-green-haze { 
 border-color: #44b6ae !important; } 
 
.border-top-green-haze { 
 border-top-color: #44b6ae !important; } 
 
.border-bottom-green-haze { 
 border-bottom-color: #44b6ae !important; } 
 
.border-left-green-haze { 
 border-left-color: #44b6ae !important; } 
 
.border-right-green-haze { 
 border-right-color: #44b6ae !important; } 
 
.bg-green-jungle { 
 background: #26C281 !important; } 
 
.bg-hover-green-jungle:hover { 
 background: #26C281 !important; } 
 
.font-green-jungle { 
 color: #26C281 !important; } 
 
.bg-font-green-jungle { 
 color: #FFFFFF !important; } 
 
.border-green-jungle { 
 border-color: #26C281 !important; } 
 
.border-top-green-jungle { 
 border-top-color: #26C281 !important; } 
 
.border-bottom-green-jungle { 
 border-bottom-color: #26C281 !important; } 
 
.border-left-green-jungle { 
 border-left-color: #26C281 !important; } 
 
.border-right-green-jungle { 
 border-right-color: #26C281 !important; } 
 
.bg-green-soft { 
 background: #3faba4 !important; } 
 
.bg-hover-green-soft:hover { 
 background: #3faba4 !important; } 
 
.font-green-soft { 
 color: #3faba4 !important; } 
 
.bg-font-green-soft { 
 color: #FFFFFF !important; } 
 
.border-green-soft { 
 border-color: #3faba4 !important; } 
 
.border-top-green-soft { 
 border-top-color: #3faba4 !important; } 
 
.border-bottom-green-soft { 
 border-bottom-color: #3faba4 !important; } 
 
.border-left-green-soft { 
 border-left-color: #3faba4 !important; } 
 
.border-right-green-soft { 
 border-right-color: #3faba4 !important; } 
 
.bg-green-dark { 
 background: #4DB3A2 !important; } 
 
.bg-hover-green-dark:hover { 
 background: #4DB3A2 !important; } 
 
.font-green-dark { 
 color: #4DB3A2 !important; } 
 
.bg-font-green-dark { 
 color: #FFFFFF !important; } 
 
.border-green-dark { 
 border-color: #4DB3A2 !important; } 
 
.border-top-green-dark { 
 border-top-color: #4DB3A2 !important; } 
 
.border-bottom-green-dark { 
 border-bottom-color: #4DB3A2 !important; } 
 
.border-left-green-dark { 
 border-left-color: #4DB3A2 !important; } 
 
.border-right-green-dark { 
 border-right-color: #4DB3A2 !important; } 
 
.bg-green-sharp { 
 background: #2ab4c0 !important; } 
 
.bg-hover-green-sharp:hover { 
 background: #2ab4c0 !important; } 
 
.font-green-sharp { 
 color: #2ab4c0 !important; } 
 
.bg-font-green-sharp { 
 color: #FFFFFF !important; } 
 
.border-green-sharp { 
 border-color: #2ab4c0 !important; } 
 
.border-top-green-sharp { 
 border-top-color: #2ab4c0 !important; } 
 
.border-bottom-green-sharp { 
 border-bottom-color: #2ab4c0 !important; } 
 
.border-left-green-sharp { 
 border-left-color: #2ab4c0 !important; } 
 
.border-right-green-sharp { 
 border-right-color: #2ab4c0 !important; } 
 
.bg-grey { 
 background: #E5E5E5 !important; } 
 
.bg-hover-grey:hover { 
 background: #E5E5E5 !important; } 
 
.font-grey { 
 color: #E5E5E5 !important; } 
 
.bg-font-grey { 
 color: #333333 !important; } 
 
.border-grey { 
 border-color: #E5E5E5 !important; } 
 
.border-top-grey { 
 border-top-color: #E5E5E5 !important; } 
 
.border-bottom-grey { 
 border-bottom-color: #E5E5E5 !important; } 
 
.border-left-grey { 
 border-left-color: #E5E5E5 !important; } 
 
.border-right-grey { 
 border-right-color: #E5E5E5 !important; } 
 
.bg-grey-steel { 
 background: #e9edef !important; } 
 
.bg-hover-grey-steel:hover { 
 background: #e9edef !important; } 
 
.font-grey-steel { 
 color: #e9edef !important; } 
 
.bg-font-grey-steel { 
 color: #80898e !important; } 
 
.border-grey-steel { 
 border-color: #e9edef !important; } 
 
.border-top-grey-steel { 
 border-top-color: #e9edef !important; } 
 
.border-bottom-grey-steel { 
 border-bottom-color: #e9edef !important; } 
 
.border-left-grey-steel { 
 border-left-color: #e9edef !important; } 
 
.border-right-grey-steel { 
 border-right-color: #e9edef !important; } 
 
.bg-grey-cararra { 
 background: #fafafa !important; } 
 
.bg-hover-grey-cararra:hover { 
 background: #fafafa !important; } 
 
.font-grey-cararra { 
 color: #fafafa !important; } 
 
.bg-font-grey-cararra { 
 color: #333333 !important; } 
 
.border-grey-cararra { 
 border-color: #fafafa !important; } 
 
.border-top-grey-cararra { 
 border-top-color: #fafafa !important; } 
 
.border-bottom-grey-cararra { 
 border-bottom-color: #fafafa !important; } 
 
.border-left-grey-cararra { 
 border-left-color: #fafafa !important; } 
 
.border-right-grey-cararra { 
 border-right-color: #fafafa !important; } 
 
.bg-grey-gallery { 
 background: #555555 !important; } 
 
.bg-hover-grey-gallery:hover { 
 background: #555555 !important; } 
 
.font-grey-gallery { 
 color: #555555 !important; } 
 
.bg-font-grey-gallery { 
 color: #ffffff !important; } 
 
.border-grey-gallery { 
 border-color: #555555 !important; } 
 
.border-top-grey-gallery { 
 border-top-color: #555555 !important; } 
 
.border-bottom-grey-gallery { 
 border-bottom-color: #555555 !important; } 
 
.border-left-grey-gallery { 
 border-left-color: #555555 !important; } 
 
.border-right-grey-gallery { 
 border-right-color: #555555 !important; } 
 
.bg-grey-cascade { 
 background: #95A5A6 !important; } 
 
.bg-hover-grey-cascade:hover { 
 background: #95A5A6 !important; } 
 
.font-grey-cascade { 
 color: #95A5A6 !important; } 
 
.bg-font-grey-cascade { 
 color: #FFFFFF !important; } 
 
.border-grey-cascade { 
 border-color: #95A5A6 !important; } 
 
.border-top-grey-cascade { 
 border-top-color: #95A5A6 !important; } 
 
.border-bottom-grey-cascade { 
 border-bottom-color: #95A5A6 !important; } 
 
.border-left-grey-cascade { 
 border-left-color: #95A5A6 !important; } 
 
.border-right-grey-cascade { 
 border-right-color: #95A5A6 !important; } 
 
.bg-grey-silver { 
 background: #BFBFBF !important; } 
 
.bg-hover-grey-silver:hover { 
 background: #BFBFBF !important; } 
 
.font-grey-silver { 
 color: #BFBFBF !important; } 
 
.bg-font-grey-silver { 
 color: #FAFCFB !important; } 
 
.border-grey-silver { 
 border-color: #BFBFBF !important; } 
 
.border-top-grey-silver { 
 border-top-color: #BFBFBF !important; } 
 
.border-bottom-grey-silver { 
 border-bottom-color: #BFBFBF !important; } 
 
.border-left-grey-silver { 
 border-left-color: #BFBFBF !important; } 
 
.border-right-grey-silver { 
 border-right-color: #BFBFBF !important; } 
 
 
.bg-grey-salsa { 
 background: #ACB5C3 !important; } 
 
.bg-hover-grey-salsa:hover { 
 background: #ACB5C3 !important; } 
 
.font-grey-salsa { 
 color: #ACB5C3 !important; } 
 
.bg-font-grey-salsa { 
 color: #FAFCFB !important; } 
 
.border-grey-salsa { 
 border-color: #ACB5C3 !important; } 
 
 
.border-top-grey-salsa { 
 border-top-color: #ACB5C3 !important; } 
 
.border-bottom-grey-salsa { 
 border-bottom-color: #ACB5C3 !important; } 
 
.border-left-grey-salsa { 
 border-left-color: #ACB5C3 !important; } 
 
.border-right-grey-salsa { 
 border-right-color: #ACB5C3 !important; } 
 
.bg-grey-salt { 
 background: #bfcad1 !important; } 
 
.bg-hover-grey-salt:hover { 
 background: #bfcad1 !important; } 
 
.font-grey-salt { 
 color: #bfcad1 !important; } 
 
.bg-font-grey-salt { 
 color: #FAFCFB !important; } 
 
.border-grey-salt { 
 border-color: #bfcad1 !important; } 
 
.border-top-grey-salt { 
 border-top-color: #bfcad1 !important; } 
 
.border-bottom-grey-salt { 
 border-bottom-color: #bfcad1 !important; } 
 
.border-left-grey-salt { 
 border-left-color: #bfcad1 !important; } 
 
.border-right-grey-salt { 
 border-right-color: #bfcad1 !important; } 
 
.bg-grey-mint { 
 background: #525e64 !important; } 
 
.bg-hover-grey-mint:hover { 
 background: #525e64 !important; } 
 
.font-grey-mint { 
 color: #525e64 !important; } 
 
.bg-font-grey-mint { 
 color: #FFFFFF !important; } 
 
.border-grey-mint { 
 border-color: #525e64 !important; } 
 
.border-top-grey-mint { 
 border-top-color: #525e64 !important; } 
 
.border-bottom-grey-mint { 
 border-bottom-color: #525e64 !important; } 
 
.border-left-grey-mint { 
 border-left-color: #525e64 !important; } 
 
.border-right-grey-mint { 
 border-right-color: #525e64 !important; } 
 
.bg-red { 
 background: #e7505a !important; } 
 
.bg-hover-red:hover { 
 background: #e7505a !important; } 
 
.font-red { 
 color: #e7505a !important; } 
 
.bg-font-red, .bg-font-red a { 
 color: #ffffff !important; } 
 
.border-red { 
 border-color: #e7505a !important; } 
 
.border-top-red { 
 border-top-color: #e7505a !important; } 
 
.border-bottom-red { 
 border-bottom-color: #e7505a !important; } 
 
.border-left-red { 
 border-left-color: #e7505a !important; } 
 
.border-right-red { 
 border-right-color: #e7505a !important; } 
 
.bg-red-pink { 
 background: #E08283 !important; } 
 
.bg-hover-red-pink:hover { 
 background: #E08283 !important; } 
 
.font-red-pink { 
 color: #E08283 !important; } 
 
.bg-font-red-pink, .bg-font-red-pink a { 
 color: #ffffff !important; } 
 
.border-red-pink { 
 border-color: #E08283 !important; } 
 
.border-top-red-pink { 
 border-top-color: #E08283 !important; } 
 
.border-bottom-red-pink { 
 border-bottom-color: #E08283 !important; } 
 
.border-left-red-pink { 
 border-left-color: #E08283 !important; } 
 
.border-right-red-pink { 
 border-right-color: #E08283 !important; } 
 
.bg-red-sunglo { 
 background: #E26A6A !important; } 
 
.bg-hover-red-sunglo:hover { 
 background: #E26A6A !important; } 
 
.font-red-sunglo { 
 color: #E26A6A !important; } 
 
.bg-font-red-sunglo, .bg-font-red-sunglo a { 
 color: #ffffff !important; } 
 
.border-red-sunglo { 
 border-color: #E26A6A !important; } 
 
.border-top-red-sunglo { 
 border-top-color: #E26A6A !important; } 
 
.border-bottom-red-sunglo { 
 border-bottom-color: #E26A6A !important; } 
 
.border-left-red-sunglo { 
 border-left-color: #E26A6A !important; } 
 
.border-right-red-sunglo { 
 border-right-color: #E26A6A !important; } 
 
.bg-red-intense { 
 background: #e35b5a !important; } 
 
.bg-hover-red-intense:hover { 
 background: #e35b5a !important; } 
 
.font-red-intense { 
 color: #e35b5a !important; } 
 
.bg-font-red-intense, .bg-font-red-intense a { 
 color: #ffffff !important; } 
 
.border-red-intense { 
 border-color: #e35b5a !important; } 
 
.border-top-red-intense { 
 border-top-color: #e35b5a !important; } 
 
.border-bottom-red-intense { 
 border-bottom-color: #e35b5a !important; } 
 
.border-left-red-intense { 
 border-left-color: #e35b5a !important; } 
 
.border-right-red-intense { 
 border-right-color: #e35b5a !important; } 
 
.bg-red-thunderbird { 
 background: #D91E18 !important; } 
 
.bg-hover-red-thunderbird:hover { 
 background: #D91E18 !important; } 
 
.font-red-thunderbird { 
 color: #D91E18 !important; } 
 
.bg-font-red-thunderbird, .bg-font-red-thunderbird a { 
 color: #ffffff !important; } 
 
.border-red-thunderbird { 
 border-color: #D91E18 !important; } 
 
.border-top-red-thunderbird { 
 border-top-color: #D91E18 !important; } 
 
.border-bottom-red-thunderbird { 
 border-bottom-color: #D91E18 !important; } 
 
.border-left-red-thunderbird { 
 border-left-color: #D91E18 !important; } 
 
.border-right-red-thunderbird { 
 border-right-color: #D91E18 !important; } 
 
.bg-red-flamingo { 
 background: #EF4836 !important; } 
 
.bg-hover-red-flamingo:hover { 
 background: #EF4836 !important; } 
 
.font-red-flamingo { 
 color: #EF4836 !important; } 
 
.bg-font-red-flamingo { 
 color: #ffffff !important; } 
 
.border-red-flamingo { 
 border-color: #EF4836 !important; } 
 
.border-top-red-flamingo { 
 border-top-color: #EF4836 !important; } 
 
.border-bottom-red-flamingo { 
 border-bottom-color: #EF4836 !important; } 
 
.border-left-red-flamingo { 
 border-left-color: #EF4836 !important; } 
 
.border-right-red-flamingo { 
 border-right-color: #EF4836 !important; } 
 
.bg-red-soft { 
 background: #d05454 !important; } 
 
.bg-hover-red-soft:hover { 
 background: #d05454 !important; } 
 
.font-red-soft { 
 color: #d05454 !important; } 
 
.bg-font-red-soft { 
 color: #ffffff !important; } 
 
.border-red-soft { 
 border-color: #d05454 !important; } 
 
.border-top-red-soft { 
 border-top-color: #d05454 !important; } 
 
.border-bottom-red-soft { 
 border-bottom-color: #d05454 !important; } 
 
.border-left-red-soft { 
 border-left-color: #d05454 !important; } 
 
.border-right-red-soft { 
 border-right-color: #d05454 !important; } 
 
.bg-red-haze { 
 background: #f36a5a !important; } 
 
.bg-hover-red-haze:hover { 
 background: #f36a5a !important; } 
 
.font-red-haze { 
 color: #f36a5a !important; } 
 
.bg-font-red-haze { 
 color: #ffffff !important; } 
 
.border-red-haze { 
 border-color: #f36a5a !important; } 
 
.border-top-red-haze { 
 border-top-color: #f36a5a !important; } 
 
.border-bottom-red-haze { 
 border-bottom-color: #f36a5a !important; } 
 
.border-left-red-haze { 
 border-left-color: #f36a5a !important; } 
 
.border-right-red-haze { 
 border-right-color: #f36a5a !important; } 
 
.bg-red-mint { 
 background: #e43a45 !important; } 
 
.bg-hover-red-mint:hover { 
 background: #e43a45 !important; } 
 
.font-red-mint { 
 color: #e43a45 !important; } 
 
.bg-font-red-mint { 
 color: #ffffff !important; } 
 
.border-red-mint { 
 border-color: #e43a45 !important; } 
 
.border-top-red-mint { 
 border-top-color: #e43a45 !important; } 
 
.border-bottom-red-mint { 
 border-bottom-color: #e43a45 !important; } 
 
.border-left-red-mint { 
 border-left-color: #e43a45 !important; } 
 
.border-right-red-mint { 
 border-right-color: #e43a45 !important; } 
 
.bg-yellow { 
 background: #c49f47 !important; } 
 
.bg-hover-yellow:hover { 
 background: #c49f47 !important; } 
 
.font-yellow { 
 color: #c49f47 !important; } 
 
.bg-font-yellow { 
 color: #ffffff !important; } 
 
.border-yellow { 
 border-color: #c49f47 !important; } 
 
.border-top-yellow { 
 border-top-color: #c49f47 !important; } 
 
.border-bottom-yellow { 
 border-bottom-color: #c49f47 !important; } 
 
.border-left-yellow { 
 border-left-color: #c49f47 !important; } 
 
.border-right-yellow { 
 border-right-color: #c49f47 !important; } 
 
.bg-yellow-gold { 
 background: #E87E04 !important; } 
 
.bg-hover-yellow-gold:hover { 
 background: #E87E04 !important; } 
 
.font-yellow-gold { 
 color: #E87E04 !important; } 
 
.bg-font-yellow-gold { 
 color: #ffffff !important; } 
 
.border-yellow-gold { 
 border-color: #E87E04 !important; } 
 
.border-top-yellow-gold { 
 border-top-color: #E87E04 !important; } 
 
.border-bottom-yellow-gold { 
 border-bottom-color: #E87E04 !important; } 
 
.border-left-yellow-gold { 
 border-left-color: #E87E04 !important; } 
 
.border-right-yellow-gold { 
 border-right-color: #E87E04 !important; } 
 
.bg-yellow-casablanca { 
 background: #f2784b !important; } 
 
.bg-hover-yellow-casablanca:hover { 
 background: #f2784b !important; } 
 
.font-yellow-casablanca { 
 color: #f2784b !important; } 
 
.bg-font-yellow-casablanca { 
 color: #ffffff !important; } 
 
.border-yellow-casablanca { 
 border-color: #f2784b !important; } 
 
.border-top-yellow-casablanca { 
 border-top-color: #f2784b !important; } 
 
.border-bottom-yellow-casablanca { 
 border-bottom-color: #f2784b !important; } 
 
.border-left-yellow-casablanca { 
 border-left-color: #f2784b !important; } 
 
.border-right-yellow-casablanca { 
 border-right-color: #f2784b !important; } 
 
.bg-yellow-crusta { 
 background: #f3c200 !important; } 
 
.bg-hover-yellow-crusta:hover { 
 background: #f3c200 !important; } 
 
.font-yellow-crusta { 
 color: #f3c200 !important; } 
 
.bg-font-yellow-crusta { 
 color: #ffffff !important; } 
 
.border-yellow-crusta { 
 border-color: #f3c200 !important; } 
 
.border-top-yellow-crusta { 
 border-top-color: #f3c200 !important; } 
 
.border-bottom-yellow-crusta { 
 border-bottom-color: #f3c200 !important; } 
 
.border-left-yellow-crusta { 
 border-left-color: #f3c200 !important; } 
 
.border-right-yellow-crusta { 
 border-right-color: #f3c200 !important; } 
 
.bg-yellow-lemon { 
 background: #F7CA18 !important; } 
 
.bg-hover-yellow-lemon:hover { 
 background: #F7CA18 !important; } 
 
.font-yellow-lemon { 
 color: #F7CA18 !important; } 
 
.bg-font-yellow-lemon { 
 color: #ffffff !important; } 
 
.border-yellow-lemon { 
 border-color: #F7CA18 !important; } 
 
.border-top-yellow-lemon { 
 border-top-color: #F7CA18 !important; } 
 
.border-bottom-yellow-lemon { 
 border-bottom-color: #F7CA18 !important; } 
 
.border-left-yellow-lemon { 
 border-left-color: #F7CA18 !important; } 
 
.border-right-yellow-lemon { 
 border-right-color: #F7CA18 !important; } 
 
.bg-yellow-saffron { 
 background: #F4D03F !important; } 
 
.bg-hover-yellow-saffron:hover { 
 background: #F4D03F !important; } 
 
.font-yellow-saffron { 
 color: #F4D03F !important; } 
 
.bg-font-yellow-saffron { 
 color: #ffffff !important; } 
 
.border-yellow-saffron { 
 border-color: #F4D03F !important; } 
 
.border-top-yellow-saffron { 
 border-top-color: #F4D03F !important; } 
 
.border-bottom-yellow-saffron { 
 border-bottom-color: #F4D03F !important; } 
 
.border-left-yellow-saffron { 
 border-left-color: #F4D03F !important; } 
 
.border-right-yellow-saffron { 
 border-right-color: #F4D03F !important; } 
 
.bg-yellow-soft { 
 background: #c8d046 !important; } 
 
.bg-hover-yellow-soft:hover { 
 background: #c8d046 !important; } 
 
.font-yellow-soft { 
 color: #c8d046 !important; } 
 
.bg-font-yellow-soft { 
 color: #ffffff !important; } 
 
.border-yellow-soft { 
 border-color: #c8d046 !important; } 
 
.border-top-yellow-soft { 
 border-top-color: #c8d046 !important; } 
 
.border-bottom-yellow-soft { 
 border-bottom-color: #c8d046 !important; } 
 
.border-left-yellow-soft { 
 border-left-color: #c8d046 !important; } 
 
.border-right-yellow-soft { 
 border-right-color: #c8d046 !important; } 
 
.bg-yellow-haze { 
 background: #c5bf66 !important; } 
 
.bg-hover-yellow-haze:hover { 
 background: #c5bf66 !important; } 
 
.font-yellow-haze { 
 color: #c5bf66 !important; } 
 
.bg-font-yellow-haze { 
 color: #ffffff !important; } 
 
.border-yellow-haze { 
 border-color: #c5bf66 !important; } 
 
.border-top-yellow-haze { 
 border-top-color: #c5bf66 !important; } 
 
.border-bottom-yellow-haze { 
 border-bottom-color: #c5bf66 !important; } 
 
.border-left-yellow-haze { 
 border-left-color: #c5bf66 !important; } 
 
.border-right-yellow-haze { 
 border-right-color: #c5bf66 !important; } 
 
.bg-yellow-mint { 
 background: #c5b96b !important; } 
 
.bg-hover-yellow-mint:hover { 
 background: #c5b96b !important; } 
 
.font-yellow-mint { 
 color: #c5b96b !important; } 
 
.bg-font-yellow-mint { 
 color: #ffffff !important; } 
 
.border-yellow-mint { 
 border-color: #c5b96b !important; } 
 
.border-top-yellow-mint { 
 border-top-color: #c5b96b !important; } 
 
.border-bottom-yellow-mint { 
 border-bottom-color: #c5b96b !important; } 
 
.border-left-yellow-mint { 
 border-left-color: #c5b96b !important; } 
 
.border-right-yellow-mint { 
 border-right-color: #c5b96b !important; } 
 
.bg-purple { 
 background: #8E44AD !important; } 
 
.bg-hover-purple:hover { 
 background: #8E44AD !important; } 
 
.font-purple { 
 color: #ffffff !important; } 
 
.bg-font-purple { 
 color: #ffffff !important; } 
 
.border-purple { 
 border-color: #8E44AD !important; } 
 
.border-top-purple { 
 border-top-color: #8E44AD !important; } 
 
.border-bottom-purple { 
 border-bottom-color: #8E44AD !important; } 
 
.border-left-purple { 
 border-left-color: #8E44AD !important; } 
 
.border-right-purple { 
 border-right-color: #8E44AD !important; } 
 
.bg-purple-plum { 
 background: #8775a7 !important; } 
 
.bg-hover-purple-plum:hover { 
 background: #8775a7 !important; } 
 
.font-purple-plum { 
 color: #8775a7 !important; } 
 
.bg-font-purple-plum { 
 color: #ffffff !important; } 
 
.border-purple-plum { 
 border-color: #8775a7 !important; } 
 
.border-top-purple-plum { 
 border-top-color: #8775a7 !important; } 
 
.border-bottom-purple-plum { 
 border-bottom-color: #8775a7 !important; } 
 
.border-left-purple-plum { 
 border-left-color: #8775a7 !important; } 
 
.border-right-purple-plum { 
 border-right-color: #8775a7 !important; } 
 
.bg-purple-medium { 
 background: #BF55EC !important; } 
 
.bg-hover-purple-medium:hover { 
 background: #BF55EC !important; } 
 
.font-purple-medium { 
 color: #BF55EC !important; } 
 
.bg-font-purple-medium { 
 color: #ffffff !important; } 
 
.border-purple-medium { 
 border-color: #BF55EC !important; } 
 
.border-top-purple-medium { 
 border-top-color: #BF55EC !important; } 
 
.border-bottom-purple-medium { 
 border-bottom-color: #BF55EC !important; } 
 
.border-left-purple-medium { 
 border-left-color: #BF55EC !important; } 
 
.border-right-purple-medium { 
 border-right-color: #BF55EC !important; } 
 
.bg-purple-studio { 
 background: #8E44AD !important; } 
 
.bg-hover-purple-studio:hover { 
 background: #8E44AD !important; } 
 
.font-purple-studio { 
 color: #8E44AD !important; } 
 
.bg-font-purple-studio { 
 color: #ffffff !important; } 
 
.border-purple-studio { 
 border-color: #8E44AD !important; } 
 
.border-top-purple-studio { 
 border-top-color: #8E44AD !important; } 
 
.border-bottom-purple-studio { 
 border-bottom-color: #8E44AD !important; } 
 
.border-left-purple-studio { 
 border-left-color: #8E44AD !important; } 
 
.border-right-purple-studio { 
 border-right-color: #8E44AD !important; } 
 
.bg-purple-wisteria { 
 background: #9B59B6 !important; } 
 
.bg-hover-purple-wisteria:hover { 
 background: #9B59B6 !important; } 
 
.font-purple-wisteria { 
 color: #9B59B6 !important; } 
 
.bg-font-purple-wisteria { 
 color: #ffffff !important; } 
 
.border-purple-wisteria { 
 border-color: #9B59B6 !important; } 
 
.border-top-purple-wisteria { 
 border-top-color: #9B59B6 !important; } 
 
.border-bottom-purple-wisteria { 
 border-bottom-color: #9B59B6 !important; } 
 
.border-left-purple-wisteria { 
 border-left-color: #9B59B6 !important; } 
 
.border-right-purple-wisteria { 
 border-right-color: #9B59B6 !important; } 
 
.bg-purple-seance { 
 background: #9A12B3 !important; } 
 
.bg-hover-purple-seance:hover { 
 background: #9A12B3 !important; } 
 
.font-purple-seance { 
 color: #9A12B3 !important; } 
 
.bg-font-purple-seance { 
 color: #ffffff !important; } 
 
.border-purple-seance { 
 border-color: #9A12B3 !important; } 
 
.border-top-purple-seance { 
 border-top-color: #9A12B3 !important; } 
 
.border-bottom-purple-seance { 
 border-bottom-color: #9A12B3 !important; } 
 
.border-left-purple-seance { 
 border-left-color: #9A12B3 !important; } 
 
.border-right-purple-seance { 
 border-right-color: #9A12B3 !important; } 
 
.bg-purple-intense { 
 background: #8775a7 !important; } 
 
.bg-hover-purple-intense:hover { 
 background: #8775a7 !important; } 
 
.font-purple-intense { 
 color: #8775a7 !important; } 
 
.bg-font-purple-intense { 
 color: #ffffff !important; } 
 
.border-purple-intense { 
 border-color: #8775a7 !important; } 
 
.border-top-purple-intense { 
 border-top-color: #8775a7 !important; } 
 
.border-bottom-purple-intense { 
 
 border-bottom-color: #8775a7 !important; } 
 
.border-left-purple-intense { 
 border-left-color: #8775a7 !important; } 
 
.border-right-purple-intense { 
 border-right-color: #8775a7 !important; } 
 
.bg-purple-sharp { 
 background: #796799 !important; } 
 
.bg-hover-purple-sharp:hover { 
 background: #796799 !important; } 
 
.font-purple-sharp { 
 color: #796799 !important; } 
 
.bg-font-purple-sharp { 
 color: #ffffff !important; } 
 
.border-purple-sharp { 
 border-color: #796799 !important; } 
 
.border-top-purple-sharp { 
 border-top-color: #796799 !important; } 
 
.border-bottom-purple-sharp { 
 border-bottom-color: #796799 !important; } 
 
.border-left-purple-sharp { 
 border-left-color: #796799 !important; } 
 
.border-right-purple-sharp { 
 border-right-color: #796799 !important; } 
 
.bg-purple-soft { 
 background: #8877a9 !important; } 
 
.bg-hover-purple-soft:hover { 
 background: #8877a9 !important; } 
 
.font-purple-soft { 
 color: #8877a9 !important; } 
 
.bg-font-purple-soft { 
 color: #ffffff !important; } 
 
.border-purple-soft { 
 border-color: #8877a9 !important; } 
 
.border-top-purple-soft { 
 border-top-color: #8877a9 !important; } 
 
.border-bottom-purple-soft { 
 border-bottom-color: #8877a9 !important; } 
 
.border-left-purple-soft { 
 border-left-color: #8877a9 !important; } 
 
.border-right-purple-soft { 
 border-right-color: #8877a9 !important; } 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.custom-file-upload-hidden { 
 display: none; 
 visibility: hidden; 
 position: absolute; 
 left: -9999px; 
} 
 
.custom-file-upload { 
 display: block; 
 width: auto; 
 font-size: 16px; 
 margin-top: 30px; 
} 
.custom-file-upload label { 
 display: block; 
 margin-bottom: 5px; 
} 
 
.file-upload-wrapper { 
 position: relative; 
 margin-bottom: 5px; 
} 
 
.file-upload-input { 
 border: 1px solid #707070; 
 width: 65%; 
 color: #444; 
 font-size: 16px; 
 padding: 11px 17px; 
 background-color: #F4F4F4; 
 -moz-transition: all 0.2s ease-in; 
 -o-transition: all 0.2s ease-in; 
 -webkit-transition: all 0.2s ease-in; 
 transition: all 0.2s ease-in; 
 float: left; 
 /* IE 9 Fix */ 
} 
.file-upload-input:hover, .file-upload-input:focus { 
 background-color: #eee; 
 outline: none; 
} 
 
.file-upload-button { 
 cursor: pointer; 
 display: inline-block; 
 color: #444; 
 font-size: 16px; 
 text-transform: uppercase; 
 padding: 11px 0; 
 margin-left: -1px; 
 background-color: #ccc; 
 float: left; 
 /* IE 9 Fix */ 
 -moz-transition: all 0.2s ease-in; 
 -o-transition: all 0.2s ease-in; 
 -webkit-transition: all 0.2s ease-in; 
 transition: all 0.2s ease-in; 
 width:35%; 
 border: 1px solid #707070; 
} 
.file-upload-button:hover { 
 background-color: #bbb; 
} 
 
/* 
* 
ADD AND REMOVE QUESTION FORM FILES STYLE START 
* 
*/ 

.force-hide {
    display: none !important;
}
.add-remove-field { 
 margin-bottom: 15px; 
} 
.row.add-remove-field #inputFormRow { 
 position: relative; 
} 
.input-group { 
 display: inline-block; 
 width: 100%; 
} 
button#removeRow { 
	margin-left: 0; 
	margin-top: 0; 
	background: #e20000; 
	border: 0; 
	border-radius: 100%; 
	width: 25px; 
	height: 25px; 
	font-size: 20px; 
	line-height: 24px; 
	font-weight: bold; 
} 
.row.add-remove-field-2 button#addRow { 
 margin-left: 0; 
 margin-top: 15px; 
} 
.custom-ans-row { 
 margin-top: 15px; 
} 
 
.custom-ans-row .input-group.mb-3 input { 
 display: block; 
 width: 100% !important; 
 float: left; 
} 
 
.custom-ans-row .input-group.mb-3 .input-group-append { 
 width: 10%; 
 float: left; 
} 
 
.custom-ans-row .input-group.mb-3 .input-group-append button { 
 margin: 0 !important; 
 font-size: 40px; 
 padding: 10px; 
 min-height: auto; 
 padding: 10px 15px; 
 background: transparent; 
 color: red; 
} 
.add-remove-field .input-group.mb-3 input.form-control { 
 width: 100%; 
 padding-right:50px; 
} 
button#addRow { 
 margin-left: 0px; 
 margin-top: 15px; 
} 
.radio-check { 
 padding-top: 14px; 
 padding-left: 10px; 
 position: absolute; 
 z-index: 999; 
 top: 0px; 
 right: 0; 
} 
.custom-box { 
display: block; 
position: relative; 
padding-left: 35px; 
margin-bottom: 12px; 
cursor: pointer; 
font-size: 22px; 
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
} 
 
/* Hide the browser's default radio button */ 
.custom-box input { 
position: absolute; 
opacity: 0; 
cursor: pointer; 
} 
 
/* Create a custom radio button */ 
.checkmark { 
position: absolute; 
top: 0; 
left: 0; 
height: 25px; 
width: 25px; 
background-color: #cdcdcd; 
border-radius: 50%; 
} 
 
/* On mouse-over, add a grey background color */ 
.custom-box:hover input ~ .checkmark { 
background-color: #ccc; 
} 
 
/* When the radio button is checked, add a blue background */ 
.custom-box input:checked ~ .checkmark { 
background-color: #2196F3; 
} 
 
/* Create the indicator (the dot/circle - hidden when not checked) */ 
.checkmark:after { 
content: ""; 
position: absolute; 
display: none; 
} 
 
/* Show the indicator (dot/circle) when checked */ 
.custom-box input:checked ~ .checkmark:after { 
display: block; 
} 
 
/* Style the indicator (dot/circle) */ 
.custom-box .checkmark:after { 
 top: 9px; 
left: 9px; 
width: 8px; 
height: 8px; 
border-radius: 50%; 
background: white; 
} 
.custom-ans-row .input-group-append { 
 position: absolute; 
 top: 13px; 
 z-index: 999; 
 right: 10px; 
} 
 
.custom-ans-row .radio-check { 
 right: 30px; 
} 
.custom-ans-row input.form-control { 
 padding-right: 70px !important; 
} 
/* 
* 
ADD AND REMOVE QUESTION FORM FILES STYLE END 
* 
*/ 
/* table#sample_1 td.last_td { 
 width: 160px !important; 
 text-align: center; 
} */ 
/* table#sample_1 td.date_td { 
width:185px !important; 
} */ 
/* 
*/ 
.cat_edit .form-group { 
	padding: 20px 20px 10px; 
	border: 1px solid #ddd; 
	border-radius: 8px; 
	background: #f7fafa; 
} 
.form-group label { 
 display: inline-flex; 
 align-items: center; 
 justify-content: flex-start; 
margin-bottom: 5px; 
 font-weight: 700; 
 
 } 
 .form-group label:last-child { 
 padding-left: 5px; 
 } 
 
 .form-group label input.form-control, .form-group label select.form-control { 
 margin-left: 5px; 
 min-height: 28px !important; 
 height: 28px !important; 
 padding-top: 3px; 
 padding-bottom: 3px; 
 font-weight: 400; 
} 
 .form-group label:first-child input { 
 width: 100%; 
 max-width: 40px; 
 } 
 section#page-dashboard .row { 
 margin-left: 0; 
 margin-right: 0; 
} 
.c-right.dash-boxes .radio-check { 
 right: inherit; 
 top: -18px; 
 left: -25px; 
} 
.c-right.dash-boxes button.btn.blue { 
 margin-left: 0; 
} 
.c-right.dash-boxes .input-group { 
 margin-left: 20px; 
} 
.c-right.dash-boxes .cat_edit .form-group { 
 padding: 20px 15px 10px 
} 
.avg-perct-exp { 
 display: flex; 
 justify-content: space-between; 
 align-items: flex-end; 
} 
.dash_box .expand { 
 display:grid; 
} 
.dash_box .expand a { 
 margin-bottom: 32px; 
} 
.dash_box .expand a:last-child { 
 margin-bottom: 7px; 
} 
/* 
 
RESPONSIVE AREA 
 
*/ 
 
@media all and (max-width:1197px) { 
 
} 
 
.qtitle { 
	font-size:19px; 
	line-height:22px; 
	font-weight: bold; 
} 
.ques_box .title, 
.qtitle { 
	color: var(--primary-color); 
} 
 
 
 
.main_dash .dash_box .title{
	color: var(--primary-color);
}.main_dash .dash_box .percent{
	 color: #444;
 }
.main_dash .first_overall {
	background-color: var(--primary-color) !important;
	color: #fff !important;
	border-color: var(--primary-color) !important;
}
.main_dash .dash_box.first_overall .title,
.main_dash .dash_box.first_overall .percent,
.main_dash .dash_box.first_overall .avg{
	color: #fff !important;
}
 
.survey_pages { 
	width:100%; 
} 
.survey_pages .survey_page { 
	display: none; 
} 
.survey_pages .survey_page:nth-child(1) { 
	display: block; 
} 
label.error {
	border: none;
    background-color: transparent;
} 
label.error { 
	color: red; 
	font-style: italic; 
	width: 100%; 
	background-color: #fbd9d9; 
	padding: 4px; 
	border: 1px solid red; 
} 
 
 
.stepbar .step_heading{ 
	float: left; 
	margin: 0 0 15px; 
	font-size: 33px; 
} 
.stepbar .step_number { 
	float: right; 
	font-size: 20px; 
	line-height: 36px; 
} 
#page-dashboard .dash_box .bars { 
	display: none; 
} 
.apexcharts-legend > div.apexcharts-legend-series:last-child{ 
	display: none; 
} 
.apexcharts-slices > .apexcharts-pie-series:last-child, 
.apexcharts-slices > .apexcharts-datalabels:last-child{ 
	display: none; 
} 
 
 
 
 
/* Madni CSS */ 
 
input.select2-search__field { 
 width: 100% !important; 
 height: 18px !important; 
 background-color: transparent; 
 margin-bottom: 5px !important; 
 position: absolute; 
 top: 0; 
 z-index: -1; 
} 
 
span.select2.select2-container.select2-container--bootstrap{ 
 /* max-width: 500px !important;
 width: 100% !important; */
 max-width: 100% !important;
 box-sizing: border-box;
 display: inline-block;
 margin: 0;
 position: relative;
 vertical-align: middle;
 /* height: 50px; */
} 
 
span.select2-selection.select2-selection--multiple { 
 background-color: white; 
 border: 1px solid #707070; 
 outline: 0; 
 border-radius: 4px; 
 cursor: text; 
 padding-bottom: 5px; 
 padding-right: 5px; 
 position: relative; 
 min-height: 28px; 
} 
 
span.select2-selection.select2-selection--multiple ul{ 
 margin-bottom: 0px ; 
} 
 
span.select2-selection__choice__remove:hover{ 
 cursor: pointer; 
} 
 
li.select2-selection__choice { 
 background-color: #e4e4e4; 
 border: 1px solid #aaa; 
 border-radius: 4px; 
 box-sizing: border-box; 
 display: inline-block; 
 margin-left: 5px; 
 margin-top: 2.5px; 
 position: relative; 
 max-width: 100%; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 vertical-align: bottom; 
 white-space: nowrap; 
 padding: 2px 5px; 
 font-weight: normal; 
} 
 
.select2-results__option:hover { 
 background: #5897fb; 
 color: #fff; 
} 
 
 
ul.select2-selection__rendered{ 
 max-width: 500px !important; 
 width: 100%; 
 padding-right: 10px !important; 
 
} 
 
span.select2-selection__choice__remove{ 
 padding-right: 3px; 
 border-right: 1px solid #000; 
 margin-right: 3px; 
} 
 
.assign_ques .form-control { 
 background: #fff !important; 
} 
 
.cat_edit .main_dash { 
 background: #fff; 
 padding: 12px 13px 12px 11px; 
 border: 1px solid #939393; 
	margin-bottom: 15px; 
} 
 
.cat_edit .main_dash h3{ 
 margin-top: 0; 
 color: #0db4fd;
 font-size: 26px; 
 font-weight: 700; 
} 
 
.cat_edit .main_dash p{ 
 margin-top: 0; 
 color: #000; 
 font-size: 20px; 
 font-weight: 500; 
	line-height: 24px; 
} 
 
.form-group { 
 margin-bottom: 15px; 
} 
 
 
.pull-right { 
 float: right!important; 
} 
 
 
.alert-warning { 
 color: #8a6d3b; 
 background-color: #fcf8e3; 
 border-color: #faebcc; 
} 
 
 
.btn-success { 
 color: #fff !important; 
 background-color: #5cb85c !important; 
 border-color: #4cae4c !important; 
} 
 
 
.btn { 
 display: inline-block !important; 
 margin-bottom: 0 !important; 
 font-weight: 400 !important; 
 text-align: center !important; 
 white-space: nowrap !important; 
 vertical-align: middle !important; 
 -ms-touch-action: manipulation !important; 
 touch-action: manipulation !important; 
 cursor: pointer !important; 
 background-image: none !important; 
 border: 1px solid transparent !important; 
 padding: 6px 12px !important; 
 font-size: 14px !important; 
 line-height: 1.42857143 !important; 
 border-radius: 4px !important; 
 -webkit-user-select: none !important; 
 -moz-user-select: none !important; 
 -ms-user-select: none !important; 
 user-select: none !important; 
} 
 
 
.text-right { 
 text-align: right; 
} 
 
/* ====== BTN WARNING ====== */ 
 
.btn-warning { 
 color: #fff !important; 
 background-color: #f0ad4e !important; 
 border-color: #eea236 !important; 
} 
 
.btn-warning:hover { 
 color: #fff !important; 
 background-color: #ffca2c !important; 
 border-color: #ffc720 !important; 
} 
 
.btn-warning:focus { 
 box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5) !important; 
} 
 
.btn-warning:active { 
 color: #000 !important; 
 background-color: #ffcd39 !important; 
 border-color: #ffc720 !important; 
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; 
} 
 
.btn-warning:disabled { 
 color: #000 !important; 
 background-color: #ffc107 !important; 
 border-color: #ffc107 !important; 
} 
 
 
/* ====== BTN WARNING ====== */ 
 
 
 
/* ====== BTN DANGER ====== */ 
 
.btn-danger { 
 color: #fff !important; 
 background-color: #dc3545 !important; 
 border-color: #dc3545 !important; 
} 
 
.btn-danger:hover { 
 color: #fff !important; 
 background-color: #bb2d3b !important; 
 border-color: #b02a37 !important; 
} 
 
.btn-danger:active { 
 color: #fff !important; 
 background-color: #b02a37 !important; 
 border-color: #a52834 !important; 
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; 
} 
 
.btn-danger:disabled { 
 color: #fff !important; 
 background-color: #dc3545 !important; 
 border-color: #dc3545 !important; 
} 
 
.btn-danger:focus { 
 box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5) !important; 
} 
 
/* ====== BTN DANGER ====== */ 
 
 
/* ===== BTN PRIMARY ===== */ 
 
.btn-primary { 
 color: #fff !important; 
 background-color: #337ab7 !important; 
 border-color: #2e6da4 !important; 
} 
 
.btn-primary:hover { 
 color: #fff !important; 
 background-color: #286090 !important; 
 border-color: #204d74 !important; 
} 
 
/* ===== BTN PRIMARY ===== */ 
 
 
/* ===== BTN INFO ===== */ 
 
.btn-info { 
 color: #fff !important; 
 background-color: #0dcaf0 !important; 
 border-color: #0dcaf0 !important; 
} 
 
.btn-info:hover { 
 color: #fff !important; 
 background-color: #31d2f2 !important; 
 border-color: #25cff2 !important; 
} 
 
.btn-info:focus { 
 box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5) !important; 
} 
 
.btn-info:active { 
 color: #000 !important; 
 background-color: #3dd5f3 !important; 
 border-color: #25cff2 !important; 
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; 
} 
 
.btn-info:disabled { 
 color: #000 !important; 
 background-color: #0dcaf0 !important; 
 border-color: #0dcaf0 !important; 
} 
 
 
/* ===== BTN INFO ===== */ 
 
 
 
/* ===== INPUTU SM ===== */ 
 
.input-sm { 
 height: 30px !important; 
 padding: 5px 10px !important; 
 font-size: 12px !important; 
 line-height: 1.5 !important; 
 border-radius: 3px !important; 
} 
 
 
/* ===== INPUTU SM ===== */ 
 
 
/* ===== ADMIN BOX ===== */ 
 
.admin_box { 
 color: #6D6E71 !important; 
 margin: 0 40px 40px !important; 
 background: #fff !important; 
 border: 1px solid #707070 !important; 
 padding: 15px !important; 
 position: relative !important; 
} 
 
 
 
 
/* ===== LABEL ===== */ 
 
label { 
 max-width: 100% !important; 
 margin-bottom: 5px !important; 
 font-weight: 700 !important; 
} 
 
/* ===== LABEL ===== */ 
 
 
.form-actions .btn.blue, .ca-right .btn.blue { 
 background: #6D6E71 !important; 
} 
 
.form-actions .btn.default, .ca-right .btn.default { 
 background: var(--primary-color) !important; 
} 
 
.form-actions .btn, .ca-right .btn { 
 color: #fff !important; 
 font-size: 19px !important; 
 font-weight: bold !important; 
 padding: 10px 26px !important; 
 min-height: 50px !important; 
 border-radius: 0 !important; 
 border: 0 !important; 
 margin-left: 15px !important; 
 margin-bottom: 15px !important; 
} 
 
 
 
 
/* ===== TABLE ===== */ 
 
 
 
table thead .alert-warning th{ 
 color: #8a6d3b !important; 
 background-color: #fcf8e3 !important; 
 border-color: #faebcc !important; 
} 
 
 
 
table tbody td.alert-warning { 
 color: #8a6d3b !important; 
 background-color: #fcf8e3 !important; 
 border-color: #faebcc !important; 
} 
 
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { 
 border: 1px solid #ddd !important; 
} 
 
 
.table-hover>tbody>tr:hover { 
 background-color: #f5f5f5 !important; 
} 
 
 
/* .table-striped>tbody>tr:nth-of-type(odd) { 
 background-color: #f9f9f9 !important; 
} */ 
 
.table-striped>tbody>tr:nth-of-type(odd)>* { 
 background-color: #f9f9f9 !important; 
 --bs-table-bg-state: #f9f9f9 !important; 
} 
 
.table-hover>tbody>tr:hover { 
 background-color: #f5f5f5 !important; 
} 
 
 
 
/* ===== TABLE ===== */ 
 
 
/* ===== SELECT ===== */ 
 
#select_limit { 
 -webkit-appearance: menulist; 
 -moz-appearance: menulist; 
 appearance: menulist; 
} 
 
 
select { 
 -webkit-appearance: menulist !important; 
 -moz-appearance: menulist !important; 
 appearance: menulist !important; 
} 
 
/* ===== SELECT ===== */ 
 
 
 
 
.ca-right label { 
 color: #111 !important; 
 text-transform: uppercase !important; 
} 
 
 
.ca-right .form-control { 
 border: 1px solid #707070 !important; 
 border-radius: 0 !important; 
 /* padding: 10px 6px !important; */ 
 min-height: 50px !important; 
 background: #F4F4F4 !important; 
} 
 
 small { 
 font-size: 12px !important; 
} 
 
 
 
 
 #page-dashboard .graph-area { 
 padding: 0 20px !important; 
 position: relative !important; 
 } 
 
 
 
 #chart { 
 /* position: relative !important; */ 
 margin: auto !important; 
 /* height: 100% !important; */ 
 } 
 
 #per-cent { 
 position: absolute !important; 
 top: 50% !important; 
 
 /* transform: translate(-50%, -50%) !important; */ 
 color: #6D6E71 !important; 
 font-size: 110px !important; 
 font-weight: bold; 
 line-height: 1; 
 text-align: center; 
 white-space: nowrap; 
 pointer-events: none; 
 } 
 
.vivify { 
 -webkit-animation-duration: .8s !important; 
 -webkit-animation-fill-mode: both !important; 
 animation-duration: .8s !important; 
 animation-fill-mode: both !important;
 /* height: 100% !important; */ 
} 
 
#chart.vivify { 
 animation-name: none !important; 
 animation-duration: 0s !important; 
 transform: none !important;
}
 
 
.apexcharts-canvas { 
 position: relative !important; 
 direction: ltr !important; 
 user-select: none !important; 
 /* height: 100% !important; */ 
} 
 
.resize-triggers, .resize-triggers>div, .contract-trigger:before { 
 content: " " !important; 
 display: block !important; 
 position: absolute !important; 
 top: 0 !important; 
 left: 0 !important; 
 height: 100% !important; 
 width: 100% !important; 
 overflow: hidden !important; 
} 
 
.resize-triggers { 
 animation: 1ms resizeanim !important; 
 visibility: hidden !important; 
 opacity: 0 !important; 
} 
 
.resize-triggers>div { 
 background: #eee !important; 
 overflow: auto !important; 
} 
 
.contract-trigger:before { 
 width: 200% !important; 
 height: 200% !important; 
} 
 
 
/* 
@media screen and (max-width:767px) { 
 #page-dashboard .graph-area { 
 padding: 0 20px !important; 
 position: relative !important; 
 max-height: 500px !important; 
} 
} */ 
 
 
 
 
@media (max-width: 800px) { 
 
} 
 
 
.select2-container .select2-selection--multiple .select2-selection__rendered { 
 display: block; 
 padding-left: 8px; 
 white-space: normal; /* added to allow wrapping */ 
}

.ck.ck-voice-label {
    display: none !important;
}

.qxs-text img{
	max-width: 100%;
} 

/* Rules container */
#psswordRules {
    top: 100%;        /* appear just below input */
    left: 0;
    width: 100%;
    margin: 6px 0 0 0;
    padding: 8px 12px 8px 28px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
}

/* Default rule (not satisfied) */
#psswordRules li {
    margin: 4px 0;
    color: red;
    position: relative;
}

/* Default icon ✖ */
#psswordRules li::before {
    content: "✖";
    position: absolute;
    left: -18px;
    color: red;
}

/* Valid rule */
#psswordRules li.valid {
    color: green;
}

/* Valid icon ✔ */
#psswordRules li.valid::before {
    content: "✔";
    color: green;
}