body{
    background:#fff;
    font-size:13px;
    font-family: 'robotoregular', sans-serif;
    color:#002834 !important;
    line-height:1.42857143;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

label{
    color:#002834 !important;
}

li a{
    color: #5ab0b0; 
}

pre{
    font-size:13px;
    font-family: 'robotoregular', sans-serif;
    color:#002834 !important;
}

a {
    color:#5ab0b0;
    transition:color .1s ease-in-out;
    text-decoration:none;
    /**color:#002834;**/
    font-family: 'robotomedium', sans-serif;
    cursor:pointer !important;
}

span.full-width-phone { vertical-align:top; }
div.full-width-phone { vertical-align:top; }

a:hover{
    color: #408EA4;
    text-decoration: none;
}

a.employmentHistoryHover:hover{
    color: #66C4C4;
    text-decoration: none;
}

a.myDocumentsHover:hover{
    color: #b0dad9;
    text-decoration: none;
}

a.membershipCardHover:hover{
    color: #c5e1b8;
    text-decoration: none;
}

a.educationTrainingHover:hover{
    color: #66c4c4;
    text-decoration: none;
}

a.trainingCalendarSearchHover:hover{
    color: #65c3c3;
    text-decoration: none;
}

a.trainingEventsHover:hover{
    color: #65c3c3;
    text-decoration: none;
}

a.resumeBuilderHover:hover{
    color: #c3e2b6;
    text-decoration: none;
}

a.whereToSubmitEducationHover:hover{
    color: #4090a4;
    text-decoration: none;
}

a.stipendModuleApplicationHover:hover{
    color: #c5e1b8;
    text-decoration: none;
}

a.stipendApplicationRequestHover:hover{
    color: #b0dad9;
    text-decoration: none;
}

a.gatewayPassportHover:hover{
    color: #397F93;
    text-decoration: none;
}

a.trainingEnrollmentsHover:hover{
    color: #66c4c4;
    text-decoration: none;
}

a.jobBoardSearchHover:hover{
    color: #468ba8;
    text-decoration: none;
}

a.emailRegistryHover:hover{
    color: #b0dad9;
    text-decoration: none;
}

a.helpDeskRegistryHover:hover{
    color: #c5e1b8;
    text-decoration: none;
}

a:active{
    color: #408EA4;
    text-decoration: none;
}

a:focus{
    outline:0;
}

.h1,h1{
    font-size:36px;
    font-family: 'robotobold', sans-serif;
}

.h2,h2{
    font-size:23px !important;
    font-family: 'robotomedium', sans-serif;
}

.h3,h3{
    font-size:16px !important;
    color: #002834;
}

.font-normal{
    font-weight: normal !important;
}

.font-bold{
    font-weight: bold !important;
    color: #002834;
}

.font-italic{
    font-style: italic;
    color: #002834;
}

.btn {
    background-color:#408EA4; 
    color:#fff; 
    border-radius:50px;
}

.btn.btn-primary,.btn.btn-primary[disabled]{
    color: #fff !important;
    min-width:80px;
    background: #408EA4 !important;
    border-color: #408EA4 !important;
}

.input-radius{ 
    border-radius: 25px; 
    background:#fff;
} 

.btn.btn-primary{
    border-right-color:#397F93;
    background: #408EA4;
}

.btn-login{ 
    background:#D77975;
    color: #fff;
    font-size: 19px;
}

.btn-login:hover{ 
    background:#a64540;
    color: #fff;
}

.btn-login:focus{ 
    background:#a64540;
    color: #fff;
}

input:focus, image:focus {
    outline: 2px solid #408EA4;
}

.image-focus:focus, .footer-focus a:focus{
    outline: 2px solid #408EA4;
}

.footer-link a:focus, .dropdown a:focus, .fl-focus a:focus {
    opacity: 0.6;
}

.btn-focus:focus{
    color: #d77975 !important;
}

.show>.btn-primary.dropdown-toggle{
    background:#255a69;
    border-color:#255a69;
}

.btn-secondary:hover,.btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover,.show>.btn-primary.dropdown-toggle{
    background:#255a69 !important;
    border-color:#255a69 !important;
}

.btn-outline-light:hover{
    border-color:#d77975 !important;
    color:#d77975 !important;
}

.btn-outline-light{
    border-radius: 50px !important; 
    background:#fff !important;
    border-color:#d77975 !important;
    color: #000;
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
   background:#408EA4!important;
   border-color:#408EA4!important;
   color:#fff;
}

.sidebar-minify-btn{
    margin:10px 0;
    float:right;
    padding:5px 20px 5px 10px!important;
    background:#d77975;
    color:#fff;
    border-radius:20px 0 0 20px;
}

.sidebar-minify-btn:focus,.sidebar-minify-btn:hover{
background:#d77975 !important;
}

.sidebar-minify-btn i{
    margin:0!important;
    color:#fff;
}

.nav1>li> a.sidebar-minify-btn:focus,.nav1>li> a.sidebar-minify-btn:hover {
    color: #fff !important; 
    background: #d77975 !important; 
    opacity: 0.61 !important;
}

.nav1>li>a:hover{
    color:#fff !important;
    background:#65c4c4 !important;
}

.navbar-nav>li>a:hover{
    opacity: 0.6; 
} 

.panel-title,.panel-inverse>.panel-heading{
    min-width:90%;
    background:#397F93;
    line-height:28px;
}

.sidebar .nav1{
    width: 235px !important;
}
/*
.navItem a:hover{
    color:#fff !important;
    background:#65c4c4 !important;
    text-decoration: none;
}
*/
.navItem a {
    color:#002834 !important;
    text-decoration: none;
}

.navItemGroupMember a {
    color:#fff !important;
    background:#397F93 !important;
    text-decoration: none;
}

.navItemGroupMember {
    background-color: #397F93;
    color: #fff;    
}
/*
.itemGroupName::after {
    content: '^';
    font-size: 15px;
    margin-left: 5px;
    color: #397F93;
    font-weight: bold;
}
*/
.itemGroupName {
    font-weight: bold;
    font-family: 'robotoregular', sans-serif;
}

/* General styles for the flyout menu */
#newNavContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 300px; /* Adjust the width as needed */
    height: 100%;
    background-color: #C5E4E6; /* Background color of the menu */
    z-index: 9999;
    overflow-y: auto; /* Enable scrolling if content overflows */
    padding: 10px;
    box-sizing: border-box;
}

