* {
    font-family: proxima-nova, 'Open Sans', Arial, Helvetica, sans-serif;
    /*font-weight: lighter;*/
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3 {
    font-family: proxima-nova, 'Roboto Condensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
}

h1 {
    margin: 20px 0px !important;
    font-size: 35px !important;
}

h2 {
    font-size: 22px !important; /* 20230601 was 35px*/
}

.trainingtabs {
    font-size: 12px !important;
    margin-top: 10px !important;
}

h3 {
    font-size: 18px !important; /* 20230616 changed from 26px needed to make the headings w/in the training tab content smaller than the default*/
}

h4 {
    margin: 25px 0px 10px 0px !important;
}

    h4:first-child {
        margin-top: 10px !important;
    }

/* 20220616 - override bootstrap paragraph */
p {
    line-height: 1.5 !important;
}


/* 20230615 Add italics to EM */
em {
    font-style: italic !important;
}



/*.container {
    padding: 0px;
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


.icon-link {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 0 0 15px;
    padding: 5px;
    text-align: center;
    background: rgb(0, 138, 221);
    color: white;
}

.navbar {
    margin: 0;
    border: none;
    border-bottom: 1px solid #1F6486;
    border-radius: 0;
    background: #2D89B7;
}

.navbar-header {
    margin: 0 !important;
}

.navbar-nav {
    margin: 0px;
}

.navbar-collapse {
    margin: 0 !important;
    max-height: initial;
    padding: 0;
    border: none;
    box-shadow: none;
}

.navbar-inverse .navbar-nav > li {
    /*padding: 10px;*/
    /*margin: 45px 30px 0 0;*/
}

.navbar-inverse .navbar-nav > li > a {
    margin: 0;
    /*padding: 2px;*/
    color: black;
    font-weight: bold;
    border-bottom: 5px solid transparent;
}

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: rgb(159, 24, 77);
        border-bottom-color: rgb(159, 24, 77);
    }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: rgb(159, 24, 77);
}

.navbar-nav.filter > li > a {
    color: #FFFFFF;
    cursor: pointer;
}

    .navbar-nav.filter > li > a:hover {
        background: none;
        text-decoration: underline;
    }

.navbar-nav.filter > li.active {
    font-weight: 900;
}

ul.dropdown-menu {
    margin-top: -5px !important;
    min-width: 100%;
    border-radius: 0;
    border-color: rgb(159, 24, 77);
    border-top-width: 5px;
    border-bottom-width: 5px;
}

    ul.dropdown-menu > li > a {
        padding: 6px 20px;
        color: #2D89B7;
    }

    ul.dropdown-menu .divider {
        background-color: lightblue;
    }

footer p {
    line-height: 18px;
}

.form-control {
    height: auto;
    border-radius: 16px;
    background: #D8E5EE;
    border-color: #D8E5EE;
    color: #000000;
    box-shadow: none;
}

    .form-control:focus {
        box-shadow: none;
        border-color: #1A4D66;
    }

    .form-control::-webkit-input-placeholder {
        color: #1A4D66;
    }

    .form-control:-moz-placeholder { /* Firefox 18- */
        color: #1A4D66;
    }

    .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #1A4D66;
    }

    .form-control:-ms-input-placeholder {
        color: #1A4D66;
    }

.sntc-card div[class^="col-"], .sntc-stub div[class^="col-"] {
    padding: 0px 7.5px;
}

.sntc-details h3 {
    margin-top: 15px;
}

.sntc-stub .row
{
    margin: 0;
}

.btn {
    width: 100%;
    border: 1px solid #1A4D66;
    border-radius: 18px;
}

a.btn, button.btn {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    /*background: #D8E5EE;
    border-color: #D8E5EE;
    color: #1A4D66;*/
}

button.dropdown-toggle {
    padding-top: 6px;
    padding-bottom: 6px;
    letter-spacing: normal;
}

a.btn-default {
    background: none;
    border-color: rgb(215, 215, 215);
    color: rgb(159, 24, 77);
    transition: all 0.25s;
}

.btn-default:hover {
    border-color: #1A4D66;
    background: rgba(31, 100, 134, 0.33);
}

.btn-primary {
    background: rgb(159, 24, 77);
    border-color: rgb(159, 24, 77);
    color: #FFFFFF;
}

    .btn-primary:hover {
        border-color: #1A4D66;
        background: #1A4D66;
    }

small, .small {
    font-size: 85%;
    line-height: 12px !important;
}

.panel {
    border: none;
    border-radius: 0;
    padding: 0;
}

.panel-image {
    height: 220px;
    margin: 15px;
    padding: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    /*border-bottom: 1px solid #E0E0E0;*/
    padding-top: 66.66%; /* 20240816 added for explicitly naming the image ratio sizing */
}

.panel-heading {
    margin: 0;
    padding: 10px 25px;
    border-radius: 0;
    border: none;
    background: none;
    font-weight: bold;
}

