@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/fontawesome-webfont.ttf') format('truetype'),url('fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
.grid-registers .learner { height: 260px; overflow-y: auto; }
.grid-registers .learner textarea { width: 400px !important; height: 260px !important; }

.no-marg { margin: 0 !important; }
.r-gap-15 { grid-row-gap: 15px; }
.sbmt-btn.greyed { pointer-events: none; background-color: #efefef !important; border-color: #efefef !important; }

#div_quote_history table.flex-table tr td:first-child { min-width: 230px; }

.table-tabs { display: flex; grid-gap: 5px; }

.table-tabs h3 { padding: 15px; background-color: #fff; border-radius: 10px 10px 0 0; color: #005a86; cursor: pointer; }

.table-tabs h3:hover, h3.tab-on { background-color: #005a86; color: #fff; }

.lg-check { height: 40px; width: 40px; }

.reg-row { padding: 10px 0; border-top: 1px solid #a9a9a9; }

.toggler { position: relative; display: inline-block; width: 45px; height: 24px; }

.toggler .input-toggler { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px; }

.toggler .input-toggler:before { position: absolute; content: ""; height: 20px; left: 2px; width: 20px; top: 50%; transform: translate(0, -50%); background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }

.toggler.link-checked .input-toggler, .toggler input:checked ~ .input-toggler { background-color: #10499e; transform: translateY(0); }

.toggler input:focus ~ .input-toggler { box-shadow: 0 0 1px #2196F3; }

.toggler.link-checked .input-toggler:before, .toggler input:checked ~ .input-toggler:before { -webkit-transform: translate(21px, -50%); -ms-transform: translate(21px, -50%); transform: translate(21px, -50%); }

.loader { max-width: fit-content; position: absolute; right: 50%; transform: translateX(50%); top: 200px; z-index: 9999; }
.loader i { font-size: 4rem; }
.sqr-40 { height: 40px; width: 40px; }

.attended { background-color: #005a86 !important; color: #fff; position: relative; }

.attended i { position: absolute; top: 5px; right: 5px; font-size: 1rem; }
/*SCROLL-BAR*/
/* width */
::-webkit-scrollbar { width: 16px; }

/* Track */
::-webkit-scrollbar-track { background: #d0d0d0; }

/* Handle */
::-webkit-scrollbar-thumb { background: #005b86; border-radius: 8px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #f7941d; }

.min-w-init { min-width: initial !important; }
.nobreak { white-space: nowrap; }

.btn { color: #fff; background-color: #005b86; width: 100%; height: 40px; border-radius: 3px; font-weight: 700; padding: 0px 15px; line-height: 1; display: flex; align-items: center; justify-content: center; }
.btn.lblue { background-color: #1597d3; color: #fff; }
.btn.cont { max-width: fit-content; }
.btn.orange { background-color: #f7941d; color: #fff; }

.btn.sml-action { width: 40px; height: 40px; padding: 0px; display: flex !important; justify-content: center; align-items: center; }

.btn.w-200 { width: 200px; }

.btn.orange:hover { background-color: #aa6614; }
.btn.disabled { pointer-events: none; background-color: lightgray !important; }
.switch input { display: none; }
.nowrap { white-space: nowrap; }
input:checked ~ .input-toggler { background-color: #005a86; transform: translateY(-5px); box-shadow: 0 7px 6px 0px #00000026; }

button { border: 0; }
.course-type.on { order: -1; width: 100%; max-width: 100%; font-size: 2rem; font-weight: bold; }
.sales-by { min-width: 100px; }
.sales-by.on { background-color: #aa6614; }

#popup { z-index: 9999; }

.popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; z-index: 999; }

.col-tooltip { position: relative; }
.col-tooltip .tooltip { display: none; position: absolute; left: 0; bottom: 0; transform: translate(-100%, 100%); background-color: #005a86; color: #fff; z-index: 999; padding: 10px; font-size: 0.8rem; }

.col-tooltip:hover .tooltip { display: block; }

body { font-size: 0.8em; padding: 0; margin: 0; color: #454545; font-family: 'sofia-pro',sans-serif; -webkit-text-size-adjust: 100% }
img { border: 0; }
a { text-decoration: none; color: #005a86; }
a.underline { text-decoration: underline; }
input, select { }
table strong { font-weight: bold; }
table strong.blue { color: #005a86; }
textarea { font-family: Arial; }
.whi-bg { background-color: #fff; }
.whi-txt { color: #fff; }
.flx-wrap { flex-wrap: wrap; }
.border-blue { border: 1px solid #005a86; }
.fl-al-end { align-items: flex-end; }
.nomarg { margin: 0px !important; }
.lgrey-bg { background-color: #EFEFEF; }
.vert-divider { height: 100%; background-color: #efefef; width: 2px; }

.nopadd { padding: 0px !important; }
i.rotated { transform: rotate(180deg) }
.bx-shad { box-shadow: 0px 3px 6px #00000029; }
.rad-10 { border-radius: 10px; }
.padd-30 { padding: 30px; }
.rad-5 { border-radius: 5px; }
.log-panel { position: fixed; top: calc(50% - 70px); left: 50%; transform: translate(-50%, -50%); max-width: 550px; width: calc( 100% - 30px); }


.checkbox { height: 30px; width: 30px; }

.divline { border-top: 1px solid #d1d1d1; margin: 30px 0px; }



.page-top { height: 90px; }
.page-top .login { font-size: 1.1em; }
.page-top .login strong { color: #005a86; }
.page-top .btn { width: 150px; }
.page-top .alerts { display: flex; }
.page-top .alerts > * { margin-right: 15px; }
.page-top .time { font-size: 1.1em; margin-right: 15px; }

.lgr-bg { background-color: #efefef; }

h1 { margin: 0px 0px 30px; color: #005a86; font-size: 2.0em; font-weight: 700; }
h1 .fa, h2 .fa { color: #1597d3; font-size: 1.1em; margin-right: 5px; }
h2 { margin: 0; padding: 0px 0 15px 0px; color: #454545; font-weight: normal; font-size: 1.6em; }
h3 { margin: 0; padding: 10px 0 10px 0px; color: #454545; font-weight: 700; font-size: 1.4em; }
h4 { margin: 0; padding: 0px; color: #005b86; font-weight: 700; font-size: 1.3em; }

.img-upload { box-shadow: 0px 3px 6px #00000029; background-color: #fff; padding: 15px; border-radius: 5px; max-width: 546px; border: 1px solid #d1d1d1; }
.img-upload .img-display { border: 1px dashed #d1d1d1; display: flex; justify-content: center; align-items: center; background-color: #f1f1f1; margin-bottom: 15px; }
.img-upload .img-display img { max-width: 100%; height: auto; }
.img-upload .user-help { display: block; margin-top: 5px; }


.blue-bg { background-color: #005a86; }

.no-overflow { overflow: hidden; }

.center-img img { margin: 0 auto; }
.center-txt { text-align: center; }

strong.dblue, span.dblue, em.dblue { color: #005a86; }

.home-links { display: grid; grid-template-columns: 1fr; }
.home-links .tab { grid-row-start: 1; grid-column-start: 1; transition: none; }

.full-w { width: 100%; }

button.btn.fbtn { background-color: #535008; border: 1px solid #535008; }
button.btn.fbtn:hover { background-color: transparent; color: #535008; }

.abtn { float: right; margin-left: 10px; color: #fff; width: auto; min-width: 125px; padding: 0 10px; font-size: 0.9em; display: inline-block; height: 30px; line-height: 30px; border: 1px solid; border-radius: 3px; }
.abtn i { margin-right: 5px; }
.abtn.dblue { background-color: #06293a; border-color: #06293a; }

.abtn:hover { background-color: #fff; }
.abtn.dblue:hover { color: #06293a; }

.table tbody button.icononly { background-color: #005a86; color: #fff; border: 1px solid #005a86; padding: 5px 10px; border-radius: 3px; font-size: 1.3em; cursor: pointer; }
.table tbody button.icononly a { color: #fff; }
.table tbody button.icononly:hover, .table tbody button.icononly:hover a { background-color: transparent; color: #005a86; }
.table tbody .savesml i { color: #fff !important; }
.table tbody .savesml:hover i { color: #930f1d !important; }


.alert { margin: 0 !important; background-color: #f8d7da; border-radius: 3px; padding: 10px; line-height: 1; min-height: 40px; display: flex; align-items: center; color: #63080c; }
.alert ul { padding-left: 18px; color: #fff; }
.alert h4 { margin-top: 0; color: #fff; }
.alert.green { background-color: #339933; border-color: #24a913; color: #fff !important; }
.activealert { width: auto; display: inline-block; }
.activealert span { display: block; width: 170px; margin-left: 15px; padding-top: 2px; }
.activealert input { float: left; margin-right: 10px; }

.attachinfo .dw-md-6:nth-child(2n+1) { clear: both; }
.attachinfo .dw-md-6 { margin-bottom: 10px; }

.fa-map-marker { color: #005a86; font-size: 1.4em; margin-right: 5px; }

.editor-field .popover-content strong { display: inline; }



.table.quoteb { border: 1px solid #d1d1d1; background-color: #fff; border-radius: 3px; padding: 10px; }
.table.quoteb th { padding: 10px; }
.table.quoteb .meter { width: 100px; overflow: hidden; }
.upgraded { background-color: #535008; color: #fff; font-weight: bold; padding: 10px 15px; text-align: center; font-size: 1em; width: auto; float: left; margin-bottom: 15px; }
.upgraded i { margin-right: 5px; }

button a { color: #fff; display: block; }
button a:hover, button:hover a { color: #005a86; }
button.savesml:hover a { color: #930f1d; }

button.btn:disabled { opacity: 0.5; }
.centreinfo { border: 1px solid #d1d1d1; border-radius: 3px; background-color: #fff; min-height: 104px; padding: 7px 10px; line-height: 22px; font-size: 1.1em; }
.centreinfo strong { color: #005a86; }
#submit { line-height: 40px; height: 40px; text-align: center; font-weight: bold; color: #fff; background-color: #1597d3; border: 1px solid #1597d3; cursor: pointer; }
#submit:hover { color: #1597d3; background-color: transparent; }



.register-comment .table { margin-top: 0; }
.table { margin: 15px 0; width: 100% !important; }
.grid-invoices .table { margin: 0; }
.table-wrapper { clear: both; }
.table th { border-spacing: 0px !important; padding: 10px; }
.table td { border-bottom: 1px solid #fff; padding: 5px 10px; }
.main.section .rightcontent .table td input[type="submit"] { margin-top: 0; }
/*.table td a, .table td span, .main.section .rightcontent .table td input[type="submit"]{ padding:0 10px; background-color:#00aeef; border:1px solid #00aeef; color:#fff; font-weight:bold; border-radius:3px; height:30px; line-height:30px; display:block; float:left; margin-right:5px; cursor:pointer; }
.table td a:hover, .table td span:hover, .main.section .rightcontent .table td input[type="submit"]:hover{ background-color:transparent; color:#00aeef; }*/
.table td div { border: 0 !important; }
.table.markupprice select { width: auto; }
.table.markupprice span { background-color: transparent; display: inline-block; float: none; border: 0; color: #333; width: auto; padding: 0; }
.table.showstrong td strong { display: block; }
.table.showstrong.justlink a { background-color: transparent; border: 0; color: #00aeef; text-align: left; padding: 0; }
.table.showstrong.justlink strong { display: block; margin-top: 10px; }
.table tbody tr:nth-child(odd) { background-color: #fff; }
.table tbody tr:nth-child(even) { background-color: #f8f8f8; }
.table tbody a.btn { color: #fff; padding: 0px 10px; width: auto; }
.table tbody button.btn i { margin-right: 5px; margin-left: 5px; }
.table tbody button.btn a { color: #fff; }
.table tbody button.btn a i { margin-right: 15px; }
.table tbody button.btn.dwl a:hover { color: #005a86; }
.table tbody .lblue.btn.red { background-color: #930f1d; border: 1px solid #930f1d; }
.table tbody .btn.red, .btn.btn-danger { background-color: #930f1d; border: 1px solid #930f1d; }
.table tbody .lblue.btn.clone { background-color: #B93E12; border: 1px solid #B93E12; }
.table tbody .lblue.btn.clone:hover { background-color: #B93E12; }
.table tbody .lblue.btn.red:hover, .btn.btn-danger:hover { background-color: #fff; color: #930f1d; }
.table tbody .btn.red:hover { background-color: #fff; color: #930f1d; }
.table tbody .lblue.btn:hover, .table tbody .lblue.btn:hover a { background-color: transparent; color: #1597d3; }
.table tbody .fa-times { color: #930f1d !important; font-size: 1.4em; }
.table tbody .fa-check { color: #535008 !important; font-size: 1.4em; }
.table tbody .fa-bullseye { color: #fda500 !important; font-size: 1.4em; }
.table tbody .fa-star { color: #d3cb0b; font-size: 1.4em; }
.discount-alerts-icon.bell { }
.discount-alerts-icon { position: relative; }
.discount-alerts-icon i { font-size: 3em; }
.discount-alerts-icon i.fa-bell { font-size: 2.6em; }
.discount-alerts-icon .circle { background-color: #930f1d; border-radius: 100%; width: 20px; height: 20px; position: absolute; top: 0px; right: -5px; text-align: center; color: #fff; line-height: 20px; font-weight: bold; }

.register-heading { background-color: #f0f0f0; color: #06293a; font-weight: bold; padding: 10px 15px; cursor: pointer; margin-bottom: 15px; font-size: 1.2em; }
.register-heading i { float: right; font-size: 1.2em; }
.register-date .table tbody .btn .fa-times { color: #fff !important; }
.register-date .table tbody .btn:hover .fa-times { color: #930f1d !important; }
.register-date .table tbody .btn.lblue.green { background-color: #535008; border: 1px solid #535008; }
.register-date .table tbody .btn.green .fa-check { color: #fff !important; }
.register-date .table tbody .btn.green:hover .fa-check { color: #535008 !important; }
.register-date .table tbody .btn.lblue.green:hover { color: #535008; background-color: transparent; }

.table tbody .btn .fa-star { color: #fff; font-size: 1.1em; }
.table tbody .btn:hover .fa-star { color: #1597d3 !important; }
.table tbody .fleft { float: left; }
.table tbody .meter { width: 60%; background-color: #1597d3; height: 30px; line-height: 30px; text-align: center; color: #fff; font-weight: bold; border-radius: 3px; position: relative; overflow: hidden; }
.table tbody .meter.event { width: 100%; }
.table tbody .shaded { background: repeating-linear-gradient(-55deg,#005a86, #005a86 10px, #004d72 10px, #004d72 20px); height: 30px; border-radius: 3px; }
.table tbody .meter span { position: absolute; width: 100%; text-align: center; left: 0px; top: 0; }

.pagination-sm { list-style: none; padding: 0; margin: 20px 0 0 0; text-align: center; }
.pagination-sm li { list-style: none; display: inline-block; }
.pagination-sm li a { width: 30px; height: 30px; border-radius: 3px; border: 1px solid #ddd; display: block; margin-right: 3px; text-align: center; font-size: 1.3em; color: #005a86; font-weight: bold; line-height: 1; display: flex; align-items: center; justify-content: center; }
.pagination-sm li.active a, .pagination-sm li a:hover { background-color: #e1e1e1; color: #005a86; }

.whitebg { background-color: #fff; border-radius: 5px; padding: 15px 15px 15px 15px; border: 1px solid #d1d1d1; }
.whitebg .editor-label, .modal .editor-label, .modal-content .editor-label { font-weight: 700; line-height: normal; margin-bottom: 8px; }
.toplinks { width: auto; position: relative; z-index: 2; }
.toplinks a { width: auto; text-align: center; margin-left: 10px; font-weight: bold; margin-top: -10px; cursor: pointer; }
.toplinks a i { margin-right: 5px; }
.toplinks a.blue { border: 1px solid #1597d3; background-color: #1597d3; color: #fff; }
.toplinks a.blue:hover { }
.toplinks a.white { border: 1px solid #d1d1d1; border-bottom: 0px; margin-top: -11px; background-color: #fff; height: 52px; color: #005a86; }

.section.dashboard { margin: 0 -9px; }
.section.dashboard a { min-height: 133px; padding: 0 15px; background-color: #fff; border: 1px solid #d1d1d1; text-align: center; display: block; border-radius: 3px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.section.dashboard a:hover { transform: translateY(-5px); }
.section.dashboard a:hover span { color: #1597d3; }

.section.dashboard a span { color: #454545; display: block; margin-top: 15px; font-size: 1.1em; }
.section.dashboard a i { font-size: 3em; margin-top: 35px; }
.section.dashboard .dw-md-2 { padding: 0 9px; margin-bottom: 18px; }

.alerts-list { position: absolute; top: 177%; background-color: #fff; padding: 10px; width: 640px; right: -30px; z-index: 999; -moz-box-shadow: 0px 1px 9px #c1c1c1; -webkit-box-shadow: 0px 1px 9px #c1c1c1; box-shadow: 0px 1px 9px #c1c1c1 }
.alerts-list-item-description i { float: right; color: #636363; font-size: 1.3em; margin-left: 15px; }
.alerts-list-item-description a { color: #454545; }
.alerts-list h3 { padding-top: 5px; }
.alertstatus { padding: 15px; margin-bottom: 1px; }
.alerts-list-item .alertstatus:nth-child(odd) { background-color: #f0f0f0; }
.alerts-list-item .alertstatus:nth-child(even) { background-color: #f6f6f6; }
.alerts-list .triangle { width: 0; height: 0; border-style: solid; border-width: 0 16px 20px 16px; border-color: transparent transparent #ffffff transparent; position: absolute; top: -20px; right: 30px; }

.credit-card label { display: block; padding: 10px; cursor: pointer; }
.cardcont { border: 1px solid #d1d1d1; border-radius: 3px; background-color: #fff; padding: 5px; }
.cardcont .credit-card { margin-bottom: 1px; }
.cardcont .credit-card:nth-child(odd) { background-color: #f0f0f0; }
.cardcont .credit-card:nth-child(even) { background-color: #f6f6f6; }

.modal-open { overflow: hidden; }
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; max-height: calc(100vh - 60px); overflow: auto; max-width: 100vw; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }
.modal-header { padding: 15px; }
.modal-header h3 { color: #005a86; font-size: 2.0em; padding: 0px; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 0 20px 20px 20px; text-align: right; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.greybg { background-color: #f6f6f6; padding: 15px 15px 15px 15px; }
.greybg.quotebtm { padding: 0px 15px 15px 15px; margin-top: -10px; }
.greybg.card { padding: 15px; }
.greybg.quotebtm .btn { background-color: #1597d3; border: 1px solid #1597d3; }
.greybg.quotebtm .btn:hover { background-color: transparent; color: #1597d3; }
.greybg .rtotals { font-size: 1.2em; text-align: right; line-height: 22px; }
.greybg .rtotals .subtotal { color: #005a86; font-size: 1.1em; }
.greybg .greend { color: #24a913; font-weight: bold; }
.greybg .quote-number { font-size: 1.5em; color: #06293a; font-weight: bold; }
.greybg .quote-number div { margin-bottom: 5px; }
.greybg .quote-number i { color: #24a913; font-size: 1.2em; }
.quotetop.finance .dw-sm-8 i { color: #24a913; margin-left: 10px; margin-right: 5px }
.quotetop.finance .dw-sm-8 { font-size: 1.4em; color: #06293a; }
.financebtm { background-color: #f6f6f6; padding: 15px; }
.financebtm .line-module { line-height: 20px; }
.financebtm .desc { font-weight: bold; font-size: 1.2em; display: block; margin-bottom: 10px; }
.financebtm .saving { background-color: #535008; font-weight: bold; font-size: 1.1em; border-radius: 3px; padding: 10px 20px; color: #fff; width: auto; text-align: center; float: right; }
.greybg .line-header h3 { color: #06293a; }
.greybg .line-header .btns { margin: 7px -2px 15px -2px; grid-row-gap: 0.25rem; }
.greybg .line-header .btns .dw-md-3 { padding: 0 2px; }
.greybg .line-header .btns .dw-md-3 button { line-height: 30px; height: 30px; font-size: 0.9em; }
.greybg.quotetop { margin-bottom: 2px; background-color: #f0f0f0; }
#details .greybg { padding: 15px; }
.greybg .editor-label.places { text-align: right; }
.greybg input[type="checkbox"] { }
.greybg input[type="checkbox"].ng-not-empty { background-image: url(img/tick.jpg); background-position: center; background-repeat: no-repeat; }
.greybg.top, .greybg.toponly { margin-top: -15px; }
.modal .bx { border: 1px solid #d2d2d2; border-radius: 4px; padding: 10px; margin-bottom: 20px; }
.modal .bx .row { border-bottom: 1px solid #fff; cursor: pointer; }
.modal .bx .row span.sel { text-align: center; background-color: #e1e1e1; height: 30px; line-height: 30px; color: #333; font-weight: bold; display: inline-block; width: 100px; border-radius: 3px; float: right; margin-left: 15px; }
.modal .bx .row label { display: block; height: 100%; padding: 10px 5px; cursor: pointer; }
.modal .bx .row label input { display: none; }
.modal .bx .row label:hover .sel, .modal .bx .row label .sel.ng-not-empty { background-color: #1597d3; }
.modal .bx .row:nth-child(odd) { background-color: #f0f0f0; }
.modal .bx .row:nth-child(even) { background-color: #f7f7f7; }
.validation-hint { color: #930f1d; margin: 5px 0 15px 0px; font-weight: bold; }
.modal .timepicker tr.text-center { display: none; }
.modal .timepicker table td { padding: 0; }
.clear { clear: both !important; width: 100% !important; display: block; }
.register-buttons-wrapper { float: right; width: 60%; }
.register-buttons-wrapper.course { float: none; width: 100%; }
.register-buttons-wrapper.course button.btn { max-width: 185px; }
.register-buttons-wrapper button.btn { max-width: 125px; font-size: 0.9em; display: inline-block; height: 30px; line-height: 30px; }
.send-button.register-buttons-wrapper button.btn { float: right; margin-left: 10px; }
.register-buttons-wrapper button.btn i { margin-right: 5px; }
.register-buttons-wrapper button.btn:hover { background-color: transparent; }
.btn.close, a.btn.close { background-color: #B93E12; border: 1px solid #B93E12; max-width: 125px; font-size: 0.9em; display: inline-block; height: 30px; line-height: 30px; color: #fff; text-align: center; }

.btn.red, a.btn.red { background-color: #B93E12; border: 1px solid #B93E12; max-width: 125px; font-size: 0.9em; display: inline-block; color: #fff; text-align: center; }
.btn.red.max { max-width: unset; }

.btn.savesml { background-color: #930f1d; border: 1px solid #930f1d; min-width: 125px; width: auto; padding: 0 10px; font-size: 0.9em; display: inline-block; height: 30px; line-height: 30px; }
table button.btn.savesml { min-width: 70px; padding: 0 5px; width: 100%; }
button.btn.dblue { max-width: 125px; font-size: 0.9em; display: inline-block; height: 30px; line-height: 30px; }
a.btn.a-dblue { width: 125px; font-size: 0.9em; display: inline-block; height: 30px; line-height: 30px; display: inline-block; background-color: #005a86; color: #fff; border: 1px solid #005a86; font-weight: bold; text-align: center; }
a.btn.a-dblue:hover { background-color: transparent; color: #005a86; }
button.btn.savesml:hover { color: #930f1d; background-color: transparent; }
button.btn.close:hover,, a.btn.close:hover { color: #B93E12; background-color: transparent; }
button.btn.save:hover { color: #930f1d; background-color: transparent; }
button.btn.final { background-color: #06293a; border: 1px solid #06293a; }
button.btn.final:hover { color: #06293a; }
button.btn.prev { background-color: #1597d3; border: 1px solid #1597d3; }
button.btn.prev:hover { color: #1597d3; }
.btn.blue:hover { background-color: #062939; color: #fff !important; }
.btn.back { border: none !important; color: #062939; background-color: #efefef; height: 40px; display: flex; justify-content: center; align-items: center; }
.btn.back:hover { background-color: #b3b3b3; }


.btn.remove { color: #fff; background-color: #930f1d; border: none; height: 40px; display: flex; justify-content: center; align-items: center; }
.btn.remove:hover { background-color: #B93E12; color: #fff; }

.btn i { margin: 0px 5px; }

.btn.preview { }
.btn.preview:hover { filter: brightness(120%); }

.logout-lnk { font-size: 1.1em; line-height: 1; height: 70px; display: flex; align-items: center; padding-left: 30px; border-top: 1px solid #d1d1d1; font-weight: 700; }
.logout-lnk i { margin-right: 5px; }
.logout-lnk:hover { color: #333; }

.mode-switch { cursor: pointer; width: 60px; height: 28px; border: 1px solid #b7b7b7; background-color: #fff; position: relative; border-radius: 30px; display: flex; justify-content: center; align-items: center; }
.mode-switch .lbl { position: absolute; top: 50%; transform: translateY(-55%); font-weight: 600; }
.mode-switch .cbs-lbl { left: 5px; }
.mode-switch .ato-lbl { right: 5px; }
.mode-switch.cbs .ato-lbl { opacity: 0; }
.mode-switch.ato .cbs-lbl { opacity: 0; }
.mode-switch:before { border: 1px solid #005e8b; content: ""; display: block; transform: translateX(0%); width: 22px; height: 22px; background-color: #1597d3; border-radius: 100%; }
.mode-switch.cbs:before { transform: translateX(68%); }
.mode-switch.ato:before { transform: translateX(-68%); }

button, .btn { cursor: pointer; }

button.btn.small { height: 30px; line-height: 30px; width: auto; min-width: 125px; font-size: 0.9em; }
button.btn.savesml.blue { background-color: #005a86; border: 1px solid #005a86; }
button.btn.savesml.blue:hover { background-color: #fff; color: #005a86 !important; }
button.btn.savesml.blue:hover i { color: #005a86 !important; }

.blue-txt { color: #005a86; }

.wysiwyg-menu .btn { width: auto; width: 30px; text-align: center; margin-right: 5px; padding: 0 !important; }
.wysiwyg-menu .btn i { margin-right: 0; }
.wysiwyg-menu .btn-group, .wysiwyg-menu .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.wysiwyg-btn-group-margin { margin-right: 5px; }

.popover-content ul { padding-left: 18px; }

/* Styles for basic forms
-----------------------------------------------------------*/

.absentee-infusionsoft-link .btn { height: 30px; float: right; line-height: 30px; max-width: 165px; font-size: 1em; margin-top: 5px; }
.absentee-actions { float: right; }
.absentee-wrapper { margin-bottom: 5px; }
.absentee-actions .btn { min-width: 80px; }
.absentee-details { line-height: 30px; }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; width: calc(100vw - 105px); max-width: 500px; padding: 1px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2) }
.popover.top { margin-top: -10px }
.popover.right { margin-left: 10px }
.popover.bottom { margin-top: 10px }
.popover.left { margin-left: -10px }
.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 }
.popover-content { padding: 9px 14px }
.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }
.popover > .arrow { border-width: 11px }
.popover > .arrow:after { border-width: 10px; content: "" }
.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0,0,0,0.25); bottom: -11px }
.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0,0,0,0.25) }
.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff }
.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0,0,0,0.25); top: -11px }
.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0,0,0,0.25) }
.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px }
.checkbx .section { margin: 23px -3px 0 -3px; }
.checkbx.cash .location-legend { margin-bottom: 6px; }
.checkbx .section .dw-md-3 { padding: 0 3px; }
.checkbx .section .dw-md-4 { padding: 0 3px; }
.location-legend label { height: 40px; width: 100%; line-height: 40px; color: #fff; font-weight: bold; text-align: center; cursor: pointer; display: block; }

fieldset { border: 0; margin: 10px 0 20px 0; padding: 0; }
legend { font-size: 1.5em; color: #0097d7; margin-left: -4px; font-weight: 500; }
textarea, .wysiwyg-textarea { border: 1px solid #d1d1d1; border-radius: 3px; padding: 10px 0 0 10px; width: 100%; min-height: 75px; }
.wysiwyg-textarea { margin-top: 10px; }
.editor-field.date input, input[type="text"], input[type="date"], input[type="password"], input[type="time"], select, input.date, input[type="number"], input[type="currency"], input[type="email"], input[type="tel"], input.date { height: 40px; border: 1px solid #d1d1d1; border-radius: 3px; padding: 0 0 0 10px; min-width: 150px; width: 100%; }

table .editor-field.date input, table input[type="text"], tableinput[type="date"], table input[type="password"], table input[type="time"], table select, table input.date, table input[type="number"], input[type="currency"], table input[type="email"], table input[type="tel"], table input.date { min-width: 80px; }

input[type="submit"] { height: 40px; line-height: 40px; background-color: #005a86; border: 1px solid #005a86; font-weight: bold; color: #fff; font-size: 1.2em; border-radius: 3px; width: 100%; cursor: pointer; padding: 0 10px; }
input[type="submit"]:hover { background-color: #fff; color: #005a86; }
.editor-field { margin-bottom: 15px; position: relative; }
.editor-field .dropdown-menu { position: absolute; list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; border: 1px solid #d1d1d1; border-top: 0; z-index: 10; }
.editor-field .dropdown-menu strong { display: inline; text-align: left; }
.editor-field .dropdown-menu li { background-color: #f6f6f6; border-bottom: 1px solid #fff; }
.editor-field .dropdown-menu li:hover { background-color: #f0f0f0; }
.editor-field .dropdown-menu li:hover a { color: #1597d3; }
.editor-field .dropdown-menu a { padding: 8px 10px; display: block; color: #414141; font-weight: bold; }
.editor-field .fa-search { position: absolute; top: 10px; right: 15px; font-size: 1.5em; }
.editor-label { font-weight: bold; font-size: 1.1em; display: flex; justify-content: space-between; align-items: center; }
.editor-label.nofl { display: block; }
.editor-label.light { font-weight: 500; }
.editor-label label span.sml { font-size: 0.9em; }

.editor-label:has(> *.switch) { display: flex; justify-content: space-between; align-items: center; }
.editor-label:has(> *.switch) .switch { cursor: pointer; width: 60px; display: block; position: relative; height: 30px; border-radius: 20px; border: 1px solid #d2d2d2; background-color: #d2d2d2; }
.editor-label:has(> *.switch) .switch:before { box-shadow: 0px 3px 6px #00000029; content: ""; display: block; width: 50%; height: 100%; border-radius: 100%; left: 0px; position: absolute; background-color: #fff; }
.editor-label:has(> *.switch) .switch input { display: none; }
.editor-label:has(> *.switch) .switch:has( > input:checked) { background-color: #4dd162; }
.editor-label:has(> *.switch) .switch:has( > input:checked):before { transform: translateX(100%); }


.finhead div { position: relative; display: block; }
.finhead select { height: 20px; margin-top: 5px; min-width: 10px; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.OK, .ok { padding: 10px; border: 1px solid #339933; color: #fff; background-color: #339933; margin: 10px 0; }
.validation-summary-errors, .KO, .error { padding: 10px; border: 1px solid #993333; color: #993333; background-color: #ffeeee; margin: 10px 0; }
.Generic { padding: 10px; border: 1px solid #333; color: #333; background-color: #ccc; margin: 10px 0; }
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-valid { display: none; }


.field-bord { border: 1px solid #d1d1d1; }

.row-gap-30 { row-gap: 30px; }

html, body { /* overflow-x: hidden; */ }
.togglepage { position: relative; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }


nav { position: relative; }
nav > ul { padding-left: 15px; list-style: none; margin: 0; overflow: auto; padding-top: 15px; height: calc(100vh - 160px); }
nav > ul li a { position: relative; padding: 0 15px; height: 50px; display: flex; justify-content: flex-start; align-items: center; font-weight: 700; color: #454545; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

nav > ul li a:before { width: 5px; height: 100%; background-color: #005a86; content: ""; display: block; position: absolute; top: 0px; right: 0px; transform: translateX(100%); opacity: 0; }
nav > ul li a:hover { color: #005a86; }
nav > ul li a:hover:before { transform: translateX(50%) !important; opacity: 0.8; }
nav > ul li a i { margin-right: 5px; width: 15px; color: #005a86; }
nav > ul > li { overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 10px 0px 0px 10px; }
nav > ul > li > span { cursor: pointer; align-items: center; min-height: 50px; font-weight: 600; padding: 0px 15px; color: #343738; display: flex; justify-content: space-between; align-content: center; }
nav > ul > li > span i { font-size: 1.6em; }
nav > ul > li.open > span { background-color: #005a86; color: #fff !important; }
nav > ul > li > span:hover { color: #005a86; }
nav > ul > li ul { display: none; list-style: none; padding: 0px; }
nav > ul > li.main > div { background-color: #efefef; }
nav > ul > li ul { display: none; list-style: none; padding: 0px; border: 1px solid #efefef; border-radius: 0px 0px 0px 10px; }
nav > ul > li.main > div { background-color: #efefef; }
nav li.sub > div { cursor: pointer; color: #005a86; padding: 0 15px; height: 50px; display: flex; justify-content: space-between; align-items: center; font-weight: 700; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
nav li.sub > div i { font-size: 1.5em; }
nav li.sub ul { background-color: #fff; border: none !important; }

nav.default li:has( *.current-page) span { background-color: #005a86; color: #fff !important; }
nav.default ul:has( *.current-page) { display: block; }

nav ul a.current-page { color: #005a86; }
nav ul a.current-page:before { transform: translateX(0%) !important; opacity: 1; }
{ color: #005a86; }

.topnav .desk-nav-toggle { display: flex; position: absolute; bottom: 29px; left: 100%; background-color: #005a86; color: #fff; font-size: 1.1em; padding: 10px; border-radius: 0px 10px 10px 0px; cursor: pointer; }
.topnav .desk-nav-toggle i { transform: rotate(90deg); text-align: center; display: block; }
.topnav .desk-nav-toggle span { display: block; width: 90px; overflow: hidden; font-size: 0.95em; max-width: 0px; }
.topnav .desk-nav-toggle:hover span { max-width: 90px; }
.topnav .desk-nav-toggle span:before { content: "Hide Menu"; width: 85px; display: block; }

#pickaddr a.submit-button { width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #005a86; border-radius: 3px; display: block; font-size: 1.2em; border: 1px solid #005a86; font-weight: 700; }
#pickaddr a.submit-button:hover { background-color: transparent; color: #005a86; }

.helping tbody tr, .helping td.headcol, td.cd, td.dip, td.p, td.uc, td.rco, td.bd, td.dp, td.lse, td.rct, td.hs, td.lsf, td.lso, td.not, td.sec, td.lsi, td.ie { min-height: 56px; height: 56px; }
.helping .headcol, .cd, .dip, .p, .uc, .rco, .bd, .dp, .lse, .rct, .hs, .lsf, .lso, .not { min-width: 125px; }
.sec { min-width: 150px; min-height: 56px; }
.lsi { min-width: 135px; min-height: 56px; }
.ie { min-width: 170px; min-height: 56px; }

.helping { position: relative; padding-left: 220px; }
.helping .headcol { position: absolute; left: 0px; z-index: 9; }
.helping thead .headcol { background-color: #fff; }
.table tbody tr:nth-child(odd) .headcol { background-color: #f0f0f0; }
.table tbody tr:nth-child(even) .headcol { background-color: #f6f6f6; }
#div_finance_history .table tbody tr .headcol { min-width: 230px !important; }

.div-list { border: 1px solid #d1d1d1; }
.div-list > div:nth-child(even) { background-color: #d1d1d1; }

table thead tr th { text-align: center; }
#exams table thead tr th { text-align: left; }
table thead tr th:first-child { text-align: left; }
table tbody tr td { text-align: center; }
#exams table tbody tr td { text-align: left; }
table tbody tr td:first-child { text-align: left; }

table.flex-table { display: flex; flex-direction: column; height: 100%; position: relative; width: fit-content !important; min-width: 100%; }
table.flex-table thead,
table.flex-table tbody { display: block; border-bottom: 1px solid #d1d1d1; }
table.flex-table thead, table.quote-table thead { margin-right: 0px; position: sticky; top: 0px; background-color: #005a86; color: #fff; z-index: 10; border-radius: 3px 3px 0px 0px; }
table.flex-table tbody { overflow-y: auto; border: 1px solid #d1d1d1; border-top: none; border-radius: 0px 0px 3px 3px; }
table.flex-table tr { width: 100%; display: flex; position: relative; }
#exams .exams-list { overflow-x: auto; padding-bottom: 30px; }

table.flex-table tr td,
table.flex-table tr th { display: flex; flex: 1; justify-content: center; align-items: center; min-width: 100px; flex-wrap: wrap; }

#exams table.flex-table tr td,
#exams table.flex-table tr th { display: table-cell; flex: 1; min-width: 100px; }


table.flex-table tr td.btn-cell,
table.flex-table tr th.btn-cell { min-width: initial; max-width: fit-content; }

@media screen and (min-width: 992px) {
    #exams table.flex-table thead > tr > th:first-of-type { width: 5%; }
    #exams table.flex-table thead > tr > th:nth-of-type(3) { width: 12%; }
    #exams table.flex-table thead > tr > th:nth-of-type(5) { width: 7%; }
    #exams table.flex-table thead > tr > th:nth-of-type(6) { width: 15%; }
    #exams table.flex-table thead > tr > th:nth-of-type(7) { width: 15%; }
    #exams table.flex-table thead { display: table-header-group; }
    #exams table.flex-table tbody { display: table-row-group; }
    #exams table.flex-table .moveup .btn, #exams table.flex-table .movedown .btn { }
    #exams table.flex-table tr { width: 100%; display: table-row; position: relative; }
    #exams table.flex-table { display: table; width: 100%; border-collapse: collapse; table-layout: fixed; }
}

table.stickyfcol thead th:first-child { position: sticky; left: 0; top: 0; z-index: 11; background-color: #005a86; }
table.stickyfcol tbody tr:nth-child(odd) td:first-child { position: sticky; left: 0; z-index: 2; background-color: #fff; }
table.stickyfcol tbody tr:nth-child(even) td:first-child { position: sticky; left: 0; z-index: 2; background-color: #f8f8f8; }

table.flex-widths tr td:nth-child(2),
table.flex-widths tr th:nth-child(2) { flex: 3; }
table.flex-widths tr td:nth-child(4),
table.flex-widths tr th:nth-child(4) { flex: 2; }
table.flex-table tr td:first-child, table.flex-table tr th:first-child { justify-content: flex-start; }
#div_quote_history table.flex-table tr td:first-child, table.flex-table tr th:first-child { justify-content: flex-start; }
table.flex-table .noflex { display: block; }
table.flex-table-aligned thead > tr { overflow-y: scroll; overflow-x: hidden; }

.table.flex-table.scroller tbody { max-height: calc(100vh - 300px); overflow: auto; }

timepicker table, timepicker tbody { display: block; width: 100%; }
timepicker tr { display: flex; align-content: center; justify-content: space-between; width: 100%; }
timepicker td { padding: 0px; max-width: calc(50% - 15px); }
timepicker td input { min-width: 100% !important; max-width: 100%; }
timepicker td.uib-separator { width: 40px; height: 40px; line-height: 34px; text-align: center; }

.block-link { padding: 15px; min-height: 80px; display: flex; justify-content: center; align-items: center; cursor: pointer; text-align: center; margin-bottom: 15px; }
.block-link:hover { transform: translateY(-5px); }
.block-link.grey { background-color: #fafafa; border: 1px solid #d1d1d1; border-radius: 3px; color: #005a86; font-size: 1.2em; }

[type='color'] { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 0; width: 15px; height: 15px; border: none; }
[type='color']::-webkit-color-swatch-wrapper { padding: 0; }
[type='color']::-webkit-color-swatch { border: none; }

.editor-field.colour-field { display: flex; }
.editor-field.colour-field .color-picker { width: 80px; display: flex; }
.editor-field.colour-field .color-picker input { width: 40px; height: 40px; opacity: 0; }
.editor-field.colour-field .color-picker i { border-right: 1px solid #d1d1d1; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #f1f1f1; font-size: 1.2em; }
.editor-field.colour-field input { border: none; }
.editor-field.colour-field { border: 1px solid #d1d1d1; border-radius: 3px; overflow: hidden; }

.editor-field .file-input { cursor: pointer; min-height: 40px; border: 1px dashed #d1d1d1; background-color: #f1f1f1; border-radius: 3px; display: flex; justify-content: center; align-items: center; position: relative; }

.editor-field .file-input:hover { background-color: #cccccc; }
.editor-field .file-input input { cursor: pointer; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; }
.editor-field .file-input span i { color: #1597d3; margin-right: 10px; }
.editor-field .img-output { padding: 15px; border: #d1d1d1 1px solid; background-color: #fff; border-radius: 3px; margin-bottom: 15px; }
.editor-field .img-output img { max-width: 100%; height: auto; }

.lmspreview { display: flex; }
.lmspreview .lmsnav { width: 25%; }
.lmspreview .lmsnav ul { padding: 0px 0px 0px 15px; margin: 0px; list-style: none; }
.lmspreview .lmsnav ul li { border-radius: 5px 0px 0px 5px; padding: 5px 15px; font-size: 0.85em; color: #fff; margin-top: 10px; }
.lmspreview .lmsmain { width: 75%; background-color: #fff; padding: 15px; }
.lmspreview .lmsmain .title { font-size: 0.85em; }
.lmspreview .lmsmain .title .main { font-size: 1.2em; font-weight: 700; }
.lmspreview .lmsmain .inner { padding: 10px; margin-top: 15px; }
.lmspreview .lmsmain .dummy-table { border-radius: 3px; overflow: hidden; background-color: #fff; }
.lmspreview .lmsmain .dummy-table .head { font-size: 0.85em; color: #fff; padding: 5px; }
.lmspreview .lmsmain .dummy-table .body { height: 80px; background-image: linear-gradient(0deg, #ffffff 25%, #ededed 25%, #ededed 50%, #ffffff 50%, #ffffff 75%, #ededed 75%, #ededed 100%); background-size: 80.00px 80.00px; }

.crediframe iframe { width: 100%; border: none; height: calc(100vh - 250px); }

@media screen and (min-width: 1600px) {
    .topnav { background-color: #fff; position: fixed; z-index: 0; left: 0px; top: 0px; height: 100%; font-size: 1.15em; width: 300px; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); }
    .topnav .blue-bg { height: 90px; display: flex; align-items: center; }
    .topnav .toptitle { text-transform: uppercase; padding: 27px 0 15px 20px; color: #005a86; font-size: 1.15em; font-weight: bold; border-bottom: 1px solid #eee; }
    .page-outter { padding-left: 300px; /* overflow: hidden; */ }
    .topnav .fa-bars { display: none !important; }
    nav .mob-title { display: none; }
}

@media screen and (max-width: 1599px) {
    .topnav .desk-nav-toggle { display: none; }
    .topnav.mobnavopen nav { transform: translateX(0%); }
    .topnav .navoverlay { display: none; position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0.5; width: 100%; height: 100vh; z-index: 10; }
    .topnav.mobnavopen .navoverlay { display: block; }
    .topnav .fa-bars { font-size: 2.0em; color: #fff; }
    nav { position: fixed; background-color: #fff; right: 0px; top: 0px; z-index: 10; width: 100%; max-width: 300px; transform: translateX(100%); }
    nav > ul { padding: 0px; background-color: #fff; height: calc(100vh - 125px); }
    nav * { border-radius: 0px !important; }
    nav .mob-title { color: #005a86 !important; font-size: 2.0em; font-weight: 700; padding: 10px 15px; }

    .crediframe iframe { width: 100%; border: none; height: calc(100vh - 315px); }
}

@media screen and (max-width: 2200px) {
    .table-container { overflow: auto; }
    .table-container.wide-table { overflow: auto; max-width: 100%; }
    .table-container.wide-table table.flex-table thead { position: static; }
    .table-container.wide-table table.flex-table tbody { overflow: unset; }
}

@media screen and (min-width: 992px) and (max-width: 1230px) {
}

@media screen and (min-width:992px) {
    .page-outter.desk-hide-nav { padding-left: 0px; }
    .page-outter.desk-hide-nav .topnav { transform: translateX(-100%); }
    .page-outter.desk-hide-nav .topnav .desk-nav-toggle span:before { content: "Show Menu"; }
    .page-outter.desk-hide-nav .topnav .desk-nav-toggle i { transform: rotate(90deg) scaley(-1); }

    .m540 { max-width: 540px; margin: 50px auto 0 auto; }
    .editor-label { line-height: 38px; }
    .editor-field strong { display: block; text-align: center; font-size: 1.1em; }

    .modal-lg.modal-dialog { width: 1200px; max-height: calc(100% - 60px); }
    .modal .bx .row label { line-height: 32px; }
    .justbtn button.btn { margin-top: 23px; }
    .section.dashboard .dw-md-2 { width: 20%; padding: 0 9px; margin-bottom: 18px; }

    .toplinks { display: flex; justify-content: flex-end; transform: translateY(1px); margin-top: -55px; }
}

@media screen and (max-width:991px) {




    .btns .dw-md-3.first .btn { margin-top: 0 !important; }



    .btns .btn { margin-top: 15px; }
    td.different { min-width: 270px !important; }
    td.different select { width: 140px !important; }
    td.different button { }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .toplinks a.white { margin-top: -41px; }
    .toplinks a.blue { margin-top: -39px; }
    .whitebg { margin-top: 10px; }
    .section.dashboard .dw-md-2:nth-child(4n+1) { clear: both; }

    .toplinks { display: flex; justify-content: flex-end; transform: translateY(11px); margin-top: -35px; }
}

@media screen and (min-width: 768px) {



    .modal-dialog { width: 700px; margin: 30px auto; }
    .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-sm { width: 300px; }
    .greybg.btm.user .editor-label { line-height: normal; }
    .greybg.btm .editor-label { }
}

@media screen and (max-width: 767px) {

    .whitebg.under-tabs { margin-top: 0 !important; }
    .whitebg { margin-top: 51px; }
    .whitebg.nomar { margin-top: 11px; }
    .toplinks { width: 100%; float: none; }
    .section.dashboard .dw-md-2 { float: left; width: 50%; }
    .section.dashboard .dw-md-2:nth-child(2n+1) { clear: both; }


    .toplinks { display: flex; justify-content: space-between; transform: translateY(11px); margin-top: -15px; margin-bottom: -41px; }
    .toplinks a { width: 100%; margin-left: 10px; }
    .toplinks a:first-child { margin-left: 0px; }
}

@media screen and (max-width:600px) {
    .table-tabs h3 { font-size: 0.8rem; }
    .navbar .time { display: none; }
}

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



.reg-p { border: 1px solid #1597d3 !important; color: white !important; background: #1597d3 !important; }
.reg-p:hover { color: #1597d3 !important; background: white !important; }


.ref-p { border: 1px solid #d3cb0b !important; color: white !important; background: #d3cb0b !important; }
.ref-p:hover { color: #d3cb0b !important; background: white !important; }


.unr-p { border: 1px solid #930f1d !important; color: white !important; background: #930f1d !important; }
.unr-p:hover { color: #930f1d !important; background: white !important; }

.course-section { width: 100%; display: block; border: 1px solid #d1d1d1; margin-bottom: 15px; border-radius: 4px; }
.course-section .accordion-head { min-height: 40px; cursor: pointer; font-weight: 700; padding: 0px 15px; font-size: 1.3em; display: flex; justify-content: space-between; align-items: center; background-color: #efefef; color: #005a86; }
.course-section .accordion-head i { font-size: 1.1em; }
.accordion-body { height: 0; overflow: hidden; padding: 0px 15px; }
.accordion-body.show { height: auto; overflow: visible; margin-top: 15px; margin-bottom: 15px; }

.auto-w { width: auto; }

.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }

.popup-overlay { position: fixed; content: ""; height: 100%; width: 100%; background-color: #0000009c }

.popup-inner { padding: 15px 30px; background-color: #fff; max-width: 1230px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); z-index: 999; max-height: 96%; overflow-y: auto; }

.popup-inner .close-pop { position: absolute; right: 5px; top: 5px; cursor: pointer; }
.popup-inner .close-pop:hover i { color: #003753; }

.popup-flex { display: flex; grid-gap: 10px; flex-direction: column; }

.exam-card { padding: 15px; background-color: #005b86; border-radius: 3px; }

.exam-card h3 { color: #fff; margin: 0; padding: 0; }

.result-card { padding: 15px; border-radius: 3px; border: 1px solid #005b86; background-color: #fff; }



.dates-grid { display: flex; overflow-y: auto; }

.progress-counter .inner-counter { height: 40px; width: 40px; }
.table td div.progress-counter { margin-right: 20px; border: 1px solid #005a86 !important; }
.progress-counter.inprogress { background-color: #FFD800; }
.progress-counter.no { background-color: #fff; border: 1px solid #e9e9e9; }
.progress-counter.booked, .progress-counter.yes { background-color: #028926; }

.removelocation { position: absolute; right: 15px; line-height: 26px; background-color: #930f1d; color: #fff; padding: 0 10px; border-radius: 50%; height: 30px; font-size: 1.4em; cursor: pointer; }

.top-right-bx { position: absolute; top: 20px; right: 20px; }


.qbmain .whitebg { position: relative; z-index: 1; }
#loading-bounce { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; }
#loading-bounce .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #d4d4d4; opacity: 0.5; }
#loading-bounce .bounce { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); width: 60px; line-height: 30px; }