#newNavContainer .closeNav {
    font-size: 20px;
    font-weight: bold;
    float: left;
    margin-right: 5%;
    cursor: pointer;
    color: #000;
}

#newNavContainer hr {
    border: none;
    border-top: 2px solid #397F93;
    margin: 20px 0;
    height: 0;
    background: none;
    box-shadow: none;
}

b.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

b.caret {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    border: none;    
    transform: rotate(90deg);
    color: #397F93;
}

b.caret-rotate {
    transform: rotate(-90deg);
}

b.caret:before {
    content: "\f054";
    display: block;
    text-align: center;
    
    transition: all .2slinear;
    font-size: 14px;
    
    font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

#newNavContainer .navItem {
    margin-right: 5%;    
    padding-left: 20px;
    
}

#newNavContainer .navItem a {
    color: #002834 !important;
    text-decoration: none;
    font-family: 'robotoregular', sans-serif;
    display: block;    
}

#newNavContainer .navItem a:hover {
    cursor: pointer;
}

#newNavContainer .navItemGroup {
    margin-top: 5px;
}

#newNavContainer .navItemGroupMember {
    background-color: #397F93;
    color: #fff;
    /*margin-right: 2%; */
    margin-top: 5px;
    margin-left: 10px;   
    margin-bottom: 3px;
    border-radius: 10px;
}

#newNavContainer .navItemGroupMember a {
    color: #fff !important;
    background: #397F93 !important;
    text-decoration: none;
    display: block;
    padding: 10px;
    border-radius: 10px;
}
/*
#newNavContainer .itemGroupName::after {
    content: '^';
    font-size: 15px;
    margin-left: 5px;
}
*/
.hamMenuHeader .mobile-only {
    display: none;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .menu-icon {
        display: block;
    }

    #newNavContainer {
        width: 100%; /* Make the menu take the full width on smaller screens */
        height: calc(100% - 40px); /* Make the menu take the full height on smaller screens */
        top: 40px;
        padding: 0px;
    }

    #newNavContainer .navItem {
        margin-right: 0;
        float: none;
        padding-left: 10px;
        padding-right: 10px;
    }

    #newNavContainer .navItem a {
        font-size: 13px;
    }

    #newNavContainer .navItemGroupMember a {
        font-size: 13px;
    }


    .hamMenuHeader {
        display: flex;
        align-items: center;        
        background-color: #fff;
        padding: 0px;
    }
    .hamMenuHeader .closeNav, #newNavContainer .closeNav {
        margin-left: 5%;
        color: #000;
        padding: 10px;
        float: left;
    }

    #newNavContainer hr {
        margin-top: 0;
    }

    .hamMenuHeader .mobile-only {
        display: block;
        max-width: 200px; /* Adjust the size as needed */
        height: 115px;
        padding:  0px;
        border: 0px;
        margin-left: 15px;
    }    
/*
    .itemGroupName {
        font-size: 16px;
        font-weight: bold;
    }
  */    
  body {
    
    overflow-y: auto; /* Enable vertical scrolling */
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #397F93 #f1f1f1; /* Firefox */
    }
}

.sidebar{
    padding-top: 0 !important;
}

.sidebar .sub-menu>li>a:hover{
    opacity: 1 !important;
}

.sidebar .sub-menu>li.active:after,
.navItemGroup .sub-menu>li.active:after{
    border-color:#408EA4;
}

.sidebar-minify-btn .nav1>li>a:hover{
    background:#d77975 !important;  
}

.sidebar .nav1>li>a:hover{
    opacity: 0.6;
}

.sidebar, .sidebar-bg{
    background:#C5E4E6 !important;
}

.sidebar .nav1>li>a:hover{
    opacity: 0.6;
}

.sidebar .nav1>li>a {
    color:#002834;
}

.sidebar .sub-menu>li>a {
    padding: 3px 20px 3px 15px;
    display: block;
    color: #002834;
    text-decoration: none;
    position: relative;
    opacity: 0.6 !important;
}

.sidebar .sub-menu>li.active>a, .sidebar .sub-menu>li.active>a:focus, .sidebar .sub-menu>li.active>a:hover, .sidebar .sub-menu>li>a:focus, .sidebar .sub-menu>li>a:hover{
    color: #002834;
}

.sidebar .nav1>li>a:focus, .sidebar .nav1>li>a:hover{
    color: #002834;
}

.sidebar .sub-menu>li.active>a {
    opacity: 1 !important;
}

.sidebar .nav1>li.active>a {
    color:#333 !important;
    background:#D77975 !important;
}

.sidebar .nav1>li.active>a i {
    color: #002834 !important;
}

.sidebar .sub-menu>li.active:after,
.natItemGroup .sub-menu>li.active:after{
    border-color: #D77975 !important;
}

.header .navbar-nav>li .dropdown-toggle, .header .navbar-nav>li>a{
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.min-header-height{
    padding-top:6px;
    min-height: 40px !important;
}

.min-header-index-height{
    padding-top: 9px;
    min-height: 48px !important;
}

.show>.btn-primary.dropdown-toggle{
    background:#255a69;
    border-color:#255a69;
}

.table-striped>tbody>tr:nth-child(odd)>th{
    background:#f2f3f4;
} 

.table-striped>tbody>tr:nth-child(odd)>th{
    background: #397F93;
}

.table-white>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
} 

.table-striped>tbody>tr:nth-child(odd)>td{
    background: #c8e9f3;
}

.table-hover>tbody>tr:hover>td{
    background:#D77975!important;
    color:#fff;
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: list-item !important;;
    min-width: 150px !important;
    font-weight: bold;
}

.td-w-5 {
    width:5%;
} 
.td-w-90 {
    width:90%;
} 
.td-w-100{ 
    width:100%;
} 

.fontMedium { 
    font-size:14px;
    font-family: 'robotomedium';
} 

#welcome-showcase{
    min-height:200px;
    font-size:16px;
} 

#welcome-showcase h1,#welcome-showcase h2{ 
    text-align:center;
} 

#welcome-showcase h2, .fontMedium{ 
    font-family: 'robotomedium';
} 

#welcome-showcase h1{ 
    font-weight:bold;
} 

#header-showcase{
    min-height:125px;
} 

#header-showcase-contact{
    float:right;
    margin-top:25px;
}

#header-showcase-menu{
    float:right;
    margin-top:25px;
}