.panel-subheading {
    position: relative;
    padding: 5px 0px;
    background: #D8E5EE;
}

    .panel-subheading > div {
        position: absolute;
        top: 4px;
        left: 30px;
        right: 30px;
        overflow: hidden;
        white-space: nowrap
    }

    .panel-subheading > aside {
        position: absolute;
        top: 4px;
        right: 25px;
        background: #D8E5EE;
    }

    .panel-subheading aside > a {
        display: inline-block;
        width: 24px;
        text-align: center;
    }

.panel-body {
    padding: 10px 25px;
    border: none;
}

/*.panel-footer {
    padding: 45px 25px 15px 25px;
    border: none;
    background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 40px);
}*/

.panel-primary .panel-heading {
    background: #1A4D66;
}

.panel-primary .panel-title {
    font-weight: bold;
    color: #FFFFFF;
}

.panel-primary .panel-body {
    color: #1A4D66;
}

.panel-default .panel-heading {
    background: #FFFFFF;
}

.panel-default .panel-title {
    font-size: 26px !important; /*20230601 overriding to force the H1 to look like the old H3 in the detail titles */
    margin-top: 15px !important; /*20230601 overriding to force the H1 to look like the old H3 in the detail titles */
    margin-bottom: 0px !important; /*20230601 overriding to force the H1 to look like the old H3 in the detail titles */
    color: #1A4D66;
}

.panel-default .panel-body h2 {
    font-size: 16pt;
    color: #1A4D66;
}

.space40 {
    width: 100%;
    height: 40px;
    clear: both;
}


/*.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px 10px;
}
.table-condensed .glyphicon {
    margin-right: 5px;
}*/

.table-striped > tbody > tr {
    border: none;
}

    .table-striped > tbody > tr:nth-child(odd) > td,
    .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #D8E5EE;
    }

#search-container {
    /*margin-right: -30px;*/
}

    #search-container .glyphicon {
        position: absolute;
        top: 15px;
        right: 30px;
        font-size: large;
        transform: rotateY(180deg);
    }

#search {
    border: none;
    padding: 15px;
    margin: 0px;
    background: #4C9BC2;
    color: #1F6486;
}

    #search:hover {
        /*background: #E6EFF8;*/
    }

    #search:focus {
        background: #E6EFF8;
    }

    #search::-ms-clear {
        display: none;
    }

.header-contact {
    background: #3399CC;
    color: #FFFFFF;
    padding: 15px;
}

.footer-item {
    display: block;
    color: #FFFFFF;
    margin-bottom: 10px;
}

    .footer-item a {
        color: #FFFFFF;
    }

        .footer-item:hover,
        .footer-item:visited,
        .footer-item a:hover,
        .footer-item a:visited {
            color: #FFFFFF;
        }


footer .panel-heading {
    background: #FFFFFF !important;
}

    footer .panel-heading h3 {
        color: #1A4D66;
    }

/*.main-page h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid darkgray;
    font-weight: lighter;
}*/

.main-page ul {
    padding-left: 24px;
    list-style-type: square;
}

.main-page li {
    /*margin: 5px 0px;*/
}

.sntc-staff {
    display: table;
    margin: 20px 0px 25px 20px;
    color: black;
}

    .sntc-staff:hover, .sntc-staff:focus {
        text-decoration: none;
        color: black;
    }

    .sntc-staff > div {
        display: table-cell;
        vertical-align: top;
    }
    /* 20220711 - Changed from 100px(W&H), 50px(radius) */
        .sntc-staff > div > figure {
            width: 150px;
            height: 150px;
            border-radius: 75px;
            overflow: hidden;
            border: 1px solid lightgray;
        }

            .sntc-staff > div > figure > img {
                width: 100%;
            }

    .sntc-staff > aside {
        display: table-cell;
        vertical-align: top;
        padding: 25px 10px 5px 15px;
    }

/*.staff {
    width: 100px;
    height: 100px; 
    border-radius: 50px;
    overflow: hidden;
    float: left;
    margin: 15px 15px 15px 0;
    border: 1px solid lightgray;
}*/

.sntc-details {
    min-height: 830px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}



.sntc-card {
    position: relative;
    height: 650px;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    transition: all 0.25s;
}

    .sntc-card:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .sntc-card .panel-body br {
        display: none;
    }

    .sntc-card .panel-title {
        margin-bottom: 10px;
        font-size: 26px !important; /* 20230616 override the h3 which is only 18px.*/
    }

    .sntc-card .panel-footer {
        position: absolute;
        width: 100%;
        bottom: 0px;
        padding: 45px 25px 15px 25px;
        border: none;
        background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 40px);
    }

    .sntc-card .panel-footer div.row:last-child {
        padding: 20px 0 10px 0;
        margin: 0px -7.5px;
    }

