/*----- Menu 2024 -----*/
#menu {
    margin-bottom: 35px;
}

#menubar {
    /* position: fixed;*/
    top: 0;
    left: 0;
    width: 100%;
    /*purple for live site #50296c  orange for staging #f5ac1e */
    background-color: #50296c;
    /*background-color: #f5ac1e;*/
    font-family: "Roboto", arial, sans-serif !important;
    border: none;
    margin-bottom: 25px;
    padding: 10px;
}

    #menubar .ui-widget {
        font-family: "Roboto", arial, sans-serif !important;
    }

    /* Make jQuery UI Menu into a horizontal menubar with vertical dropdown */
    #menubar > li { /* Menubar buttons */
        display: inline-block;
    }

        #menubar > li > ul > li { /* Menubar buttons inside dropdown */
            display: block;
        }

        /* Change dropdown carets to correct direction */
        #menubar > li > div > span.ui-icon-caret-1-e {
            /* Caret on menubar */
        }

    #menubar ul li div span.ui-icon-caret-1-e {
        /* Caret on dropdowns */
    }

.ui-menu .ui-menu-item {
    padding: 3px .4em 3px .4em;
}

    .ui-menu .ui-menu-item.ui-state-focus, .ui-menu .ui-menu-item.ui-state-active {
        background-color: #ffffff2e;
        border: none;
        color: #FFF;
        padding: 3px .4em 3px .4em;
        margin: 0;
    }

.ui-menu .ui-widget-content {
    border: #50296c solid 1px;
    background: #f2ebf8;
    width: 10em;
}

    .ui-menu .ui-widget-content .ui-menu-item.ui-state-focus {
        color: #444;
        background-color: #fff;
    }

.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.accordion {
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
    border-radius: 3px;
    background: #f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
    line-height: 30px;
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #1a1a1a;
    background-color: #0a775a;
    transition: all linear 0.15s;
    text-shadow: 0px 1px 0px #1a1a1a;
    text-decoration: none !important;
}

    .accordion-section-title.active, .accordion-section-title:hover {
        background-color: #0b8c6a;
        text-decoration: none;
    }

.accordion-section-title-blue {
    background-color: #00196b;
    line-height: 30px;
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #1a1a1a;
    transition: all linear 0.15s;
    text-shadow: 0px 1px 0px #1a1a1a;
    text-decoration: none !important;
}

    .accordion-section-title-blue.active, .accordion-section-title-blue:hover {
        background-color: #1135ab;
        text-decoration: none;
    }

.accordion-section-title-red {
    background-color: #880015;
    line-height: 30px;
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #1a1a1a;
    transition: all linear 0.15s;
    text-shadow: 0px 1px 0px #1a1a1a;
    text-decoration: none !important;
}

    .accordion-section-title-red.active, .accordion-section-title-red:hover {
        background-color: #BB001C;
        text-decoration: none;
    }

.accordion-section-title-orange {
    background-color: #FF8000;
    line-height: 30px;
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #1a1a1a;
    transition: all linear 0.15s;
    text-shadow: 0px 1px 0px #1a1a1a;
    text-decoration: none !important;
}

    .accordion-section-title-orange.active, .accordion-section-title-orange:hover {
        background-color: #FF9933;
        text-decoration: none;
    }

.accordion-section-title-purple {
    background-color: #6A2E89;
    line-height: 30px;
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #1a1a1a;
    transition: all linear 0.15s;
    text-shadow: 0px 1px 0px #1a1a1a;
    text-decoration: none !important;
}

    .accordion-section-title-purple.active, .accordion-section-title-purple:hover {
        background-color: #7D419B;
        text-decoration: none;
    }

.accordion-section-title-yellow {
    background-color: #fcba03;
    line-height: 30px;
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #1a1a1a;
    transition: all linear 0.15s;
    text-shadow: 0px 1px 0px #1a1a1a;
    text-decoration: none !important;
}

    .accordion-section-title-yellow.active, .accordion-section-title-yellow:hover {
        background-color: #ebcf34;
        text-decoration: none;
    }