#showcase{
    min-height:100px;
} 

#resourceBannerBox{
    height: 42px;
    background: linear-gradient(180deg, #3C9EA5 0%, #347C7F 100%);
    text-align: center;
}

.visitResourceText{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    padding-top: 5px;
    padding-right: 5px;
}

.registryResourceButton{
    padding: 6px 20px;
    gap: 10px;
    height: 31px;
    left: 42.93%;
    right: 35.29%;
    top: calc(50% - 31px/2 - 396.5px);
    background: linear-gradient(180deg, #FFFFFF 0%, #DBDBDB 100%);
    border-radius: 20px;
    margin-top: 5px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    border: none;
    cursor: pointer;
}

#splash-logo{
    height:115px; 
    width:auto; 
    padding:15px 0 15px 0px; 
    z-index: 1;
} 

#splash-image{ 
    width:100%; 
    height: 100%; 
    margin:0;
} 

#splash-box{
    background-image:url(images/splash_image.jpg); 
    background-repeat: no-repeat; 
    min-height:400px; 
    background-size:cover; 
    position:relative; 
    background-position:center; 
} 

#splash-image{ 
    width:100%; 
    height: 100%; 
    margin:0;
} 
#splash-box {
    background-image:url(images/splash_image.jpg); 
    background-repeat: no-repeat; 
    min-height:400px; 
    background-size:cover; 
    position:relative; 
    background-position:center; 
} 

#splash-overlay-logo { 
    position:absolute;
    z-index: 2;
    top:200px;
    height:194px;
    max-width:100%; 
} 

#splash-search-image .search-image{
    background-image:url(images/search_training_calendar.png); 
    background-repeat: no-repeat; 
    background-size: 90% 100%; 
    background-position: center;
}

#splash-search-image {
    width:110px;
    width:100%;
    height:85px;
    padding:0 5px 0 0;
    border:1px solid #408EA4;
} 

#splash-profile-image .search-image{
    background-image:url(images/registry_profile_video.png); 
    background-repeat: no-repeat; 
    background-size: 90% 100%; 
    background-position: center;
}

#splash-profile-image {
    width:110px;
    width:100%;
    height:85px;
    padding:0 5px 0 0;
    border:1px solid #65C4C4;
} 

#splash-help-image .search-image{
    background-image:url(images/registry_help_desk.png); 
    background-repeat: no-repeat; 
    background-size: 90% 100%; 
    background-position: center;
}

#splash-help-image {
    width:110px;
    width:100%;
    height:85px;
    padding:0 5px 0 0;
    border:1px solid #C4E2B7;
} 

#splash-profile-title { 
    text-align:center;
    font-size: 16px !important;
} 

.createProfile {
    font-size: 16px !important;
}

#splash-login-title { 
    text-align:center;
    background-color:#DAEEF4;
    font-size: 16px !important;
} 

#splash-box-container{
    position:relative;
}

#splash-box-container img{
    width:100%;
}

#splash-login{ 
    text-align:center;
    background-color:#DAEEF4 !important;
    min-height: 310px;
} 

#splash-overview-image .search-image{
    background-image:url(images/registry_overview_video.png); 
    background-repeat: no-repeat; 
    background-size: 90% 100%; 
    background-position: center;
}

#splash-overview-image { 
    width:110px;
    width:100%;
    height:85px;
    padding:0 5px 0 0;
    border:1px solid #C4E2B7;
}

#splash-resource-image .search-image{
    background-image:url(images/registry_resources.png); 
    background-repeat: no-repeat; 
    background-size: 90% 100%; 
    background-position: center;
}

#splash-resource-image { 
    height:85px; 
    width:110px;
    width:100%;
    padding:0 5px 0 0;
    border:1px solid #C4E2B7;
}

#splash-faq-image .search-image{
    background-image: url(images/frequently_asked_questions.png); 
    background-repeat: no-repeat; 
    background-size: 90% 100%; 
    background-position: center;
}

#splash-faq-image { 
    width:110px;
    width:100%;
    height:85px;
    padding:0 5px 0 0;
    border:1px solid #C4E2B7;
}

.splash-image-view { 
    width:100%;
    display:inline-block;
    vertical-align:top;
} 

.splash-image-button { 
    height:50px; 
    width:50px;
} 

.splash-login{ 
    width:65%;
    margin:auto; 
} 

.login-content{
    min-height:317px;
}

.splash-participants-img,.splash-instructors-img,.splash-trainings-img { 
    width:100px;
    height:auto;
} 

#logo-box {
    background-image:url(images/splash_logo_background_bottom.png); 
    background-repeat: no-repeat; 
    height:125px; 
    position:relative;
    background-size: 100% auto;
} 

.splash-icon-wrap{
    display:flex;
    flex-flow: row wrap;
    justify-content:space-evenly;
}

.logo-management-wrap,.registry-help,.home-dash-help{
    display:flex;
    flex-wrap:wrap;
    height:100%; 
}

.registry-help > div.right{
    width: 28%;
    height: 100%;
    min-height: 585px;
}

.registry-help > div.left{
    width: 72%;
    height: 100%;
    min-height: 585px;
    padding-right: 10px;
}

.home-dash-help>div{
    width: 33.33%;
    height: 100%;
}

.home-dash{
    display:flex;
    flex-wrap:wrap;
}

.home-dash>div{
    width:calc(100% - 10px);
    margin-bottom: 10px;
    padding:10px;
    border-radius: 25px;
    text-align:center;
    background:#C5E4E6;
    border-color:#C5E4E6 !important;
    cursor: pointer;
}

.home-dash>div:hover{
    background: #AFDADA;
    color: #002834;
    border-color:#AFDADA  !important;
}

.quicklink-dash{
    display:flex;
    flex-wrap:wrap;
    text-align:center;
}

.quicklink-dash>div{
    width:calc(25% - 10px);
    margin-bottom: 10px;
    padding:10px;
    margin: 0 auto;
}
 
footer .navbar-nav>li>a{
    color:#fff;
} 
footer .navbar-nav>li>a:hover{
    opacity: 0.6; 
} 

@media (min-width: 769px) and (max-width: 1000px) {
    .morePaddingTop {
        padding-top: 2rem !important;
    }
}

