/* Bootstrap v4 CSS */
.text-white {
    color: #fff !important;
}

/*-- Margins & Paddings --*/
.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}

/* -- Hidden - Bootstrap v3.3.7-- */
@media (max-width:767px) {
    .hidden-xs{display:none!important}
    .visible-xs{display:block!important}
}

@media (min-width:768px) and (max-width:991.5px) {
    .hidden-sm{display:none!important}
    .visible-sm{display:block!important}
}

/* -- Accordion Cards -- */
.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.collapse:not(.show){display:none}


/* PORTAL BASICS */

p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, footer .footer-bottom p {
    color: #6f7374;
}

/* Text Formatting - Typo */
body {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-size: 20px;
    font-weight: 400;
    color: #707070;
    line-height: 1.3em;
}

p {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-weight: 500;
}

h1, .form-title { 
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; 
    font-size: 44px; 
    font-weight: 700; 
    color: #003865;
}

h2, .section-title {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 43px;
    color: #003865;
}

.section-title p {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #707070;
}

.instruction-text { 
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; 
    font-size: 20px; 
    font-weight: 500; 
    color: #707070;
}

h3 {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #003865;
}
::placeholder {
    opacity: 0.5;
}

.comment-text, .feedback-text {
    color: #003865;
    margin-left: 3rem;
    margin-top: 2rem;
    padding-right: 4rem;
    padding-left: 2rem;
}

.comment-text {
    border-left: thick solid #5ca205;
}

.feedback-text {
    border-left: thick solid #da0200;
}

.comment-text p, .feedback-text p {
    margin-bottom: 0px;
}

.textarea-label {
 font-size: 16px;
 color: #003865 !important;
 margin-left: 8px !important;
 margin-top: 8px;
}

label.instruction {
    /* margin-left: 0px; */
    /* padding-left: 0px; */
    color: #707070
}

.page-header {
    padding-bottom: 0px !important;
    margin: 40px 0 0px !important;
    border-bottom: none !important;
}

.page-header h1, .page-header a {
    display: inline;
}

