@font-face {font-family: 'NewJuneBold';src: url(../webfonts/2BFEF0_0_0.eot);src: url('../webfonts/2BFEF0_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2BFEF0_0_0.woff') format('woff'),url('../webfonts/2BFEF0_0_0.ttf') format('truetype');}
@font-face {font-family: 'NewJuneBook';src: url('../webfonts/2BFEF0_1_0.eot');src: url('../webfonts/2BFEF0_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2BFEF0_1_0.woff') format('woff'),url('webfonts/2BFEF0_1_0.ttf') format('truetype');}
@font-face {font-family: 'NewJuneLight';src: url('../webfonts/2BFEF0_2_0.eot');src: url('../webfonts/2BFEF0_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2BFEF0_2_0.woff') format('woff'),url('../webfonts/2BFEF0_2_0.ttf') format('truetype');}
@font-face {font-family: 'NewJuneMedium';src: url('../webfonts/2BFEF0_3_0.eot');src: url('../webfonts/2BFEF0_3_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2BFEF0_3_0.woff') format('woff'),url('../webfonts/2BFEF0_3_0.ttf') format('truetype');}
@font-face {font-family: 'NewJuneSemibold';src: url('../webfonts/2BFEF0_4_0.eot');src: url('../webfonts/2BFEF0_4_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2BFEF0_4_0.woff') format('woff'),url('../webfonts/2BFEF0_4_0.ttf') format('truetype');}

.datepicker-readonly
{
	background:#124351; 
	color:white;
}

.blue-hover:hover
{
	color: #0090a0;
	cursor: pointer;
	font-color: #0090a0;
}