footer { 
    margin-left:0px;
    text-align:center;
    background:#408EA4;
    color:#fff;
    height:35px;
    vertical-align:middle;
    bottom:0;
    width: 100%;
    box-sizing: border-box;
} 
.footer-image{
    display:inline-block;
    padding: 25px 10px 0 25px;
} 
.partnerFooter{
    width: 100%;
    height: auto;
    text-align: center;
    padding-top:15px;
} 
.footer-link{
    list-style:none;
    display:inline-block;
    padding-right:15px; 
} 
.partnerFooter ul{
    list-style:none;
    display:flex;
    flex-flow: row wrap;
    justify-content:space-evenly;
    margin-left:0px;
    padding-left:0px;
} 
.partnerFooter ul span{
    display:inline-block;
    margin: 0px;
    padding:0px; 
} 

.footer-display {
    list-style:none;
    display:block;
} 
.footer-image{ 
    width:110px;
    /* padding:5px; */
} 

.footer-display{ 
    overflow: hidden; 
    bottom: 0;
    list-style-type:none;
    margin:0;
    padding:0;
    display:block;
} 
  
    
footer .footer-display>li>a{
    color:#fff; 
    padding: 14px 16px;
} 
footer .footer-display>li>a:hover{
    opacity:0.6;
} 

.search-image {
    width:20%;
    height:85px;
}

.search-title {
    font-size:18px !important;
    width:65%;
    text-align:left;
    height:85px;
    font-weight:bold;
} 

.search-button {
    width:10%;
    height:85px;
} 
.searchHeader{
    color:#fff;
    transition:color .1s ease-in-out;
} 
.searchHeader:hover{
    color:#daeef4; 
    text-decoration:none;
}
.searchHeader:focus{
    outline:0;
}

.containerX {
    display: flex; /* or inline-flex */
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
}

.itemX {
    order: 4;
    width: 22%;
    min-width: 330px;
    margin: 10px 14px 10px 14px;
}

.no-wrap{
    white-space: nowrap !important;
}

.height-100-p{
    height: 100% !important;
}

.width-100-p{ 
    width: 100% !important;
} 

.width-97-p{ 
    width: 97% !important;
}

.width-5-p { 
    width: 5% !important; 
}

.width-10-p { 
    width: 10% !important; 
}

.width-11-p { 
    width: 11% !important; 
}

.width-15-p { 
    width: 15% !important; 
}

.width-80-p { 
    width: 80% !important; 
}

.width-85-p { 
    width: 85% !important; 
}

.width-90-p { 
    width: 90% !important; 
}

.width-50-p { 
    width: 50% !important; 
}

.width-20-p { 
    width: 20%; 
}

.width-25-p { 
    width: 25% !important; 
}

.width-30-p { 
    width: 30% !important; 
}

.width-35-p { 
    width: 35% !important; 
}

.width-40-p { 
    width: 40% !important; 
}

.width-45-p { 
    width: 45% !important; 
}

.height-25-p{
    height: 25px !important;
}

.width-1-p { 
    width: 1% !important; 
}

.width-60-p{
    width: 60% !important;
}

ul.navbar-right>li{
    color:red !important;
}

.header-l {
    font-size:23px; 
    font-weight: bold; 
    color: #002834;
}

.center-content{
    justify-content: center;
}

.inner-header{  
   /*background-image:linear-gradient(to right, rgba(255,255,255,0), rgba(64,142,164,1)) !important;
    background: #408EA4 !important;*/
    background-image:url(images/splash_logo_background_bottom.png) !important; 
    background-repeat: no-repeat !important; 
    /*height:105px;*/ 
    position:fixed;
    background-size: 100% auto !important;
    margin-top: 40px;
}

.inner-resource-header{
    margin-top: 145px;
}

.outer{
    background:#408EA4 !important; 
}
.header.navbar-default{
    background:#fff;
}
.header.navbar-default .brand,.header.navbar-default .navbar-brand{
    color:#fff;
}
/*
.header.navbar-default .navbar-toggle .icon-bar{
    background:white;
}
    */
.header.navbar-default .navbar-nav>li .dropdown-toggle,.header.navbar-default .navbar-nav>li>a{
    color:#fff;
}
.headerfont{
    font-size:16px !important;
    color:#fff !important;
}
.headerColor{
    background: #daeef4 !important;
}

.ml-2{
    margin-left:2px;
}

.m-t-100{
    margin-top:100px !important;
}

.m-t-150{
    margin-top:150px !important;
}

.m-t-140{
    margin-top:140px !important;
}

.m-t-145{
    margin-top:145px !important;
}

.m-t-185{
    margin-top:160px !important;
}

.m-t-202{
    margin-top:202px !important;
}

.m-t-25{
    margin-top:25px !important;
}

.m-t-neg5{
    margin-top:-5px !important;
}

.m-r-1-5rem{
    margin-right: 1.5rem !important;
}

.p-l-10{
    padding-left:10px;
}

.p-l-11{
    padding-left:11px;
}

.p-r-10{
    padding-right:10px;
}

.p-r-15{
    padding-right:15px;
}

.p-l-2rem{
    padding-left: 2.25rem !important;
}

.p-l-6rem{
    padding-left: 6rem !important;
}

.p-r-5{
    padding-right:5px;
}

.p-l-5{
    padding-left:5px;
}

.p-t-5{
    padding-top:5px;
}

.p-t-10{
    padding-top:10px !important;
}

.p-t-15{
    padding-top:15px !important;
}

.p-t-19{
    padding-top:19px;
}

.p-t-20{
    padding-top:20px;
}

.p-t-25{
    padding-top:25px;
}

.p-t-28{
    padding-top:28px;
}

.p-t-33{
    padding-top:33px;
}

.paddTop-35{
    padding-top:35px;
}

.paddLeft-40{
    padding-left:40px;
}

.p-t-50{
    padding-top:50px;
}

.p-t-65{
    padding-top:65px;
}

.p-b-5{
    padding-bottom:5px;
}

.p-b-10{
    padding-bottom:10px !important;
}

.p-b-15{
    padding-bottom:15px;
}

.p-b-20{
    padding-bottom:20px;
}

.p-10{
    padding:10px;
}