/* Top Menu */
ul.top-nav { margin: 0; padding: 0; }
ul.top-nav li { display: block; float: left; list-style-type: none; font-size: 22px; font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; color: #FFF; font-weight: 400; margin: 0; line-height: 46px; text-transform: uppercase; }
ul.top-nav li a { display: block; padding: 20px 25px 20px 25px; }
ul.top-nav a:link, ul.top-nav a:visited { color: #FFF; text-decoration: none; background: transparent; }
ul.top-nav a:hover, ul.top-nav a:active { color: #003865; background: #FFF; text-decoration: none; }
ul.top-nav li.active a { color: #78be21; text-decoration: none; }
.header-nav-wrapper-full { background: #003865; }
.header-wrapper { height: 86px; }
.logo-wrapper { z-index: 2000; }
.logo-wrapper img { margin-top: 22px; }

/* Green Menu */
ul.top-menu { margin: 0; padding: 0 0 0 12px; }
ul.top-menu li { display: block; float: left; list-style-type: none; font-size: 20px; font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; color: #003865; font-weight: 400; margin: 13px 0; line-height: 24px; border-right: 1px solid #003865;}
ul.top-menu li:last-child { border-right: 0; }
ul.top-menu li a { display: block; padding: 0 15px; }
ul.top-menu a:link, ul.top-menu a:visited { color: #003865; text-decoration: none; background: transparent; }
ul.top-menu a:hover, ul.top-menu a:active { color: #003865; text-decoration: underline; }
ul.top-menu li.active a { color: #003865; text-decoration: none; }
.header-greennav-wrapper-full { background: #78be21; }

/* Footer */
.footer-wrapper { color: #003865; font-size: 14px; line-height: 18px; }
.footer-wrapper a { color: #003865; }
.footer-wrapper a:hover { color: #003865; text-decoration: underline; }
.footer-wrapper-full { background-color: #FFF; padding: 50px 0; color: #003865; }

.bottom-menu { text-align: center; padding-top: 20px; }
.bottom-menu ul { margin: 0; padding: 0; display: inline-block; text-align: center;}
.bottom-menu ul li { display: inline; float: left; list-style-type: none; font-size: 16px; font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; color: #003865; font-weight: 400; margin: 13px 0; line-height: 20px; border-right: 1px solid #003865;}
.bottom-menu ul li:last-child { border-right: 0; }
.bottom-menu ul li a, .bottom-menu ul { display: block; padding: 0 8px; }
.bottom-menu ul a:link, ul.top-menu a:visited { color: #003865; text-decoration: none; background: transparent; }
.bottom-menu ul a:hover, ul.top-menu a:active { color: #003865; text-decoration: underline; }
.bottom-menu ul li { display: inline-block; float: none; }

/* Social Media Top */
.social-media { margin: 6px 0 0 0; padding: 0; width: 160px; height: 40px; display:block; float: right; }
.social-media li { display: block; float: left; list-style-type: none; font-size: 20px; line-height: 38px; height: 38px; width: 38px; }
.social-media li a { height: 38px; width: 38px; background: transparent url("/icons-social-media.png") no-repeat 0 0; display: block; }
.social-media li a.social-facebook { background-position: 0px 0px; }
.social-media li a.social-twitter { background-position: -40px 0px; }
.social-media li a.social-youtube { background-position: -80px 0px; }
.social-media li a.social-subscribe { background-position: -120px 0px; }
.social-media li a.social-facebook:hover { background-position: 0px -50px; }
.social-media li a.social-twitter:hover { background-position: -40px -50px; }
.social-media li a.social-youtube:hover { background-position: -80px -50px; }
.social-media li a.social-subscribe:hover { background-position: -120px -50px; }
.social-media li a span { color:rgba(0,0,0,0);}
.social-media li a { text-decoration: none !important; text-align: center;}

/* Social Media Footer */
.social-media-footer { margin: 0px auto 0 auto; padding: 0; width: 280px; height: 70px; display:block; }
.social-media-footer li { display: block; float: left; list-style-type: none; font-size: 20px; line-height: 70px; height: 70px; width: 70px; }
.social-media-footer li a { height: 70px; width: 70px; background: transparent url("/icons-social-media.png") no-repeat 0 0; display: block; }
.social-media-footer li a.social-facebook { background-position: -180px 0px; }
.social-media-footer li a.social-twitter { background-position: -250px 0px; }
.social-media-footer li a.social-youtube { background-position: -320px 0px; }
.social-media-footer li a.social-subscribe { background-position: -390px 0px; }
.social-media-footer li a.social-facebook:hover { background-position: -180px -100px; }
.social-media-footer li a.social-twitter:hover { background-position: -250px -100px; }
.social-media-footer li a.social-youtube:hover { background-position: -320px -100px; }
.social-media-footer li a.social-subscribe:hover { background-position: -390px -100px; }
.social-media-footer li a span { color:rgba(0,0,0,0);}
.social-media-footer li a { text-decoration: none !important; text-align: center;}

/* Container Styles - Overwrite BS
.container, .container-fluid, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; }
.row { margin: 0; }
*/



/* GLOBAL STYLING */
main {
    background-color: #f9f9f9;
    min-height: 300px;
    padding-top: 15px;
    padding-bottom: 72px;
}

.bg-white {
    background-color: #fff;

}
.p-lr {
    padding-left: 50px;
    padding-right: 50px;
}

.p-lr-100 {
    padding-left: 100px;
    padding-right: 100px;
}
.w-100 {
    width: 100% !important;
}

/* -- Colors -- */
.color-primary {
    color: #003865 !important;
}

.color-secondary {
    color: #78BE21 !important;
}

.color-body {
    color: #707070 !important;
}

.color-white {
    color: #fff !important;
}

/* -- FORM STYLING -- */
label {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #003865;
    display: block;
    margin-left: 8px;
    margin-bottom: 4px;
}

form label.error {
    margin-top: -21px;
    margin-bottom: 20px;
    color: #d10000;
    background-color: #FAE0E0;
    padding: 8px 16px;
    border-radius: 0px 0px 12px 12px;
    max-width: 97%;
    width: fit-content;
    font-weight: 500;
    border: 1px solid #d10000;
}

form label.error::before {
    display: block;
    content: '';
    background: #FAE0E0;
    width: 14px;
    height: 14px;
    position: absolute;
    margin-top: -16px;
    transform: rotateZ(45deg);
    border-top: 1px solid #da0200;
    border-left: 1px solid #da0200;
}

.specialization-form-card th label.error {
    margin-top: 0px;
    position: absolute;
    width: 142px;
}

select, input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"] {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #707070;
    padding: 10px 14px;
    border: 1px solid #707070;
    border-radius: 12px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

input[type="url"] {
    color: #969696 !important;
}

input[type="url"]:focus {
    color: #707070 !important;
}

input[type="file"] {
    margin-top: 16px;
    margin-bottom: 20px;
    background: unset;
}

select.form-dropdown {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.form-dropdown {
    background-image: url("/dropdown-icon.svg");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
}

.checkbox.inline-checkbox {
    /* margin-left: 35px; */
    color: #003865
;padding: 16px 0;}

.inline-checkbox input[type=checkbox] {
    transform: scale(1.75); 
    /* margin-top: 6px; */
    /* margin-left: -30px; */
}

.checkbox.inline-checkbox label {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.checkbox.inline-checkbox label span {
    margin-left: 16px;
    font-weight: 500;
}

.checkbox, .radio {
    margin: 0;
}

.question-title {
    color: #707070;
}

.question-title legend {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-size: 20px;
    font-weight: 500;
    color: #707070;
    border: none;
    margin-bottom: 0;
}

.row fieldset {
    width: 100%;
    min-width: auto;
}

input[type=checkbox], input[type=radio] {
    margin: 0;
    cursor: pointer;
}

.radio-inline input[type=radio] {
    transform: scale(1.25);
    margin-top: 7px;
}

.radio-btns {
    float: right;
}

.radio-inline.radio-btns  {
    padding-right: 2rem !important;
}
.radio-inline.radio-btns:first-child {
    padding-right: 0 !important;
}

.checkbox-inline, .radio-inline {
    font-weight: 500;
}

textarea.form-control {
    border-radius: 12px;
    padding: 12px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}


/* -- LIST - FORM STYLE -- */
.form-list li {
    margin-bottom: 3rem;
}

.form-list li label, .form-list li input[type="text"], .form-list li input[type="tel"], .form-list li input[type="email"], .form-list li input[type="date"], .form-list li input[type="url"], .form-list li input[type="file"], .form-list li select 
{
    margin-left: 1.5rem;
    width: calc(100% - 3rem);
}

.form-list li label {
    color: #707070;
}

.form-list li .radio-inline.radio-btns {
    width: auto;
    color: #003865;
}

.form-list li .col-xs-12:first-child {
    margin: 0;
    padding: 0;
}

/* -- CHECKBOX - TABLE -- */

.checkbox-table {
    width: calc(100% - 3rem);
    margin-left: 1.5rem;
}

.checkbox-table .checkbox.inline-checkbox {
    padding: 4px 0;
}

.checkbox-table .checkbox.inline-checkbox span {
    color: #707070;
}

/* -- INPUT - TABLE -- */

.input-table {
    width: calc(100% - 3rem);
    margin-left: 1.5rem;
}

.input-table .checkbox.inline-checkbox {
    padding: 4px 0;
}

.input-table .checkbox.inline-checkbox span {
    color: #707070;
}

.input-table input {
    margin: 4px 0;
}



/* -- BREADCRUMBS + APPLICATION STATUS BAR -- */
.breadcrumbs ul {
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li:first-child {
    margin-left: 0;
}

.breadcrumbs ul li {
    list-style: none;
    display: inline-block;
    margin: 0 24px 0 24px;
}

.breadcrumbs ul li:before {
    content: ">";
    position: absolute;
    margin-left: -30px;
    margin-top: -2px;
}

.breadcrumbs ul li:first-child:before {
    content: none;
}


.breadcrumbs ul li:last-child {
    color: #737373;
}

.breadcrumbs ul li:last-child:before {
    color: #707070;
}

.breadcrumbs li a {
    font-size: 20px !important;
    color: #707070;
    text-decoration: none;
}

.breadcrumbs li a:hover {
    text-decoration: underline;
}

.application-status ul {
    margin: -6px 0 0 0;
    padding: 0;
    float: right;
}

.application-status ul li {
    list-style: none;
    display: inline-block;
}

.application-status .tag {
    border-radius: 20px;
    padding: 6px 14px 4px 14px;
    margin-left: 16px;
}

/* -- TAGS -- */
.tag.not-submitted {
    background-color: #707070;
    color: #fff;
}

.tag.active {
    background-color: #5ca205;
    color: #fff;
}

.tag.pending-approval {
    background-color: #3D688A;
    color: #fff;
}

.tag.renewal-required {
    background-color: #F4BE00;
    color: #fff;
}

.tag.reverted {
    background-color: #da0200;
    color: #fff;
}

/* th {
    padding: 10px;
    color: #003865;
    background: #EEEEEE;
}

td {
    background: #FFF;
    padding: 10px;
} */


/* -- BUTTONS & LINKS -- */

a {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-size: 20px;
    color: #3077b4;
}

.btn {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    padding: 10px 32px 8px 32px;
    border-radius: 16px;
    text-transform: uppercase;
}

.btn.disable {
    background-color: #959595;
    color: #fff;
}

.btn.disable:hover {
    cursor: not-allowed;
}

.btn.primary {
    background: #5ca205;
    color: #fff;
}

.link {
    color:#003865;
    text-decoration: underline !important;    
}

/* -- Card -- */

.card-base {
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 255, 255, 0);
    transition: 300ms;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.card-base p, .card-base a {
    margin-bottom: 8px;
    max-width: 90%;
    word-break: break-all;
    
}

.card-base p:last-child {
    margin-bottom: 0px !important;
}

.card-base .card-action-btns {
    position: absolute;
    right: 32px;
}

.card-base .card-action-btns a {
    margin: 4px 0;
    min-height: 40px;
    min-width: 40px;
    border-radius: 8px;
    transition: 300ms;
}

.card-base .card-action-btns a:hover {
    background-color: #f9f9f9;
}

a.card-title {
    text-decoration: none;
}

a.card-title:hover {
    text-decoration: underline;
}

.card-active {
    background: #fff;
    box-shadow: 0px 4px 12px rgba(0, 56, 101, 0.2);
    border: 1px solid rgba(255, 255, 255, 0);
}

.card-default {
    background: #fff;
    border: 1px solid #bbb;
}

.card-base:hover {
    border: 1px solid #003865;
    box-shadow: 0px 4px 12px rgba(0, 56, 101, 0.2);
}

.card-base:hover.card-arrow {
    background-position: calc(100% + 24px) ;
}

.card-base .card-label {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    text-transform: uppercase;
}

p.card-label span {
    border-right: 1px solid #000;
    padding: 0 10px 0 7px;
}

p.card-label span:first-child {
    padding: 0 10px 0 0;
}

p.card-label span:last-child {
    border-right: none;
}

.card-base .card-title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #003865;
}

.card-base .phone-icon {
    padding-left: 40px;
    background-image: url("/phone-icon-24x24.svg");
    background-repeat: no-repeat;
    background-position: left center;
}

.card-base .location-icon {
    padding-left: 40px;
    background-image: url("/pin-icon-24x24.svg");
    background-repeat: no-repeat;
    background-position: left center;
}

.card-base table tr td:first-child {
    color: #003865;
}

.card-base table tr td {
    padding: 4px 12px 4px 0px;
}


/* -- Status -- */

p.card-status {
    margin-bottom: 0px;
}

.card-status {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    min-height: 24px;
    padding: 2px;
}

.status-complete {
    color: #408600 !important;
    padding-left: 24px;
    background-image: url("/complete-icon-16x16.svg");
    background-repeat: no-repeat;
    background-position: left center;
}

.status-incomplete {
    color: #da0200 !important;
    padding-left: 24px;
    background-image: url("/incomplete-icon-16x16.svg");
    background-repeat: no-repeat;
    background-position: left center;
}

.status-optional {
    color: #F48400 !important;
    padding-left: 24px;
    background-image: url("/option-icon-16x16.svg");
    background-repeat: no-repeat;
    background-position: left center;
}

.card-arrow {
    background-image: url("/card-arrow-24x24.svg");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 16px);
}


.bg-check {
    background-image: url("/check-icon.svg");
    background-repeat: no-repeat;
    background-position-y: center;
    padding-left: 30px !important;
}

/* -- Icons -- */

.edit-icon {
    display: block;
    height: 24px;
    width: 24px;
    background-image: url("/edit-icon-24x24.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.delete-icon {
    display: block;
    height: 24px;
    width: 24px;
    background-image: url("/delete-icon-24x24.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

/* -- TABLE -- */
.thead-dark {
    background-color: #003865;
    color: #fff;
    text-transform: uppercase;
}

thead tr th:first-child {
    border-top-left-radius: 16px;
}

thead tr th:last-child {
    border-top-right-radius: 16px;
}

.table.table-striped th, .table.table-striped td {
    padding: 14px 16px 10px 16px;
}

.table>tbody>tr>td {
    border-top: none;
    border-bottom: 1px solid #ccc !important;
    vertical-align: middle;
}
.table.table-striped tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.table.table-striped tbody tr:hover {
    background: rgba(120, 190, 32, 0.1);
}

/* DASHBOARD */

/* -- SUBMIT APPLICATION BAR - DASHBOARD -- */

.application-submit-bar {
    background: #E9E9E9;
    border-radius: 16px;
    padding: 16px;
}

.application-submit-bar p {
    margin-bottom: 0;
    padding: 8px;
    margin-top: 4px;
    display: inline-block;
    color: #666a6b;
}

.application-submit-bar a {
    display: inline-block;
    float: right;

}

.action-add-new span, .action-mark-complete span {
    margin-bottom: 0;
}

.action-add-new, .action-mark-complete {
    border-radius: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 30px 0;
    margin-bottom: 30px;
    transition: 300ms;
    min-height: 128px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

a.action-add-new {
    border: 1px solid #003865;
    color: #003865;
    text-decoration: none;
}

a.action-mark-complete {
    border: 1px solid #377d00;
    color: #377d00;
    background: rgba(120, 190, 32, 0.1);
    text-decoration: none;
}


.action-mark-complete img, .action-add-new img {
    margin-bottom: 12px;
    height: 24px;
    width: 24px;
}

.action-add-new:hover, .action-mark-complete:hover, .action-add-new-h:hover, .action-mark-complete-h:hover {
    background-color:#fff;
    color: #003865;
}

.action-mark-complete-h span, .action-add-new-h span {
    margin: 1px 0 0 0 ;
}

.action-mark-complete-h img, .action-add-new-h img {
    width: 24px;
    height: 24px;
    margin-right: 16px
}

.action-add-new-h, .action-mark-complete-h {
    float:right;
    border-radius: 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 20px;
    transition: 300ms;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 44px;
}

a.action-add-new-h, a.action-mark-complete-h {
    text-decoration: none;
}

.action-add-new-h {
    color: #003865;
    background-color: none;
    margin-right: 16px;
}

.action-mark-complete-h {
    border: 1px solid #377d00;
    color: #377d00;
    background: rgba(120, 190, 32, 0.1);
}

.select-registration label {
    display: inline !important;
    margin-right: 16px !important;
}

.select-registration select {
    display: inline !important;
    width: 100% !important;
}

.new-reg-renewal-btn {
    margin-top: 32px;
}

/* -- Section -- */
.d-section {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 10px 0;
    margin-bottom: 30px;
    margin-top: 56px;
}

.d-flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.d-section-title-bar {
    background-color: #f9f9f9;
    width: fit-content;
    padding-right: 16px;
    padding-left: 16px;
    margin-left: -16px;
    border-radius: 12px;
}

.d-section-title-bar.margin-minus {
    margin-top: -56px;
}

.d-section-title-bar h2 {
    display: inline-block;
    margin-right: 16px;
}

.d-section-title-bar p {
    display: inline-block;
}


/* CONTACT PAGE */
.contact-user .full-name {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #003865;
}

.contact-user .time {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #707070;
}

.contact-user .profile-pic {
    object-fit: cover;
    background-color: #000;
    border-radius: 50%;
}

.access-confirmation {
    color: #5ca205;
}

.access-confirmation img, .access-confirmation p {
    display: inline-block;
}

ul.institution-role {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.institution-role li {
    display: inline-block;
    margin: 0 16px 8px 0;
}



@media (min-width:1200px) {
    .container {
        width: 1200px;
    }
}


/* Initial Inquiry Page*/
ol > li {
    counter-increment: listCounter;
}

ol > li > ol > li {
    counter-increment: subCounter;
    list-style: none;
}

ol > li > ol > li:before {
    content: counter(listCounter) counter(subCounter, lower-alpha) ".";
    float: left;
}

.application-btn {
    background: #408600;
    color: #FFF;
}

.application-btn:hover {
    outline: 1px solid #408600;
    background: #fff;
    color: #408600;
}

/*  Program Page  */
.bottom-border {
    border-bottom: 1px solid #C4C4C4;
}

.specialization-form-card table th {
    text-transform: none;
}

.specialization-form-card table th:first-child, .specialization-form-card table td:first-child {
    width: 65%;
}

.specialization-form-card .table>tbody>tr:last-child td {
    border-bottom: none !important;
}


/* Viewport Adjustments */

@media (max-width: 1199px) {
    .menu li.wide-item {
        max-width: 18.8% !important;
        width: auto;
    }

    .application-submit-bar a {
        float: none;
        margin-bottom: 6px;
        margin-top: 8px;
    }

    .page-header a {
        display: block;
        padding: 0;
        text-align: left;
        width: fit-content;
    }

    .p-lr-100 { padding-left: 32px; padding-right: 32px; }
}

@media (min-width: 768px) and (max-width: 991px) { 
    .logo-wrapper img { margin-top: 35px; margin-left: 10px; }
    ul.top-nav li { font-size: 16px; line-height: 36px; }
    ul.top-nav li a {padding: 10px 10px 10px 10px !important;}
    .navbar { min-height: 35px !important; background-color: #003865; }

    .bottom-menu ul li { display: inline-block; float: none; }

    ul.main-menu { padding: 25px 20px 25px 0; }
    ul.main-menu li { font-size: 14px; padding-left: 20px; }


    .p-lr {padding-left: 12px; padding-right: 12px;}
    
    .p-lr-100 { padding-left: 12px; padding-right: 12px; }

    .programs-action {float: left; margin-bottom: 20px;}

    .programs-action .action-add-new-h { padding: 0; margin-right: 32px;}

    .application-status {float: left; margin-top: 24px;}

    .doc-attachment .doc-links {
        justify-content: flex-start !important;
        align-items: center;
        margin-top: 18px;
        margin-left: 44px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) { 
    ul.top-nav li { font-size: 18px; line-height: 46px; }

    ul.top-nav li a { padding: 16px 10px 16px 10px !important; transform: scale(0.85); }

    ul.top-menu { padding-left: 5px; }
    ul.top-menu li { font-size: 17px; }
    ul.top-menu li a { padding: 0 10px; }
}

@media (max-width: 767px) {
    .p-lr {padding-left: 24px; padding-right: 24px;}

    .p-lr-100 { padding-left: 24px; padding-right: 24px; }

    .programs-action { float: left; margin-bottom: 20px; }

    .programs-action .action-add-new-h { padding: 0; margin-right: 32px; }

    .application-status {float: left; margin-top: 24px;}

    .radio-btns {display: block;margin-left: 8px !important;float: left;}

    .radio-inline.radio-btns { padding-right: 4px !important; }

    .access-confirmation { margin-top: 40px; }

    .doc-attachment .doc-links {
        justify-content: flex-start !important;
        align-items: center;
        margin-top: 18px;
        margin-left: 44px;
    }


}




/* POP UP STYLING */

.alert-frame-overlap {
    background-color: rgba(0,0,0,0.4);
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 10;
    top: 0;
}

.alert-box {
    margin: 0 auto;
    width: 340px;
    text-align: center;
    padding-top: 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    border: 4px solid #fff;
    transform: scale(0.85);
}

.alert-box .alert-content {
    padding: 20px 32px 16px 32px;
    border-radius: 0px 0px 16px 16px;
}

.alert-box .gray-bg {
    background-color: rgba(242,242,242,1);
}

.alert-box .gray-bg p {
    color: #707070 !important;
}

.alert-box .gray-bg p.alert-box-heading  {
    color: #00355f !important;
}

.alert-box .green-bg {
    background-color: rgba(120,190,33,1);
}

.alert-box .red-bg {
    background-color: rgba(231,25,25,1);
}

.alert-box .green-bg p, .alert-box .red-bg p {
    color: #fff !important;
}

.alert-box img {
    width: 160px;
    margin-bottom: 8px;
    object-fit: cover;
    height: 160px;
}


.alert-box img.loading-gif {
    width: 100%;
    margin-bottom: 40px;
    object-fit: cover;
    height: 160px;
}


.alert-box p.alert-box-heading {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-weight: 600;
    font-size: 32px;
    text-transform: uppercase;
/*     color: #003865; */
margin-bottom: 0;}

.alert-box p.alert-box-sub-heading {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-weight: 400;
    font-size: 20px;
/*     color: #707070; */
}

.alert-box p {
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    font-size: 18px;
/*     color: #707070; */
}



/* HEADER STYLING */


/* Top Menu */
ul.top-nav { margin: 0; padding: 0; }
ul.top-nav li { display: block; float: left; list-style-type: none; font-size: 22px; font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; color: #FFF; font-weight: 400; margin: 0; line-height: 46px; text-transform: uppercase; }
ul.top-nav li a { display: block; padding: 20px 25px 20px 25px; font-weight: 400; font-size: 22px;}
ul.top-nav a:link, ul.top-nav a:visited { color: #FFF; text-decoration: none; background: transparent; }
ul.top-nav a:hover, ul.top-nav a:active { color: #003865; background: #FFF; text-decoration: none; }
ul.top-nav li.active a { color: #78be21; text-decoration: none; }

/* Green Menu */
ul.top-menu { margin: 0; padding: 0 0 0 12px; }
ul.top-menu li { display: block; float: left; list-style-type: none; font-size: 20px; font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; color: #003865; font-weight: 400; margin: 13px 0; line-height: 24px; border-right: 1px solid #003865;}
ul.top-menu li:last-child { border-right: 0; }
ul.top-menu li a { display: block; padding: 0 15px; font-weight: 400; font-size: 20px;}
ul.top-menu a:link, ul.top-menu a:visited { color: #003865; text-decoration: none; background: transparent; }
ul.top-menu a:hover, ul.top-menu a:active { color: #003865; text-decoration: underline; }
ul.top-menu li.active a { color: #003865; text-decoration: none; }

/* Social Media Top */
.social-media { margin: 6px 0 0 0; padding: 0; width: 160px; height: 40px; display:block; float: right; }
.social-media li { display: block; float: left; list-style-type: none; font-size: 20px; line-height: 38px; height: 38px; width: 38px; }
.social-media li a { height: 38px; width: 38px; background: transparent url("/icons-social-media.png") no-repeat 0 0; display: block; }
.social-media li a.social-facebook { background-position: 0px 0px; }
.social-media li a.social-twitter { background-position: -40px 0px; }
.social-media li a.social-youtube { background-position: -80px 0px; }
.social-media li a.social-subscribe { background-position: -120px 0px; }
.social-media li a.social-facebook:hover { background-position: 0px -50px; }
.social-media li a.social-twitter:hover { background-position: -40px -50px; }
.social-media li a.social-youtube:hover { background-position: -80px -50px; }
.social-media li a.social-subscribe:hover { background-position: -120px -50px; }
.social-media li a span { color:rgba(0,0,0,0);}
.social-media li a { text-decoration: none; text-align: center;}


/* Layout */
.header-nav-wrapper-full { background: #003865; }
.header-wrapper { height: 86px; }
.header-greennav-wrapper-full { background: #78be21; }
.top-button-wrapper { height: 69px; background: #FFF; }
.navbar-fixed-bottom, .navbar-fixed-top {position: fixed; right: 0; left: 0; z-index: 1030;}
.navbar-fixed-top.navbar-inverse {background: none !important;}
.header-button-wrapper { padding: 0; }
.header-menu-wrapper { background: #FFF; position: relative; height: 85px; padding: 0;}


/* Search Field in Header */
.screen-reader-text { display: none !important; }
.search-area { width: 240px; position: relative; float: right; margin-top: 16px; }
.search-area .search-form { position: absolute; right: 43px; top: 0px; }
.search-area .search-field { background: transparent url("/icon-search.png") right center no-repeat; border: none; cursor: pointer; height: 38px; margin: 3px 0; padding: 0 0 0 48px; position: relative; -webkit-transition: 400ms ease; transition: 400ms ease; width: 0; color: #000; z-index: 5000; background-color: #003865; }
.search-area .search-field:focus { background-color: #efefef; border: 2px solid #003865; border-right: 0; cursor: text; outline: 0; width: 240px; font-size: 16px; font-weight: 400; padding-left: 10px; padding-right: 48px; z-index: 500; background-image: url("/icon-search-active.png");}
.search-form .search-submit { display:none; }

/* Search Field in Mobile Menu */
.mobile-search-area label { float: left; width: 200px; margin-left: 15px; }
.mobile-search-area  input[type="text"] { width: 200px; height: 40px; float: left; line-height: 20px; font-size: 16px; padding: 0 10px; background-color: #FFF; border: 0; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; margin: 5px 0; clear: both; border: 2px solid #003865; }
.mobile-search-area input[type="submit"] { font-size: 16px; line-height: 20px; padding: 8px 10px; font-family: 'BrandonGrotesqueWeb-Bold', Arial, Verdana, Helvetica, 'sans-serif'; color: #003865; font-weight: 600; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; margin-top: 5px; background: #FFF; border: 2px solid #003865; float: none; }

/* Main Menu */
.menu { background: #FFF; width: 100%; height: 64px; z-index: 999; }
.menu-wrapper { margin: 0 3%; padding: 10px 0 0 0; overflow: visible; }
.the-menu { padding: 0; margin: 0; width: auto; overflow: visible; border: 2px solid #00355f; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; height: 56px; display: flex; flex-direction: row; }
.menu li { float: left; display: block; margin: 0; overflow: visible;}
.menu li.narrow-item { width: 11%; }
.menu li.medium-item { width: 17%; }
.menu li.wide-item {max-width: 20.055%;width: auto;}
.menu li:last-child a { border: 0; }
.menu a:link, .menu a:visited {display: block;overflow: hidden;height: 52px;font-size: 19px;line-height: 23px;text-align: center;color: #00355f;text-decoration: none;padding: 0 20px;margin-bottom: 2px;border-right: 1px solid #c8c9c9;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-weight: 400;margin-left:0}
.menu li:hover a { background: #78be21; color: #00355f; }
.menu li:first-child a {-webkit-border-radius: 10px 0px 0px 10px;-moz-border-radius: 10px 0px 0px 10px;border-radius: 10px 0px 0px 10px;}
.menu li:last-child a { -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; }
.menu li a span { display: block; position: relative; top: 50%; height: 100%; transform: translateY(-50%); height: auto; }


.menu li.wide-item:first-child, .menu li.wide-item:nth-child(2), .menu li.wide-item:nth-child(3), .menu li.wide-item:nth-child(5) {
    width: 18.5% !important;
}

.menu li.wide-item:nth-child(4) {
    width: 11.5% !important;
}

.menu li.wide-item:last-child {
    width: 17% !important;
}


/* Dropdown */
.dropdown { position: absolute; top: 70px; left: 3%; border-top: 19px solid #FFF; background: #00355f url("/background-dropdown.jpg") repeat-y 0 0; background-size: 100% auto; width: 94%; z-index: 99999; overflow: hidden; padding: 30px 0 19px 0; display: none; -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; }
.dropdown li { float: none; display: block; border: 0; margin: 10; padding: 10px 10px 10px 12px; height: auto !important; width: 100%; background: transparent url("/dropdown-bullet.png") no-repeat 0 10px; }
.menu .dropdown li:last-child a, .menu .dropdown li:first-child a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.dropdown a:link, .dropdown a:visited { width: auto; height: auto; padding: 0; margin: 0; text-align: left; color: #FFF !important; text-decoration: none; display: inline; overflow: hidden; background: transparent !important; display: block; border: 0; }
.dropdown a:hover { color: #FFF !important; text-decoration: underline; }
.dropdown-columns { margin: 0; padding: 10; }
.dropdown .col { float: left; display: inline; width: 33%; margin: 0; }


@media (max-width: 767px) { 

    .navbar { min-height: 35px !important; background-color: #003865; }

    ul.top-nav { padding-top: 10px; }
    ul.top-nav li { font-size: 14px; line-height: 24px; }
    ul.top-nav li a {padding: 10px 10px 10px 10px; }

    .header-wrapper {margin-top: 32px;}

}


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

    ul.top-nav li { font-size: 16px !important; line-height: 36px; }
    ul.top-nav li a {padding: 10px 10px 10px 10px !important; }

    .navbar { min-height: 35px !important; background-color: #003865;}

    .top-button-wrapper { height: 80px; }

    .header-wrapper {margin-top: 12px;}

}    

@media (max-width: 991.5px) {

        /* Mobile Menu */

a.nav-expander { width: 100% !important; height: 40px !important; background: none repeat scroll 0 0 #003865; color: #FFFFFF; display: block; font-size: 15px; font-weight: 400; height: 35px; margin-right: 0; padding: 0.7em 1.6em 0.5em; position: absolute; right: 0; text-align: right; text-decoration: none; text-transform: uppercase; top: 0; /* transition: right 0.3s ease-in-out 0s; width: 480px; z-index: 12; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; */ }

a.nav-expander:hover { cursor: pointer; }
a.nav-expander.fixed { position: fixed; }
.nav-expanded a.nav-expander.fixed { right: 25em; }

.navbar-inverse { background-color: transparent; border-color: transparent; }
nav { background: #78be21; display: none !important; overflow: auto; position: fixed; right: -350px; width: 350px; height: 100%; font-size: 15px; top: 0; z-index: 2000; /* transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; */ }
nav a {font-size: 15px; font-weight: 400;}
.nav-expanded nav { right: 0; display: block !important; }

body.nav-expanded { margin-left: 0em; /* transition: right 0.4s ease-in-out 0s; -webkit-transition: right 0.4s ease-in-out 0s; -moz-transition: right 0.4s ease-in-out 0s; -o-transition: right 0.4s ease-in-out 0s; */ }

#nav-close { font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; font-weight: 600; font-size: 24px; padding-right: 10px; background: #FFF; }

.browser-notios .mobile-menu { padding-top: 12px; }
.browser-notios .mobile-menu li { border-bottom: 0px; margin-left: 20px; padding: 12px; }
.browser-notios .mobile-menu ul { padding-top: 15px; }
.browser-notios .mobile-menu li li { border-bottom: 0; padding: 6px 0; font-size: 16px; }
.browser-notios .mobile-menu li a { color: #003865; text-decoration: none; }
.browser-notios .mobile-menu li a:hover { color: #003865; text-decoration: underline; }
.browser-notios .mobile-menu li .sub-nav { border-bottom: 0px; padding: 4px; }
.browser-notios .onwht { background-color: #fff !important; }


.browser-ios .mobile-menu { padding-top: 12px; }
.browser-ios .mobile-menu li { border-bottom: 1px solid #003865; margin-left: 20px; font-size: 18px; padding: 12px; background-color: #fff; }
.browser-ios .mobile-menu ul { padding-top: 15px; }
.browser-ios .mobile-menu li li { border-bottom: 0; padding: 6px 0; font-size: 16px; }
.browser-ios .mobile-menu li a { color: #003865; text-decoration: none; }
.browser-ios .mobile-menu li a:hover { color: #003865; text-decoration: underline; }
.browser-ios .mobile-menu li .sub-nav { border-bottom: 0px; padding: 4px; }
.browser-ios .onwht { }


.mobile-menu a .caret { width: 0; height: 0; display: inline-block; vertical-align: top; border-top: 4px solid #003865; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "";   margin-top: 8px; }
.mobile-menu a:hover .caret { border-top-color: #003865; }
.mobile-menu li.open > a > .caret { border-top: none; border-bottom: 4px solid #003865; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.mobile-menu li.open > a:hover > .caret { border-bottom-color: #003865; }

.icon:before { font-family: 'FontAwesome'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: '\f105'; }
.mobile-menu li > a > .icon-caret:before { font-family: 'FontAwesome'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: '\f0d7'; }
.mobile-menu li.open > a > .icon-caret:before { content: '\f0d8'; }

.mobile-menu li > a > span.icon { float: right; margin: 0.1em 1.7em -0.1em 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.mobile-menu li > a:hover > span.icon { float: right; margin: 0.1em 0.8em -0.1em 0; opacity: 1; }

}

@media (min-width: 992px) and (max-width: 1199px) { 
    ul.top-menu { padding-left: 5px; }
    ul.top-menu li { font-size: 17px; }
    ul.top-menu li a { padding: 0 10px; }
}

nav {
    display: none;
}

/* LOG OUT */
ul li.log-out a {
    background-color: #003865 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    padding-top: 6px;
    padding-bottom: 4px;
    margin-top: -5px !important;
    border-radius: 4px;
    font-weight: 500;
    color: #fff !important;
}

ul li.log-out a:hover {
    text-decoration: none;
    color: #003865 !important;
    background-color: #fff !important;
    border-radius: 4px !important;
}


/* LANDING PAGE STYLING */

body, .bg-grey {
    background: url("/grey.png");
}

.secondary-banner-wrapper {
    padding-top: 21px;
}
.secondary-banner-wrapper img {
    margin: 0 auto;
}


a.cta-card {
    width: 100%;
    text-align: center;
    min-height: 240px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 6px 16px rgba(0, 56, 101, 0.25);
    border-radius: 16px;
    transition: 300ms;
    text-decoration: none;
}

a.cta-card:hover {
    transform: translateY(-6px);
    box-shadow: 0px 10px 20px rgba(0, 56, 101, 0.5);
    text-decoration: none;
}

a.cta-card:hover p {
    color: #fff;
}

.cta-cover {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center;
    background-color: #5ca205;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.cta-cover.new-schools {
    background-image: url("/new-schools-cta-bg.jpg");
}

.cta-cover.new-users {
    background-image: url("/new-users-cta-bg.jpg");
}

.cta-cover.existing-users {
    background-image: url("/existing-users-cta-bg.jpg");
}

.cta-card-content {
    padding: 20px 8px;
    background-color: #003865;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.cta-card-content p {
    color: #fff;
    font-style: normal;
    font-weight: 420;
    font-size: 16px;
    line-height: 23px;
    margin: 0;
}

.cta-card-content p:first-child {
    color: #5ca205;
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

/* -- Side Menu -- */
.side-menu ul { /* margin: 33px 0 0 0; */ padding: 25px 50px 10px 0; background: #003865; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; }
.side-menu ul li {display: block;list-style-type: none;font-size: 22px;font-family: 'brandon-grotesque' , Arial, Verdana, Helvetica, 'sans-serif';color: #FFF;font-weight: 500;margin: 0;padding: 0 0 0 38px;}
.side-menu ul li a {display: block;padding: 15px 0 15px 0px;border-top: 1px dashed #FFF;line-height: 27px;color: #FFF;font-size: 22px;font-weight: 700;}
.side-menu ul li:first-child a { border-top: 0;}
.side-menu ul a:link, .side-menu ul a.current { color: #FFF; text-decoration: none; }
.side-menu ul a:hover, ul.main-menu a:active { color: #78be21; text-decoration: none; }
.side-menu ul li.active a { color: #78be21; text-decoration: none; }
/* Secondary Level */
.side-menu ul ul { margin-top: 0; padding-top: 0; }
.side-menu ul ul li { padding-left: 15px; font-family: 'brandon-grotesque' , Arial, Verdana, Helvetica, 'sans-serif'; }
.side-menu ul ul li a {border-top: 0;padding: 5px 0;font-weight: 400;}
.side-menu .fa.fa-caret-down { padding-right: 5px; }
.side-menu ul li ul li ul:last-child { padding-bottom: 0; }
.side-menu li.current .submenu:last-child { margin-bottom: 16px; }


/* -- Newsletter + Gray Box -- */
.quick-links-full .hp-left-column, .quick-links-full .hp-center-column, .quick-links-full .hp-right-column { padding-top: 50px; }
.gray-box, .newsletter, .side-box { padding: 10px 20px 5px 20px; color: #707070; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #003865; margin: 0; background: #efefef; font-size: 16px; line-height: 18px; }
.side-box, .newsletter { margin-left: 100px; margin-top: 33px; }
.gray-box h4, .newsletter .NewsletterHeader, .side-box .publicationHeader { font-size: 23px; line-height: 29px; padding-bottom: 10px; color: #003865; font-weight: 700; border-bottom: 4px solid #003865; text-transform: uppercase; }
.NewsletterHeader, .side-box .publicationHeader { font-size: 21px; line-height: 29px; }
.newsletter p { font-size: 16px; font-weight: 400; line-height: 18px; }
.gray-box ul, .side-box ol { margin: 0; padding: 0; }
.gray-box ul li, .side-box ol li { list-style-type: none; clear: both; border-bottom: 1px solid #d6d6d6; position: relative; display: block; height: 80px; width: 100%; margin: 0; padding: 0; }
.gray-box ul li:last-child, .side-box ol li:last-child { border-bottom: 0; }
.gray-box li a, .side-box li a { color: #707070; text-decoration: none; }
.publications a { font-size: 16px !important; font-weight: 400; }
.gray-box li a:hover, .side-box li a:hover { color: #003865; text-decoration: underline; }
.gray-box .date, .gray-box .number, .side-box .number { display: block; width: 50px; height: 48px; padding: 5px 0; margin: 15px 22px 10px -36px; background-color: #78be21; color: #003865; text-align: center; font-size: 16px; line-height: 20px; text-transform: uppercase; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-family: 'brandon-grotesque' , Arial, Verdana, Helvetica, 'sans-serif'; float: left; font-weight: 600; }
.gray-box li .item-info, .side-box li .item-info { display: block; width: 100%; position: relative; top: 50%; transform: translateY(-50%); }
.gray-box .date big { display: block; margin: 0 auto; text-align: center; }
.gray-box .number big, .side-box .number big { display: block; margin: 10px auto; text-align: center; }


.newsletter input[type="email"] { height: 50px; padding: 15px; width: 80%;  border: 2px solid #003865; border-right: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; float: left;}

.newsletter input[type="submit"] { -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; background: #78be21; height: 50px; padding: 0; float: none; width: 20%; text-align: center;  margin-bottom: 2px; color: #003865; font-weight: 600; }

.newsletter input[type="submit"]:hover { background-color: #003865; color: #ffffff; }


.placeholder { color: #333; }
.placeholderFocus { color:#000; }



.landing-page-title {
    font-family: 'brandon-grotesque';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #003865;
}

.gray-container {
    background: #efefef;
    padding: 38px 100px 38px 25px;
    margin-left: 8%;
    margin-top: 48px;color: #003865;
    border-radius: 25px 0px 0px 25px;
    width: 92%;
    margin-bottom: 50px;
}

.gray-container ul {
    margin-left: 10px;
    padding-left: 10px;
}

.gray-container .section-title {
    color: #003865;
    font-family: 'brandon-grotesque' , Arial, Verdana, Helvetica, 'sans-serif';
    display: inline-block;
    min-width: 245px;
    border-bottom: 5px solid #003865;
    font-size: 20px;
    font-weight: 500;
}

.gray-container ul li {
    padding-top: 4px;
}

.gray-container ul li a {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #3d688a;
    text-decoration: none;
}

.gray-container ul li a:hover {
    text-decoration: underline;
}

.pdf-link {
    background: url("/ico-pdf.gif") center right no-repeat;
    padding-right: 18px;
}

.office-staff-contact {
    border-left: solid 4px #5ca205;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    display: block;
    padding-left: 16px;
    margin: 10px 0 10px 12px;
}


/* Quick Links */

.quick-links-full { background-color: #9bcbeb; padding-top: 60px; padding-bottom: 0px; }
.quick-links-full .content-wrapper { background-color: #9bcbeb; }
.quick-links-full h2 { text-align: center; color: #003865; font-family: 'brandon-grotesque' , Arial, Verdana, Helvetica, 'sans-serif'; font-size: 40px; font-weight: 600; }
.quick-links-full .panel { background: transparent; border: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); margin-bottom: 80px; }
.quick-links-full .panel-default > .panel-heading { border: 0; padding: 0; background: transparent; }
.quick-links-full .panel-title { font-size: 20px; color: #003865; font-family: 'brandon-grotesque' , Arial, Verdana, Helvetica, 'sans-serif'; text-transform: uppercase; font-weight: 600; }
.quick-links-full .panel-title a { display: block; width: 100%; height: auto; padding: 0 0 10px 0; background: transparent url("/background-quicklinks-title.png") no-repeat left bottom; font-weight: 700; text-decoration: none;}
.quick-links-full .panel-title a:hover { text-decoration: none; color: #3d688a !important; }
.quick-links-full .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: 0; padding: 0; }
.quick-links-full .panel-body ul { margin: 0; padding: 20px 40px 0 0; }
.quick-links-full .panel-body ul li { list-style-type: none; font-size: 20px; line-height: 24px; font-family: 'brandon-grotesque' , Arial, Verdana, Helvetica, 'sans-serif'; padding: 10px 10px 10px 0; border-bottom: 1px solid #7caed0; }
.quick-links-full .panel-body ul li:last-child { border-bottom: 0; }
.quick-links-full .panel-body ul li a { padding: 0 0 0 15px; display: block; color: #3d688a; font-weight: 400; text-decoration: none;}
.quick-links-full .panel-body ul li a:hover { background: transparent url("/icons-social-media.png") no-repeat 0 -185px; color: #3d688a; text-decoration: underline;}
.panel-group .panel-heading .panel-title a:before {content: none;}


@media (min-width: 768px) and (max-width: 992px) { 
    .side-menu ul {
        border-radius: 0;
        margin-top: 32px;
    }

    .side-box, .newsletter {
        margin-left: 0px;
        max-width: 80%;
        margin: 33px auto 0 auto;
    }

}

@media (min-width: 992px) and (max-width: 1199px) { 
    .menu a:link, .menu a:visited { font-size: 18px; padding: 0 10px; }
    .side-menu ul { padding: 25px 25px 25px 0; }
    .side-menu ul li {  padding: 0 0 0 32px; }
    .side-menu ul li a { font-size: 18px; padding: 10px 0 10px 0px; line-height: 23px; }
    .side-box, .newsletter {
        margin-left: 0px;
        width: 84%;
        float: right;
    }

}



/* Document Attachment */

.doc-attachment {
    width: 100%;
    border-bottom: solid 1px #c4c4c4;
    background: #fff;
    padding: 14px 8px;
}

.doc-attachment .doc-name a img {
    margin-top: -7px;
}

.doc-attachment .doc-name a span {
    margin-left: 8px;
    color: #003865;

}

.doc-attachment .doc-name a:hover {
    text-decoration: none;
    opacity: 0.5;
}

.doc-attachment .doc-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.doc-attachment .doc-links a:hover {
    opacity: 0.75;
}

.doc-attachment .doc-links a.doc-download {
    width: auto;
    height: 24px;
    background-image: url("/download-doc-icon.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 32px;
    display: inline-block;
    margin-right: 16px;
    color: #003865;
    line-height: 24px;
}

.doc-attachment .doc-links a.doc-replace {
    width: auto;
    height: 24px;
    background-image: url("/replace-doc-icon.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 32px;
    display: inline-block;
    margin-right: 16px;
    color: #003865;
    line-height: 24px;
}

.doc-attachment .doc-links a.doc-delete {
    width: 24px;
    height: 24px;
    background-image: url("/delete-doc-icon.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center center;
}
/*
input[type=file] {
    display: none;
}

.form-control-file {
    align-items: center;
    padding: 10px 16px 8px 16px;
    background: #5ca205;
    border-radius: 12px;
    width: fit-content;
    color: #fff;
    margin-bottom: 24px;
    margin-top: 16px;
    text-transform: uppercase;
    padding-left: 48px;
    background-image: url("/doc-upload-icon.png");
    background-repeat: no-repeat;
    background-position: 14px center;
    cursor: pointer;
}

.form-control-file:hover {
    background-color: #fff;
    border: solid 1px #5ca205;

} */



/* CONTENT INSIDE STYLING */

html[dir=ltr] li a {
    margin-left: 0px;
}

.content-inside {
    line-height: 1.3em;
    padding-top: 30px;
}

.content-inside div {
    font-family: 'brandon-grotesque';
    font-size: 20px;
    font-weight: 400;
    color: #707070;
}

.content-inside p {
    font-weight: 400;
}

.content-inside ul, ol, li {
    font-family: 'brandon-grotesque';
    font-size: 20px;
    font-weight: 400;
}

.content-inside ul li {
    padding-top: 15px;
}

.gray-container, .gray-container div, .gray-container li, .gray-container p {
    color: #003865 !important;
}

.content-inside a {
    font-family: 'brandon-grotesque';
    font-size: 20px;
    font-weight: 600;
    color: #3d688a;
    text-decoration: none;
}

.content-inside a:hover {
    text-decoration: underline;
}

.content-inside h1 {
    color: #003865;
    font-size: 44px;
    line-height: 48px;
    margin-top: 0 !important;
    font-weight:400;
}

.content-inside h2 {
    color: #003865;
    font-size: 30px;
    line-height: 30px;
    margin-top: 20px !important;
    font-weight: 700;
}

.content-inside h2 a, .content-inside h3 a {
    font-size: inherit !important;
}

.content-inside h3 {
    color: #003865;
    font-size: 28px;
    line-height: 40px;
    margin-top: 20px !important;
    font-weight: 400;
}

.content-inside h4 {
    color: #003865;
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px !important;
    font-weight: 400;
}

.content-inside caption { 
	color: #003865;
	font-size: 20px !important; 
	line-height: 30px; 
	margin-top: 20px !important; 
	font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif'; 
	border-bottom: 2px solid #003865; 
    font-weight: 600;
}

.onlineOnly {
    color:#00a636;
    font-weight:normal;
    font-style:italic;
}

.content-inside img {
    max-width: 100%;
}


/* Content Inside - Links */

.external_link {
    background: url("https://www.ohe.state.mn.us/images/external_link_icon.gif") center right no-repeat;
    padding-right: 18px;
}

.pdf_link {
    background: url("https://www.ohe.state.mn.us/images/ohe/ico-pdf.gif") center right no-repeat;
    padding-right: 18px;
}

.text_link {
    background: url("https://www.ohe.state.mn.us/images/ohe/ico-text.gif") center right no-repeat;
    padding-right: 18px;
}

.xls_link {
    background: url("https://www.ohe.state.mn.us/images/ohe/ico-xls.gif") center right no-repeat;
    padding-right: 18px;
}

.word_link {
    background: url("https://www.ohe.state.mn.us/images/ohe/ico-word.gif") center right no-repeat;
    padding-right: 18px;
}

.zip_link {
    background: url("https://www.ohe.state.mn.us/images/ohe/ico-zip.gif") center right no-repeat;
    padding-right: 20px;
}

.ppoint_link {
    background: url("https://www.ohe.state.mn.us/images/ohe/ico-Ppoint.gif") center right no-repeat;
    padding-right: 18px;
}

.email_link {
    background: url("https://www.ohe.state.mn.us/images/ohe/ico-Email.gif") center right no-repeat;
    padding-right: 18px;
}

.video_link {
    background: url("https://www.ohe.state.mn.us/images/ohe/ico-video-camera.gif") center right no-repeat;
    padding-right: 18px;
}

.link_header {
    color: #003865;
    font-family: 'brandon-grotesque';
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    min-width: 245px;
    border-bottom: 5px solid #003865;
    margin-top: 20px;
}


.orange-escape-button {
    font-size: 20px;
    line-height: 30px;
    padding: 15px;
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    color: #003865;
    font-weight: 500 !important;
    float: right;
    border-radius: 10px;
    margin-top: 70px;
    background: #ffc845;
    border: 2px solid #FFF;
}

.orange-escape-button:hover {
    color: #003865;
    background: #ffc845;
    border: 2px solid #FFF;
}


/* Accordion */
.accordion .card-header {
    padding: 12px 20px !important;
}


.accordion .card button.btn {
    padding: 6px 12px;
}

.accordion .card button.btn:focus {
    background: none;
    border: none;
    outline: none;
    text-decoration:underline;
    color: #007bff;
}

.accordion .card button.btn:active {
    text-decoration: none;
}

.accordion .card button.btn:hover {
    text-decoration:underline;
    color: #0056b3;
}

.accordion .card-header h3 p {
    color: #003865;
    font-weight: 400;
    text-transform: none;
    font-size: 28px;
}

.accordion .card-header h3 {
    margin-top: 0px !important;
}

.accordion .card-body {
    padding:20px;
}

.accordion .card-body p {
    font-weight: 400;
}

/* Content Inside - Form Elements */

.content-inside .ltblue-box {
    padding: 60px 20px 0 20px;
    color: #003865;
    border-radius: 15px;
    margin: 0 0 30px 22px;
    background: #9bcbeb;
}

.content-inside .ltblue-box label, .content-inside .ltblue-box p {
    color: #003865;
}

.content-inside input[type="checkbox"], input[type="radio"] {
    margin-right: 7px;
}

.content-inside label {
    display: inline-block;
}

.content-inside input[type="submit"] {
    font-size: 18px;
    line-height: 30px;
    padding: 15px 25px;
    /* font-family: 'BrandonGrotesqueWeb-Bold', Arial, Verdana, Helvetica, 'sans-serif'; */
    color: #003865;
    font-weight: 500;
    float: left;
    clear: both;
    border-radius: 10px;
    margin-top: 10px;
    background: #FFF;
    border: 2px solid #003865;
}

.content-inside input[type="submit"]:hover {
    text-decoration: none;
    color: #FFF;
    background: #003865;
}

.content-inside select, .content-inside input[type="text"], .content-inside input[type="tel"], .content-inside input[type="email"], .content-inside input[type="date"], .content-inside input[type="url"], .content-inside input[type="number"] {
    color: #707070;
    padding: 1px 2px;
    border: 1px solid #707070;
    border-radius: 0;
    display: block;
    width: auto;
    margin-bottom: 0;
}

.content-inside .form-gpacalc .shade {
    background-color: #eaf1dd;
}

.content-inside form label {
    color: #707070;
}

.content-inside .R {
    text-align: right;
}

.content-inside .L {
    text-align: left;
}

.C {
    text-align: center;
}

.content-inside .newsletter {
    margin-left: 80px;
    padding-bottom: 16px;
}

.content-inside .newsletter input[type="email"] {
    height: 50px;
    padding: 15px;
    width: 80%;
    border: 2px solid #003865;
    border-right: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    border-radius: 10px 0px 0px 10px;
}

.content-inside .newsletter input[type="submit"] {
    border-radius: 0px 10px 10px 0px;
    background: #78be21;
    height: 50px;
    padding: 0;
    float: none;
    width: 20%;
    text-align: center;
    margin-top: 0;
    color: #003865;
    font-weight: 500;
}

.content-inside .newsletter input[type="submit"]:hover {
    background-color: #003865;
    color: #ffffff;
}

.content-inside .newsletter .NewsletterHeader, .content-inside .side-box .publicationHeader {
    font-size: 21px;
    line-height: 29px;
}






/* Content Inside - Table */

.content-inside .table>tbody>tr>td, .content-inside .table>tbody>tr>th, .content-inside .table>tfoot>tr>td, .content-inside .table>tfoot>tr>th, .content-inside .table>thead>tr>td, .content-inside .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-bottom: none !important;
}

.content-inside .shade, .Rshd {
    background-color: #eeeeee;
}

.Rshd {
    text-align: right;
    background-color: #eeeeee;
}


.content-inside .tableNote {
    font-size: .75em;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #444;
}

#managers {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;/*	width: 90%;*/
	padding: 3px 3px;
}

#managers p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#managers input[type=number] {
	width: 100px;
	padding: 3px 3px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

#managers input[type=tel] {
	width: 200px;
	padding: 5px 5px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

#managers input[type=email] {
	width: 260px;
	padding: 3px 3px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

#managers td {
	border: 1px solid #ddd;
	padding: 3px;
	align-items: baseline;
	align-content: flex-start;
}

#managers tr:nth-child(even) {
	background-color: #f2f2f2;
}

#managers tr:hover {
	background-color: #ddd;
}

#managers th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #1E3F66;
	color: white;
}

.tRowHdr, .tRowHdr a {
    font-weight: bold;
    font-size: 1em;
    vertical-align: bottom;
    color: #104875;
}

/* Content Inside - Gray Box */

.addendaHeader {
    color: #003865;
    font-family: 'brandon-grotesque', Arial, Verdana, Helvetica, 'sans-serif';
    display: inline-block;
    min-width: 245px;
    border-bottom: 5px solid #003865;
    font-weight: 600 !important;
}


/* Select All + Sticky Table Header */

thead.thead-dark.sticky-head {
    position: sticky;
    top: 0px;
    z-index: 10;
}

thead.thead-dark.sticky-head a {
    cursor: pointer;
}


thead.thead-dark.sticky-head a:hover {
    text-decoration: none;
}

a.select-all-th {
    color: #fff;
    font-size: 16px;
    margin-left: 8px;
    margin-right: 8px;
    text-transform: capitalize;
}