@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
/* lite */

.close.message{margin-right: 20px;}
.messages { margin: 0 !important; padding: 0 !important; z-index: 9999; position: fixed; top:0; left: 0; right: 0;}
.messages .success { background-color: #79b318; color: #fff; font-size: 1.2em; height: auto; margin: -2px -20px 0; padding: 6px 10px 6px !important; text-align: center; }
.messages .info { background-color: #BEC3C7; color: #fff; font-size: 1.2em; height: auto; margin: -2px -20px 0; padding: 6px 10px 6px !important; text-align: center; }
.messages .error { background-color: #C13B29; color: #fff; font-size: 1.2em; height: auto; margin: -2px -20px 0; padding: 6px 10px 6px !important; text-align: center; }
.usertype_parent .messages .success, .earwiglite .messages .success { height: auto; }
.modal-body .messagebox{ border-left: none; background-color: transparent; color: white;}
p{font-size:16px;}
.messagebox  p{font-size:18px;}
.lite-config-cost-popup-how-to.messagebox {background-color: transparent;}
.checkout-confirm p{font-size:1rem;}
#main-menu, .theme-default #main-menu-bg{left: -20000px; width:0;}

.mme #main-wrapper, #main-wrapper{padding-left: 0;}

.cs-admin-controls h1 {font-size: 2em  !important; color: #2d2d2d; flex:0 0 100%; text-align:center; margin: 0 0 30px; }

.cs-admin-controls {position: relative; width: 100%; border-radius:24px;white-space: normal; display: flex; flex-wrap: wrap; justify-content: space-between; background: rgba(0, 255, 255, 0.15);}
.cs-admin-controls li {  white-space: normal;padding: 0 10px;}
.cs-admin-controls li a { height: auto; margin-bottom: 6px; }


#create-account-1{position: fixed;left: 10px;top: 45%;z-index: 99999;height: 110px;width: 350px;text-decoration: underline;border: 5px solid rgba(17, 107, 35, 0.8);font-size: 18px;}
.bg-info {background-color: transparent !important;}
.bg-info.configure-account {background-color: rgba(255,255,255, 0.8) !important;}

.earwig-lite-register h4{color: #06bbda; font-size:18px; font-weight:bold;}
ul.setup-lite-ordered li div.row {height: auto; display: inline-block;}
ul.setup-lite-ordered li{list-style: none; color: #06bbda; font-size:28px; margin: 0; margin-bottom: 15px;}
ul.setup-lite-ordered li button, ul.setup-lite-ordered li a{ color: #ffffff; font-size:18px; width: 90%; text-transform: capitalize;}
ul.setup-lite-ordered li p{ color: #333333; font-size:18px;}
.theme-default .btn-primary{background: #1c83c6; border-color: #1c83c6;}
.theme-default .btn-primary:hover{}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 0;}
#id_organisation_focus li{display: inline-block; margin-right: 10px;}
.lite-config table td{text-align: left;}

.lite-config .form-default label{padding:14px 5px;}

.lite-config table tr.thin-row td{height: 9px; font-size:6px; line-height: 7px;}
.lite-config table tr.totals-row{border-top: 2px solid #333333; border-bottom: 2px solid #333333; font-size: 17px;}
.lite-config table tr.totals-row td.cell-summary, .lite-config table tr.totals-row td.cell-cost{ font-size: 18px; font-weight: normal;}
.flex-row{ display: flex; align-items: flex-start; justify-content: space-between;}
.col-4 a{width: 100%;}
.lite-config aside.info{font-size:16px; font-weight: normal; text-align: center;}

.lite-config .cell-info {border-left: none; background: none; margin: 1px; padding: 6px; line-height: 18px;}

.lite-config .banner h2, .lite-config .banner p{text-align: center; font-weight:400; color: #fff;}
.lite-config td.banner.cell-assistance-module h2, .lite-config td.banner.total-cost h2{text-align: left; font-weight:600; color: #333; font-size: 18px;}
.lite-config .banner p{text-align: left; padding-left: 5px;}
.lite-config th.cell-evidence-header, .lite-config td.cell-evidence-header{background-color: #0867ad; color: #fff; font-weight: normal;}
.lite-config th.cell-evidence, .lite-config td.cell-evidence, .lite-config div.cell-evidence{background-color: #afd9ff;}
.lite-config.past-purchased td.cell-evidence{background-color: #f3c255;}
.lite-config.past-purchased td.cell-evidence.title-cell{ text-align: center;}
.lite-config td.cell-evidence-header{background-color: #f19505; color: #333;}
.lite-config td.cell-evidence-header{background-color: #f19505; color: #333;}
.lite-config td.cell-border-top{border-top: 2px solid #333333;}
.lite-config td.cell-info.sub-total{font-weight: normal;text-align: right;}
.lite-config td.cell-info.add-voucher{background-color: transparent;}
.lite-config td.extra-info{text-align: right;  font-weight: normal;}
.past-purchased th h3{ text-align: left; font-weight: normal; color: #333; }
h2.charges{text-align: left; font-weight: normal;}
.lite-config div.product-padding{padding: 10px; text-align: left;}
.lite-config div.product-charge{padding: 10px; text-align: right;}
.lite-config th.cell-assessment-module-header, .lite-config td.cell-assessment-module-header{background-color: #116e2b; color: #fff; font-weight: normal;}
.lite-config th.cell-assessment-module, .lite-config td.cell-assessment-module, .lite-config div.cell-assessment-module{background-color: #b5e0c2;}
.lite-config th.cell-assistance-module, .lite-config td.cell-assistance-module, .lite-config div.cell-assistance-module{background-color: #d2b3e0;}
.agent-info{background: #afd9ff; text-align: center; line-height: 34px;}
.lite-config th.cell-additional-module-header, .lite-config td.cell-additional-module-header{background-color: #804c00;color: #fff;font-weight: normal;}
.lite-config th.cell-additional-module, .lite-config td.cell-additional-module, .lite-config div.cell-additional-module{background-color: #ffe5bf;}

.lite-config td.cell-voucher-code{background-color: #f39eb3;}
.btn.btn-action.btn-flat {color: #ffffff;}
.lite-config td.cell-quantity, .lite-config td.cell-cost, .lite-config div.cell-cost{background-color: #dcd9d9;}

.lite-config td.cell-info{ background-color: #ffffff; color: #333333; font-weight: normal; text-align: left; vertical-align: middle;}

.lite-config td.cell-cost{color: #1e1d1d; font-weight: normal; text-align: right;}
.lite-config.past-purchased td.cell-cost{color: #333; font-weight: normal; text-align: center;}

.lite-config td.cell-cost.total{ font-weight: normal; background-color: #d0d0d0;}

.lite-config td.cell-quantity input{margin:0; padding:0; border:none; text-align: center; font-weight: normal;}

.lite-config td.cell-quantity{background-color: #ffffff; color: #1e1d1d; font-weight: normal; border: 2px solid #222; text-align: center; padding:0; margin:0;}

.lite-config td.cell-quantity.checkbox-input, .lite-config td.cell-quantity label{ text-align: center; vertical-align: middle; }

.lite-config .banner, .lite-config td.cell-assessment-module-header.extra-discounts{background-color: #69c269;}
.lite-config td.cell-assessment-module-header.extra-discounts.assistance{background-color: #54036e;}
.lite-config .banner.white{background-color: #fff;}
.lite-config td.cell-assessment-module-header.extra-discounts{color: #222; font-weight:bold; font-size:16px; font-weight: normal;}

.lite-config th.cell-assistance-header{background-color: #54036e; color: #fff; font-weight: normal;}
.lite-config td.cell-setup-activity-header{background-color: #fad42b; color: #111; font-weight: normal;}
.lite-config td.cell-setup-activity-module{background-color: #f5ed9b; color: #111;}
.form-default input[type='checkbox']{display: inline-block;}

.panel-body .info{min-height: 82px;}

.panel-heading{min-height: 62px;}

/* lite configure */
.empty-form { display: none;  }
#main-navbar {display: block !important;}
.price-band { text-shadow: 2px 1px 1px #7d848c;}
.price-band.bronze {color: #c0951d; text-shadow: none;}
.price-band.silver {color: silver; }
.price-band.gold {color: gold;}
p.modal-title{ text-align: left;}
.modal-header {border-bottom: none;background-color: #31b0d5;color: white;font-size: large;font-weight: normal;}
.modal.right .modal-body {padding: 15px 15px 80px;background-color: #a7e2fc; color: #333333;}
.modal-body .messagebox{ border-left: none; background-color: transparent; color: #333333; }
.modal-dialog .close{color: white; border: 1px solid #ffffff; position: absolute; right: 20px; top: 6px;}
.modal-header .btn.btn-flat:hover{background-color: #0d284c !important; border-color: #a7e2fc !important;}
#wrap-id_school_0 li {display: none;}
.add-child input {margin-bottom: 6px;}
.earwig-lite-register {padding: 10px 20px;background: #ffffff;}
.earwig-lite .group-label {font-size: 18px;color: #222;}
.earwig-lite p {font-size: 18px;}

.form-default input[type='checkbox']{margin-top: 4px;}
.form-default label.control-label {text-align: left;line-height: 12px; height: 18px;}
.form-option {color: #222;}
.form-grouped-option {color: #222;}

#wrap-id_school_0 li {
display: none;
}

.add-child input {
margin-bottom: 6px;
}

.earwig-lite-register {
padding: 0;
background: transparent;
}

.earwig-lite .group-label {
}

.earwig-lite p {
font-size: 18px;
}

.funky-form-labels {color: #222;font-size: 26px;}

.lite-wrapper label,
.lite-wrapper .earwig-lite-register .row h4 {text-align: left;line-height: 1.2em;height: auto;font-size: 13px;font-weight: 400;text-transform: uppercase;color: #777;
}

.lite-wrapper .earwig-lite-register .row h4 {font-size: 17px;text-transform: none;font-weight: 300;color: #222;}

.form-option {
color: #222;
}

.form-grouped-option {
color: #222;
}

#main-navbar{
display: none;
}

.page-signin .signin-container {
margin: 0 auto;
width: 100%;}

.container, .parent-wrapper{
max-width: 1000px;
width: 100%;
margin: 0 auto;
text-align: center; 
padding: 2em 0;
}
.container .earwig-lite-configure a{color: #fff;}
.container .form-default, .container p, .container td, .container .checkout label, .container .checkout h4, .container .checkout  h3{color: #333; text-align: left;}
body input.has-voucher{ color: #1ca11c; font-weight: normal;}
body input.no-voucher{ color: red; font-weight: normal;}
.no-border {
  border-width: 2px !important;
}
.table > tbody > tr > td.no-border{border: 2px solid #333;}
.lite-wrapper .earwig-lite-register .row {
padding: 0;
text-align: left;
}

 
#id_organisation_focus li label {
padding: 0
}

.lite-wrapper.theme-default .panel {
padding-bottom: 3em;
}









/* EARWIG BSG SALES PAGES */

.lite-wrapper {
display: block;
height: auto;
}

.n-animate {
-webkit-transition: 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.lite-wrapper .row {
width: 100%;
padding: 4em 1em;
margin: 0 !important;
color: #222;
}

.lite-wrapper h1 {
font-size: 3.5em;
font-weight: 200;
}

.lite-wrapper h2 {
font-size: 2.5em;
font-weight: 300;
}

.lite-wrapper h4 {
font-size: 2em;
padding-top: 0.5em;
}

.lite-header {
background: #ff8000 url(../../images/logo-earwig-w.svg) no-repeat 60px center / 120px ;
width: calc(100% + 40px);
height: 80px;
margin: 5px -20px 0 -20px;
padding: 0 60px;
}

.lite-header a {
height: 80px;
line-height: 80px;
font-size: 1.2em;
color: #fff;
padding: 0 0 0 30px;
background: url(../..icons/icon-arrow-left-w.svg) no-repeat 0 center / 20px ;
float: right;
}

.lite-header a:hover {
padding: 0 0 0 38px;
}


.lite-full-width {
width: calc(100% + 40px);
margin: -20px -20px 0 -20px;
background: transparent;
}

.lite-wrapper .top-section {
display: flex;
background: url(https://cdn.earwig.uk.com/admin-re/images/bkg-educators.jpg) no-repeat center center / cover ;
min-height: 250px;
text-align: center;
align-items: center;
justify-content: center;
position: relative;
}

.lite-wrapper .top-section::after {
content: '';
z-index: 5;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
}

.lite-wrapper .top-section h1 {
background: url(https://cdn.earwig.uk.com/admin-re/images/icon-teacher.png) no-repeat center 0 / 60px ;
padding-top: 65px;
z-index: 10;
color: #fff;
}

.top-copy {
background: #3fc3f3;
}

.top-copy .top-copy-inner {
max-width: 1200px;
width: 100%;
margin: 0 auto;
text-align: center;
color: #fff;
padding: 2em;
font-size: 1.2em;
}

.lite-wrapper .flex-row {
max-width: 1175px;
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}

.lite-wrapper .flex-block {
flex:0 0 50%;
padding: 0 2%;
}


.row-color {
background: #3fc3f3;
color: #fff !important;

}

.lite-footer {
background: #3fc3f3;
}

.lite-footer .lite-footer-inner {
max-width: 1200px;
width: 100%;
margin: 0 auto;
text-align: center;
color: #fff;
padding: 2em 2em 7em;

}

.lite-wrapper .btn-large {
max-width: 400px;
height: auto;
line-height: 1.2em;
border-radius: 6px;
margin: 1.5em auto;
padding: 19px 50px 17px;
border: none;
background: #ff8000;
cursor: pointer;
color: #fff !important;
font-size: 1.6em;
display: block;
font-weight: 500;
text-transform: uppercase;
opacity: 1;
}

.lite-wrapper .btn-large:hover {
opacity: 0.8 !important;
}

.lite-wrapper .btn-white {
background: #fff;
color: #3fc3f3 !important;
}

.lite-wrapper .btn-blue {
background: #3fc3f3;
color: #fff !important;
}


.lite-wrapper .row-inner {
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding: 2em;
}


/******  responsive points  *******/


@media (max-width: 768px) {

p {font-size:19px;}

.lite-wrapper h1 {
font-size: 2.8em;
}

.lite-wrapper h2 {
font-size: 2.1em;
}

.lite-wrapper h4 {
font-size: 1.7em;
padding-top: 0.2em;
}
}


@media (max-width: 540px) {

.lite-wrapper h1 {
font-size: 2.1em;
}

.lite-wrapper h2 {
font-size: 1.8em;
}

.lite-wrapper h4 {
padding-top: 0em;
}

.top-copy .top-copy-inner {
padding: 2em 1em;
}

.lite-wrapper .row-inner {
padding: 1em;
}

.lite-wrapper .flex-block {
flex:0 0 100%;
padding: 0;
}

.invert-row-mob .flex-block {
order: 1;
padding: 0 1em;
}

.invert-row-mob .flex-block.vid-block {
order: 2;
}

.lite-wrapper .row {
padding: 2em 1em;
}

.flex-block.vid-block {
padding-top: 2em;
}

.lite-header {
background: #ff8000 url(https://cdn.earwig.uk.com/admin-re/images/logo-big.png) no-repeat 30px center / 90px ;
height: 60px;
padding: 0 30px;
}

.lite-header a {
height: 60px;
line-height: 60px;
font-size: 1.1em;
}

.lite-wrapper .btn-white{
font-size: 1.2em;
padding: 17px 20px;
}

.lite-footer .lite-footer-inner {
padding: 1em 1em 4em;
}

.lite-wrapper.theme-default .panel {
padding: 0 0 2em;
border: none;
}

.lite-wrapper .earwig-lite-register .row h4 {
margin-top: 0em;
}
}

/*========= Breakpoints ==========*/
/*** Small - SM ***/
/*** Medium - MD ***/
/*** Large - LG ***/
/*** Extra large - XLG ***/
/*========= Color Variables ==========*/
/* Color Palette used for All Components page */
@import "https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap";
.color-prim-one {
background-color: #494c4e;
color: #FFFFFF;
}

.color-prim-two {
background-color: #017D79;
color: #000000;
}

/*
.color-prim-three {
background-color: $primary-two;
color: $black;
}
*/
.color-sec-one {
background-color: #017D79;
color: #000000;
}

.color-sec-two {
background-color: #00AFAA;
color: #000000;
}

.color-sec-three {
background-color: #E87511;
color: #FFFFFF;
}

.color-sec-four {
background-color: #46A660;
color: #000000;
}

.color-sec-five {
background-color: #006FBF;
color: #000000;
}

.color-sec-six {
background-color: #004489;
color: #FFFFFF;
}

/*
.color-sec-seven {
background-color: $secondary-seven;
color: $white;
}
*/
.color-tint-one {
background-color: #F2F8FC;
color: #000000;
}

.color-tint-two {
background-color: #99C5E5;
color: #000000;
}

.color-tint-three {
background-color: #ECF6EE;
color: #000000;
}

.color-tint-four {
background-color: #65B57B;
color: #000000;
}

.color-tint-five {
background-color: #DBF5FA;
color: #000000;
}

.color-tint-six {
background-color: #BDEDF5;
color: #000000;
}

.color-white {
background-color: #FFFFFF;
color: #000000;
}

.color-black {
background-color: #000000;
color: #FFFFFF;
}

.color-grey-one {
background-color: #494c4e;
color: #FFFFFF;
}

.color-grey-two {
background-color: #6E7376;
color: #000000;
}

.color-grey-three {
background-color: #CDD5DC;
color: #000000;
}

.color-grey-four {
background-color: #F7F7F7;
color: #000000;
}

.color-grey-five {
background-color: #D3D9E3;
color: #000000;
}

.color-grey-six {
background-color: #B9C2D0;
color: #000000;
}

.color-grey-seven {
background-color: #7C8695;
color: #000000;
}

.color-grey-eight {
background-color: #72777A;
color: #000000;
}

.color-grey-nine {
background-color: #565A5C;
color: #FFFFFF;
}

.color-gradient-one {
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9FAFB));
background: linear-gradient(#FFFFFF, #F9FAFB);
}

.color-gradient-two {
background: -webkit-gradient(linear, left top, left bottom, from(#F9FAFB), to(#F2F3F5));
background: linear-gradient(#F9FAFB, #F2F3F5);
}

.color-gradient-three {
background: -webkit-gradient(linear, left top, left bottom, from(#F9FAFB), to(#E6EAF0));
background: linear-gradient(#F9FAFB, #E6EAF0);
}

.color-gradient-four {
background: -webkit-gradient(linear, left top, left bottom, from(#B9C2D0), to(#72777A));
background: linear-gradient(#B9C2D0, #72777A);
}

/*========= Fonts ==========*/
/* Font family for course */
/* font sizing converted to rem; - worked off of https://snook.ca/archives/html_and_css/font-size-with-rem; */
/*========= Bootstrap Resets ==========*/
.card-header {
background-color: #F9FAFB;
}

.bg-light {
background-color: #F7F7F7 !important;
}

/*========= Default CSS Values ==========*/
/* Setting default colour font family and size/scale */
html,
body {
color: #494c4e;
font-family: "Lato", sans-serif;
font-size: 100%;
}

/* Setting max width of container-fluid */
.container-fluid {
margin: 0 auto;
max-width: 1200px;
}

/* Code snippets - allows text to wrap and avoids horizontal scroll bar */
pre,
pre.card {
margin-top: 1.125rem;
word-break: break-all;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

pre code,
pre.card code {
white-space: pre-wrap;
padding: 1.125rem;
}

/* Set images to resize by default */
img {
max-width: 100%;
height: auto;
}

/* Hides the source backgroung image for elements using the backgroundimage.js script */
.bg-img-wrapper {
background-size: cover;
}

.bg-img-wrapper img:first-child {
display: none;
}

/*========= Blockquotes ==========*/
/* Regular Blockquote */
blockquote {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
font-size: 1.25rem;
font-weight: normal;
font-style: italic;
}

blockquote footer {
font-size: 1.1875rem;
font-style: normal;
font-weight: normal;
}

/*========= Headings ==========*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
text-align: center;
}


/*========= Links ==========*/
 

a.new-window::after, a.download::after {
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: normal;
margin-left: 0.35rem;
}

a.new-window::after {
content: "\f35d";
}

a.download::after {
content: "\f019";
}

/*========= Lists ==========*/
 

/* Box Number List */
ol.box-number {
counter-reset: li;
padding-left: 3rem;
}

ol.box-number li {
list-style: none;
padding-bottom: 0.75rem;
position: relative;
}

ol.box-number li:before {
background-color: #017D79;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #FFFFFF;
content: counter(li);
counter-increment: li;
font-size: 1rem;
font-weight: normal;
left: -3rem;
margin: 4px 8px 0 0;
padding: 4px;
position: absolute;
text-align: center;
top: -8px;
width: 2rem;
}

ol.box-number ol {
counter-reset: list;
padding-top: 1rem;
margin-left: 1.875rem;
}

ol.box-number ol li:before {
content: counter(list, lower-alpha);
counter-increment: list;
}

ol.box-number ul {
margin-left: 1.875rem;
padding-top: 1rem;
}

ol.box-number ul li:before {
background-color: transparent;
color: #000000;
content: "\2022";
counter-increment: list;
font-size: 1.5rem;
left: -3rem;
margin-top: 0;
}

/* Icon List */
ul.list-icon {
list-style-type: none;
}

ul.list-icon li {
padding-bottom: 0.75rem;
position: relative;
}

ul.list-icon span:before {
font-size: 2rem;
margin-left: -3rem;
position: absolute;
top: -6px;
}

ul.list-icon .fa-check {
color: #46A660;
}

ul.list-icon .fa-times {
color: #E87511;
}

/* Box Alpha List */
ol.box-alpha {
counter-reset: letter;
padding-left: 3rem;
}

ol.box-alpha li {
list-style: none;
padding-bottom: 0.75rem;
position: relative;
}

ol.box-alpha li:before {
background-color: #000000;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #FFFFFF;
content: counter(letter, lower-alpha);
counter-increment: letter;
font-size: 1rem;
font-weight: normal;
left: -3rem;
margin: 4px 8px 0 0;
padding: 4px;
position: absolute;
text-align: center;
top: -8px;
width: 2rem;
}

ol.box-alpha ol {
counter-reset: list;
padding-top: 1rem;
margin-left: 1.875rem;
}

ol.box-alpha ol li:before {
content: counter(list, lower-roman);
counter-increment: list;
}

ol.box-alpha ul {
padding-top: 1rem;
margin-left: 1.875rem;
}

ol.box-alpha ul li:before {
background-color: transparent;
color: #000000;
content: "\2022";
counter-increment: list;
font-size: 1.5rem;
left: -3rem;
margin-top: 0;
}

/* Large Number List - for Learning Objectives */
ol.large-number {
margin-left: 0;
padding-top: 10px;
padding-left: 3.75rem;
counter-reset: item;
}

ol.large-number li {
list-style: none;
margin-bottom: 1.25rem;
position: relative;
}

ol.large-number li:before {
content: counter(item) ". ";
counter-increment: item;
color: #017D79;
left: -3.75rem;
margin: 8px 8px 0 0;
position: absolute;
top: -0.9375rem;
font-size: 3.125rem;
line-height: 3rem;
font-weight: normal;
margin-right: 0.9375rem;
}

ol.large-number ol, ol.large-number ul {
counter-reset: list;
padding-top: 1rem;
margin-left: 1.875rem;
}

ol.large-number ol li:before, ol.large-number ul li:before {
color: #000000;
counter-increment: list;
left: -40px;
top: -3px;
font-size: 1.5rem;
line-height: 1rem;
font-weight: 400;
}

ol.large-number ol li:before {
content: counter(list, lower-roman) ". ";
}

ol.large-number ul li:before {
content: "\2022";
}

/* Lower alpha list*/
ol.lower-alpha {
list-style-type: lower-alpha;
}

/* Colors for list markers */
/* Colors for background of element --used for box-number, box-list*/
ol.bg-colour-one li:before,
ul.bg-colour-one li:before {
background-color: #017D79;
}

ol.bg-colour-one span:before,
ul.bg-colour-one span:before {
background-color: #017D79;
}

/* Colors for text of element --used for dics ul, fa icons */
ol.text-colour-one li:before,
ul.text-colour-one li:before {
color: #017D79;
}

ol.text-colour-one span:before,
ul.text-colour-one span:before {
color: #017D79;
}

/* unstyled list */
.list-unstyled {
margin-left: 0;
}

.list-unstyled li {
padding-bottom: 0;
}

/*========= Text Elements ==========*/
/* Styling for text elements, for example <p>, <span>, <em> and <strong>. */
p {
/* Add any custom formatting to the P tag here. */
/* Mobile Sizing - up to $screen-md*/
font-size: 1rem;
line-height: 1.5rem;
/* Tablet and up Sizing - from $screen-md*/
}

@media screen and (min-width: 768px) {
p {
font-size: 17px;
line-height: 1.75rem;
}
}

.lead {
/* Part of Bootstrap 4. Lead text can be used to begin a topic and would draw learner attention to a critical point, or could be an attention catching fact.*/
font-size: 1.3125rem;
line-height: 2rem;
}

@media (min-width: 768px) {
.lead {
/* Part of Bootstrap 4. Lead text can be used to begin a topic and would draw learner attention to a critical point, or could be an attention catching fact.*/
font-size: 1.1875rem;
line-height: 1.5rem;
}
}

hr {
border-top: 1px solid #B5BDC2;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}

/*========= Banners ==========*/
.overlay-content {
-ms-flex-line-pack: center;
align-content: center;
text-align: center;
overflow: hidden;
}

.overlay-content h1,
.overlay-content h2,
.overlay-content h3,
.overlay-content h4,
.overlay-content h5,
.overlay-content h6 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 0.9375rem;
}

.overlay-content p {
text-align: center;
}

.overlay-content .card-body {
background-color: transparent;
border: 0;
}

.overlay-content.bg-darkness,
.overlay-content .bg-darkness {
background-color: rgba(86, 90, 92, 0.9);
}

.overlay-content.bg-darkness h1,
.overlay-content.bg-darkness h2,
.overlay-content.bg-darkness h3,
.overlay-content.bg-darkness h4,
.overlay-content.bg-darkness h5,
.overlay-content.bg-darkness h6, .overlay-content.bg-darkness p,
.overlay-content .bg-darkness h1,
.overlay-content .bg-darkness h2,
.overlay-content .bg-darkness h3,
.overlay-content .bg-darkness h4,
.overlay-content .bg-darkness h5,
.overlay-content .bg-darkness h6,
.overlay-content .bg-darkness p {
color: #FFFFFF;
}

.overlay-content.bg-light,
.overlay-content .bg-light {
background-color: #FFFFFF !important;
}

.overlay-content.bg-light h1,
.overlay-content.bg-light h2,
.overlay-content.bg-light h3,
.overlay-content.bg-light h4,
.overlay-content.bg-light h5,
.overlay-content.bg-light h6, .overlay-content.bg-light p,
.overlay-content .bg-light h1,
.overlay-content .bg-light h2,
.overlay-content .bg-light h3,
.overlay-content .bg-light h4,
.overlay-content .bg-light h5,
.overlay-content .bg-light h6,
.overlay-content .bg-light p {
color: #494c4e;
text-align: center;
}

.intersect-wrapper {
overflow: hidden;
}

.intersect-wrapper .intersect-content {
background: #FFFFFF;
margin: 15% auto auto;
padding: 1.875rem 0 0.9375rem;
overflow: hidden;
}

.fullscreen-splash .overlay-content {
background-color: #FFFFFF;
}

.fullscreen-splash .overlay-content p {
text-align: left;
}

@media screen and (min-width: 768px) {
.fullscreen-splash {
padding-top: 5.313rem;
padding-bottom: 12.81rem;
}
}

.fullscreen-splash.bg-img-wrapper {
background-repeat: no-repeat;
}

.banner-img img {
width: 100%;
}

/*========= Callouts ==========*/
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
margin-top: 0.75rem;
}

.card-standard {
border: 3px solid #017D79;
margin: 1.875rem 0 1.875rem 0;
}

.card-standard .card-body {
padding: 1.875rem;
}

.card-standard .card-body h2,
.card-standard .card-body h3,
.card-standard .card-body h4,
.card-standard .card-body h5,
.card-standard .card-body h6,
.card-standard .card-body .callout-header {
color: #1E2D34;
margin-bottom: 0.75rem;
font-size: 1.5rem;
font-weight: normal;
text-align: left;
}

.card-standard .card-body p {
color: #212529;
font-size: 1.1875rem;
}

.card-graphic {
border: 3px solid #017D79;
margin: 1.875rem 0 1.875rem 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-align: stretch;
-webkit-box-align: stretch;
align-items: stretch;
display: flex;
}

.card-graphic .card-body {
padding: 1.875rem;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-align: stretch;
-webkit-box-align: stretch;
align-items: stretch;
display: flex;
}

.card-graphic .card-body h2,
.card-graphic .card-body h3,
.card-graphic .card-body h4,
.card-graphic .card-body h5,
.card-graphic .card-body h6,
.card-graphic .card-body .card-header {
color: #1E2D34;
margin-bottom: 0.75rem;
font-size: 1.5rem;
font-weight: normal;
text-align: left;
}

.card-graphic .card-body p {
color: #1E2D34;
font-size: 1.1875rem;
}

.card-graphic .card-body .card-icon {
margin-right: 1.25rem;
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
padding: 0.625rem;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.card-graphic .card-body .card-icon img {
margin-right: 0.625rem;
width: 5.313rem;
height: 5.313rem;
min-width: 5.313rem;
}

.card-graphic .card-body .card-icon .fa,
.card-graphic .card-body .card-icon .fas {
font-size: 3.125rem;
min-width: 5.313rem;
text-align: center;
color: #017D79;
}

.card-graphic .card-body .card-text p {
overflow-wrap: break-word;
word-wrap: break-word;
}

@media screen and (max-width: 768px) {
.card-graphic .card-body .card-icon {
display: none;
}
}

/*custom class for the border*/
.box-border {
border: 1px solid #CDD5DC;
padding: 1.875rem 6.25rem;
}

/*========= Figures ==========*/
figure {
border: 1px solid #000000;
margin: 0 auto 10px;
display: inline-block;
}

figure.figure-alt {
border: 6px solid #D8D8D8;
}

figure figcaption {
font-style: normal;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}

figure img {
display: inline-block;
max-width: 100%;
height: auto;
border: 0;
}

figure.float-left {
margin-right: 1.25rem;
}

figure.float-right {
margin-left: 1.25rem;
}

.img-200 {
max-width: 200px;
}

.img-300 {
max-width: 250px;
}

.img-400 {
max-width: 400px;
}

.img-500 {
max-width: 500px;
}

.img-600 {
max-width: 100%;
}

@media screen and (min-width: 554px) {
figure {
margin-bottom: 0;
}
.img-200 {
max-width: 20%;
}
.img-300 {
max-width: 30%;
}
.img-400 {
max-width: 50%;
}
.img-500 {
max-width: 60%;
}
.img-600 {
max-width: 66%;
}
}

@media screen and (min-width: 768px) {
.img-300 {
max-width: 300px;
}
.img-400 {
max-width: 400px;
}
.img-500 {
max-width: 500px;
}
.img-600 {
max-width: 550px;
}
}

@media screen and (min-width: 992px) {
.img-600 {
max-width: 600px;
}
}

/*========= Footers ==========*/
footer {
border-top: 2px solid #E5E5E5;
padding: 30px 0;
margin-top: 3.125rem;
text-align: right;
}

footer img {
max-height: 125px;
}

/*========= Icons ==========*/
/*========= Images ==========*/
/*========= Jumbotrons ==========*/
.jumbotron {
padding: 1.875rem;
color: #FFFFFF;
margin: 1.875rem 0;
background-color: #017D79;
}

.jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5 {
color: #FFFFFF;
text-align: left;
margin-top: 0;
}

/*========= Panels ==========*/
/* Two Column Panels */
.two-col-panels .row > .card:first-child {
margin-right: 0.9375rem;
background-color: #F7F7F7;
padding: 30px;
}

.two-col-panels .row > .card:last-child {
margin-left: 0.9375rem;
background-color: #F7F7F7;
padding: 30px;
}

.two-col-panels .card .card-body {
padding: 1.875rem;
}

.two-col-panels .card .card-body h2,
.two-col-panels .card .card-body h3,
.two-col-panels .card .card-body h4,
.two-col-panels .card .card-body h5,
.two-col-panels .card .card-body h6,
.two-col-panels .card .card-body .card-header {
padding-top: 0;
margin-bottom: 0;
}

/* Stacked Panels */
.stacked-panels .card .card-body h2,
.stacked-panels .card .card-body h3,
.stacked-panels .card .card-body h4,
.stacked-panels .card .card-body h5,
.stacked-panels .card .card-body h6,
.stacked-panels .card .card-body .card-header {
margin-top: 0;
padding-top: 0;
}

.stacked-panels .card:first-child {
margin-bottom: 0.9375rem;
background-color: #F7F7F7;
padding: 30px;
}

.stacked-panels .card:last-child {
margin-top: 0.9375rem;
background-color: #F7F7F7;
padding: 30px;
}

/*========= Tables ==========*/
.table-responsive,
.table {
overflow-y: hidden;
padding: 1.25rem;
}

.table-responsive caption,
.table caption {
vertical-align: middle;
min-height: 1.25rem;
text-align: center;
font-weight: normal;
}

.table-responsive th, .table th {
font-size: 1.1rem;
background-color: #F7F7F7;
font-weight: normal;
}

.table-responsive tr, .table-responsive td,
.table tr,
.table td {
padding: 1.25rem;
}

/** Videos **/
.embed-responsive {
margin-bottom: 0.9375rem;
}

.video-wrapper {
margin: 3rem auto;
border: 1px solid #B9C2D0;
background-color: #FFFFFF;
padding: 30px;
}

.video-wrapper iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

.video-wrapper .video-text {
color: #000000;
margin-left: 10px;
}

video {
width: 100%;
height: auto;
}

/*========= Accordions ==========*/
/* Accordion: Standard */
.accordion:first-child {
margin-top: 5px;
}

.accordion .h1, .accordion .h2, .accordion .h3, .accordion .h4, .accordion .h5, .accordion .h6, .accordion h1, .accordion h2, .accordion h3, .accordion h4, .accordion h5, .accordion h6 {
font-size: 1.525rem;
}
.accordion .h3{font-size: 1.5rem;}
td.cell-evidence{ vertical-align: middle;}
.accordion .card {
border: none;
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
}

.accordion .card .card-title {
margin-bottom: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}

.accordion .card .card-title button {
color: #494c4e;
font-weight: normal;
font-size: 1.25rem;
padding: 1.25rem;
border: 1px solid #CDD5DC;
border-radius: 0;
background-color: #FFFFFF;
padding-left: 70px;
}

.accordion .card .card-title button:hover, .accordion .card .card-title button:focus {
color: #006FBF;
}

.accordion .card .card-title button::after {
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: normal;
position: absolute;
top: 1.5rem;
left: 2rem;
}

.accordion .card .card-title button[aria-expanded="true"]:after {
content: "\f107";
color: #B9C2D0;
}

.accordion .card .card-title button[aria-expanded="false"]:after {
content: "\f105";
color: #B9C2D0;
}

.accordion .card .card-header {
padding: 0;
}

.accordion .card .card-header button { 
background-color: #FFFFFF;
width: 100%;
text-align: left;
}

.accordion .card-body { 
background-color: #e3e3e3;
border-radius: 30px;
margin-bottom: 30px;
}

/*========= Buttons ==========*/
button {
/* Default Button and Primary Button - this can be split up if necessary */
/* Secondary Button */
}

button .btn, button.btn-primary {
background-color: #006FBF;
border-color: #006FBF;
color: #FFFFFF;
margin: 10px;
padding: 10px 30px;
}

button .btn:hover, button.btn-primary:hover {
background-color: #004489;
color: #FFFFFF;
border: 0 solid transparent;
}

button .btn:focus, button.btn-primary:focus {
background-color: #004489;
border-color: #004489;
color: #FFFFFF;
}

button .btn:active, button .btn:active:hover, button .btn:active:focus, button.btn-primary:active, button.btn-primary:active:hover, button.btn-primary:active:focus {
background-color: #004489;
border-color: #004489;
color: #FFFFFF;
}

button .btn:disabled, button .btn[aria-expanded="true"], button.btn-primary:disabled, button.btn-primary[aria-expanded="true"] {
background-color: #006FBF, 0.5;
border-color: #006FBF, 0.5;
color: #FFFFFF;
}

button .btn:disabled:hover, button .btn[aria-expanded="true"]:hover, button.btn-primary:disabled:hover, button.btn-primary[aria-expanded="true"]:hover {
background-color: rgba(0, 111, 191, 0.5);
border-color: rgba(0, 111, 191, 0.5);
color: #FFFFFF;
}

button.btn-secondary, button.copy-btn {
background-color: #E3E9F1;
border-color: #E3E9F1;
color: #000000;
margin: 10px;
padding: 10px 30px;
}

button.btn-secondary:hover, button.copy-btn:hover {
background-color: #CDD5DC;
color: #000000;
border: 0 solid transparent;
}

button.btn-secondary:focus, button.copy-btn:focus {
background-color: #CDD5DC;
border-color: #004489;
color: #000000;
}

button.btn-secondary:active, button.btn-secondary:active:hover, button.btn-secondary:active:focus, button.copy-btn:active, button.copy-btn:active:hover, button.copy-btn:active:focus {
background-color: #CDD5DC;
border-color: #CDD5DC;
color: #000000;
}

button.btn-secondary:disabled, button.btn-secondary[aria-expanded="true"], button.copy-btn:disabled, button.copy-btn[aria-expanded="true"] {
color: #CDD5DC;
background-color: rgba(227, 233, 241, 0.5);
border-color: rgba(227, 233, 241, 0.5);
color: #000000;
}

button.btn-secondary:disabled:hover, button.btn-secondary[aria-expanded="true"]:hover, button.copy-btn:disabled:hover, button.copy-btn[aria-expanded="true"]:hover {
background-color: rgba(227, 233, 241, 0.5);
border-color: rgba(227, 233, 241, 0.5);
color: #000000;
}

/*========= Quick Assessments ==========*/
/*========= Tabs ==========*/
.tab-pane {
padding-top: 15px;
padding-bottom: 15px;
}

.list-group-item {
font-size: 1.25rem;
font-weight: normal;
border-left: none;
padding: 1.25rem;
border-color: #CDD5DC;
background: #F7F7F7;
}

@media screen and (max-width: 768px) {
.list-group-item {
margin-bottom: 0;
border-right: none;
}
.list-group-item:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
}

.list-group-item:hover, .list-group-item:focus {
background-color: #FFFFFF;
border-bottom: 1px solid #CDD5DC;
}

.list-group-item.active {
background-color: #006FBF;
border-color: #006FBF;
}

/*** Vertical Tabs

.tabs-vertical {
border: 2px solid $grey-three;
border-radius: 5px;

.tab-content {
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;

.tab-pane {

h2,
h3,
h4,
h5,
h6,
.card-header {
&:first-child {
color: $primary-one;
font-size: $f24;
padding-top: 0;
margin-bottom: 0;
}

}

padding-top: 15px;
padding-bottom: 15px;
}
}

.list-group {
border-right: 1px solid $grey-three;
height: 100%;
margin-bottom: -1px;
}

.list-group-item {
border-right: none;
}

.list-group-item:first-child {
border-top: none;
border-top-right-radius: 0;
}

.list-group-item:last-child {
border-bottom-right-radius: 0;
}
}
***/
/*** Horizontal Tabs ***/
.tabs-horizontal {
border: 1px solid #CDD5DC;
border-radius: 5px;
}

.tabs-horizontal .list-group-item {
border-top: none;
}

.tabs-horizontal .tab-pane {
padding: 30px 30px 60px;
}

@media screen and (min-width: 768px) {
.list-group.flex-md-row .list-group-item:first-child {
border-top-right-radius: 0;
border-bottom-left-radius: 0;
}
.list-group.flex-md-row .list-group-item:last-child {
border-top-right-radius: .25rem;
border-right: none;
border-bottom-left-radius: 0rem;
border-bottom-right-radius: 0rem;
margin-bottom: -1px;
}
}

/* Graphic Tabs */
.graphic-tabs {
border: 2px solid #B3B2B3;
padding: 20px;
border-right: 1px solid #E0E0E0;
}

.graphic-tabs h4,
.graphic-tabs h3 {
margin: 15px 0;
}

.graphic-tabs .graphic-tab.list-group-item {
border: none !important;
}

.graphic-tabs .graphic-tab.active {
background-color: #F2F4F6;
border-color: #B3B2B3;
color: #006FBF;
text-decoration: underline;
text-align: center;
}

.graphic-tabs .graphic-tab.active h4,
.graphic-tabs .graphic-tab.active h3 {
color: #006FBF;
text-decoration: underline;
margin: 15px 0;
text-align: center;
}

.graphic-tabs .content-graphic-tabs {
background-color: #F2F4F6;
padding: 20px 30px;
}

.graphic-tabs .content-graphic-tabs hr {
margin: 0;
}

@media (max-width: 768px) {
.hidden-sm {
display: none !important;
}
}

/*========= Columns ==========*/
/*========= Grid ==========*/
/*========= Margin ==========*/
/*========= Padding ==========*/
/*========= Width ==========*/
/*========= HTML Editor Mode ==========*/
/* switched .mce-content-body to *[contenteditable="true"] {} so we are 'editor agnostic' */
*[contenteditable="true"] {
/* Displays the hidden background image so it can be swapper out in the editor */
/* Expands Accordions so content can be accessed in the editor */
/* Expand Tabs */
}

*[contenteditable="true"] .bg-img-wrapper img:first-child {
display: block;
max-width: 100%;
}

*[contenteditable="true"] .bg-img-wrapper {
background-size: cover;
}

*[contenteditable="true"] .accordion .collapse:not(.show) {
display: block;
}

*[contenteditable="true"] .accordion .h1,
*[contenteditable="true"] .accordion .h2,
*[contenteditable="true"] .accordion .h3,
*[contenteditable="true"] .accordion .h4,
*[contenteditable="true"] .accordion .h5,
*[contenteditable="true"] .accordion .h6,
*[contenteditable="true"] .accordion h1,
*[contenteditable="true"] .accordion h2,
*[contenteditable="true"] .accordion h3,
*[contenteditable="true"] .accordion h4,
*[contenteditable="true"] .accordion h5,
*[contenteditable="true"] .accordion h6 {
text-align: left;
color: #494c4e;
font-weight: normal;
font-size: 1.25rem;
padding: 1.25rem;
border: 1px solid #CDD5DC;
border-radius: 0;
background-color: #FFFFFF;
}

*[contenteditable="true"] .tab-content > .tab-pane {
opacity: 1;
display: block;
border: 2px solid #CDD5DC;
padding: 15px;
}

*[contenteditable="true"] .fade:not(.show) {
opacity: 1;
}
.lite-config button.banner, button.banner{background: #F8A185;
  color: #fff;
  font-size: 1.3em;
  font-weight: normal;
  padding: 15px 5px 9px;
  border-top: #fff 3px solid;
  border: none;
  margin-bottom: 10px;
  border-radius: 30px;
}

button.banner .fa {
  width: 26px;
  height: 26px;
  text-indent: -9999em;
  background: url('../../icons/chevron-down-w.svg') no-repeat center / contain;
  right: 10px;
  position: relative;
  bottom: 3px;
}

button.banner .fa.fa-arrow-up {
  background-image: url('../../icons/chevron-up-w.svg') ;
}

body .card {
  border: none;
  background-color: transparent; 
}

#configure-lite-form .table-responsive th, #configure-lite-form .table th {
  background-color: transparent;
}


.modal.right.fade.in .modal-dialog{height: 92%;top: 0;bottom: 7%;}
div.school-title{background-color: #555;}
div.school-title h1{text-align: center;font-weight: normal;font-size: 31px;color: #fefefe;}
input[type=number]::-webkit-inner-spin-button {opacity: 1;}
.config-header h1 {text-align: center;}