.p-lr-20{
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.h-115{
    height:115px;
}

.profile-height{
    height:43px;
}

.label-padding{
    padding-top: .1rem!important;
    padding-bottom: .1rem!important;
}

.panel-heading{
    margin-top: -5px !important;
}

.panel-body{
    min-height: calc(100vh - 342px);
    padding-left: 0 !important;
    padding-right: 0 !important;    
}

.z-index-aboveHeader{
    z-index: 1222 !important;
}

.content{
    padding-top: 140px !important;
    margin-left: 0px !important;
}

.fl-r{
    float:right;
}

.fl-l{
    float:left;
}

.fa-color{
    color:#408EA4;
}

.fa0-fa-color{
    color:#65c4c4;
}

.fa1-fa-color{
    color:#D0E9E5;
}

.fa2-fa-color{
    color:#C4E2B7;
}

.list-no-dots, .tagCollection{
    list-style: none;
}

.list-dot li{
    margin: 5px;
}

ul.tagCollection {
    padding: 0;
}

ul.tagCollection li {
    display: inline;
    padding-right: 5px;
    cursor: pointer;
}

.avoidWrap { 
    display:inline-block; 
    margin:3px 3px 3px 3px;
}

.display-inline{
    display:inline-block;
}

.contactHeader{
    font-weight: 700 !important; 
    color: #408EA4;
}

.table-header {
    color:white !important;
    font-size:16px;
}

table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
    background-color: #397F93 !important;
    height: 15px !important;
}

table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before{
    background-color: #d33333 !important; 
}

ul.leaders {
    max-width: 45em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
    }
ul.leaders li{
    padding-bottom:18px;
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
}

.quick-search{
    padding-right:0;
    padding-left:0;
    width:100%;
}

.hljs-wrapper{
    width: fit-content !important;
    background: #D0E9E5 !important;
}

.note.note-default, .note.note-secondary{
    border-color: #D77975 !important;
    background: #DAEEF4!important;
}

.dropdown-menu.media-list {
    max-width: 400px !important;
    padding: 0;
}

.error {
    margin: 0 auto;
    text-align: center;
    color: #cc4946 !important;
}

a i.fa-edit {
    color:#408EA4;
}

.ui-dialog .ui-dialog-buttonpane button{
    background-color:#408EA4 !important; 
    border: 1px solid transparent !important;
    color:#fff !important;
    font-weight: 600 !important;
    border-radius:50px !important;
    margin-right:10px!important;
    transition: all .1s ease-in-out !important;
    box-shadow: none!important;
    text-align: center !important;
    vertical-align: middle !important;
}

.ui-dialog { 
    z-index: 999999 !important ;
}

.modal-header{
    background: #408EA4 !important;
    color:#FFFFFF !important;
}

.modal-title{
    color:#FFFFFF !important;
}

.dt-buttons.btn-group {
    float: right !important;
    margin-bottom: 1.5rem !important;
}

.datepicker {
    z-index: 99999 !important;
}

.filer-form-background{
    background: #DAEEF4 !important;
    border: solid thin;
    border-color: #D77975;
}

.header-b-l,.header-b-m{
    text-align:center;
    height:75px;
    background-color: #DAEEF4;
    border-top:1px solid black;
    border-left:1px solid black;
}

.header-b-r{
    text-align:center;
    height:75px;
    background-color:#DAEEF4;
    border-top:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}

.border{
    border: 1px solid #408EA4!important;
}

.border-top{ border-top:1px solid black !important; }
.border-left{ border-left:1px solid black !important; }
.border-right{ border-right:1px solid black !important; }
.border-bottom{ border-bottom:1px solid black;}

.height-225{ height:225px !important;}
.height-50{ height:50px !important;}
.height-75{ height:75px !important;}
.height-150{ height:150px !important;}
.height-160{ height:160px !important;}
.height-215{ height:215px !important;}
.padding-t-205{ padding-top:205px !important;}
.padding-t-100{ padding-top:100px;}