.sntc-card-med-height {
    position: relative;
    height: 405px;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    transition: all 0.25s;
}

    .sntc-card-med-height:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .sntc-card-med-height .panel-body br {
        display: none;
    }

    .sntc-card-med-height .panel-title {
        margin-bottom: 10px;
    }

    .sntc-card-med-height .panel-footer {
        position: absolute;
        width: 100%;
        bottom: 0px;
        padding: 45px 25px 15px 25px;
        border: none;
        background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 40px);
    }

        .sntc-card-med-height .panel-footer div.row:last-child {
            padding: 20px 0 10px 0;
            margin: 0px -7.5px;
        }

.sntc-stub {
    width: 100%;
    height: 400px;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    transition: all 0.25s;
}

    .sntc-stub:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .sntc-stub .panel-heading > * {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .sntc-stub .panel-title {
        margin-bottom: 10px;
    }

    .sntc-stub .panel-footer {
        border: none;
        background: none;
    }

.sntc-shortstub {
    width: 100%;
    height: 210px;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    transition: all 0.25s;
}

    .sntc-shortstub:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .sntc-shortstub .panel-heading > * {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .sntc-shortstub .panel-title {
        margin-bottom: 10px;
    }

    .sntc-shortstub .panel-footer {
        border: none;
        background: none;
    }
/*@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #F0F0F0 !important;
    }
}*/

.modal {
    z-index: 50000;
}

.nav-tabs > li > a {
    padding: 8px;
}

.main-background.banner {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {

    /*.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #F0F0F0 !important;
    }*/

    /*.navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 45px;
    }*/

    /*.navbar-nav .open .dropdown-menu .dropdown-header {
        color: #C0C0C0;
    }*/

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #A0A0A0;
    }

    .main-background.banner {
        background-size: auto 100% !important;
    }

}

@media (max-width: 980px) {

    .sntc-details {
        min-height: initial;
    }

    .main-background.banner {
        background-size: auto 100%;
    }

}


.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #A0A0A0;
}

#footer-image {
    position: relative;
}

#footer-image a {
    display: block;
    position: absolute;
    width: 3%;
    height: 9%;
}

/* 20220110 Added the following 3 because they were on production but no in development */
a.btn-link2 {
    font-weight: 700;
    color: #1F6486;
    text-decoration: underline;
}

staffname, .staffname {
    font-size: 105%;
    line-height: 14px !important;
    font-weight: 600;
}

boldtext, .boldtext {
    font-weight: 600;
}

/* 20230515 -  Added tab styles from DataImport page*/
.group4:before,
.group4:after { content:""; display:table; }
.group4:after { clear:both;}
.group4 { zoom:1; /* For IE 6/7 */ }
.section4 {	clear: both;	padding: 0px;	margin: 0px;}
.col4 {	display: block;	float:left;	margin: 0;}
.col4:first-child { margin-left: 0; }

.span1_of_4 {	width: 25%; position:relative; height:115px;}
.span1_of_4:hover {background:#B93E96; cursor:pointer; border-bottom:3px solid #004260;}

.data-manager-nav-wrapper {
    width: 100%;
    /*min-width: 650px;*/
    height: 55px;
    background: #D8E5EE;
    border-bottom: 3px solid #004260;
}

.buttonSep {
    width: 2px;
    height: 50%;
    background: #004260;
    position: absolute;
    right: -2px;
    top: 25%;
    z-index: 99;
}

.tabTxt {
    /*width: 96%;*/
    position: relative;
    margin: 0 auto;
    color: black;
    font-family: 'Work Sans', Helvetica, serif;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 16px;
    /*text-align: center;*/
    padding: 5px 0 0 0;
    height: 70px;
}

.clearme {clear:both;width:100%;}
.space3 {width:100%;height:3px;}
.space5 {width:100%;height:5px;}
.space8 {width:100%;height:8px;}
.space10 {width:100%;height:10px;}
.space15 {width:100%;height:15px;clear:both;}
.space20 {width:100%;height:20px;clear:both;}
.space25 {width:100%;height:25px;margin:0px 0 0 0;}
.space30 {width:100%;height:30px;margin:0px 0 0 0;}
.space33 {width:100%;height:33px;margin:0px 0 0 0;}

.space35 {width:100%;height:35px;margin:0px 0 0 0;}
.space40 {width:100%;height:40px;margin:0px 0 0 0;}
.space45 {width:100%;height:45px;margin:0px 0 0 0;}
.space50 {width:100%;height:50px;margin:0px 0 0 0;}

h4 {font-size: 12px !important; font-weight:600 !important;}
h5 {font-size: 15px !important; font-weight:600 !important;}

.youmaybeint {
    
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 25px 0px 100px 0px !important;
    padding: 25px 0px 100px 0px !important;
}

@media (max-width: 1024px) and (min-width : 891px) {
    .tabTxt {
        font-size: 15px;
    }
}

@media (max-width: 890px) {
    .tabTxt {
        font-size: 14px;
        line-height: 18px;
        padding-top: 35px;
    }

    .span1_4 {
        width: 48%;
        margin: 10px 0;
    }
}