.uppercase{
	text-transform: uppercase;
}
.custom-pull-right {float: right;}
body, ul.nav-main li a, .widget-summary .summary .info, html .toggle-primary .toggle label {font-family: "NewJuneBook", Arial, sans-serif;}
/* CSS used here will be applied after bootstrap.css */
.progress .progress-bar-info {background-color: #01556f;}
.carCustom .carousel-control-next  {right: -20px;}
.carCustom .carousel-control-prev  {left: -20px;}
.bannerGap1 .btn-search-admin  {font-size: .8rem;padding: .26rem .65rem;border-color: #01556f;color: #fff;}
.bannerGap .col-lg-5  {padding-left: 0px;}
.showDesktop  {display: block;}
.showMobile  {display: none;}
.progress .progress-bar-info {background-color: #01556f;}
.carCustom .carousel-control-next  {right: -20px;}
.carCustom .carousel-control-prev  {left: -20px;}
.chartDesktop  {display: block;}
.chartMobile  {display: none;}
/*Page count*/
.pageCount  {display: inline-block;position:relative;margin: 10px 0px 5px;padding: .3rem .65rem;border-radius: .2rem;border: 1px solid #005a70;background: #fff;}
.pageCount span  {font-weight: bold;color: #005a70;}
.card-action-toggle:before {content:url(../img/arrow-up.png);}
.card-collapsed .card-action-toggle:before {content:url(../img/arrow-down.png)}

/*hide mobile calendar*/
.calSmall  {display: none;}

/*new menu accordion*/
.border-radius-0  {border-radius: 0px;}
.mainMenu  {width: 300px;}
.mainMenu a:link, .mainMenu a:visited  {font-family: 'NewJuneSemibold';font-size: 14px !important;color: #042a2b;font-weight: normal;padding: 8px 10px 10px 0px;line-height: 20px;width: 100%;display: block;border-right: 3px solid #b1b1b1;
background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(246,246,246,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f6f6f6', GradientType=0 );}
.mainMenu a:hover  {background: #0090A1;color: #fff;}
.mainMenu .fa-caret-down::after  {color: #fff;}
.mainMenu .fa-caret-down  {color: #b0b0b0;margin-top: 2px;}
.subMenu  {margin-top: -1px;}
.subMenu a:link, .subMenu a:visited  {font-family:"NewJuneBook", Arial, sans-serif;font-weight: normal;padding: 0;background: #fff}
.subMenu a:hover  {background:#f4f4f4;color:#042a2b;}
.subdown1  {margin-top: 13px !important;margin-right: 10px;}
.subSub a:link, .subSub a:visited  {background: #f4f4f4;}
.subSub a:hover  {background: #fff;}
.sublineheight  {padding-top: 10px;display: block;}
.subdown2  {position: absolute;right: 13px;top: 13px;}
.subSub2 a:link, .subSub2 a:visited  {background: #CBCBCB;}
.subSub2 a:hover  {background: #fff;}
.scrollable-content  {right: 0!important;padding: 0!important;}
.scrollable-content::-webkit-scrollbar {display: none;}
.scrollable-content {-ms-overflow-style: none !important;  /* IE and Edge */ scrollbar-width: none !important;  /* Firefox */}
.mt-newMenu  {margin-top: 8px;}
/*new menu accordion end*/
/*new menu accordion end*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000 !important;
}

.custP  {background-image: url("../img/custP-img.jpg");background-size: cover;}
.custP-bg  {background: #1C5058 !important;}
.custP-bg form input, .custP-bg form select   {background: #d1dad7 !important;}

.eCard  {background-image: url("../img/eCard-img.jpg");background-size: cover;}
.eCard-bg  {background: #3C3434 !important;}
.eCard-bg form input, .eCard-bg form select   {background: #d1dad7 !important;}

.statement  {background-image: url("../img/statement-img.jpg");background-size: cover;}
.statement-bg  {background: #6f9b8f !important;}
.statement-bg form input, .statement-bg form select {}

.policyEnq  {background-image: url("../img/policyEnq-img.jpg");background-size: cover;}
.policyEnq-bg  {background: #764643 !important;}
.policyEnq-bg form input, .policyEnq-bg form select {}

.motorRenewed  {background-image: url("../img/motorRenewal-img.jpg");background-size: cover;}
.motorRenewed-bg  {background: #28293A !important;}
.motorRenewed form input, .motorRenewed-bg form select {}

.fireRenewed  {background-image: url("../img/fireRenewed-img.jpg");background-size: cover;}
.fireRenewed-bg  {background: #80453D !important;}
.fireRenewed form input, .fireRenewed-bg form select {}

.claims  {background-image: url("../img/claims-img.jpg");background-size: cover;}
.claims-bg  {background: #17bdd2 !important;}
.claims form input, .claims-bg form select {background: #d1dad7 !important;}

.receiptEnq  {background-image: url("../img/receiptEnq-img.jpg");background-size: cover;}
.receiptEnq-bg  {background: #1b6777 !important;}
.receiptEnq-bg form input, .policyEnq-bg form select {}

.paymentEnq  {background-image: url("../img/paymentEnq-img.jpg");background-size: cover;}
.paymentEnq-bg  {background: #878c9f !important;}
.paymentEnq-bg form input, .policyEnq-bg form select {}

.productionEnq  {background-image: url("../img/productionEnq-img.jpg");background-size: cover;}
.productionEnq-bg  {background: #20488d !important;}
.productionEnq-bg form input, .policyEnq-bg form select {background: #d1dad7 !important;}

.endorse  {background-image: url("../img/endorse-img.jpg");background-size: cover;}
.endorse-bg  {background: #FBA32A !important;}
.endorse form input, .endorse-bg form select {background: #d1dad7 !important;}

.eLearn  {background-image: url("../img/eLearn-img.jpg");background-size: cover;}
.eLearn-bg  {background: #8C9CB0 !important;}
.eLearn form input, .eLearn-bg form select {background: #d1dad7 !important;}

.training  {background-image: url("../img/training-img.jpg");background-size: cover;}
.training-bg  {background: #3A495F !important;}
.training form input, .training-bg form select {background: #d1dad7 !important;}

.events  {background-image: url("../img/event-img.jpg");background-size: cover;}
.events-bg  {background: #5F6A6B !important;}
.events form input, .event-bg form select {background: #d1dad7 !important;}

.cpd  {background-image: url("../img/cpd-img.jpg");background-size: cover;}
.cpd-bg  {background: #1B214E !important;}
.cpd form input, .cpd-bg form select {background: #d1dad7 !important;}

.user-Guide  {background-image: url("../img/user-Guide-img.jpg");background-size: cover;}
.user-Guide-bg  {background: #1b214e !important;}
.user-Guide form input, .userGuide-bg form select {background: #d1dad7 !important;}

.userGuide  {background-image: url("../img/userGuide-img.jpg");background-size: cover;}
.userGuide-bg  {background: #8D8C77 !important;}
.userGuide form input, .userGuide-bg form select {background: #d1dad7 !important;}

.formaa  {background-image: url("../img/form-img.jpg");background-size: cover;}
.formaa-bg  {background: #364959 !important;}
.formaa form input, .formaa-bg form select {background: #d1dad7 !important;}

.agentP  {background-image: url("../img/agentP-img.jpg");background-size: cover;}
.agentP-bg  {background: #C65C4E !important;}
.agentP form input, .agentP-bg form select {background: #d1dad7 !important;}

.activity  {background-image: url("../img/activity-img.jpg");background-size: cover;}
.activity-bg  {background: #654A3E !important;}
.activity form input, .activity-bg form select {background: #d1dad7 !important;}

.agent_performance {background-image: url("../img/agent-performance-img.jpg");background-size: cover;}
.agent_performance-bg  {background: #c65c4e !important;}
.agent_performance form input, .activity-bg form select {background: #d1dad7 !important;}

.agent_manual {background-image: url("../img/agent-manual-img.jpg");background-size: cover;}
.agent_manual-bg  {background: #009dbc !important;}
.agent_manual form input, .activity-bg form select {background: #d1dad7 !important;}

.logo-new-1  {position: absolute;height: 50px;left: 450px;top: 10px;}

.txt-top  {font-family: 'NewJuneBook'; color: #fff;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);font-style: italic;position:absolute;top:10px;}

.txt-top span  {font-family: 'NewJuneBold';}

.subColor  {background: #00546c !important;}

.subsub-Color  {background: #012b39 !important;}

.btn-success {background-color: #D2D711;border-color: #D2D711 #D2D711 #D2D711;color: #000;}

html .card-featured-secondary {border-color: #D2D711;}

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

html .card-featured-primary {border-color: #124351;}

html .background-color-primary, html .bg-primary {background-color: #124351 !important;}

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

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

html.sidebar-light:not(.dark) ul.nav-main > li.nav-expanded > a {background: #124351;}

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

.page-header {background: #001826; border-left: 1px solid #001826;}

.header {height: 80px;}

.digitNotify  {position: absolute;right: 30px; top: 3px;color: #fff;font-size: 10px;background: red;width: 16px;height: 16px;line-height: 16px;text-align: center;border-radius: 100%}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #4CB5C3;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5%;
    color: #000;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

:root {
  --color-white: #fff;
  --color-black: #333;
  --color-gray: #75787b;
  --color-gray-light: #bbb;
  --color-gray-disabled: #e8e8e8;
  --color-green: #53a318;
  --color-green-dark: #383;
  --font-size-small: .75rem;
  --font-size-default: .875rem;
}

.progress-barA {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
	position: relative;
}
.progress-barA li {
  flex: 2;
  position: relative;
  padding: 0 0 14px 0;
  font-size: var(--font-size-default);
  line-height: 1.5;
  color: #162333;
  font-weight: 600;
  white-space: nowrap;
  overflow: visible;
  min-width: 0;
  text-align: center;
  border-bottom: 10px solid #ccc;
}
.progress-barA li:first-child,
.progress-barA li:last-child {
  flex: 1;
}
.progress-barA li:last-child {
  text-align: right;
}
.progress-barA li:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #ccc;
  position: absolute;
  left: calc(50% - 6px);
  bottom: -13px;
  z-index: 3;
  transition: all .2s ease-in-out;
}
.progress-barA li:first-child:before {
  left: -5px;
}
.progress-barA li:last-child:before {
  right: 0;
  left: auto;
}
.progress-barA span {
  transition: opacity .3s ease-in-out;
}
.progress-barA li:not(.is-active) span {
  opacity: 1;
}
.progress-barA .is-complete:not(:first-child):after,
.progress-barA .is-active:not(:first-child):after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: -50%;
  z-index: 2;
  border-bottom: 10px solid #01556f;
}
.progress-barA li:last-child span {
  width: 200%;
  display: inline-block;
  position: absolute;
  left: -100%;
}

.progress-barA .is-complete:last-child:after,
.progress-barA .is-active:last-child:after {
  width: 200%;
  left: -100%;
}

.progress-barA .is-complete:before {
  background-color: #01556f;border: 2px solid #01556f;
}

.progress-barA .is-active:before,
.progress-barA li:hover:before,
.progress-barA .is-hovered:before {
  background-color: #fff;
  border-color: #01556f;
}
.progress-barA li:hover:before,
.progress-barA .is-hovered:before {
  transform: scale(1.33);
}

.progress-barA li:hover span,
.progress-barA li.is-hovered span {
  opacity: 1;
}

.progress-barA:hover li:not(:hover) span {
  opacity: 0;
}

.x-ray .progress-barA,
.x-ray .progress-barA li {
  border: 1px dashed red;
}

.progress-barA .has-changes {
  opacity: 1 !important;
}
.progress-barA .has-changes:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: calc(50% - 4px);
  bottom: -20px;
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23ed1c24%22%20d%3D%22M4%200l4%208H0z%22%2F%3E%3C%2Fsvg%3E');
}

table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    opacity: 1 !important; color: yellow;
}

.appt .past  {background-color: #efe4e4;}

.appt table { width: 100%; box-sizing: border-box; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); /*border-collapse: collapse;*/ border-spacing: 0; background-color: #f3f2f2; line-height: normal;}

.appt th, td { border: 1px solid rgba(204,204,204,0.5); box-sizing: border-box; }

.appt th { text-transform: uppercase; font-size:10px; font-weight:700; padding: 10px 0; color: #d2d0d0; background-color: #01556f; letter-spacing: 1px; }

.appt td { width: 1%; transition: all 0.3s; font-size: 12px; color: #252525; font-weight: 400; padding: 1% 1% 5%; vertical-align: initial; height: 75px; text-align: left;}

.day:hover { background-color: rgba(0,0,0,0.1); cursor:pointer; }

.today { color: #111; background-color: #e0f1f3 !important; }

.today span.number {color: #fff;margin-bottom: 4px; margin-left: 2%; text-align: center; width: 20px; display: block;height: 20px; line-height: 20px; border-radius: 100%; background: #0096A9; }

span.event { height: 4px; background-color: rgba(0,0,0,.3); display: block; margin: 5px 10%; border-radius: 2px; }

span.event-multiday { margin: 5px -2px; border-radius: 0; }
span.event-multiday-start { margin-right: -4px;  }
span.event-multiday-finish { margin-left: -4px;  }

span.event-ghost { background-color:transparent; }

.page-link {padding: .3rem .55rem;font-size: 12px;}

.page-active  {color: #fff !important;background: #124351 !important;}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span, .pagination > li > span:focus, .pagination > li > span:hover {color: #fff;background: #124351;}

.btn-custom-01  {background: #CDD72F;border: 1px solid #CDD72F;}

.btn-custom-01:active, .btn-custom-01:focus, .btn-custom-01:hover {color: #fff;background-color: #9ba319;border-color: #9ba319;}

.cnLabel label  {font-weight: 600;}

.input-group-icon .input-group-btn:last-child button, .input-search .input-group-btn:last-child button {z-index: 9;}

.fileupload .uneditable-input {height: 35px;}

.bannerSearchBox .input-group-addon  {background-color: #124351 !important; color: #ccc; }

.bannerSearchBoxSelect .input-group-addon  {background-color: #124351 !important; color: #ccc; }

ul.simple-bullet-list li .description {color: #4a4e4f;}

.chartDaterange  {text-align: right; font-style: italic; color:#01556f;margin-top: 10px;}

html .card-primary .card-header {background: #0096a9; border-color: #0096a9;}

.border-bottom01  {border-bottom: 1px solid #ccc;}
.mapping01  {background: #fff;}

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

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

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

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

.bannerGap1  {height: auto;color: #fff;}
.bannerGap1 h4  {font-weight: 400;font-family: 'NewJuneBold';font-size: 40px;text-align: left;}
.bannerGap1 h5  {font-weight: 300;font-family: 'NewJuneBold';font-size: 20px;text-align: left;color: #2baab1;}
.bannerGap1 p  {color: #fff;text-align: left;margin-top: 20px;}
.bannerGap1 form input:focus {background: #124351;border: 1px solid #124351;color: #fff;}
.bannerGap1 .bannerSearchBox  {padding: 18px;}
.bannerGap1 .bannerSearchBoxSelect  {padding: 18px;}

table  {background: #fff;}
.page-header h2 {height:40px; line-height:40px;}
.page-header, .sidebar-header, .sidebar-toggle  {height: 40px !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: 40px;
}
.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 #005D76;
  -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: #01556F;
}
.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: auto;
  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;
 }
html.fixed .inner-wrapper {
    padding-top: 150px;
}

.tooltip1 {top: 3px;}

.tooltip1 img, .circle img  {width: 18px;}
	
.tooltip1 a:hover  {color: #fff;}

.circle  {border-radius: 50px; margin: 6px 2px 0;text-align: center;font-weight: bold;}
.circle:hover {background: #0096A9; 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) {
  .dropdown-container .dropdown12 {
    width: 170%;
    margin: 0px;
    left: -170px;
  }
}
@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: 149px;}
.range2  {right: 111px;}
.range3  {right: 73px;}
.range4  {right: 185px;}
.range5  {right: 221px;}
.range6  {right: 259px;}
.tooltip1 {
  position: absolute;
  display: inline-block;
  cursor: pointer;
	margin-top: 3px;
}

.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;
  }
  
.dropdown-jx {
    display:inline-block;
    /*margin-left:20px;*/
    padding-top: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 {bottom: 0px;}
.btn-grey  {background: #005a70;color: #fff;}
.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;}
.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 #0090a0;color: #0090a0;font-weight: 600;}
.nav-tabs li .nav-link:hover {border-bottom-color: transparent;	border-top: 3px solid #0090a0;box-shadow: none;color: #000;}
.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: 20px;font-size: 12px;}
html .wizard-progress.wizard-progress-lg ul li a span, html.dark .wizard-progress.wizard-progress-lg ul li a span {width: 45px;height: 45px;margin-top: -30px;margin-left: -23px;border-radius: 60px;line-height: 37px;font-size: 24px;border-width: 4px;}
html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {margin: 0 !important;width: 90%;background: #fff;padding: 0px 30px;}
html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {margin: 0 auto 30px;width: 90%;background: #fff;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: "NewJuneBold";}
html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {background: #0090a1;}
html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {height: 2px;margin: 0 38px;position: relative;top: 15px;background: url("../img/steps-dotted.png")repeat-x center;}
.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;}
.bannerSearchBoxSelect select  {color: #000;font-size: 0.75rem;}
.bannerSearchBoxSelect select option  {color: #000;font-size: 0.75rem;}
.bg-spc01  {background: #abdbe1 !important;}
.bg-spc02  {background: #f6f4f4;}
.tb-spc1 td  {background: #0096a9;text-align: center;color: #fff !important;}
.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 {border-top-color: #0096a9;}
.body-sign {display: table;height: 100vh;margin: 0px 0px 0px 0px;max-width: 470px;padding: 0 65px 0 40px;width: 100%;background-image: url("../img/sso-bg-left.jpg");background-attachment: fixed;background-repeat: no-repeat;background-size: contain; }
.ssoBG  {background-image: url("../img/sso-bg-right.jpg");background-attachment: fixed;background-repeat: no-repeat;background-size: cover;}
.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;}
.bannerSearchBoxSelect ul li  {margin: 0px 0px 8px 0px;border-radius: 4px;padding: 8px 16px;list-style-type: none;}
.bannerSearchBoxSelect ul li:hover  {background: #ededed;}
.bannerSearchBoxSelect ul li a:link  {color: #fff;}
.bannerSearchBoxSelect 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: url("../img/banner-cust.jpg")no-repeat top center;}
.RFI_bi  {}
.RFI_elearn  {background: url("../img/banner-elearn.jpg")no-repeat top center;}
.bannerGap  {;color: #fff;margin-bottom: 10px;}
.bannerGap h4  {font-weight: 400;font-family: 'NewJuneBold';font-size: 28px;text-align: left;margin: 5px 0px !important;}
.bannerGap h5  {font-weight: 300;font-family: 'NewJuneBold';font-size: 20px;text-align: left;}
.bannerGap p  {color: #fff;text-align: left;margin-top: 10px;}
.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: 0px 0 5px;}
.stick-bottom1  {margin-top: 40px !important;}
.bannerSearchBox  {padding: 25px 40px;background: #0096a9;}
.bannerSearchBoxSelect  {padding: 25px 40px;background: #0096a9;}
.bannerGap form input, .bannerGap form select  {background: #d1dad7;border: 1px solid #124351;}
.bannerGap form input:focus {background: #104352;border: 1px solid #104352;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: "NewJuneBook" !important;}
.text-01  {color: #124351 !important;}
.text-2  {font-size: 12px;color: #004156;}
.tit2  {font-family: 'NewJuneSemibold';	text-align: center;}
.tit3  {display: none;}
.tit1  {color: #018fa3;	font-family: 'NewJuneSemibold';	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: 'NewJuneSemibold';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: 'NewJuneSemibold';}
.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: 'NewJuneSemibold';width: 110px;color: #fff;text-transform: uppercase;margin-left: 10px;margin-top: 0px;}
.text03  {font-size: 18px;font-family: 'NewJuneSemibold';color: #fff;text-transform: uppercase;margin-left: 5px;margin-top: 8px;}
.text02b  {font-size: 16px;font-family: 'NewJuneSemibold';line-height: 16px;color: #fff;padding-left: 20px;}
.text02a  {font-size: 16px;font-family: 'NewJuneSemibold';line-height: 16px;color: #fff;text-align: center;}
.text02  {font-size: 18px;font-family: 'NewJuneSemibold';width: 70px;line-height: 18px;	color: #fff;text-transform: uppercase;}
.text01  {font-size: 28px;font-family: 'NewJuneSemibold';margin-top: 20px;color: #fff;}
.text01a  {font-size: 28px;font-family: 'NewJuneSemibold';margin-top: 10px;	color: #fff;text-align: center;	margin-bottom: 5px;}
.text01b  {	font-size: 28px;font-family: 'NewJuneSemibold';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: 'NewJuneSemibold';font-size: 17px;color: #fff;}
.adj17  {color: #fff; font-family: 'NewJuneSemibold'; font-size: 15px;text-transform: uppercase;}
.bg-darkblue  {background: #01556f;}
.adj16  {line-height: 34px;}
.adj15  {color: #018fa5; font-family: 'NewJuneSemibold'; 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: 'NewJuneSemibold';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: 'NewJuneSemibold';	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  {display: none;}
.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: #0096a9;margin: 15px 15px 15px 0;color: #fff;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 {color: #124351;}
.tbHead  {background: #001826;}
.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: #0090a0;color: #fff;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: #0f4351;}
.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: #0090a0 !important;color: #fff !important;}
.tabLine  {background: #0090a0;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;}
.bannerSearchBox .input-group-addon {padding: 0.375rem 0.75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #ccc;text-align: center;background-color: #e9ecef;border-top: 1px solid #124351;border-left: 1px solid #124351;border-bottom: 1px solid #124351;-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;}
.bannerSearchBoxSelect .input-group-addon {padding: 0.375rem 0.75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #ccc;text-align: center;background-color: #e9ecef;border-top: 1px solid #124351;border-left: 1px solid #124351;border-bottom: 1px solid #124351;-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;}
.input-group-addon {padding: 0.375rem 0.75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;text-align: center;background-color: #e9ecef;border-top: 1px solid #ced4da;border-left: 1px solid #ced4da;border-bottom: 1px solid #ced4da;-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;}
.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: #004156;	font-family: 'NewJuneSemibold';	font-size: 25px;}
.nav-active1  {background: #D4D4D4;}
.sOut  {background: #001826 !important;}
.otherLogo  {position: absolute;right: 20px;bottom: 20px;}
.nav-active  {background: #01556f;}
.welcome  {margin: 6px 0px 4px;padding: 0;color: #004156;font-family: 'NewJuneLight';font-weight: 600;}
.welcome span  {font-weight: 400;font-family: 'NewJuneBold';}
.subHeader  {margin: 1px 0px 1px;padding: 0;	color: #043a56;	font-family: 'NewJuneBook';	font-weight: 400;}
.bigText  {display: block;width: 100%;background: #0090a0;color: #fff;font-family: 'NewJuneBook';font-size: 50px;height: auto;padding: 20px;letter-spacing: -1px;}
.bigText span  {display: block;width: 500px;min-width: 300px;max-width: 500px;margin: 0 auto;}
.bigText span img  {margin-right: 10px;}
.rightHeader  {	margin: 0px 0px 4px;padding: 0;	color: #01556f;	font-family: 'NewJuneBold';	font-weight: 400;font-size: 24px;border-bottom: 3px solid #01556f;}
.notifyWhite  {background: #fff;display: block;padding: 10px;font-family: 'NewJuneSemiBold';color: #01556f;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: #fff;background: #0090a0;font-family: 'NewJuneBold';font-weight: 400;text-align: center;text-decoration: none;font-size: 20px;text-transform: uppercase;}
.payBtn a:hover  {background: #01556f;text-decoration: none;}
.rnBtn  {background: #0190a1;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: #fff;background: #0190a1;font-family: 'NewJuneBold';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: 'NewJuneBold';color: #0190a1;border-bottom: 1px solid #0190a1;padding: 0px 0px 5px 0px;}
.date  {font-family: 'NewJuneBook';color: #011828;}
.date .fa  {vertical-align: 2px;}
@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: 'NewJuneSemibold';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: 991px)  {
.table.table-no-more td:before {
    content: attr(data-title);
    font-weight: 700;
    left: 6px;
    padding-right: 10px;
    position: absolute;
    text-align: left;
    top: 8px;
    white-space: normal;
    width: 45%;
    line-height: normal;
}
}

@media only screen and (max-width: 768px)  {
.mainMenu {width: 100%;}
.dropdownUser .fa-sort-down {top: 10px;}
.calMobile  {width: 1024px !important;}
.width-100 {display:block;width: 100%;}
.custom-pull-right {float:left;}
.mt-special-18  {margin-top: 18px;}
.showDesktop  {display: none !important;}
.showMobile  {display: block;}
.bannerSearchBox {padding: 15px 40px 15px 20px;background: #0096a9;}
.bannerSearchBoxSelect {padding: 15px 40px 15px 20px;background: #0096a9;}
.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: 'NewJuneBold';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;}
.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: 768px)  {
/*calendar mobile*/
.calSmall  {display: block;}
.calMobile  {display: none !important;}
.active .act1  {display: block;position: absolute;bottom: 0;}
.active .act1 span  {background:#fff;display: inline-block;width: 5px;height: 3px;border-radius: 0.15rem;margin: 0 2px;}
.card__body--dates li.withItem {background: #ebebeb;color: #000;border-radius: 50%;line-height: 22px;}
.withItem .act1  {display: block;position: absolute;bottom: 0;}
.withItem .act1 span  {background:#898989;display: inline-block;width: 5px;height: 3px;border-radius: 0.15rem;margin: 0 2px;}
.card__body  {border: 1px solid #ccc;border-radius: .25rem;}
.card__body ul  {padding: 0;}
.card__body--days {display: flex; justify-content: space-between; align-items: center; height: 2.6rem;background: #01556f;border-top-right-radius: .25rem;border-top-left-radius: .25rem;margin-bottom: 0;}
.card__body--days li {flex: 1; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; margin: 0 1px; list-style-type: none;}
.card__body--dates {
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  text-align: center;
}
.card__body--dates li {
  width: 2.0rem;
  height: 2.0rem;
  display: grid;
  place-items: center;
  font-weight: bold;
  position: relative;
}
.card__body--dates li.prev,
.card__body--dates li.next {
  color: #ccc;
}
.card__body--dates li.active {
  background: #0090a0;
  color: #ffffff;
  border-radius: 50%;
	line-height: 22px;
}
.card__body--dates li.circle {
  border: 2px solid;
  border-radius: 50%;
}
.card__body--dates li.circle span {
  position: absolute;
  top: -0.75rem;
  right: -0.5rem;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.2rem;
  color: #ffffff;
  border-radius: 50%;
}
.card__body--dates .circle.orange {
  border-color: #DE6E46;
}
.card__body--dates .circle.orange span {
  background: #DE6E46;
}
.card__body--dates .circle.purple {
  border-color: #AE5989;
}
.card__body--dates .circle.purple span {
  background: #AE5989;
}
/*calendar mobile*/
	
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(233, 245, 246, 0.9);}
.dataTables_wrapper table.dataTable {background: none;}
	.table.table-no-more tr {background: #fff;border: 1px solid #dedede;border-radius: 5px;}
	.progress-barA  {width: 700px;padding: 10px 0px 30px 0px;}
.chart-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch !important;
}
.body-sign {margin: 0px;padding: 0 10px 0 10px;background-size: cover;}
.stp {display: block;background: #fff;padding: 22px 10px 17px 10px;margin: 5px 0px 10px 0px;}
.tit2  {display: none;}
.tit3  {display: block;	font-family: 'NewJuneSemibold';}
.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;}
.header .logo-container {height: 60px;top:70px !important;}	
.header  {height:30px !important;}
.page-header {
    margin-left: -20px;
    position: fixed;
    top: 29px !important;
	width: 100%;
	padding-right: 0;
}
.header.header-nav-menu .header-btn-collapse-nav {
    margin-top: 11px !important;
    margin-right: 25px;
}
.inner-wrapper  {padding-top: 130px !important;}
html.fixed .header {margin-top: 60px !important;}
	.header-btn-collapse-nav {
    background: #01556f;
    color: #fff;
    padding: .37rem 1rem;
}
.header.header-nav-menu .header-nav-main {
    margin: 0px 0 0 !important;
}
.header.header-nav-menu .header-nav {
    float: right;
    margin-right: 0px;
	widtH: 100%;
}
.new_menu_main .newM {
    width: 100%;
}
.card-actions {
    float: right;
    width: 30px;
}
	.socialM  {float: left;margin-left: 20px;margin-top:20px;}
}

@media only screen and (max-width: 768px)  {
.chartDesktop  {display: none;}
.chartMobile  {display: block;}
.header .logo-container {height: 60px;top:30px;}	
.header  {height: 80px;margin-top: 70px;position: fixed;}
.header.header-nav-menu .header-btn-collapse-nav {margin-top: 23px; margin-right: 25px;}
.page-header {
    margin-left: -20px;
    position: fixed;
    top: 39px;
	width: 100%;
	padding-right: 0;
}
	
.inner-wrapper  {padding-top: 150px;}
html.fixed .header {margin-top: 60px;}
	.header-btn-collapse-nav {
    background: #01556f;
    color: #fff;
    padding: .37rem 1rem;
}
.header.header-nav-menu .header-nav-main {
    margin: 0px 0 0;
}
.header.header-nav-menu .header-nav {
    float: right;
    margin-right: 0px;
	width: 100%;
	margin-top: 2px;
/* 	border-top: 1px solid #ccc; */
}
.new_menu_main .newM {
    width: 100%;
}
.card-actions {
    float: right;
    width: 30px;
}
	.socialM  {float: left;margin-left: 20px;margin-top:20px;}
}
@media only screen and (max-width: 767px)  {
.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: 100px;}   
.header .logo {bottom: 11px;}
.bigText span img {width: 30px;}
.bigText  {display: block;width: 100%;background: #0190a1;color: #fff;font-family: 'NewJuneBook';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: 'NewJuneSemibold';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: 'NewJuneSemibold';line-height: 16px;color: #fff;padding-left: 0px;}
.text01b {ont-size: 28px;font-family: 'NewJuneSemibold';margin-top: 10px;color: #fff;margin-bottom: 5px;padding-left: 0px;}
.space01 {padding: 10px;}.text01 {font-size: 28px;font-family: 'NewJuneSemibold';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: 'NewJuneSemibold';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: 'NewJuneSemibold';line-height: 16px;color: #fff;padding-left: 0px;}
.text01b {font-size: 28px;font-family: 'NewJuneSemibold';margin-top: 10px;color: #fff;margin-bottom: 5px;padding-left: 0px;}
.space01 {padding: 10px;}
.text01 {font-size: 28px;font-family: 'NewJuneSemibold';margin-top: 10px;color: #fff;}
}

.template-div {
	width:100%;
	height:80%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border:2px solid #01AAEB;
}

.template-div:hover {
 	border: 2px solid black; 
}

.template-div-hover {
 	border: 2px solid black; 
}

@media all and (min-width: 540px) and (max-width: 720px) {
	.header {height: 50px !important;margin-top: 80px !important;}
	.page-header {top: 30px !important;}
	.header .logo-container {top: 71px !important;}
	.inner-wrapper {padding-top: 135px !important;}
	.header.header-nav-menu .header-btn-collapse-nav {margin-top: 13px !important;}
}
@media all and (min-width: 769px) and (max-width: 1024px)  {
	.header {top: 70px !important;}
	.inner-wrapper {padding-top: 145px !important;}
	.page-header {margin: -10px -20px 10px -22px !important;position: fixed !important;width: 100% !important;top:40px!important;}
}

.scrollabled{
   overflow: auto;
   width: 70px; /* adjust this width depending to amount of text to display */
   height: 80px; /* adjust height depending on number of options to display */
   border: 1px silver solid;
 }
 .scrollabled select{
   border: none;
 }