.accordion-section-title-teal {
    background-color: #30baac;
    line-height: 30px;
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #1a1a1a;
    transition: all linear 0.15s;
    text-shadow: 0px 1px 0px #1a1a1a;
    text-decoration: none !important;
}

    .accordion-section-title-teal.active, .accordion-section-title-teal:hover {
        background-color: #3bdbcb;
        text-decoration: none;
    }

.accordion-section:last-child .accordion-section-title-teal {
    border-bottom: none;
}

.accordion-section:last-child .accordion-section-title-red {
    border-bottom: none;
}

.accordion-section:last-child .accordion-section-title-blue {
    border-bottom: none;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}

.accordion-section:last-child .accordion-section-title-yellow {
    border-bottom: none;
}
/*----- Section Content -----*/
.accordion-section-content {
    padding: 15px;
    display: none;
    font-size: 1.1rem;
    /*font-size: medium;*/
}

/*.accordion-section-content a {
        color: #6A2E89 !important;
        text-decoration: none !important;
    }

        .accordion-section-content a:hover {
            color: #0a775a !important;
            text-decoration: none !important;
        }*/


.container100 {
    width: 100%;
    font-size: 90%;
}

.one50 {
    width: 50%;
    float: left;
}

.two50 {
    width: 50%;
    float: right;
    text-align: right;
}

.one35 {
    width: 34%;
    float: left;
}

.two65 {
    width: 64%;
    float: right;
    text-align: right;
}

.one65 {
    width: 65%;
    float: left;
}

.two35 {
    width: 35%;
    float: right;
    text-align: right;
    max-width: 20rem;
    width: 30%;
    order: 2;
    -ms-flex-order: 2;
}


@media (max-width: 48rem) {
    .two35 {
        display: none
    }
}

@media (max-width: 48rem) {
    .two35 {
        display: block;
        max-width: initial;
        width: 100%
    }
}

.styledTable {
    min-width: 48rem;
    width: 100%;
    overflow: auto;
}

    .styledTable td {
        padding: .5rem .5rem;
    }


.tblFormAlignFirstRight td:first-child {
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
}

.tblFormAlignFirstRight td:nth-child(even) {
    text-align: left;
    font-weight: normal;
}

iframe {
    height: 100%;
    width: 100%;
    border: none;
}

table#insertTable {
    width: 450px;
}

#insertTable tr td {
    padding-bottom: 3px;
    padding-top: 3px;
    border: 1px solid black;
}

#insertTable td {
    text-align: center;
    font-size: small;
}

.txtwidth {
    width: 75px;
    font-family: "Roboto", arial, sans-serif;
}

.ajax__calendar_container td {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.HeadingCell {
    height: 20px;
    background-color: #6699FF;
    font-size: 10pt;
    font-family: "Roboto", arial, sans-serif;
    font-weight: bold;
    border-bottom: 1 solid #000000;
    vertical-align: middle;
}

.darkBlueLabel {
    background-color: #50296c;
    padding: 5px;
    width: 200px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #FFF;
    margin: 20px 0 10px 0;
    font-weight: 600;
    letter-spacing: 1px;
}

.hiddencol {
    display: none;
}

.gridviewStyled {
}

    .gridviewStyled td {
        border-bottom: Grey 2px solid;
    }

.upNavLinks,
.btn-as-link {
    width: 100%;
    text-align: right;
    padding-bottom: 1rem;
}

    .upNavLinks a,
    .btn-as-link
    
    {
        color: #6A2E89 !important;
        text-decoration: none !important;
    }

        .upNavLinks a:hover,
        .btn-as-link:hover 
        {
            color: #0a775a !important;
            text-decoration: none !important;
        }

.trainingSearch-right {
    text-align: left;
    background-color: lavender;
    border: none;
    padding: 4px 7px 10px 10px;
}

    .trainingSearch-right select {
        font-size: 12px;
        width: 180px;
        padding: 4px;
    }

.aPurple {
    color: #6A2E89 !important;
    text-decoration: none !important;
}

    .aPurple:hover {
        color: #0a775a !important;
        text-decoration: none !important;
    }

.aGrey {
    color: #737373 !important;
    text-decoration: none !important;
}

    .aGrey:hover {
        color: #0a775a !important;
        text-decoration: none !important;
    }

.infoPurple {
    position: relative;
    background: url(/wp-content/themes/kps3-tnr/public/assets/images/background-pattern-2.svg) center/cover;
    background-color: #866698;
    padding: 1.5rem 1.625rem;
    font-size: large;
}

.allLinks {
}

    .allLinks a {
        color: #0a775a;
        text-decoration: underline;
    }

        .allLinks a:hover {
            text-decoration: none;
        }

.gridview th {
    padding: 5px 5px 5px 5px;
    border: 2px ridge gray;
    background-color: lightgray;
}

/*.gridview th a {
        color: #6A2E89 !important;
        text-decoration: none !important;
    }

        .gridview th a:hover {
            color: #0a775a !important;
            text-decoration: none !important;
        }*/

/*.gridview td a {
    color: #6A2E89 !important;
    text-decoration: none !important;
}

    .gridview td a:hover {
        color: #0a775a !important;
        text-decoration: none !important;
    }*/

.gridview > tbody > tr > td {
    border: 2px ridge gray;
    padding: 3px;
}

.withpadding {
    padding: 5px !important;
}

.withpaddingCentered {
    padding: 5px !important;
    text-align: center;
}




div#training_results_top {
    position: relative;
    top: -15px;
    left: 25px;
}

