@font-face {font-family: 'Roboto';src: url(../webfonts/roboto-regular.eot);src: url('../webfonts/roboto-regular.eot?#iefix') format('embedded-opentype'),url('../webfonts/roboto-regular.woff') format('woff'),url('../webfonts/roboto-regular.ttf') format('truetype');}

@media only screen and (max-width: 1024px) {
    .rightSSO {
    display: block;
    position: relative;
    float: right;
    width: 400px !important;
    background-color: #f1f1f1;
    background-image: url("../img/sso-right.png");
    background-position: bottom right;
    background-repeat: no-repeat;
}
}

/*color picker*/
.pickBox  {width: 33px; height: 33px; border-radius: 4px; background-color: #e5e5e5;border: 4px solid #fff;}
/*color picker*/

/*custom radio button disabled state styling*/
.switch-field input[type="radio"]:disabled+label  {cursor: not-allowed;background: #ccc !important;box-shadow: none !important}
.switch-field input[type="radio"]:disabled:checked+label  {cursor: not-allowed; background: #ffd000 !important;}
/*custom radio button disabled state styling*/

.dropdown1  {position: relative;}

.titleRow th:first-child {padding:0.5rem;background-color: #f5f5f5;font-weight: bold !important;color:#000;text-align: left;}

.titleRow th {background-color: #f5f5f5;font-weight: bold;text-align: center;}

.titleRow02 {background-color: #ddfcfd;color: #000;}

.titleRow02 {background-color: #fff;color: #000;}

.titleRow02 td {background-color: #ddfcfd;}

.titleRow03 td  {padding:0.5rem;font-weight: bold !important;color:#000;}

.titleRow03 h6  {height: auto;}

.height-60  {height: 60px;}

.planTable img  {width: 170px;}

.priceSm  {font-size: 12px;margin-right: 4px;}

.btn-info {
  background-color: #fff;
  border-color: #ffd000 #efdd8c #efdd8c #efdd8c;
  color: #000;
  border-top: 3px solid #ffd000;
  padding: 0.47rem 1.5rem;
  font-weight: bold;
}

.btn-info:hover, .btn-info.hover {
  background-color: #ffd000;
  border-color: #ffd000 #efdd8c #efdd8c #efdd8c;
  color: #000;
}

.btn-info:focus, .btn-info.focus {
	box-shadow: 0 0 0 3px rgba(255, 208, 0, 0.5);
	color: #000;
}

.btnSelected  {
  background-color: #f0f0f0;
  border-color: #be9f13 #efdd8c #efdd8c #efdd8c;
  border-top: 3px solid #be9f13;
  -webkit-box-shadow: inset 1px 1px 2px 2px rgba(255,255,255,0.39);
-moz-box-shadow: inset 1px 1px 2px 2px rgba(255,255,255,0.39);
box-shadow: inset 1px 1px 2px 2px rgba(255,255,255,0.39);
}

.switch-field {
	display: flex;
	margin-bottom: 6px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 13px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #ffd000;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}


.stickyPrem  {
  position: fixed;
	top: 410px;
	right: 10px;
	z-index: 9999;
	padding: 10px;
	width: 190px;
	background-color: #78e1e1;
	border-radius: 4px;
}
.border-radius-4  {border-radius: 4px;}

.RFI_cust_alt  {background-image: url("../img/banner-cust.jpg");background-repeat:no-repeat;background-position: top center;background-size: contain;}

.rev01 .card-title {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  text-transform: none;
  margin: 0;
}

.rev01 .card-header {
  background: #0D014B;
  border-radius: 0 !important;
  border-bottom: 1px solid #DADADA;
  padding: 10px 18px;
  position: relative;
  color: #fff;
  border-top: 4px solid #78e1e1;
}

.input-group-addon:not(:last-child) {border-right: 0;}
.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {border-top-right-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.topRow  {border: 1px solid #60d1d4;}

.topRow ul  {margin: 0;	padding: 0;}

.topRow ul li  {margin: 0;padding: 0px;list-style-type: none;display: inline-block;	float: left;width: 20%;	position: relative;}

.topRowHead  {background-color: #60d1d4;padding: 10px;font-weight: bold;color: #000;}

.topRowBody  {border-right: 1px solid #60d1d4;padding: 10px;color: #000;background-color: #fff;}

.topRowButton  {position: absolute;	right: 0;bottom: 0;	padding: 0px 7px;background-color: #60d1d4;	color: #000;font-size: 11px;height: 18px;line-height: 18px;}

.topRowButton:hover  {background-color: #ffd000;color: #000;text-shadow: none;text-decoration: none;}

.forceBG  {background: #60d1d4 !important;}

.specialHeight01 {height: 520px;}

.spcSpace01  {margin: 10px 0px 255px !important;}

.FRbg {background-image: url("/lib/assets/img/login-bg-new.jpg");background-repeat: no-repeat;background-position: top left;background-size: cover;overflow: auto;}

.profBox  {padding: 1.25rem !important;max-width: 260px;width: 250px;margin-top: 4px;margin-right: 4px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0.25rem;border-top: 3px solid red;}

.profImg img::after {content: "\f0d8";font-family: FontAwesome; width: 0; height: 0; position: absolute; top: -14px; right: 66px; color: #fff;}

.profBox img  {width: 60px;border-radius: 60px;}

.prof-item  {font-size: 12px;}

.prof-item ul  {margin:0;padding: 0;}

.prof-item ul li  {margin: 0px 0px 0px -10px;padding:0; list-style-type: none; float: left;}

.prof-item ul li:first-child {font-weight: bold;}

.profBtn  {position: absolute;right: 8px;top: 38px;}

.profImg img  {width: 30px;border-radius: 30px;}

.profBtn::after  {display: none;}

.boxy03 .btn-active  {background-color: #ffd000 !important;border-radius: 50px;padding: 0.47rem 0.75rem;font-size: 0.9rem;font-weight: normal;}

.boxy03 .btn-warning  {border: 1px solid #1A1446;background-color: #1A1446 !important;color: #78e1e1 !important;border-radius: 50px;padding: 0.47rem 0.75rem;font-size: 0.9rem;font-weight: normal;}

.boxy03  {background: #f0f0f0;padding: 18px;border: 1px solid #ccc;-webkit-border-radius: 40px !important;border-radius: 40px !important}

.boxy03desc  {background: #f0f0f0;padding: 8px;border: 1px solid #ccc;border-radius: 4px;}

 html .boxy02 .card-primary .card-header {background: #60d1d4;padding: 10px 18px;border: 1px solid #DADADA;cursor: pointer;}

html .boxy02 .card-primary .card-body {background: #78e1e1;}

html .boxy02 label  {color: #000;}

html .boxy02 .form-control  {border: 1px solid #ccc;}

html .boxy02 .card-body .btn  {border-radius: 50px;}

.rev01 .card-collapsed .card-action-toggle::before {font: normal normal normal 14px/1 FontAwesome;content: "\f107";font-weight: bold;}

.rev01 .card-action-toggle::before {font: normal normal normal 14px/1 FontAwesome; content: "\f106";}

.rev01 .card-actions .card-action, .card-actions a {color: #fff;}

.rev01 .card-actions {top: 10px;}

.rev01 .card-actions .card-action:hover, .card-actions a:hover {background-color: #0D014B;}

.boxy02 .card-collapsed .card-action-toggle::before {font: normal normal normal 14px/1 FontAwesome;content: "\f107";font-weight: bold;}

.boxy02 .card-action-toggle::before {font: normal normal normal 14px/1 FontAwesome; content: "\f106";}

.boxy02 .card-action-toggle, .boxy02 .card-action-dismiss {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.boxy02 .btn-warning  {border: 1px solid #1A1446;background-color: #1A1446 !important;color: #78e1e1 !important;}

.boxy02  {background: #f0f0f0;padding: 18px;border: 1px solid #ccc;-webkit-border-radius: 0 20px 0 20px !important;border-radius: 0 20px 0 20px !important}

.boxy02desc  {background: #f0f0f0;padding: 8px;border: 1px solid #ccc;border-radius: 4px;}

html .boxy02 .card-primary .card-actions a, html .card-primary .card-title {color: #000;}

html .boxy02 .card-title  {font-size: 17px;}

.boxy02 .card-actions {top: 10px;}

.filterBtn .dropdown-menu  {min-width: 300px;width: 580px;padding: 1.25rem !important;margin-top: 15px;}

.bannerGap .dropdown {
  position: relative !important;
  display: inline-block;
  padding: 4px !important;
  bottom: 6px;
  right: 0px;
  width: auto;
}

html .btn-quaternary {
  background-color: #ffd000;
  border-color: #ffd000 #ffd000 #ffd000;
  color: #000;
  padding: .37rem 1rem !important;
  border-radius: 4px;
}

html .show > .btn-quaternary.dropdown-toggle {
  background-color: #ffd000;
  background-image: none;
  border-color: #ffd000 #ffd000 #ffd000;
}

html .btn-quaternary.hover, html .btn-quaternary:hover {
  background-color: #ffd000;
  border-color: #ffd000 #ffd000 #ffd000;
  color: #000;
}

html .btn-cxl {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
  padding: .37rem 1rem !important;
}

html .show > .btn-cxl.dropdown-toggle {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
}

html .btn-cxl.hover, html .btn-cxl:hover {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
}

.select-sim {
  width:160px;
  height:35px;
  line-height:35px;
  position:absolute;
  background: #fdefb4;
  border:1px solid #ccc;
  border-radius: 4px;
  overflow:hidden;
  top:80px;
  right: 11px;
  padding: 0px 5px 0px 5px;
}

.select-sim::after {
  font-family: FontAwesome; 
  content:"\f0d7";
  font-size:1em;
  position:absolute;
  top:50%;
  right:5px;
  transform:translate(0, -50%);
}

.select-sim:hover::after {
  content:"";
}

.select-sim:hover {
  overflow:visible;
  cursor: pointer;
}

.select-sim:hover .options .option label {
  display:inline-block;
  cursor: pointer;
}

.select-sim:hover .options {
  background:white;
  border:1px solid #ccc;
  position:absolute;
  top:-1px;
  left:-1px;
  width:100%;
  height:auto;
  overflow-y:scroll;
}

.select-sim .options .option {
  overflow:hidden;
}

.select-sim:hover .options .option {
  height:38px;
  overflow:hidden;
  cursor: pointer;
}

.select-sim .options .option img {
  vertical-align:middle;
}

.select-sim .options .option label {
  display:none;
}

.select-sim .options .option input {
  width:0;
  height:0;
  overflow:hidden;
  margin:0;
  padding:0;
  float:left;
  display:inline-block;
  /* fix specific for Firefox */
  position: absolute;
  left: -10000px;
}

.select-sim .options .option input:checked + label {
  display:block;
  width:100%;
}

.select-sim:hover .options .option input + label {
  display:block;
}

.select-sim:hover .options .option input:checked + label {
  background:#d4d4d4;
}

/* CSS used here will be applied after bootstrap.css */

.greet  {display: block;position: absolute;bottom: 5px;left: 5px;}

.ppUpdate img  {
	width: 150px;
	padding: 4px;
	background: #ccc;
}

.border-spc1  {border-top-right-radius: 0px !important;border-bottom-right-radius: 0px !important;}

.spc1-table table tr  td:nth-child(1) {
  width: 60%;
}

.spc1-table table tr  td:nth-child(2) {
 background: #f5f5f5;
	font-weight: bold;
}

.specialBox2  {background: #f5f5f5; border: 1px solid #ebebeb;border-radius: 0.25rem;padding: 10px;width: 100%;margin-top: 14px;margin-bottom: 14px;}

.specialBox  {background: #f6f4e8; border: 1px solid #f0de83;border-radius: 0.25rem;padding: 18px;}

.bg-table1  {background: #78e1e1;}

.tips1  {color: #006675; font-size: 15px !important;}

.sub-bg {background: #f5f5f5;color: #006675; padding: 6px;font-weight: 600;margin-bottom: 10px;font-size: 14px;}

.sub-bg-2 {background: #006675;color: #fff; padding: 6px;font-weight: 600;margin-bottom: 10px;font-size: 14px;}

.btn-success {
    background-color: #29254F !important;
    border-color: #29254F !important;
    border-left-color: #29254F !important;
    color: #fff !important;
}

.smm  {font-size: 0.65rem !important;padding: .5rem 0.75rem !important;}

.bannerSearchBox .checkbox-custom label  {color: #000 !important;}

.RFI_cust h3  {margin-top: 0px; margin-bottom: 10px;}

.seperator  {
	display: block;
	width: 100%;
	height: 1px;
	background: #000;
}

.date-start  {
	-moz-border-radius-topleft: 0.25rem;
-webkit-border-top-left-radius: 0.25rem;
 border-top-left-radius: 0.25rem;
-moz-border-radius-bottomleft: 0.25rem;
-webkit-border-bottom-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
-moz-border-radius-bottomright: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
-moz-border-radius-topright: 0 !important;
-webkit-border-top-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}

.date-to  {border-radius: 0 !important;}

.h4, .h5, .h6, h4, h5, h6 {margin-top: 5px;margin-bottom: 5px;}

.pagination {float: left;}

.mt-spc-1  {margin-top: 33px !important;}

.RFI_admin h3  {font-weight: bold;margin-top: 0px; margin-bottom: 20px;}

.radio-custom:last-child, .radio-custom:last-of-type {
    margin-top: -10px;
}

.btn.btn-sm {
    font-size: .8rem;
    padding: .3rem 1.5rem;
	border-radius: 0.25rem;
}

.btn {
    font-size: .8rem;
	font-weight: bold;
}

.btn-search {
    background: #99e5ea;
    color: #000;
    border-radius: 30px;
}

.input-group-addon {padding: 0.375rem 0.75rem;margin-bottom: 0;font-size: 0.85rem;font-weight: 400;line-height: 1.3;color: #fff;text-align: center;background-color: #0D014B;border-top: 1px solid #0D014B;border-left: 1px solid #0D014B;border-bottom: 1px solid #0D014B;-moz-border-radius-topright: 0.25rem;
-webkit-border-top-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
-moz-border-radius-bottomright: 0.25rem;
-webkit-border-bottom-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;}

.form-control:not(.form-control-sm):not(.form-control-lg) {
    font-size: .75rem;
    line-height: 1.85;
    min-height: 2.0rem;
}

.subactive  {background: #d4d4d4;}

.bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 {
    background-color: #ffd000;
}

.form-control:not(.form-control-sm):not(.form-control-lg) {
    color: #000 !important;
}

.header .toggle-sidebar-left {
    background: #000;
    border-radius: 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 14px;
    width: 30px;
	cursor: pointer;
}

.dataTables_filter  {display: none;}	
	.table .fa  {font-size: 17px;}

.dataTables_wrapper {
	position: relative;
	margin: 0;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 15px;
	background-color: #FFF;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border-radius: 0;
}

.dataTables_wrapper table.dataTable {
	border-collapse: separate !important;
	border-spacing: 2px;
	text-indent: initial;
	border: 1px solid #e9ecef;
}

.btn-default {
    color: #006675;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none !important;
	border-radius: 30px;
	margin-top: 15px;
}

.ct-chart .ct-label, .ct-chart .ct-label.ct-horizontal, .ct-chart .ct-label.ct-vertical {font-size: 0.75rem;display: block;}
#ChartistSimplePieChart .ct-chart-pie .ct-label  {color: #fff;}

.pieLabel {display: block;}

.chartDaterange  {font-size: 12px;margin-top: 6px;}

.content-body:not(.card-margin) > .row + .row {padding-top: 0px;}

.content-body {padding: 20px;}

html.fixed .inner-wrapper {padding-top: 130px;}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {background: #1A1446;}

.sidebar-left .sidebar-header .sidebar-toggle i {color: #000;}

.header-left {
    margin-left: 270px;
	padding-right: 30px;
	display: block;
	position: relative;
	width: 78%;
	height: 130px;
}

.timeDate  {display: block;float:right;font-size:12px;margin-top: 10px;}

.header-left h3  {margin: 0;font-weight: 700;line-height: 130px;}

.hl-container  {position: absolute;top:20px;right:7px;}

.profArrow {margin-top: 6px;}

html.fixed .content-body {
     margin-left: 250px;
}

ul.nav-main li a {
    font-size: .78rem;
}

html.fixed .sidebar-left {
    top: 130px;
	z-index: 9;
}

html.fixed .page-header {
    top: 130px;
	z-index: 9;
	left: 250px;
}

.dropbtn {
  color: #000;
  padding: 0px !important;
  font-size: 12px;
  border: none;
  cursor: pointer;
  background: none;
	width: 100%;
	text-align: left;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: none;
}

.dropdown {
  position: absolute;
  display: inline-block;
  padding:4px !important;
  bottom: 6px;
  left: 0px;
	width: 170px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;color: #1A1446;}

.show {display: block;}

.logo-container  {width: 250px;display: block;height: 130px;float: left;}

a {
    color: #353434 ;
    text-decoration: none;
}

.fp-text  {font-size: 12px;float:right;}

.center-sign form label  {color: #616160 !important;}

.center-sign h3  {margin: 0px 0px 15px 0px;font-size: 1.6em;font-weight: 700;color: #12315f;}

.sso-sub  {margin-bottom: 18px;color: #616160;}

.body-sign .card-sign .card-body {border-top: 0px solid #CCC;border-top-color: none;border-radius: 0px;padding: 33px;}

.sso-logo  {position: absolute;left: 20px;top: 20px;}
.rightSSO  {
	display: block;
	position: relative;
	float: right;
	width: 500px;
	background-color: #f1f1f1;
	background-image: url("../img/sso-right.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.radio-custom input[type="radio"]:checked + label::after {margin-top: 5px;}

.radio-custom {padding: 10px 0 10px 25px;}

.premiumBox  {width: 100%;padding: 10px;background-color: #ffd000;border-radius:6px;margin-top: 40px;}

.premiumBox h3  {width: 100%;padding: 10px 10px 10px 20px;background-color: #343741;border-radius:6px;color: #fff;margin:0;font-weight: bold; font-size: 28px;font-family: 'Roboto';}

.premiumBody  {width: 100%; color: #343741; font-size: 36px; padding: 40px 20px;}

.premiumBox a:link, .premiumBox a:visited  {padding: 10px;text-align: center;font-size: 16px;background-color: #343741;border-radius: 6px;color: #ffd000;display: inline-block; width: 30%;}

.premiumBox a:hover  {background-color: #000;color: #fff;}

.card-body .wizard-tabs {
	margin: -15px -15px 15px;
}

.card-body-nopadding .wizard-tabs {
	margin: 0;
}

.wizard-tabs ul {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.wizard-tabs ul > li {
	display: table-cell;
	border-bottom: 1px solid #EEE;
}

.wizard-tabs ul > li.active {
	border-bottom-color: transparent;
}

.wizard-tabs ul > li.active > a, .wizard-tabs ul > li.active > a:hover, .wizard-tabs ul > li.active > a:focus {
	background: #ffd000;
	color: #343741;
}

.wizard-tabs ul > li.active > a:after {
	border-left-color: #ffd000;
}

.wizard-tabs ul > li.active .badge {
	background-color: #343741;
	color: #fff;
}

.wizard-tabs ul > li.disabled > a, .wizard-tabs ul > li.disabled > a:hover, .wizard-tabs ul > li.disabled > a:focus {
	color: #CCC;
}

.wizard-tabs ul > li.disabled .badge {
	background-color: #CCC;
}

.wizard-tabs ul > li > a {
	position: relative;
	display: block;
	padding: 5px;
	font-size: 0.85rem;
	text-decoration: none;
	color: #555;
}

.wizard-tabs ul > li > a .badge {
	border-radius: 100%;
	color: #343741;
	background: #CCC;
	padding: 0.4rem 0.55rem;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.wizard-tabs ul > li > a, .wizard-tabs ul > li > a:hover {
	background: #343741;
	color: #fff;
}

.wizard-tabs ul > li > a:hover {
	box-shadow: none;
}

.wizard-tabs ul > li > a:active, .wizard-tabs ul > li > a:focus {
	border-bottom: 0;
}

.wizard-tabs ul > li > a:before, .wizard-tabs ul > li > a:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 1;
	border: 17px solid transparent;
	border-right: 0;
	border-left: 10px solid transparent;
	width: 0;
	height: 0;
}

.wizard-tabs ul > li > a:before {
	z-index: 1;
	right: -11px;
	border-left-color: #E0E0E0;
}

.wizard-tabs ul > li > a:after {
	z-index: 2;
	border-left-color: #343741;
}

.wizard-tabs ul > li:last-child > a:before, .wizard-tabs ul > li:last-child > a:after {
	display: none;
}

html.dark .wizard-tabs ul > li {
	border-color: #282d36;
}

html.dark .wizard-tabs ul > li.active {
	border-color: #2e353e;
}

html.dark .wizard-tabs ul > li.active a, html.dark .wizard-tabs ul > li.active a:hover, html.dark .wizard-tabs ul > li.active a:active {
	background: #2e353e;
	color: #EEE;
}

html.dark .wizard-tabs ul > li.active a:before {
	border-left-color: #21262d;
}

html.dark .wizard-tabs ul > li.active a:after {
	border-left-color: #2e353e;
}

html.dark .wizard-tabs ul > li a, html.dark .wizard-tabs ul > li a:hover {
	background: #282d36;
	color: #EEE;
}

html.dark .wizard-tabs ul > li a:before {
	border-left-color: #21262d;
}

html.dark .wizard-tabs ul > li a:after {
	border-left-color: #282d36;
}

html .wizard-progress,
html.dark .wizard-progress {
	margin: 0 15px;
}

html .wizard-progress .steps-progress,
html.dark .wizard-progress .steps-progress {
	height: 2px;
	margin: 0 38px;
	position: relative;
	top: 15px;
	background: #CCC;
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
	height: 100%;
	width: 0;
	background: #CCC;
	-webkit-transition: width 0.2s ease-in;
	-moz-transition: width 0.2s ease-in;
	transition: width 0.2s ease-in;
}

html .wizard-progress .wizard-steps,
html.dark .wizard-progress .wizard-steps {
	list-style: none;
	margin: 0;
	padding: 15px 0 0;
	display: inline-block;
	width: 100%;
	font-size: 0;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	/* IE8+ */;
}

html .wizard-progress .wizard-steps:after,
html.dark .wizard-progress .wizard-steps:after {
	/*
	* We don't need IE6 and IE7 inline-block hack support here
	* since they don't support :after anyways (the text-justify
	* properties for them are above)... IE8 and above have native
	* inline-block support so for IE8+, both the text-justify and
	* :after will take effect but it doesn't have any negative
	* effects since this element is invisible
	*/
	display: inline-block;
	width: 100%;
	content: '.';
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
html .wizard-progress .wizard-steps li,
html.dark .wizard-progress .wizard-steps li {
	display: inline-block;
	vertical-align: top;
	min-width: 50px;
	max-width: 100px;
}
html .wizard-progress .wizard-steps li a,
html.dark .wizard-progress .wizard-steps li a {
	position: relative;
	display: block;
	padding: 25px 0 0;
	font-size: 11px;
	color: #33333F;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}
html .wizard-progress .wizard-steps li a span,
html.dark .wizard-progress .wizard-steps li a span {
	position: absolute;
	top: 0;
	left: 43%;
	display: block;
	background: #CCC;
	color: #FFF;
	line-height: 26px;
	text-align: center;
	margin-top: -15px;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	border-radius: 35px;
	font-size: 13px;
	text-indent: -1px;
	border: 2px solid #CCC;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
	background: #CCC;
	color: #FFF;
}
html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
	background: #FFF;
	color: #CCC;
	border-color: #CCC;
}
html .wizard-progress .wizard-steps li.completed.active a span,
html.dark .wizard-progress .wizard-steps li.completed.active a span {
	color: #FFF;
}
html .wizard-progress.wizard-progress-lg,
html.dark .wizard-progress.wizard-progress-lg {
	margin: 0 auto 30px;
	width: 80%;
}
html .wizard-progress.wizard-progress-lg .steps-progress,
html.dark .wizard-progress.wizard-progress-lg .steps-progress {
	margin: 0 52px;
	height: 4px;
	top: 42px;
}
html .wizard-progress.wizard-progress-lg .wizard-steps,
html.dark .wizard-progress.wizard-progress-lg .wizard-steps {
	padding-top: 30px;
}
html .wizard-progress.wizard-progress-lg ul li,
html.dark .wizard-progress.wizard-progress-lg ul li {
	max-width: 135px;
}
html .wizard-progress.wizard-progress-lg ul li a,
html.dark .wizard-progress.wizard-progress-lg ul li a {
	padding-top: 40px;
	font-size: 14px;
}
html .wizard-progress.wizard-progress-lg ul li a span,
html.dark .wizard-progress.wizard-progress-lg ul li a span {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	border-radius: 60px;
	line-height: 52px;
	font-size: 22px;
	border-width: 4px;
}

html.dark .wizard-progress .wizard-steps li a {
	color: #808697;
}
html.dark .wizard-progress.wizard-progress ul li a span {
	background: #242830;
	border-color: #242830;
}
html.dark .wizard-progress .wizard-steps li.active a span {
	background: #242830;
}
html.dark .wizard-progress .steps-progress {
	background: #242830;
}

@media only screen and (max-width: 991px) {
	.spc1-table table tr td:nth-child(1) {
    width: 100%;
}
	html .wizard-progress, html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress, html.dark .wizard-progress.wizard-progress-lg {
		width: auto;
		margin-bottom: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {
		display: none;
	}
	html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps {
		display: block;
		font-size: 0;
		overflow: hidden;
		white-space: nowrap;
		text-align: left;
		width: 100%;
	}
	html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li {
		-webkit-transition: margin 0.5s linear;
		-moz-transition: margin 0.5s linear;
		transition: margin 0.5s linear;
		display: inline-block;
		float: none;
		position: relative;
		width: 100%;
		min-width: 0;
		max-width: none;
	}
	html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
		position: relative;
		z-index: 2;
	}
	html .wizard-progress .wizard-steps li:before, html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:after {
		content: '';
		display: block;
		height: 2px;
		position: absolute;
		top: 0;
		width: 50%;
	}
	html .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:before {
		background: #CCC;
		left: 0;
	}
	html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:after {
		background: #CCC;
		right: 0;
	}
	html .wizard-progress .wizard-steps li.active, html.dark .wizard-progress .wizard-steps li.active {
		margin-left: 0;
	}
	html .wizard-progress .wizard-steps li.completed, html.dark .wizard-progress .wizard-steps li.completed {
		margin-left: -100%;
	}
	html .wizard-progress .wizard-steps li.completed:after, html.dark .wizard-progress .wizard-steps li.completed:after {
		background: #CCC;
	}
	html .wizard-progress .wizard-steps li.completed.active, html.dark .wizard-progress .wizard-steps li.completed.active {
		margin-left: 0;
	}
	html .wizard-progress .wizard-steps li:first-child:before, html.dark .wizard-progress .wizard-steps li:first-child:before {
		display: none;
	}
	html .wizard-progress .wizard-steps li:last-child:after, html.dark .wizard-progress .wizard-steps li:last-child:after {
		display: none;
	}
	html .wizard-progress.wizard-progress-lg .wizard-steps li, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li {
		min-width: 0;
		max-width: none;
	}
	html .wizard-progress.wizard-progress-lg .wizard-steps li:before, html .wizard-progress.wizard-progress-lg .wizard-steps li:after, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:before, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:after {
		height: 4px;
	}
}
.form-wizard {
	margin-bottom: 20px;
}
.form-wizard .tabs {
	margin-bottom: 0;
}
.form-wizard .tab-content {
	background: #FFF;
	border: 0 none;
	box-shadow: none;
}
.form-wizard ul.pager .next a,
.form-wizard ul.pager .previous a,
.form-wizard ul.pager .first a,
.form-wizard ul.pager .last a,
.form-wizard ul.pager .finish a {
	cursor: pointer;
}
.form-wizard ul.pager .disabled a {
	cursor: not-allowed;
}
.form-wizard ul.pager .next.disabled {
	display: none;
}

html.dark .form-wizard .pager li > a,
html.dark .form-wizard .pager li > a:hover,
html.dark .form-wizard .pager li > a:focus,
html.dark .form-wizard .pager li > span {
	background: #2e353e;
	border-color: #282d36;
	color: #EEE;
}
html.dark .form-wizard .pager .disabled > a, html.dark .form-wizard .pager .disabled > a:hover, html.dark .form-wizard .pager .disabled > a:focus, html.dark .form-wizard .pager .disabled > span {
	background: #282d36;
	border-color: #282d36;
	color: #EEE;
}

html .background-color-tertiary, html .bg-tertiary {
    background-color: #343741 !important;
}

.widget-summary .summary .info {
    font-size: 1.35rem;
    margin-top: 10px;
    color: #343741;
    font-family: "Roboto";
}

html .background-color-quaternary, html .bg-quaternary {
    background-color: #ffd000 !important;
}

html .card-featured-quaternary {
    border-color: #ffd000;
}

html .card-featured-tertiary .card-title {
    color: #1A1446;
}

html .card-featured-tertiary {
    border-color: #78e1e1;
}

html.fixed .sidebar-left {
    background: #C3C3C3;
}

ul.nav-main li.nav-parent>a:after {
    color: #343741;
}

.sidebar-left .sidebar-header .sidebar-toggle i {
    line-height: 38px;
    margin-left: 10px;
}

html.sidebar-light:not(.dark) ul.nav-main li a {
  color: #777;
	font-family: "Roboto", Arial, sans-serif ;
	font-size: 10px !important;
}

.sidebar-left .sidebar-header {
    background: #fff;
}

html.sidebar-light:not(.dark) ul.nav-main > li > a:focus, html.sidebar-light:not(.dark) ul.nav-main > li > a:hover {
  background-color: #ffd000;
  color: #000;
}

html.sidebar-light:not(.dark) ul.nav-main > li.nav-expanded > a {
  color: #fff;
  background: #ffd000;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}


html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-left .nano {
  background: #eae7e7;
    box-shadow: -5px 0 0 #eae7e7 inset;
}

html.no-overflowscrolling.sidebar-light:not(.dark) .inner-menu .nano {
	background: #FFF;
	box-shadow: -5px 0 0 #eae7e7 inset;
}

.sidebar-left .sidebar-header .sidebar-toggle:hover i {
    color: #ffd000;
}

.sidebar-left .sidebar-header .sidebar-toggle {
    background-color: #fff;
}

.page-header {
	background: rgb(234, 231, 231);
  background: -moz-linear-gradient(270deg, rgb(234, 231, 231) 20%, rgb(255, 255, 255) 80%);
  background: -webkit-linear-gradient(270deg, rgb(234, 231, 231) 20%, rgb(255, 255, 255) 80%);
  background: -o-linear-gradient(270deg, rgb(234, 231, 231) 20%, rgb(255, 255, 255) 80%);
  background: -ms-linear-gradient(270deg, rgb(234, 231, 231) 20%, rgb(255, 255, 255) 80%);
  background: linear-gradient(0deg, rgb(234, 231, 231) 20%, rgb(255, 255, 255) 80%);
	-webkit-box-shadow: 0px -2px 2px 0px rgba(235, 232, 232, 0.25);
  -moz-box-shadow:    0px -2px 2px 0px rgba(235, 232, 232, 0.25);
  box-shadow:         0px -2px 2px 0px rgba(235, 232, 232, 0.25);
	border-bottom: none;
	border-left: 0px solid #3A3A3A;
	height: 50px;
	margin: -15px -10px 15px -40px;
	padding: 0;
}

.page-header h2 {
	color: #000000;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
  border-bottom: 4px solid #ffd000;
	float: left;
	height: 46px;
	font-size: 1.0rem;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 46px;
	margin: 0 0 0 15px;
	padding: 0 22px 0 20px;
}

.page-header .breadcrumbs a,
.page-header .breadcrumbs span {
	color: #62656a;
	display: inline-block;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
  padding: 10px;
}

.sidebar-left .sidebar-header .sidebar-title {
	background: #fff;
	color: #000;
	padding: 15px;
	font-size: 0.9rem;
	text-transform: uppercase;
  font-weight: medium;
}

.sidebar-left .sidebar-header .sidebar-toggle i {
	color: #000;
	font-size: 1.5rem;
	line-height: 50px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.header  {background-color: #ffd000;}

.header .logo img {
    height: 65px;
}

html .btn-primary:hover, html .btn-primary.hover {
    background-color: #343741;
    border-color: #343741 #343741 #343741;
    color: #78e1e1;
}

a:hover {
    color: #78e1e1;
    text-decoration: none;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #343741;
    background-color: #f7f9fc;
    background-clip: padding-box;
    border: 1px solid #29254F;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

html .btn-custom-01 {
    background-color: #ffd000;
    border-color: #ffd000 #ffd000 #ffd000;
    color: #343741;
}

html .btn-primary {
    background-color: #ffd000;
    border-color: #ffd000 #ffd000 #ffd000;
    color: #000;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 700;
}

html .btn-custom-06 {
    background-color: #99e5ea;
    border-color: #99e5ea #99e5ea #99e5ea;
    color: #1a1446;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 700;
}

html .btn-custom-06:hover, html .btn-custom-06.hover {
    background-color: #1a1446;
    border-color: #1a1446 #1a1446 #1a1446;
    color: #99e5ea;
}

html .btn-custom-07 {
    background-color: #f5f5f5;
    border-color: #f5f5f5 #f5f5f5 #f5f5f5;
    color: #06748C;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 700;
}

html .btn-custom-07:hover, html .btn-custom-07.hover {
    background-color: #06748C;
    border-color: #06748C #06748C #06748C;
    color: #f5f5f5;
}


body  {color: #343741;font-family: "Roboto", Arial, sans-serif;}

.round-wrap  {width:50px;height: 50px;border-radius:50px;background:#ffd000;text-align:center;line-height:48px;margin: 0 auto;}
.round-wrap:hover  {background:#eac211;}

.wrap-text  {line-height: 18px;color: #343741;}

ul.simple-bullet-list li .description {display: inline;}
ul.simple-bullet-list li .title {display: inline;}

ul.simple-bullet-list li::before {border-color: #78e1e1;}
ul.simple-bullet-list li .description {font-size: 0.9rem;}

.bannerGap1  {height: auto;color: #fff;}
.bannerGap1 h4  {font-weight: 400;font-family: 'Roboto';font-size: 40px;text-align: left;}
.bannerGap1 h5  {font-weight: 300;font-family: 'Roboto';font-size: 20px;text-align: left;}
.bannerGap1 p  {color: #fff;text-align: left;margin-top: 20px;}
.bannerGap1 form input, .bannerGap form select  {background: #124351 !important;border: 1px solid #124351;}
.bannerGap1 form input:focus {background: #124351;border: 1px solid #124351;color: #fff;}

table  {background: #fff;}
.page-header, .sidebar-header, .sidebar-toggle  {height: 50px !important;}
.alternate-links  {width: 100%;display: none;position: fixed; top: 0;left: 0%;z-index: 9;}
.margin-auto  {margin: 0 auto;}
.btm-links  {width: 160px; height: auto; background: #01556f;position: relative;margin-right: 20%;}

.dropdown-container {overflow-y: hidden;}
.dropdown-container.expanded .dropdown12 {
  -webkit-animation: fadein .5s;
  -moz-animation: fadein .5s;
  -ms-animation: fadein .5s;
  -o-animation: fadein .5s;
  animation: fadein .5s;
  display: block;
	margin-top: 90px;
}
.dropdown-container .dropdown12 {
  -webkit-animation: fadeout .5s;
  -moz-animation: fadeout .5s;
  -ms-animation: fadeout .5s;
  -o-animation: fadeout .5s;
  animation: fadeout .5s;
  display: none;
  position: absolute;
  width: 320px;
  height: auto;
  max-height: 600px;
  overflow-y: hidden;
  padding: 0;
  margin: 0;
  background: #eee;
  margin-top: 3px;
  margin-right: -15px;
  border-top: 4px solid #29254F;
  -webkit-box-shadow: 2px 2px 15px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 15px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 15px -5px rgba(0, 0, 0, 0.75);
  /*
  &:before{
    position: absolute;
    content: ' ';
    width: 0; 
    height: 0; 
    top: -13px;
    right: 7px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid $secondary-color; 
  }
  */
}
.dropdown-container .dropdown12 .notification-group {
  border-bottom: 1px solid #e3e3e3;
  overflow: hidden;
  min-height: 45px;
}
.dropdown-container .dropdown12 .notification-group:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.dropdown-container .dropdown12 .notification-group .notification-tab {
  padding: 0px 15px;
  min-height: 45px;
}
.dropdown-container .dropdown12 .notification-group .notification-tab:hover {
  cursor: pointer;
  background: #29254F;
}
.dropdown-container .dropdown12 .notification-group .notification-tab:hover .fa, .dropdown-container .dropdown12 .notification-group .notification-tab:hover h4, .dropdown-container .dropdown12 .notification-group .notification-tab:hover .label {
  color: #FFF;
  display: inline-block;
}
.dropdown-container .dropdown12 .notification-group .notification-tab:hover .label {
  background: #ff5252;
  border-color: #ff5252;
}
.dropdown-container .dropdown12 .notification-group .notification-list {
  padding: 0;
  overflow-y: auto;
  height: 0px;
  max-height: 250px;
  transition: height .5s;
}
.dropdown-container .dropdown12 .notification-group .notification-list .notification-list-item {
  padding: 5px 25px;
  border-bottom: 1px solid #e3e3e3;
}
.dropdown-container .dropdown12 .notification-group .notification-list .notification-list-item .message {
  margin: 5px 5px 10px;
}
.dropdown-container .dropdown12 .notification-group .notification-list .notification-list-item .item-footer a {
  color: #01556F;
  text-decoration: none;
}
.dropdown-container .dropdown12 .notification-group .notification-list .notification-list-item .item-footer .date {
  float: right;
}
.dropdown-container .dropdown12 .notification-group .notification-list .notification-list-item:nth-of-type(odd) {
  background: #e3e3e3;
}
.dropdown-container .dropdown12 .notification-group .notification-list .notification-list-item:hover {
  cursor: pointer;
}
.dropdown-container .dropdown12 .notification-group .notification-list .notification-list-item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.dropdown-container .dropdown12 .notification-group.expanded .notification-tab {
  background: #01556F;
}
.dropdown-container .dropdown12 .notification-group.expanded .notification-tab .fa, .dropdown-container .dropdown12 .notification-group.expanded .notification-tab h4, .dropdown-container .dropdown12 .notification-group.expanded .notification-tab .label {
  color: #FFF;
  display: inline-block;
}
.dropdown-container .dropdown12 .notification-group.expanded .notification-tab .label {
  background: #ff5252;
  border-color: #ff5252;
}
.dropdown-container .dropdown12 .notification-group.expanded .notification-list {
  height: 250px;
  max-height: 250px;
  transition: height .5s;
}
.dropdown-container .dropdown12 .notification-group .fa, .dropdown-container .dropdown12 .notification-group h4, .dropdown-container .dropdown12 .notification-group .label {
  color: #333;
  display: inline-block;
	margin: 10px 0 0px;
	font-size: 14px;
}
.dropdown-container .dropdown12 .notification-group .fa {
  margin-right: 10px;
  margin-top: 15px;
}
.dropdown-container .dropdown12 .notification-group .label {
  float: right;
  margin-top: 10px;
  color: red;
  border: 1px solid red;
  padding: 0px 7px;
  border-radius: 15px;
}

.specialGap  {height: 310px !important;min-height: 300px !important;}

.right {
  float: right;
}

.left {
  float: left;
}
 html.fixed .header {
  position:fixed;
  z-index:10;
 }

.tooltip1 {top: 3px;}

.tooltip1 img, .circle img  {width: 28px;}
	
.tooltip1 a:hover  {color: #0D014B;}

.circle  {border-radius: 30px; width: 30px; height: 30px; line-height: 22px; text-align: center;font-weight: bold;background: #fff;border: 4px solid #ccc;position: absolute;right: 45px;top: 38px;}
.circle:hover {background: #29254F; color: #fff !important;}

@media only screen and (max-width: 321px) {
  .dropdown-container .dropdown12 .notification-group .notification-tab h4 {
    display: none;
  }
  .dropdown-container .dropdown12 .notification-group .notification-tab:hover h4 {
    display: none;
  }
  .dropdown-container .dropdown12 .notification-group.expanded .notification-tab h4 {
    display: none;
  }
}
@media only screen and (max-width: 514px) {
	.stick-bottom {
    margin-top: 0px !important;
}
	html.fixed .content-body {
    margin-left: 0px !important;
}
	.radio-custom:last-child, .radio-custom:last-of-type {
    margin-top: 0px;
}
  .dropdown-container .dropdown12 {
    width: 100%;
    margin: 0px;
    left: 0;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.range1  {right: 118px;top: 35px;}
.range2  {right: 120px;top: 35px;}
.range3  {right: 82px;top: 35px;}
.tooltip1 {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  margin-top: 3px;
  width: 30px;
  height: 30px;
  line-height: 19px;
  background: #fff;
  border-radius: 30px;
  text-align: center;
  font-weight: bold;
  border: 4px solid #ccc;
}

.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 120px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1024;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
	background: #000;
}

.tooltip1 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


.fc-event {padding: 5px 0px 5px;}

.fc-title .fa {margin: 0px 8px 0px 5px;font-size: 18px;}

.dropdown {
    display:inline-block;
    margin-left:20px;
    padding:10px;
  }


.glyphicon-bell {
   
    font-size:1.5rem;
  }

.notifications {
   min-width:420px; 
  }
  
  .notifications-wrapper {
     overflow:auto;
      max-height:250px;
    }
    
 .menu-title {
     color:#ff7788;
     font-size:1.5rem;
      display:inline-block;
      }
 
.glyphicon-circle-arrow-right {
      margin-left:10px;     
   }
  
   
 .notification-heading, .notification-footer  {
 	padding:2px 10px;
       }
      
        
.dropdown-menu.divider {
  margin:5px 0;          
  }

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

.notifications a.content {
 text-decoration:none;
 background:#ccc;

 }
    
.notification-item {
 padding:10px;
 margin:5px;
 background:#ccc;
 border-radius:4px;
 }




.header .logo {top: 20px;}
.btn-grey  {background: #1A1446;color: #fff;border-radius: 30px;}
.btn-grey:hover  {color: yellow;}
.input-group-btn .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;border-left: 1px solid #01556f;background: #01556f;}
.input-group-btn .btn {padding-left: 14px;padding-right: 14px;padding-bottom: 5.5px;padding-top: 6px;}
.dataTables_length  {display: none;}
.prodSpec {padding: 10px;}
.prodSpec table  {background: #001524;color: #fff;}
.prodSpec .table thead th {border-bottom: 0px solid #e9ecef;color:#cadb2f;}
.prodSpec .table td, .table th {padding: .75rem;vertical-align: middle !important;border-top: 0px solid #e9ecef;color: #fff;}
.prodSpec .table thead td {vertical-align: middle;}
.bdr-top-yellow  {border-top: 1px solid #cadb2f !important;} 
.bdr-right-yellow  {border-right: 1px solid #cadb2f !important;} 
.last-column-style  {background: #0090a1;}
.top-row-1  {background: #cadb2f;}
.top-row-1 th  {color: #000 !important;}
.top-row-2  {background: #001524;}
.color-yellow  {color: #cadb2f !important;}
.text-small  {font-size: 10px;}
.top-border-black  {border-top: 1px solid #000;}
.font-extra-small  {font-size: 10px;}
.bdr-btm-02  {border-bottom: 1px solid #0a4351;}
.bdr-btm-03  {border-bottom: 1px solid #fff;}
.text-lGreen  {color: #00a5bc !important;}
.optCover table {background: #0a4351;}
.nav-tabs li.active .nav-link,
.nav-tabs li.active .nav-link:hover,
.nav-tabs li.active .nav-link:focus {border-top: 3px solid #0D014B;color: #0D014B;font-weight: 600;}
.nav-tabs li .nav-link:hover {border-bottom-color: transparent;	border-top: 3px solid #0D014B;box-shadow: none;color: #0D014B;}
.input-group-icon .input-group-addon span.icon.icon-lg,.input-search .input-group-addon span.icon.icon-lg {padding: 6px 14px;}
.center-sign .input-group-icon .input-group-addon span.icon.icon-lg,.input-search .input-group-addon span.icon.icon-lg {color: #ced4da;}
.modUL ul  {margin: 0;padding: 0;}
.modUL ul li  {list-style-type: none;}
.addmod i, .addmod  {color: #ccc;}
.modSpc  {background: #EBEBEC;border: 1px solid #ccc;padding: 10px;}
.activeText {color: #0090a1 !important;}
html .wizard-progress.wizard-progress-lg .wizard-steps, html.dark .wizard-progress.wizard-progress-lg .wizard-steps {padding-top: 40px;}
html .wizard-progress.wizard-progress-lg ul li a, html.dark .wizard-progress.wizard-progress-lg ul li a {padding-top: 40px;font-size: 14px;}
html .wizard-progress.wizard-progress-lg ul li a span, html.dark .wizard-progress.wizard-progress-lg ul li a span {width: 60px;height: 60px;margin-top: -30px;margin-left: -23px;border-radius: 60px;line-height: 52px;font-size: 22px;border-width: 4px;}
html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {margin: 0 auto 30px;width: 90%;background: none;padding: 0px 30px;}
html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {color: #fff;border-color: #0090a1;font-family: "Roboto";}
html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {background: #ffd000;
  color: #000;
  border-color: #e0b704;}
html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {height: 2px;margin: 0 38px;position: relative;top: 15px;background: #ccc;}
.card-special  {padding: 18px;position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;}
.border-bottom-1 {border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 15px;}
.legendAry  {}
.legendAry ul  {margin: 0;padding:0;}
.legendAry ul li  {margin: 0;padding: 1px 0px;list-style-type: none;display: block;}
.redBox  {background: #d51e29;width: 20px;height: 20px;display: inline-block;}
.greenBox  {background: #0090a0;width: 20px;height: 20px;display: inline-block;}
.lightGreenBox  {background: #cbd942;width: 20px;height: 20px;display: inline-block;}
.brownBox  {background: #9e7a3f;width: 20px;height: 20px;display: inline-block;}
.chat-appear .ct-chart .ct-label, .ct-chart .ct-label.ct-horizontal, .ct-chart .ct-label.ct-vertical {font-size: 0.75rem;display: block!important;}
.bannerSearchBox select  {color: #000;font-size: 0.75rem;}
.bannerSearchBox select option  {color: #000;font-size: 0.75rem;}
.bg-spc01  {background: #abdbe1 !important;}
.bg-spc02  {background: #f6f4f4;}
.tb-spc1 td  {background: #78e1e1;text-align: center;}
.tb-spc table th, .tb-spc table td  {border: 1px solid #0096A9;}
.tb-spc table th  {background: #01556f;color: #fff;text-align: center;}
.tb-spc tfoot  {font-weight: 600;background: #e1e1e1;text-align: center;}
.border-1  {border-right:1px #ccc dotted;}
.datepicker {z-index: 9999 !important;}
.body-sign .card-sign .card-body {-webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 8px 0px rgba(50, 50, 50, 0.75);}
.body-sign {display: table;height: 100vh;margin: 0px 0px 0px -100px;max-width: 350px;padding: 0 15px;width: 100%;}
.ssoBG  {background-image: url("../img/sso-left.jpg");background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-color: #FBFAF5;overflow: hidden;}
.sideRight h4 {color: #fff;font-weight: 500;border-bottom: 1px dotted #ccc;}
.sideRight ul  {margin: 0;padding: 0;}
.sideRight ul li  {list-style-type: none;padding: 0px 0px 10px 0px;}
.sideRight ul li a:link, .sideRight ul li a:visited  {color: #fff;}
html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-right .nano {background: #124351;box-shadow: -5px 0 0 #F6F6F6 inset;}
html.sidebar-light:not(.dark) .page-header .sidebar-right-toggle i {color: #fff;}
.page-header .sidebar-right-toggle i {line-height: 35px;vertical-align: middle;}
.page-header .sidebar-right-toggle {cursor: pointer;color: #fff !important;display: inline-block;font-size: 17px;margin: 0 20px 0 10px;	height: 34px;width: auto;vertical-align: top;text-align: center;-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
.chatB  {background: #fbfbfb;padding: 8px;box-radius: 4px;-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.75);}
.chatA  {background: #33a6b3;padding: 8px;ccolor: #fff;	box-radius: 4px;-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.75);}
.chatA p  {	color: #fff;}
.sep1  {display: block;width: 100%;height: 2px;background: #124351;}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options {position: absolute;top: 0; bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.7);visibility: hidden;overflow: hidden;}
.eLearn_video  {}
.eLearn_video ul  {margin: 0;padding: 0;}
.eLearn_video ul li  {display: inline;float: left;padding: 10px;}
.eLearn_video .img-thumbnail  {border-radius: 0px;}
.textSpc01  {font-weight: 600;color: #0190a1;}
.bannerSearchBox ul {margin: 0;padding: 0;}
.bannerSearchBox ul li  {margin: 0px 0px 8px 0px;background: #124351;border-radius: 4px;padding: 8px 16px;list-style-type: none;}
.bannerSearchBox ul li:hover  {background: #306a7a;}
.bannerSearchBox ul li a:link  {color: #fff;}
.bannerSearchBox ul li a:visited  {color: #fff;}
.written ul {margin: 0; padding: 0;}
.written ul li  {margin: 0px 0px 8px 0px; background: #124351; border-radius: 4px; padding: 8px 16px;list-style-type: none;}
.written ul li:hover  {background: #306a7a;}
.written ul li a:link  {color: #fff;}
.written ul li a:visited  {color: #fff;}
.RFI_chat  {background: url("../img/banner-chat.jpg")no-repeat top center;}
.RFI_cust  {background-image: url("../img/banner-cust.jpg");background-repeat:no-repeat;background-position: top center;background-size: cover;}
.RFI_admin  {background-image: url("../img/bg-admin-new.jpg");background-repeat:no-repeat;background-position: top center;background-size: cover;}
.RFI_bi  {background: url("../img/banner-BI.jpg")no-repeat top center;}
.RFI_elearn  {background: url("../img/banner-elearn.jpg")no-repeat top center;}
.bannerGap  {height: auto;min-height: auto;color: #fff;margin-bottom: 30px;margin-top: 20px;}
.bannerGap h4  {font-weight: 700;font-size: 30px;text-align: left;color: #191345;text-shadow: 2px 2px 4px rgb(255, 255, 255);}
.bannerGap h5  {font-weight: 700;font-size: 13px;text-align: left;color: #1A1446;margin-top: 5px;}
.bannerGap p  {color: #343741;text-align: left;margin-top: 20px;}
.shadow  {-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);}
.stick-bottom  {margin-right: 60px;margin-top: 18px;}
.stick-bottom1  {margin-top: 40px !important;}
.bannerSearchBox  {padding: 15px 20px;background: #dee2e6;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-top: 10px;-webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 8px 0px rgba(50, 50, 50, 0.75);}
.bannerGap form input, .bannerGap form select  {background: #fff !important;border: 1px solid #78e1e1;}
.bannerGap form input:focus {background: #124351;border: 1px solid #124351;color: #fff;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(43,170,177,1);  -moz-box-shadow: 0px 0px 8px 0px rgba(43,170,177,1);  box-shadow: 0px 0px 8px 0px rgba(43,170,177,1);}
.shake {animation: shake-animation 4.72s ease infinite;transform-origin: 50% 50%;}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
.bounce {display: inline-block; position: relative;-moz-animation: bounce 0.5s infinite linear;-o-animation: bounce 0.5s infinite linear;-webkit-animation: bounce 0.5s infinite linear;animation: bounce 0.5s infinite linear; colr:000;}
@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
.toggle-content label {color: #124351 !important;font-weight: normal !important;font-family: "Roboto" !important;}
.text-01  {color: #124351 !important;}
.text-2  {font-size: 12px;color: #004156;}
.tit2  {font-family: 'Roboto';	text-align: center;}
.tit3  {display: none;}
.tit1  {color: #018fa3;	font-family: 'Roboto';	font-size: 1.3em;padding: 15px 0px;}
.text-555  {color: #555;padding-left: 10px;}
.stp  {display: block;background: #fff;padding: 22px 15px 17px 15px;margin: 5px 0px 10px 0px;}
.stp ul  {margin: 0 ;padding: 0;}
.stp ul li  {list-style-type: none;text-align: center;display: inline-block;padding: 0px 10px;background-image: url(../img/stp-line.png);background-repeat: no-repeat;background-position: right 35%;}
.ovr  {background-image: url(../img/stp-line-2.png) !important;	background-position: left 35% !important;margin-left: -2.8px;}
.ovr a:link, .ovr a:visited  {color: #939598;}
.ovr1 a:link, .ovr1 a:visited  {color: #0090A1 !important;}
.stp-active a:link, .stp-active a:visited  {color: #0090A1 !important;}
.stp ul li img  {display: block;text-align: center;	margin: 0 auto;}
.stp ul li a:link, stp ul li a:visited  {font-family: 'Roboto';font-weight: 600;}
.hideX  {display: none;text-align: center;}
.adj24  {text-align: center;}
.adj25  {border-bottom: 1px solid #01556f;}
.adj26  {height: auto !important;}
.adj26 label::before  {margin-top: -9px !important;}
.bdr-btm-01  {border-bottom: 1px solid #01556f;}
.amountBox  {background: #01556f;padding: 8px;color: #fff;font-weight: 600;text-transform: uppercase;font-family: 'Roboto';}
.cur {cursor: pointer;}
.adj23  {width: 220px;height: auto;display: block;margin: 0px auto;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);}
.adj22  {width: 160px;float: left;}
.adj21  {float: left;}
.adj20  {width: 140px;float: left;}
.pad-left-right  {padding-right: 0px;padding-left: 0px;}
.pad-left  {padding-left: 0px;}
.pad-right  {padding-right: 0px;}
.height-100  {height: 100%;}
.bg-03  {background: #35798c;}
.bx-1, .bx-2, .bx-3  {width: 220px;height: auto;display: block;	margin: 0px auto;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.space01  {padding: 20px;}
.adj19  {padding-left: 2px;}
.adj18  {padding-right: 2px;}
.bg-01  {background: #124351;padding: 10px 0px;position: relative;width: 100%;height :90px;}
.bg-02  {background: #011828;}
.bg-03  {background: #35798c;padding: 0px;width: 100%;height :90px;}
.border-left-1  {border-left: 1px solid #fff;}
.bg-01a {padding: 10px 0px; width: 85%; height: auto;position: absolute;top: 50%; left: 45%; transform: translate(-50%, -50%);margin-left: 20px;}
.bg-01b {padding: 10px 0px; width: 85%; height: auto;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);margin-left: 5px;}
.pad-01  {padding: 0px;background: #35798c;width: 100%;height: 80px;position: relative;}
.bxa1  {display: block;width: 230px;margin: 20px auto;}
.text04  {font-size: 18px;font-family: 'Roboto';width: 110px;color: #fff;text-transform: uppercase;margin-left: 10px;margin-top: 0px;}
.text03  {font-size: 18px;font-family: 'Roboto';color: #fff;text-transform: uppercase;margin-left: 5px;margin-top: 8px;}
.text02b  {font-size: 16px;font-family: 'Roboto';line-height: 16px;color: #fff;padding-left: 20px;}
.text02a  {font-size: 16px;font-family: 'Roboto';line-height: 16px;color: #fff;text-align: center;}
.text02  {font-size: 18px;font-family: 'Roboto';width: 70px;line-height: 18px;	color: #fff;text-transform: uppercase;}
.text01  {font-size: 28px;font-family: 'Roboto';margin-top: 20px;color: #fff;}
.text01a  {font-size: 28px;font-family: 'Roboto';margin-top: 10px;	color: #fff;text-align: center;	margin-bottom: 5px;}
.text01b  {	font-size: 28px;font-family: 'Roboto';margin-top: 10px;color: #fff;margin-bottom: 5px;	padding-left: 20px;}
.bx2  {background: #35798c;}
.bx3  {background: #011828;color: #fff;padding: 30px 20px;text-transform: uppercase;}
.bx4  {	background: #124351;padding: 0px;}
.subbie  {background: #01556f;padding: 10px 15px;font-family: 'Roboto';font-size: 17px;color: #fff;}
.adj17  {color: #fff; font-family: 'Roboto'; font-size: 15px;text-transform: uppercase;}
.bg-darkblue  {background: #01556f;}
.adj16  {line-height: 34px;}
.adj15  {color: #018fa5; font-family: 'Roboto'; font-size: 20px; line-height: 32px;}
.adj14  {background: transparent;box-shadow: none !important;}
.adj13  {background: #fdfdfd;border-radius: 0px;border-bottom: 0px;	padding-bottom: 12px !important;}
.adj12  {}
.adj12 h2  {color: #018fa5;margin: 0;font-family: 'Roboto';font-size: 20px;line-height: 32px;}
html.dark .radio-primary input[type="radio"]:checked + label:after,.radio-primary input[type="radio"]:checked + label:after {	background: #878787;-webkit-box-shadow: 0px 0px 1px #878787;box-shadow: 0px 0px 1px #878787;}
.table thead th {vertical-align: middle;}
.bx1  {color: #018fa3;font-size: 1.3em;padding: 12px 20px 12px 10px;}
.bx1 span  {font-size: 13px;}
.bg-grey  {background: #dce4e6;}
.bg-grey01  {background: #EBEBEC !important;}
.lbl  {display: block;font-weight: bold;}
.bottomBarTitle  {padding: 4px 8px;background: #0190a1;}
.bottomBarTitle h4  {font-family: 'Roboto';	color: #fff;}
.text-custom-center  {text-align: center;}
.pull-custom-right-2  {float: right;}
.pull-custom-right  {float: right;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(240, 240, 240, 0.9);}

.cht1 .ct-series-a .ct-slice-pie {fill: #e0d0b6;}
.cht1 .ct-series-b .ct-slice-pie {fill: #f3d5c3;}
.cht1 .ct-series-c .ct-slice-pie {fill: #ffe2c8;}
.cht1 .ct-series-d .ct-slice-pie {fill: #faf5b7;}

.cht2 .ct-series-a .ct-slice-pie {fill: #ffdfe2;}
.cht2 .ct-series-b .ct-slice-pie {fill: #f2ced2;}
.cht2 .ct-series-c .ct-slice-pie {fill: #ecc6d1;}
.cht2 .ct-series-d .ct-slice-pie {fill: #f5d1ce;}

.cht3 .ct-series-a .ct-slice-pie {fill: #cbddf4;}
.cht3 .ct-series-b .ct-slice-pie {fill: #abdfe3;}
.cht3 .ct-series-c .ct-slice-pie {fill: #acd3da;}
.cht3 .ct-series-d .ct-slice-pie {fill: #c8d3c1;}

.adj11  {margin: 0 auto;height: 280px;width: 280px;display: block;}
.adj10  {padding: 0px 30px;}
.font-small  {font-size: 12px !important;}
.pieLabel  {}
.adj05  {margin-right: 4px;color: #9e7a3f;}
.adj04  {margin-right: 4px;color: #d51e29;}
.adj03  {margin-right: 4px;color: #cbd942;}
.adj02  {margin-right: 4px;color: #0090a0;}
.adj01  {margin: 0px 0px 1px 0px;padding: 0;}
.select2-container--bootstrap .select2-selection {color: #aeafaf;font-size: 12px;}
.to  {line-height: 40px;font-size: 12px;}
.w-custom-1  {width: 50px !important;	font-size: 10px !important;}
.noBord  {border: 0px;}
.amount div  {margin-bottom: 6px;border-bottom: 1px solid #fff;padding-bottom: 5px;font-size: 14px;}
.amount div span  {font-weight: 600;}
.amount {display: inline-block;padding: 7px 15px;background: #78e1e1;margin: 15px;color: #343741;font-size: 16px;}
.amount span  {font-weight: 600;}
.records div  {font-size: 14px;}
.records div span  {font-weight: 600;}
.records {display: inline-block;padding: 7px 25px;background: #0090a0;margin: 15px 0px;color: #fff;font-size: 16px;}
.records span  {font-weight: 600;}
.table th, .table td {font-size: 13px;color: #124351;}
.tbHead  {background: #343741;font-size: 13px;}
.tbHead th  {border: 0px;color: #fff;}
.text-darkBlue  {color: #004156;}
.flex-item a:link, .flex-item a:visited  {display: block;	width: 100%;background: #fff;height: 50px;position: relative;padding: 0px 15px;color: #999999;text-decoration: none;font-weight: 600;}
.flex-item a:hover  {background: #78e1e1;color: #343741;text-decoration: none;}
.flex-item a span  {display: block;	position: absolute;	left: 10px;	bottom: 10px;width: 100%;line-height: 14px;}
.flex-container { display: flex;}
.flex-item {flex: 1; width: 0; margin-right: 4px;}
.flex-item:last-child {margin-right: 0;}
.toolBar  {padding: 4px 8px;background: #0D014B;}
.w-80  {width: 80px;}
.select2-container {width: 100% !important;}
.tabTit  {display: inline-block;float: left;width: 12.1%;padding: 0px;height: 70px;position: relative;margin: 0px 4px 0px 0px;}
.tabTit span  {display: block;	position: absolute;	width: 70px;bottom: 15px;left: 15px;line-height: 15px;font-weight: 600;}
.tabTit a:link, .tabTit a:visited  {display: block;width: 100%;background: #fff;height: 100%;position: relative;padding: 15px;color: #999999;text-decoration: none;}
.tabTit a:hover  {background: #0090a0;color: #fff;text-decoration: none;}
.tabActive  {background: #78e1e1 !important;color: #343741 !important;}
.tabLine  {background: #78e1e1;width: 100%;height: 4px;}
.form-group {margin-bottom: 0.5rem;}
.mr-custom-1  {margin-right: 4px !important;}
.opacityhalf  {}
.opacityhalf .fa  {color: #aeafaf;}
.noBordRight  {border-right: 0px !important;}

.noBg  {background: #fff !important;border-right: 1px solid #ced4da !important;}
.form-horizontal  {color: #004156;width: 100%;}
.page-title  {margin: 10px 0px 6px;padding: 0;	color: #0D014B;	font-family: 'Roboto';	font-size: 25px;}
.nav-active1  {background: #D4D4D4;}
.sOut  {}
.otherLogo  {position: absolute;right: 20px;bottom: 20px;}
.nav-active  {background: none;}
.welcome  {margin: 6px 0px 4px;padding: 0;color: #004156;font-family: 'Roboto';font-weight: 600;}
.welcome span  {font-weight: 400;font-family: 'Roboto';}
.subHeader  {margin: 1px 0px 1px;padding: 0; color: #043a56;	font-family: 'Roboto';	font-weight: 400;}
.bigText  {display: block;width: 100%;background: #0D014B;color: #fff;font-family: 'Roboto';font-size: 40px;height: auto;padding: 10px;letter-spacing: -1px;}
.bigText span  {display: block;width: 500px;min-width: 300px;max-width: 500px;}
.bigText span img  {margin-right: 10px;}
.rightHeader  {	margin: 0px 0px 4px;padding: 0;	color: #0D014B;	font-family: 'Roboto';	font-weight: 400;font-size: 24px;border-bottom: 3px solid #0D014B;}
.notifyWhite  {display: block;padding: 10px;font-family: 'Roboto';color: #343741;font-size: 16px;}
.font-size-custom  {font-size: 30px;line-height: 45px;color: #124351;}
.payBtn  {}
.payBtn a:link, .payBtn a:visited  {display: block;width: 100%;padding: 15px 10px;color: #343741;background: #78e1e1;font-family: 'Roboto';font-weight: 400;text-align: center;text-decoration: none;font-size: 20px;text-transform: uppercase;}
.payBtn a:hover  {background: #343741;text-decoration: none;color: #fff;}
.rnBtn  {background: #78e1e1;display: block;position: relative;}
.rnBtn img  {position: absolute;left: 10px;top: 10px;}
.rnBtn a:link, .rnBtn a:visited  {float: left;display: inline-block;width: auto;padding: 15px 10px;color: #343741;background: #78e1e1;font-family: 'Roboto';font-weight: 400;text-align: left;text-decoration: none;font-size: 18px;text-transform: uppercase;margin-left: 70px;}
.annTit  {margin: 11px 0px 4px;font-family: 'Roboto';color: #0D014B;border-bottom: 1px solid #0D014B;padding: 0px 0px 5px 0px;}
.date  {font-family: 'Roboto';color: #011828;}
.date .fa  {vertical-align: 2px;}
.notification-tooltip[role="tooltip"]::after {content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);border-width: 6px;border-style: solid; border-color: #333 transparent transparent transparent;z-index: 0; }
.notification-tooltip {  position: relative;  display: inline-block;  padding: 0; }
@media all and (max-width: 1024px) and (min-width: 768px) {
.flex-item a span {font-size: 11px;left: 2px;}
.text03 {display: block;margin-top: 2px;}
.bg-01 {height: 120px;text-align: center;}
.adj20 {width: auto;float: none;}
.adj21 {float: none;}	
.bx-1 {width: auto;height: auto;display: block;margin: 0px auto;position: absolute;top: 20%;left: 23%;transform: none;}
.bx-2 {width: auto;height: auto;display: block;margin: 0px auto;position: absolute;top: 10%;left: 0;transform: none;}
.bx-3 {width: auto;height: auto;display: block;margin: 0px auto;position: absolute;top: 8%;left: -10%;transform: none;}
.adj22 {width: auto;float: none;margin-top: 20px !important;}
.adj23 {width: auto;left: 40%;}
.text01 {line-height: 25px;}
.adj19 {padding-left: 0px !important;}
.pad-01 {height: 85px;}
.bg-01a {padding: 10px 0px;width: auto;height: auto;position: relative;top: 0;left: 0;transform: none;margin-left: 0px;}
.text01b {font-size: 15px;font-family: 'Roboto';margin-top: 10px;color: #fff;margin-bottom: 5px;padding-left: 10px;}
.text02b {padding-left: 10px;font-size: 18px;width: 120px;}
.bg-01b {padding: 10px 0px;width: auto;height: auto;position: relative;top: 0;left: 0;transform: none;margin-left: 0px;}	
}
@media only screen and (max-width: 768px)  {
.topRowHead {height: 65px;}
.topRowBody {padding: 2px;height: 80px;}
html .wizard-progress.wizard-progress-lg ul li a, html.dark .wizard-progress.wizard-progress-lg ul li a {
  font-size: 10px;
}
html .wizard-progress.wizard-progress-lg .wizard-steps li, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li {
    min-width: 33%;
    max-width: 33%;
  }
html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
  margin: 0 auto 30px;
  width: 100%;
  background: none;
  padding: 0px 4px;
}
html.fixed .content-body {
    margin-left: 0px;
}
.circle {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    background: #fff;
    border: 4px solid #ccc;
    position: absolute;
    right: 16px;
    top: -79px;
}
.header-left {
    margin-left: 270px;
    padding-right: 0px;
    display: block;
    position: relative;
    width: 64%;
    height: 130px;
}
.timeDate {
	position: absolute;
	right: 20px;
top: -130px;
    display: block;
    float: right;
    font-size: 12px;
    margin-top: 0px;
}
.range1, .range2, .range3 {
    top: -81px;
}
	.range3  {right: 49px;}
.bannerSearchBox {padding: 15px 20px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-top: 5px;}
.tit05  {font-size: 24px;color: #124351;}
.bannerGap p {color: #fff;text-align: left;margin-top: 10px;margin-bottom: 10px;}
.bannerGap h4 {font-weight: 400;font-family: 'Roboto';font-size: 20px;text-align: left;}
.stick-bottom {margin-right: 0px;margin-top: 10px;}
.bannerGap {height: auto;min-height: auto;color: #fff;}
.hideX  {display: block;text-align: left;}	
.adj24  {text-align: left;}
.adj19  {padding-left: 15px;}
.adj18  {padding-right: 15px;}
.card-actions {margin-bottom: 0px;margin-top: 5px;position: absolute;}
.form-horizontal-reorder {display: flex;flex-flow: column-reverse;}
.three {order: 2;}	
.two {order: 3;}
.one {order: 1;}
.text-custom-center  {text-align: left;}
.pull-custom-right-2  {float: none;margin: 0 auto;}
}
@media only screen and (max-width: 480px)  {
.filterBtn .dropdown-menu {
  width: 100% !important;
  margin-top: 15px;
}
.body-sign {margin: 0px;}
.stp {display: block;background: #fff;padding: 22px 10px 17px 10px;margin: 5px 0px 10px 0px;}
.tit2  {display: none;}
.tit3  {display: block;	font-family: 'Roboto';}
.flex-container {display: block;}
.flex-item {flex: none;width: 100%;}
.flex-item a:link, .flex-item a:visited  {display: block;width: 100%;background: #fff;height: auto;position: relative;padding: 8px;color: #999999;text-decoration: none;font-weight: 600;}
.flex-item a span {display: block;position: relative;left: 0px;bottom: 0px;width: 100%;line-height: normal;}
}

@media only screen and (max-width: 767px)  {
.rev01 .card-actions {top: 2px;}
.boxy02 .card-actions  {position: absolute;}
.boxy03 .btn-active {
  margin-bottom: 10px;
}
.dropdown-container.expanded .dropdown12 {
    margin-top: 0px;
	}
.timeDate {
    display: none;
}
.header .logo-container {background: #ffd000;}
.header-left {
    margin-left: 0px;
    padding-right: 0px;
    display: block;
    position: fixed;
    width: 100%;
    height: 43px;
	z-index: 99;
	top: 100px;
	background: #ffd000;
}
.select-sim  {
    top: -35px;
    right: 30px;
}
.range1, .range2, .range3 {
    top: -37px;
}
.range3 {
    right: 107px;
	top: -77px;
	}
	.range2  {
	right: 145px;
	top: -77px;
	}
	.range1 {
    right: 134px;
	top: -5px;
	}
.circle {
    top: -75px;
	right: 68px;
}
.profBtn {
  position: absolute;
  right: 30px;
  top: -75px;
}
.profBox {margin-right: 10px;}
	
.profBox::after {right: 18px;}
	
	.header-left h3 {
	position: relative;
    left: 20px;
    top: 0;
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
}
.pad-right {padding-right: 15px;}
.pad-left {padding-left: 15px;}
.border-left-1 {border-left: 0px;}
.pad-left-right {padding-right: 15px;padding-left: 15px;}
.checkbox-custom label {cursor: pointer;margin-bottom: 0;text-align: left;line-height: 1.4;margin-left: 5px;width: 210px;}
.header .logo img {width: auto;height: 50px;}   
.header .logo {bottom: 0px;top: 10px;}
.bigText span img {width: 30px;}
.bigText  {display: block;width: 100%;background: #0190a1;color: #fff;font-family: 'Roboto';font-size: 20px;height: auto;padding: 10px;letter-spacing: -1px;}
.bx-1 {width: auto;height: auto;display: block;margin: 0px;position: relative;top: 0;left: 0;transform: none;}
.bg-01 {background: #124351;padding: 10px;position: relative;width: 100%;height: auto;}	
.pad-01 {padding: 0px;background: #35798c;width: 100%;height: auto;position: relative;}
.bg-01a {padding: 10px;width: auto;height: auto;position: relative;top: 0;left: 0;transform: none;margin-left: 0px;}
.bg-01b {padding: 10px;width: auto;height: auto;position: relative;top: 0;left: 0;transform: none;margin-left: 0px;}
.adj23 {width: auto;height: auto;display: block;margin: 0px auto;position: relative;top: 0;left: 0;transform: none;}
.text01b {margin-top: 5px;margin-bottom: 5px;}
.text03 {font-size: 18px;font-family: 'Roboto';color: #fff;text-transform: uppercase;margin-left: 0px;margin-top: 0px;}
.bx-1 img, .bx-2 img  {display: none;}
.adj20 {width: 100%;float: left;}	
.adj22 {width: 100%;float: left;}
.text02b {font-size: 16px;font-family: 'Roboto';line-height: 16px;color: #fff;padding-left: 0px;}
.text01b {ont-size: 28px;font-family: 'Roboto';margin-top: 10px;color: #fff;margin-bottom: 5px;padding-left: 0px;}
.space01 {padding: 10px;}.text01 {font-size: 28px;font-family: 'Roboto';margin-top: 10px;color: #fff;}
}
@media only screen and (max-width: 414px)  {
.bx-1, .bx-2, .bx-3 {width: auto;height: auto;display: block;margin: 0px;position: relative;top: 0;left: 0;transform: none;}
.bg-01 {background: #124351;padding: 10px;position: relative;width: 100%;height: auto;}
.pad-01 {padding: 0px;background: #35798c;width: 100%;height: auto;position: relative;}
.bg-01a {padding: 10px;width: auto;height: auto;position: relative;top: 0;left: 0;transform: none;margin-left: 0px;}
.bg-01b {padding: 10px;width: auto;height: auto;position: relative;top: 0;left: 0;transform: none;margin-left: 0px;}
.adj23 {width: auto;height: auto;display: block;margin: 0px auto;position: relative;top: 0;left: 0;transform: none;}
.text01b {margin-top: 5px;margin-bottom: 5px;}
.text03 {font-size: 18px;font-family: 'Roboto';color: #fff;text-transform: uppercase;margin-left: 0px;margin-top: 0px;}
.bx-1 img  {display: none;}
.adj20 {width: 100%;float: left;}
.adj22 {width: 100%;float: left;}
.text02b {font-size: 16px;font-family: 'Roboto';line-height: 16px;color: #fff;padding-left: 0px;}
.text01b {font-size: 28px;font-family: 'Roboto';margin-top: 10px;color: #fff;margin-bottom: 5px;padding-left: 0px;}
.space01 {padding: 10px;}
.text01 {font-size: 28px;font-family: 'Roboto';margin-top: 10px;color: #fff;}
}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
	background: #ffd000;
	margin: 0;
	position: relative;
	visibility: hidden;
}