.grey-highlight{ background-color:#d3d3d3; }

table.dataTable tbody>tr.selected, table.dataTable tbody>tr.selected td, table.dataTable tbody>tr>.selected {
    color: #fff !important;
    background-color: #D77975 !important; 
}

.invalid-msg{
    padding:25px 0 25px 0 !important;
    color:red !important;
    font-weight:bold !important;
    font-size:small !important;
}

.valid-msg{
    padding:25px 0 25px 0 !important;
    color:green !important;
    font-weight:bold !important;
    font-size:small !important;
}

.grey-out{
    background: #d3d3d3;
}

.panel{
    margin-top: 10px !important;
}

.panel-title-default{
    line-height: 40px;
    background: #397F93;
    color:#fff;
    padding-left:15px;
}

input[type=radio], input[type=checkbox]{
    vertical-align:middle !important;
    margin-bottom: 3.65px !important;
}

.border-bottom{
    border-bottom:1px solid black;
}

.table-fixed-column{
    table-layout: fixed !important;
}

.v-align-t{
    vertical-align: top !important;
}

/* Initiative Styling - Begin */

.b  {font-weight:bold;}
.fakelink           {text-decoration:underline;cursor:pointer;}
.fakelink:hover {text-decoration:none;}
div.add         {background-color:#ffffff;border-width:1px;border-style:solid;border-color:#c8e9f3;cursor:pointer;padding:0 8px;margin:0 0 0 0;text-align:center;}
div.add:hover   {background-color:#c8e9f3;}
div.added       {margin:1px 0 0 0;text-align:center;}
div.colsort     {display:inline-block;cursor:pointer;}
div.colsort:hover   {text-decoration:underline;}
td.bgcCAgreen   {background-color:#397F93;color:#ffffff;font-weight:bold;}
td.bgcCAsalmon  {background-color:#c8e9f3;}
td.bgcCAltgreen {background-color:#ccffcc;}
span.fieldOK    {display:none;}
span.fieldBad   {color:#cc0000;}
span.arrow      {color:#a9c6e9;}
td.initMan      {padding:0 5px;}
td.initManSearchRes     {padding:0 5px;height:28px;border-width:0 0 1px 0;border-color:#a51518;border-style:dotted;}
td.initMan10    {padding:0 10px;}
td.searchNavLink    {color:#ff7300;text-decoration:underline;cursor:pointer;}
td.searchNavLink:hover  {text-decoration:none;}
td.searchNavLinkDis {color:#9f9f9f;text-decoration:none;}
img.nav {width:17px;height:17px;cursor:pointer;}

/* Initiative Styling - End */

.unconfirm-yellow{
   background-color:#C4E2B7;
   border: 1px solid #888;
   border-radius:3px;
   padding:3px;
}
.confirm-blue{
   background-color:PowderBlue;
   border: 1px solid #888;
   border-radius:3px;
   padding:3px;
}

.unconfirm-bg{
    background-color:#C4E2B7; 
    border: 1px solid #888;
}

.confirm-bg{
    background-color:PowderBlue;
    border: 1px solid #888;
}

.showMobile{
    display:none;
}

.btn-accordian {
    background-color: #408EA4;
    color: #fff;
    border-radius: 0 !important;
}

.card-header{
    color: #fff !important;
    background: #408EA4 !important;
    border-color: #408EA4 !important;
}

.card-header:hover{
    background-color: #255a69 !important;
    border-color: #255a69 !important;
}

.card-header h2{
    color: #fff !important;
    font-size: 16px !important;
}

.card-body{
    background:#f2f3f4;
}

.menu-divider{
    border-right:1px solid #fff;
    height: 12px;
}

table.dataTable thead tr,table thead tr{
    background: #397F93 !important;
    
}

.table thead th, .table>thead>tr>th{
    color: #fff;
}

#filemanageList thead th{
    color: #fff;
}

.titleHeader{
    font-weight: 600 !important; 
    background-color: #daeef4;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 16px !important;
    color: #002834 !important;
}

.searchResultTitleHeader{
    font-weight: 600 !important; 
    background-color: #397F93;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 16px !important;
    color: #fff !important;
}

.initiativeHeader{
    background: #397F93 !important;
    color: #fff;
    font-weight: 600 !important;
}

.modalHeader{
    background: #397F93 !important;
    color: #fff;
    font-weight: 600 !important;
}

.content-non-user{
    margin: auto 0;
}

.text-muted{
    color: #002834 !important;
}

.input-group-addon{
    font-size: 13px !important;
}

#send-access-table_wrapper{
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

th.dt-center, td.dt-center { text-align: center; }

/*.toggle-on.btn-xs {
    padding-left: .001rem !important;
}
*/
.toggle-on.btn-xs {
    width: fit-content;
}

.toggle-off.btn-xs {
    width: fit-content;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: none;  /**/
}

/* Program Edit Page Tables */
/* Force table to not be like tables anymore */
.columnStackable-table table, .columnStackable-table thead, .columnStackable-table tbody, .columnStackable-table th, .columnStackable-table td, .columnStackable-table tr {
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.columnStackable-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.columnStackable-table tr {
    margin: 0 0 1rem 0;
    
}

.columnStackable-table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    width: 100% !important;
}

.columnStackable-table td:before {
    /* Top/left values mimic padding */
    top: 0;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

.div-border{
    border:1px solid #397F93;
}

.word-break{
    word-break: break-word;
}

.highlight-table-row, .fa-flag, .error{
    color:red;
}

.max-w-190{
    max-width:188px;
}

select[multiple]:focus option:checked {
    background: #b3b3b3 linear-gradient(0deg, #b3b3b3 0%, #b3b3b3 100%);
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.form-control {
    color:#002834 !important;
    font-size: 13px !important;
    font-family: 'robotoregular', sans-serif;
}

.left-sidebar-minify-btn{
    float:left !important;
    margin-left:15px !important;
}

.covid-cta{
	padding: 10px;
    background-color: #446eb9;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    width:100%; 
    margin-top:105px !important;
}

.covid-container{
    margin: 0 auto;
    padding: 0 5px;
}

.covid-cta a {
	color: #fff !important;
}

.covid-cta-splash{
    padding: 10px;
    background-color: #446eb9;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    width:100%;
}

.covid-cta-splash a {
	color: #fff !important;
}

.margin-auto{
    margin: 0 auto;
}

.js-modal-font-size{
    font-size:13px;
}

.ui-dialog-buttonset,.ui-widget button{
	font-size:13px;
	font-family: 'robotoregular', sans-serif !important;
}

ul.checkMark {
    list-style: none;
}

ul.checkMark li:before {
    content: '\2714\0020';
}

ul.nonCheckMark li:before {
    content: '';
}

.appheader{
    background-color:#cc0000;
    color:white;
    font-size:23px;
}

.alertheader{
    background-color:#cc0000;
    color:white;
    font-size:18px;
}

.content-inverse-mode .slimScrollBar, .inverse-mode .slimScrollBar, .sidebar .slimScrollBar{
    background: #408EA4 !important;
}

.slimScrollBar, .slimScrollRail {
    width:8px !important;
}

.searchHint{
    cursor: pointer;
}

.w-65{
    width:35%;
}

.w-65{
    width:65%;
}

/*.modal-xl{
    max-width: 975px !important;
}*/

.pr-9{
    padding-right:9px;
}

.error-color{
   color: rgb(204, 73, 70); 
}

.input-group .form-control:last-child, .input-group-addon:first-child, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #babdbe;
border-bottom: 16px solid #babdbe;
width: 120px;
height: 120px;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > a.dropdown-item:after {
    /*font-family: FontAwesome;
    content: "\f054";*/
    float: right;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

#educationTypeId{
    border-radius:2px; 
    text-decoration:none;
    width:200px;
    height: 40px;
    margin:0px;
}

#editEducationTypeID{
    border-radius:2px; 
    text-decoration:none;
    width:325px;
    height: 40px;
    margin:0px;
}

.modal{
    overflow-y: auto;
}

.navbar-nav, .medium-font, .footer-link{
    font-family: 'robotomedium';
}

#fadeout {
    opacity: 1;
    transition: 1s opacity;
    text-align: center;
    font-size:12px;
}

.btn-secondary {
    background-color: #5399AD !important;
    border-color: #5399AD !important;
    color: #fff !important;
}

.w-15{
    width: 15%;
}

.w-10{
    width: 10%;
}

.w-5{
    width: 5%;
}

.w-6{
    width: 6%;
}

.w-3{
    width: 3%;
}

.w-1{
    width: 1%;
}

.cursor-pointer{
    cursor: pointer;
}

.displayNone{
    display:none;
}

.valid-email-sent{
    color:green !important;
    font-weight:bold !important;
    font-size:small !important;
    padding-left: 5px
}

.collapsible {
	background-color: #fff;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 12px;
	margin-left:3px;
	margin-right:10px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) 
collapsible-div.active, .collapsible:hover {
	border: 1px solid #397F93;
}*/

/* Style the collapsible content. Note: hidden by default */
.expandableContent {
	display: none;
	overflow: hidden;
	background-color: #fff;
}

.icon-content:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 12px;
    color: white;
    float: right;
    margin-left: 200px;/**/
    padding-top:10px;
}
  
span.active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.tb-collapsible-header{
    border-top: 1px solid #397F93;
    border-bottom: 1px solid #397F93;
}

thead input {
    width: 100%;
}

.table-striped tbody tr:nth-of-type(odd){
    background-color: rgba(0,0,0,0);
}

.dataTables_scrollHead{
    padding-right:16px;
}

.width-200{
    width: 200px;
}

.dataTables_wrapper{
    width:100% !important;
}

#secondary-menu ul {
    list-style-type: none;
}

#secondary-menu ul li{
    display: inline;
}

.sub-Menu{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 138px;
    left: -10px;
    z-index: 10;
}

.sub-Menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #fff !important;
}

.sub-Menu ul li a {
    display: block;
    color: #000;
    font-weight: bold;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 13px !important;
}

/* Change the link color on hover */
.sub-Menu ul li a:hover {
    background-color: #408EA4 !important;
    color: #fff !important;
}

.sub-Menu ul li{
    display: inline;
}

.sub-Menu ul{
    float: right;
}

/* Style The Dropdown Button */
.dropbtn {
    background-color: #fff;
    color: rgb(168, 158, 158);
    font-weight: bold;
    padding: 10px;
    border: none;
    cursor: pointer;
}

.dropdown .dropbtn:hover {
    color: #fff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #DEF0F6;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #408EA4 !important; color: #fff;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #408EA4 !important;
}

#headerCovid{
    z-index:5;
}

:root {
    box-sizing: border-box;
  
    --secondary: #fff;
    --primary: #408EA4;
    --dark: #000;
    --submenu-color: #DEF0F6;
    --header-bg: var(--secondary);
  }
*,
*::after,
*::before {
box-sizing: inherit;
margin: 0;
/*padding: 0;*/
}

.branding-logo {
color: var(--dark);
font-size: calc(0.8rem + 1vw);
text-decoration: none;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
float: right;
z-index: 20;
height: 60px;
flex-flow: row nowrap;
width: 100%;
padding-right:0;
}

.menu {
display: flex;
flex-direction: row;
font-weight: bold;
background-color: rgba(255,255,255,0.65);
margin-top: 30px;
}

.menu li {
list-style: none;
}

.menu li a {
display: block;
text-decoration: none;
color: var(--dark);
padding: .5em 1.0em;
font-size: 13px;
}

/* Styling submenu */
.has-dropdown {
position: relative;
}
.submenu {
position: absolute;
left: 0;
background-color: var(--submenu-color);
white-space: nowrap;
padding: 1.5em 0;
min-width: 16em;

/* hide submenus */
opacity: 0;
transform: scaleY(0);
transform-origin: top center;
}
.submenu > li > a {
padding: 0.8em 1.5em;
}
.submenu .submenu {
left: -100%;
top: 0;
}
.submenu .submenu .submenu {
left: -100%;
top: 0;
} 

.menu > li:hover > a {
background-color: var(--primary);
color: var(--secondary);
}

.submenu > li:hover > a {
background-color: var(--primary);
color: var(--secondary);
}

/* Arrows */

.arrow {
width: 0.5em;
height: 0.5em;
display: inline-block;
vertical-align: middle;
border-left: 0.15em solid currentColor;
border-bottom: 0.15em solid currentColor;
transform: rotate(-45deg);
margin-top: -0.25em;
transition: transform 100ms ease-in-out;
}

/* Reveal  */
.menu > li:hover > a + .submenu,
.submenu > li:hover > a + .submenu {
opacity: 1;
transform: scaleY(1);
}

/* ANIMATE aRROWS */
.menu > li:hover > a > .arrow,
.submenu > li:hover > a > .arrow {
transform: rotate(225deg);
}

main {
/* just to make scrollable vertically to see sticky navbar    */
height: 200vh;
}

.stip-header-label{
color: #cc4946 !important;
font-weight: 900;
}

table ul {
    padding-left: 0px;
}

/*
div ul{
    padding-left: 20px !important;
}
*/
div .nav1{
    padding-left: 0 !important; 
}

.progInfo{
    color:#408EA4;
}

.tooltip-content{
    display:none;
    position: absolute;
    z-index: 1001;
    display: none;
    border: 2px solid #ebebeb;
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
    color:#053951;
}

.progInfo:hover + .tooltip-content{
    display: block;
}

.nav-pills .nav-link, .nav-pills>li>a {
    text-decoration: none !important;
}

.nav-pills .nav-link.active, .nav-item.active, .nav-pills .show>.nav-link, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a.active, .nav-pills>li>a.active:focus, .nav-pills>li>a.active:hover {
    background: #65c4c4 !important;
    color:#fff !important;
}

.nav-item {
    color:#fff !important;
    background-color: #408EA4;
}

.nav-pills>.nav-item:hover {
    color:#fff !important;
    background:#65c4c4 !important;
}

.nav-pills>li>a {
    color: #fff !important;
}

.tab-title{
    background:#397F93;
    color:#fff;
}

.noNumberArrows::-webkit-outer-spin-button,
.noNumberArrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.noNumberArrows[type=number] {
  -moz-appearance: textfield;
}

.tooltip-inner {
    max-width:650px;
    background:#DAEEF4;
    font-family: 'robotoregular', sans-serif;
    color:#002834 !important;
    text-align:left;
    transform: rotate(0deg)!important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    box-shadow: 4px 4px lightgrey;
}

.arrow {
    border-left: 0;
    border-bottom: 0;
    transform: rotate(0deg);
}

.tooltip .arrow::before {
    position: absolute;
    content: inherit;
    border-color: transparent;
    border-style: solid;
}

.text-decoration{
    text-decoration: none;
}

.elem-label{
    background-color:#DAEEF4;
    padding:5px;
    width:100%;
}

.tab-content {
    overflow-y: scroll;
    height:500px;
}

.outcome-header {
    background: #fef7c1;
    padding: 5px
}

#tooltip {
    width:285px;
}

.display-none{
    display:none;
}

.tooltip0 {
    position: relative;
    display: inline-block;
}
 
.tooltip0 .tooltiptext {
    visibility: hidden;

    max-width:650px;
    background:#DAEEF4;
    font-family: 'robotoregular', sans-serif;
    color:#002834 !important;
    text-align:left;
    transform: rotate(0deg)!important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    box-shadow: 4px 4px lightgrey;

    padding: 10px;
    position: absolute;
    z-index: 2;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    
    opacity: 0;
    transition: opacity 2s;
}
 
.tooltip0:hover .tooltiptext {
    width:650px;
    visibility: visible;
    opacity: 1;
}

.emphasis-header {
    color: #cc4946 !important;
    font-weight: 900;
}

section p span.dashed-underline {
    text-decoration:underline;
    text-decoration-style: dotted;
}

.no-bullet-points {
    list-style-type:none;
}

.padd-left-0{
    padding-left: 0 !important;
}

.displayProfGrowthPlans {
    display:none;
}

.welcomeText {
    font-size: 16px;
    font-weight: 600;
    color: #002834;
}

.welcomeSubText  {
    font-size: 10px;
    font-weight: 400;
}

.numberText {
    font-weight: 600;
    color: #397F93;;
}

.oval-btn {
    display: inline-block;
    padding: 10px 20px; /* Adjust the padding as needed */
    font-size: 10px; /* Adjust the font size as needed */
    color: #fff; /* Text color */
    background-color: #397F93; /* Background color */
    border: none; /* Remove default border */
    border-radius: 50px; /* Create oval shape */
    cursor: pointer; /* Change cursor to pointer on hover */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from links */
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.newPanelHeader {
    font-size: 16px;
    font-weight: 600;
}

.newPanelItem {
    font-size: 12px;
}

.newPanelSubText {
    font-size: 8px;
    color: #CC0000;
}

.navcontainer {
    margin-left: 50px;
    align-items: center;
    justify-content: space-between;
    display: flex;
    width: 100%;
}
.newhamburger {
    float: left;

}
.logo {
    float: left;
   
}

.navbar-header {
    width: 90%;
}

.newSubMenu {
    margin-left: auto;
    display: flex;    
    gap: 20px; /* Adjust the gap between items as needed */
    height: 25px;
}

.item5 a {
    font-family: 'robotoregular', sans-serif;
}

.newSubMenuItem {
    padding: 5px 5px; /* Adjust the padding as needed */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Change cursor to pointer on hover */
    text-align: center; /* Center the text */
    font-size: 13px;    
    vertical-align: text-bottom;
    position: relative;
   /* width: 155px;  */
}

.newSubMenuItemList {
    font-weight: bold;
    
}
/*
.newSubMenuItemList::after {
    content: ' \25BC'; 
    font-size: 10px; 
    color: #000; 
    margin-left: 5px; 
    vertical-align: middle; 
}
*/



@media (max-width: 1050px) {
    .menuText{
        display: none;
    }
    .logo img {
        max-width: 200px; /* Adjust the size as needed */
    }
    .navcontainer {
        margin-left: 5px;
        justify-content: flex-start;
    }

    .newhamburger, .logo {
        float: none;
        margin: 0;
    }

    .newhamburger {
        margin-right: 10px;
    }

/*
    .partnerFooter {
        display: none;
    }

    .footer-display {
        justify-content: center;
    }
        */
        .footer-display {
           
            flex-wrap: wrap;
            justify-content: center;
            padding: 0;
            margin: 0;
            list-style: none;
            gap: 20px;
        }
        
        .footer-link {
            padding-right: 0;
            text-align: center;            
            padding-bottom: 5px;
        }

    .footer-link {
        flex: 0 0 33.33%; /* Show three items per row */
    }    

}    

.newSubMenuItemList {
    list-style: none;
    padding: 0;
    margin: 0;
}

.newSubMenuItemList > li {
    padding: 10px 15px; /* Adjust the padding as needed */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Change cursor to pointer on hover */
    text-align: center; /* Center the text */
    position: relative;
}

.header .navbar-right {
    float: right !important;
}





@media (max-width: 1100px) {
    .newSubMenu {
        display: none;
    }

}

@media (max-width: 768px) {
    .table-hover>tbody>tr:not(.blueBackground):hover>td{
        color:#000 !important;
        background: #c8e9f3 !important;
    }

    .table-hover>tbody>tr:hover>td.blueBackground{
        color:#fff !important;
        background: #0053a0 !important;
    }
    
    table.dataTable tbody>tr.selected, table.dataTable tbody>tr.selected td, table.dataTable tbody>tr>.selected {
        color: #000 !important;
        background-color: #c8e9f3 !important; 
    }
        
    html, body {
        height: 100%;
        overflow-y: scroll;
    }
 
    .footer-image {
        padding: 5px;
    }
}

.div-square-Container {
    display: flex; /* Enables Flexbox layout */
    align-items: left; /* Vertically aligns items in the center */
    gap: 20px;
}
.square-container {
    display: flex; /* Enables Flexbox layout */
    align-items: center; /* Vertically aligns items in the center */
    gap: 20px;
}
.blue-square {
    width: 25px; /* width of the square */
    height: 25px; /* height of the square */
    background-color: rgb(0, 83, 160); /* setting the background color to blue */
}
.blank-square {
    width: 25px; /* width of the square */
    height: 25px; /* height of the square */
    background-color: transparent; /* setting the background color to blue */
    position: relative; /* Enables positioning for the diagonal */
    border: 2px solid black; /* optional: adds a border around the square */
}
.blank-square::before {
    content: ''; /* Empty content for the pseudo-element */
    position: absolute; /* Position the line within the square */
    top: 0; /* Start from the top */
    left: 0; /* Start from the left */
    width: 30px; /* Diagonal line length (sqrt(25^2 + 25^2) ≈ 35.36px) */
      height: 2px; /* Thickness of the diagonal line */
    border-top: 2px solid black; /* Create the diagonal line */
    transform: rotate(45deg); /* Rotate the line to create a diagonal */
    transform-origin: top left; /* Ensure rotation starts from top-left corner */
}
/*
@media (max-width: 768px) {
    .header .navbar-right {
        width: 100vw !important;
    }    

    .d-none {
        display: block !important;
    }

    .header .navbar-nav>li .dropdown-toggle .label, .header .navbar-nav>li>a .label {
        position: absolute;
        top: 8px;
  
        right: 0 !important;
        display: block;
        background: #00acac;
        line-height: 12px;
        font-weight: 600;
        color: #fff;
        padding: .3em .6em;
        border-radius: 20px;
    }

    .topHeaderItem {
        width: 25%;
    }
}
    */