div#training_results {
    margin: 0 5px 0 5px;
    padding: 0px 15px 15px 15px;
}

    div#training_results h3 {
        /*background-image: url('../images/star-patterns-purple.jpg');*/
        background-color: #6d2989;
        color: white;
        padding: 5px 5px 5px 5px;
        font-size: 1.375rem !important;
        font-weight: normal !important;
    }

    div#training_results p {
        padding: 0px 5px 10px 5px;
        /*max-width: 490px;*/
        word-wrap: break-word;
        overflow: hidden;
    }

div#attendance h3 {
    /*background-image: url('../images/star-patterns-purple.jpg');*/
    background-color: #6d2989;
    color: white;
    padding: 5px 5px 5px 5px;
    font-size: 1.375rem !important;
    font-weight: normal !important;
}

div#ctl00_mainContent_New_Training {
    font-size: 15px !important;
}

    div#ctl00_mainContent_New_Training h3 {
        /*background-image: url('../images/star-patterns-purple.jpg');*/
        background-color: #6d2989;
        color: white;
        padding: 5px 5px 5px 5px;
        font-size: 1.375rem !important;
        font-weight: normal !important;
    }

.TrainingHeader {
    /*background-image: url('../images/star-patterns-purple.jpg');*/
    background-color: #6d2989;
    color: white;
    padding: 5px 5px 5px 5px;
    font-size: 1.375rem !important;
    font-weight: normal !important;
    /*font-weight: bold;*/
    text-align: center;
}

.fieldheader {
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}

.tbkTrainingType {
    font-size: 17px !important;
}

#dialog {
    font-size: 17px !important;
}

.dialog {
    font-size: 17px !important;
}

.backgroundmodal {
    background-color: lavender;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalpopup {
    /*background-image: url("../site/images/star-patterns-purple.jpg");*/
    clear: both !important;
    background-color: white;
    border-color: #043264;
    border-width: 1px;
    border-style: solid;
    padding: 1rem 1rem 1rem 1rem;
}

.modaliframe {
    width: 99%;
    height: 80%;
}

.poptop {
    /*background-image: url("../../site/images/arrows-dots-pattern-purple.jpg");*/
    /*background-color: #6d2989;*/ /*purple*/
    /*background-color: #f5ac1e;*/ /*yellow*/
    background-color: #00775a; /*green*/
    top: 0%;
    text-align: right;
}

.resp-top {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    height: 2.5rem;
    width: 100%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin-top: 2.5rem;
}

.resp-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    margin-top: 10rem;
    padding-bottom: 10.25%; /* 16:9 Aspect Ratio */
}

.regular-17 {
    font-size: 17px !important;
}

#divWholeForm {
    font-size: 17px !important;
}

    #divWholeForm h3 {
        /*background-image: url('../images/star-patterns-purple.jpg');*/
        background-color: #6d2989;
        color: white;
        padding: 5px 5px 5px 5px;
        font-size: 1.375rem !important;
        font-weight: normal !important;
    }

    #divWholeForm body {
        font-size: 17px !important;
    }

div#ctl00_mainContent_WholeForm {
    font-size: 17px !important;
}

    div#ctl00_mainContent_WholeForm h3 {
        /*background-image: url('../images/star-patterns-purple.jpg');*/
        background-color: #6d2989;
        color: white;
        padding: 5px 5px 5px 5px;
        font-size: 1.375rem !important;
        font-weight: normal !important;
    }

.WholeForm {
    font-size: 17px !important;
}

    .WholeForm h3 {
        /*background-image: url('../images/star-patterns-purple.jpg');*/
        background-color: #6d2989;
        color: white;
        padding: 5px 5px 5px 5px;
        font-size: 1.375rem !important;
        font-weight: normal !important;
    }

    .WholeForm a {
        /*background-image: url('../images/star-patterns-purple.jpg');*/
        /*commenting out 11/25/2020 because it looks weird on the trainer requal page*/
        /*background-color: #6d2989;*/
        color: white;
        padding: 5px 5px 5px 5px;
        /*commenting out 11/25/2020 because it looks weird on the trainer requal page*/
        /*font-size: 1.375rem !important;*/
        font-weight: normal !important;
    }

div#ctl00_mainContent_New_WholeForm h3 {
    /*background-image: url('../images/star-patterns-purple.jpg');*/
    background-color: #6d2989;
    color: white;
    padding: 5px 5px 5px 5px;
    font-size: 1.375rem !important;
    font-weight: normal !important;
}

table.radioWithProperWrap input {
    float: left;
}

table.radioWithProperWrap label {
    margin-left: 25px;
    display: block;
}

.results_printable_link {
    text-align: right;
}

.calendar_h3 {
    margin: .3rem 0 .3rem !important;
}
/*added 11/10/2020 so that the calendar search results would display correctly but it is making the login page weird*/
@media only screen and (max-width: 600px) {
    td, table, thead, tbody, tr, th {
        display: block;
        text-align: left !important;
    }
}

.login_nrusers_box {
    width: 25rem;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 600px) {
    .login_nrusers_box td, table, thead, tbody, tr, th {
        /*width: 15rem;*/ /*lj removed 4/26/2021*/
        width: 100%;
        text-align: center !important;
        display: table !important;
    }
}

@media only screen and (max-width: 600px) {
    .container {
        padding: 0;
    }

    td.indentedTD2 {
        padding-left: 0;
        height: auto;
    }
}

.calendar_gridview td {
    /*margin: .5rem 0 10.5rem !important;*/
    line-height: 1.2;
}

.calendar_gridview th {
    display: none;
}

.calendar_gridview tr {
    border: 0px solid white;
    border-width: 15px 0;
}

.dashboardTable {
    min-width: 20rem;
    overflow: auto;
}

    .dashboardTable td {
        padding-right: .25rem;
        padding-bottom: .25rem;
    }

.trainerapp-highlighted-label {
    font-weight: bold;
    background-color: #FFFF99;
}

.admin-top {
    background-image: url('../images/lines-dots-pattern-light-purple.jpg');
}

.admin-body {
    background-color: lavender;
}

.divAlignReq {
    text-align: right;
    width: 100%;
}

.arrows-dots-pattern-purple {
    background-image: url("../../site/images/arrows-dots-pattern-purple.jpg");
}

.lavender-background {
    background-color: #dcd4e2;
}

.light-purple-background {
    background-color: #9e64a6;
}

.purple-background {
    background-color: #6d2989;
}

.light-green-background {
    background-color: #dae4e3;
}

.dark-green-background {
    background-color: #00775a;
}

.yellow-background {
    background-color: #f5ac1e;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #dae4e3;
    width: 100%;
}

    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
        width: 14.28%;
    }

    .tab a {
        background-color: inherit;
        text-align: center;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
        width: 16.65%;
        color: #6A2E89 !important;
        text-decoration: none !important;
    }

    /* Change background color of buttons on hover */
    .tab button:hover {
        background-color: #ddd;
    }

    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }
    /* Change background color of buttons on hover */
    .tab a:hover {
        background-color: #bed1cf;
        color: #0a775a !important;
        text-decoration: none !important;
    }

    /* Create an active/current tablink class */
    .tab a.active {
        background-color: #acbfbd;
    }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.inputTable {
    width: 100%;
}

    .inputTable td {
        vertical-align: text-top;
        padding: .3rem;
    }

.headerTD {
}

.indentedTD {
    padding-left: 20px;
    height: auto;
}

.indentedTD2 {
    padding-left: 35px;
    height: 20px;
}

.admin_h3 {
    background-color: #6d2989;
    color: white;
    padding: 5px 5px 5px 5px;
    font-size: 1.375rem !important;
    font-weight: normal !important;
}

@media only screen and (max-width: 920px) {
    main#main {
        margin-top: 70px;
    }

    .modalpopup {
        width: 80% !important;
        height: 80% !important;
    }
}

.previous_ECE_label {
    width: 150px;
    display: inline-block;
}
/* jobs */

.jobs_employerdetails_jobgv {
    border: none;
}

.jobs_employerdetails_jobgv_header {
    border: none;
    border-bottom: solid 1px gray;
    text-align: left;
}

.jobs_editjob_validator {
    float: right;
    padding-right: 105px;
    border: solid thin green;
}

#jobs_cancel_link {
    position: relative;
    text-align: right;
    margin-right: 10px;
}

div#job_center {
    background: url(/site/images/bg-form.png) repeat 0 0px;
    margin: 0 5px 0 5px;
    padding: 15px 15px 15px 15px;
}


    div#job_center h3 {
        background: url(/site/images/training_calendar_title.gif) repeat 0 0;
        color: White;
        padding: 5px 5px 5px 5px;
        font-size: 17px !important;
        width: 480px;
    }

    div#job_center p {
        padding: 0px 5px 10px 5px;
        width: 480px;
        max-width: 490px;
        word-wrap: break-word;
        overflow: hidden;
    }

.job_center_datalabel {
    width: 110px;
    font-weight: bold;
}

.job_center_input {
    border-color: #415369;
    border-style: solid;
    border-width: thin;
    padding: 1.4px;
    width: calc(100% - 1px)
}

.job_center_input_hidden {
    border-color: #415369;
    border-style: solid;
    border-width: thin;
    padding: 1.4px;
    visibility: hidden;
}

.job_center_data {
    position: relative;
    left: 115px;
    top: -17px;
    width: 300px;
    word-wrap: break-word;
}

.job_reqfields {
    color: Red;
}

.job_center_input_req {
    border-color: #415369;
    border-style: solid;
    border-width: thin;
    padding: 1.4px;
    background-color: #fbf599;
}

.job_center_label_req {
    background-color: #fbf599;
}



.job_edit_data {
    position: relative;
    left: 115px;
    top: -17px;
    width: 450px;
    word-wrap: break-word;
}

.job_center_data_centername {
    position: relative;
    left: 115px;
    top: -17px;
    width: 150px !important;
}

@media all and (max-width: 680px) {
    table#ctl00_mainContent_frmJob table tr {
        padding-bottom: 20px;
        display: block;
    }

    table#ctl00_mainContent_frmJob table td {
        display: block;
    }

    .job_center_input {
        width: 80vw;
    }
}

#printable_listing_links {
    position: relative;
    text-align: right;
    margin-right: 10px;
}

    #printable_listing_links a {
        color: #0a775a;
        text-decoration: underline;
    }

        #printable_listing_links a:hover {
            text-decoration: none;
        }

.smallitalic {
    font-weight: normal;
    font-size: smaller;
    font-style: italic;
}

/*----- Renee Recommended 4/13/2021 -----*/
.page-content__table tr {
    width: 100%;
}