.col-count-2 {
    column-count: 2;
}

.col-count-3 {
    column-count: 3;
}

.IPTstyle2 fieldset > legend {
    background: none !important;
    margin: -50px 0 0 0 !important;
    padding: 0 0 0 0 !important;
    color: black !important;
    font-family: Arial, sans-serif;
    font-size: 1.6em !important;
    font-weight: bold !important;
}

.IPTstyle2 .fieldtoggle fieldset > legend.jo-legend,
.IPTv5 .fieldtoggle fieldset > legend.jo-legend {
    font-size: 18px !important;
    border-bottom: none !important;
    float: left !important;
}

.IPTstyle2 fieldset > legend > h2 {
    background: none !important;
    margin: -5px 0 0 0 !important;
    padding: 0 0 0 0 !important;
    /*color: black !important;*/
    font-family: Arial, sans-serif;
    font-size: 1.1em !important;
    font-weight: bold !important;
}

.IPTstyle2 legend, .IPTstyle2 legend h2 {
    line-height: 0.9em !important;
    border-bottom: 1px black solid !important;
    border-radius: 0px !important;
    width: 100%;
}

.IPTstyle2 fieldset > legend > .sublegend {
    font-size: smaller !important;
    font-weight: normal !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
}

.IPTstyle2 fieldset {
    border-radius: 0px !important;
    border: none !important;
    margin: 70px 0 0 0 !important;
    /*padding: 20px 0px 10px 0px !important;*/
}
.fieldtoggle fieldset,
.IPTv5 fieldset,
.jo-toggle fieldset:not(.modal-dialog fieldset) {
    border-radius: 0px !important;
    border: none !important;
    margin: 30px 0 0 0 !important;
    /*padding: 20px 0px 10px 0px !important;*/
}

.IPTstyle2 fieldset fieldset {
    border-radius: 0px !important;
    border: none !important;
    margin: 10px 15px 0 15px !important;
    padding: 20px 0px 10px 0px !important;
    min-width: 1%;
}
.fieldtoggle fieldset fieldset {
    margin: 10px 15px 0 0px !important;
    padding: 20px 0px 10px 0px !important;
}

        .IPTstyle2 fieldset fieldset legend, .IPTstyle2 fieldset fieldset h2 {
            background: none !important;
            margin: 0 0 5px 0 !important;
            padding: 0 0 0 0 !important;
            /*color: black !important;*/
            font-family: Arial, sans-serif;
            font-size: 1.4em !important;
            font-weight: bold !important;
        }

        .IPTstyle2 fieldset fieldset legend h2 {
            background: none !important;
            margin: 0 0 5px 0 !important;
            padding: 0 0 0 0 !important;
            /*color: black !important;*/
            font-family: Arial, sans-serif;
            font-size: 1.1em !important;
            font-weight: bold !important;
        }

        .IPTstyle2 fieldset fieldset legend, .IPTstyle2 fieldset fieldset legend h2 {
            border-bottom: 0px black solid !important;
        }

.IPTv5 fieldset > legend, .IPTv5 fieldset > legend > h2 {
    background: none !important;
    margin: 0 0 0 0 !important;
    padding: 20px 0 40px 0 !important;
    color: black !important;
    font-family: Arial, sans-serif;
    font-size: 1.6em !important;
    font-weight: bold !important;
    display: inline-block;
    width: 100%;
}

.IPTv5 fieldset {
    position: relative;
}

    .IPTv5 fieldset > legend > .sublegend {
        font-size: smaller !important;
        font-weight: normal !important;
        font-family: Arial, sans-serif !important;
    }

    .IPTv5 fieldset > legend + *:not(.helpbutton2) {
        display: block;
    }

.IPTv5 fieldset {
    width: 50%;
    border-radius: 0px !important;
    margin: 0 auto !important;
    border-top: 1px #aaa solid !important;
    border-left: 1px #aaa solid !important;
    border-right: 1px #aaa solid !important;
    border-bottom: 1px #aaa solid !important;
    padding-top: 0;
    padding: 20px !important;
}

    .IPTv5 fieldset fieldset {
        border-radius: 0px !important;
        border: none !important;
        margin: 10px 15px 0 15px !important;
        padding: 20px 0px 10px 0px !important;
        min-width: 1%;
        width: auto;
    }

        .IPTv5 fieldset fieldset legend, .IPTv5 fieldset fieldset legend h2 {
            background: none !important;
            margin: 0 0 5px 0 !important;
            padding: 0 0 0 0 !important;
            color: black !important;
            font-family: Arial, sans-serif;
            /*font-size: 1.4em !important;*/
            font-weight: bold !important;
        }

        .IPTv5 fieldset fieldset legend, .IPTv5 fieldset fieldset legend h2 {
            border-bottom: 0px black solid !important;
        }

.IPTstyle2 #mstBody, #mstAdminBody {
    padding: 0 25px;
    margin-top:1em;/* pulls page down away from header rule line */
}

.IPTv5 #mstBody, #mstAdminBody {
    padding: 0 10px;
}

.helpbutton {
    display: block;
    text-align: right;
    margin-bottom: -60px;
    background: white;
}

.IPTstyle2 .helpbutton2 {
    display: block;
    text-align: right;
}

    .IPTstyle2 .helpbutton2 .button {
        padding: 4px;
        width: 22px;
        /*height: 22px;*/
        border-radius: 3px;
        text-align: center;
        font-size: 18px;
        margin-left: 2px;
        margin-right: 6px;
        cursor: pointer;
    }

.IPTv5 .helpbutton2 {
    display: inline-block;
    width: auto !important;
    /*text-align: right;*/
    padding: 20px 0 40px 0 !important;
    position: absolute;
    top: 20px;
    right: 20px;
}

    .IPTv5 .helpbutton2 span[id$='lblHelpLink'] {
        display: none;
    }

    .IPTv5 .helpbutton2 div[id$='divHelpLink'] {
        display: inline-block;
        padding: 8px;
    }

    .IPTv5 .helpbutton2 div[id$='divReqFields'] {
        display: none;
    }

.helpbutton .button {
    padding: 4px;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    margin-left: 2px;
    cursor: pointer;
}

.helpbutton2 .button {
    padding: 4px;
    width: 22px;
    /*height: 22px;*/
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    margin-left: 2px;
    margin-right: 6px;
    cursor: pointer;
}

.helpbutton2 span[id$='lblHelpLink'] {
    display: none;
}

.IPTstyle2 .helpbutton2 .button.v22 {
    /*padding: 5px;*/
    width: 1.4em;
    /*height: 1.4em;*/
    border-radius: 1.4em;
    text-align: center;
    font-size: 22px;
    margin-left: 2px;
    margin-right: 6px;
    margin-bottom: 2px;
    cursor: pointer;
    background-color: #737373 !important;
    color: white !important;
}

.IPTv5 .helpbutton2 .button.v22 {
    /*padding: 5px;*/
    width: 1.4em;
    height: 1.4em;
    border-radius: 1.4em;
    text-align: center;
    font-size: 22px;
    margin-left: 2px;
    margin-right: 6px;
    margin-bottom: 2px;
    cursor: pointer;
    background-color: #000000 !important;
    color: white !important;
}



#gui_header_v22 .helpbutton2 div[id$='divReqFields'] {
    display: inline-block;
    text-align: right !important;
    font-size: 0.8em;
    padding-bottom: 0;
    width: 100%;
}

#gui_header_v22 .pin-to-dashboard {
    color: white !important;
    background-color: #737373 !important;
}
    #gui_header_v22 .pin-to-dashboard:hover, #gui_header_v22 .pin-to-dashboard:focus {
        color: black !important;
        background-color: white!important;
    }

#gui_header_v22 .pinned-to-dashboard {
    /*color: white !important;*/
}

#gui_header_v22 .helpbutton2 div[id$='divHelpLink'] {
    position: relative;
    /*top: 90px;*/
    right: 0px;
    width: auto !important;
    min-width: unset;
    /*margin: -70px 30px 0 0;*/
    z-index: 2001;
}

.helpbutton2 .button.v22 {
    /*padding: 5px;*/
    width: 1.4em;
    /*height: 1.4em;*/
    border-radius: 1.4em;
    text-align: center;
    font-size: 22px;
    margin-left: 2px;
    margin-right: 6px;
    margin-bottom: 2px;
    cursor: pointer;
    background-color: #000000 !important;
    color: white !important;
}

.fieldtoggle .helpbutton2,
.IPTv5 .helpbutton2,
.jo-toggle .helpbutton2 {
    display: table-cell;
    text-align: right;
    width: 20px !important;
    padding: unset !important;
    position: unset !important;
}

.fieldtoggle fieldset .collapse.show {
    display: block;
}

.fieldtoggle legend .helpbutton2,
.IPTv5 legend .helpbutton2,
.jo-toggle legend .helpbutton2 {
    display: inline-block;
    text-align: right;
    width: auto !important;
}

fieldset .gsi-collapse-control, .jo-toggle .modal-dialog fieldset .gsi-collapse-control {
    display: none;
}

.fieldtoggle .fieldcaret,
.IPTv5 .fieldcaret,
.jo-toggle fieldset .gsi-collapse-control {
    display: inline-block;
    border: 0px;
    background: none;
    float: left;
    font-size: 1.6em;
    padding-right: 6px;
    width: 25px !important;
    position: relative;
    top: -2px;
}

.fieldtoggle fieldset > legend, .fieldtoggle fieldset > legend h2,
.fieldtoggle fieldset fieldset > legend, .fieldtoggle fieldset fieldset > legend h2,
.IPTv5 fieldset > legend, .IPTv5 fieldset > legend h2,
.IPTv5 fieldset fieldset > legend, .IPTv5 fieldset fieldset > legend h2,
.jo-toggle fieldset legend.jo-legend.js-no-ada {
    display: inline-block !important;
    border: none !important;
    margin: 0px !important;
    width: auto !important;
    float: left;
    font-size: 18px !important;
    padding: 2px 8px 0px 2px !important;
}
.jo-toggle .modal-dialog fieldset legend.jo-legend.js-no-ada {
    display: block !important;
    float: none;
    font-size: 18px !important;
    padding: 2px 8px 5px 2px !important;
}
.fieldtoggle fieldset .helpbutton2 div[id$='divHelpLink'],
.IPTv5 fieldset .helpbutton2 div[id$='divHelpLink'],
.jo-toggle fieldset .helpbutton2 div[id$='divHelpLink'] {
    position: relative;
    /*top: 90px;*/
    right: 0px;
    width: auto !important;
    min-width: unset;
    padding: unset !important;
}

.fieldtoggle fieldset .helpbutton2 div[id$='divReqFields'],
.IPTv5 fieldset .helpbutton2 div[id$='divReqFields'],
.jo-toggle fieldset .helpbutton2 div[id$='divReqFields'] {
    display: none;
}

.fieldtoggle .helpbutton2 .button.v22,
.IPTv5 .helpbutton2 .button.v22,
.jo-toggle .helpbutton2 .button.v22 {
    padding: 3px;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1.2em;
    text-align: center;
    margin-left: 2px;
    margin-right: 6px;
    margin-bottom: 2px;
    cursor: pointer;
    font-size: 1.0em !important;
    font-weight: bold !important;
    background-color: #000 !important;
}

.helpbutton2 a {
    color: white !important;
    font-size: 1.1em !important;
}
#mstReturnToButton {
    padding-bottom: 20px;
}
#divFooterFeedBack {
    padding-bottom: 10px;
}
.fieldtoggle div[id^='fieldset-'],
.IPTv5 div[id^='fieldset-'] {
    margin: 20px 0 0 15px;
    transition-property: all;
    transition-duration: .25s;
    padding: 0 0 0 25px;
}

#gui_header_v22 .helpbutton2 a {
    color: white !important;
}

.helpheaderinline {
    position: absolute;
    top: 20px;
    right: 40px;
}
.IPTv5 #VOS_page-content-wrapper, td {
    font-family: Segoe UI, Arial, sans-serif !important;
}

.IPTv5 #gui_instructions h1 {
    font-size: 1.5em;
}

div#accordionHeader1.accordionHeader:hover, div#accordionHeader1.accordionHeader:focus,
div.accordionHeaderSelected:nth-of-type(1):focus,
div.accordionHeader:nth-of-type(1):hover, div.accordionHeader:nth-of-type(1):focus {
    outline-color: dodgerblue !important;
    outline-width: 2px !important;
    outline-style: solid !important;
    outline-offset: 2px !important;
}


#gui_sidemenu ul li ul li a#gui_quicksearch_helpa {
    padding-left: 0px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 3px !important;
    text-align: center !important;
    margin-left: 2px !important;
    margin-right: 6px !important;
    cursor: pointer !important;
}

    #gui_sidemenu ul li ul li a#gui_quicksearch_helpa:focus, #gui_sidemenu ul li ul li a#gui_quicksearch_helpa:hover {
        outline: 2px solid dodgerblue;
        margin: 2px !important;
    }

#univsearch span .button {
    color: white !important;
    font-size: 18px !important;
    padding: 4px;
}

#multidivtoggler .pnl {
    /*max-height: 3000px;*/
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

    #multidivtoggler .pnl.tog {
        overflow: hidden;
        max-height: 0;
    }

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transform: translate(0,-100%) !important;
    -webkit-transform: translate(0,-100%) !important;
    min-height: calc(100% - (.5rem * 2));
}

.modal-dialog-centered {
    /*min-height: calc(100% - (1.75rem * 2));*/
}

a.formbutt {
    text-decoration: none !important;
    color: white;
}

.modal-body button {
    /*    background: #455c7c;
    color: white;
    margin: auto !important;*/
}

.modal-backdrop {
    z-index: 10000;
}

.modal {
    z-index: 10001;
}

div.noline .pnl {
    float: left;
    width: 100%;
    margin-top: -20px !important;
}

    div.noline .pnl:after {
        clear: both;
    }

div.dvdr {
    border: black 0px solid;
    display: table-cell;
    padding: 8px;
    width: 25%;
    vertical-align: top;
}

div.tbl {
    display: table;
}

div.dividerDivLeft1 {
    border-right: 1px solid black;
    padding: 10px;
    width: 50% !important;
    padding-left: 0px;
    display: table-cell;
}

div.dvdr.dividerDivLeft {
    border-left: 0px;
    border-bottom: 0px;
    border-top: 0px;
    width: 50% !important;
    padding-left: 0px;
    display: table-cell;
}

div.dividerDivRight1 {
    border-right: 0px;
    border-bottom: 0px;
    border-top: 0px;
    border-left: 0px;
    width: 50% !important;
    padding-right: 0px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

div.dvdr.dividerDivMid {
    border-left: 0px;
    border-bottom: 0px;
    border-top: 0px;
    text-align: center;
}

div.dvdr.dividerDivRight {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-top: 0px;
    text-align: center;
}

div.dvdr.dividerNoTop {
    border-top: 0px;
}

div.dvdr.eee {
    background: #eee;
}

div.dvdr.nobrdr {
    border: none;
}
.validcheck {
    background: #ffdd00 !important;
}

.IPTstyle2 .validcheck {
    background: #ffdd00 !important;
}

.IPTv5 .is-invalid {
    background-color: #ff9999 !important;
    --bs-form-select-bg-icon: none !important;
    padding-right: 0 !important;
}

.IPTv5 .form-control.is-invalid, .IPTv5 .was-validated .form-control:invalid {
    background-image: none !important;
}

.IPTv5 .validatoralert {
    display: none !important;
}

/*@media (max-width: 767px) {
   .IPTstyle2 div.dvdr {
        display: block;
        width: 100%;
    }

    .IPTstyle2 fieldset > legend {
        margin: -43px 0 0 0 !important;
        padding: 0 0 0 0 !important;
        font-size: 1.1em !important;
    }

    .IPTstyle2 fieldset > legend > h2 {
        margin: -10px 0 0 0 !important;
        padding: 0 0 0 0 !important;
        font-size: 1.4em !important;
    }

    #gui_instructions h1 {
        font-size: 1.5em !important;
    }
}*/

/*//////////////////////////////////////////
//////   --- FORM INPUT CLASSES ---   //////
//////////////////////////////////////////*/
/* /// LABEL /// */
.IPTstyle2 #mstBody label, .IPTstyle2 #mstBody span .IPTstyle2 #mstBody td, .IPTstyle2 #mstBody p {
    font-size: 16px;
}

.IPTstyle2 #mstBody label {
    font-weight: bold;
}

.IPTstyle2 #mstBody .HPRfontnorm label {
    font-weight: normal;
}

.IPTstyle2 #tblFolderTrees a, .IPTstyle2 #tblFolderTrees p, .IPTstyle2 #tblFolderTrees span,
.IPTv5 #tblFolderTrees a, .IPTv5 #tblFolderTrees p, .IPTv5 #tblFolderTrees span {
    font-size: 12px !important;
}

.RadComboBoxDropDown_Default .rcbList label {
    font-weight: normal !important;
}

.IPTstyle2 .Ct_ctl .form-control, .IPTstyle2 .Ct_ctl .form-select {
    display: inline-block;
    /*width: auto;*/
}

.IPTstyle2 .Ct_ctl input.form-control, .IPTstyle2 .Ct_ctl input.form-select {
    display: inline-block;
}

/*hide real checkbox and radio*/
.IPTstyle2 input[type="radio"],
.IPTstyle2 input[type="checkbox"] {
    opacity: 0;
    width: 1px;
    margin: 0 0 0 0;
    padding: 0px;
    /* -moz-appearance: none; FireFox bug*/
    /*display: none;*/ /*this needs to display for ADA*/
}
    /*begin datatable select all fix*/
    /*show real checkbox .datatable because they don't work if in array*/
    .IPTstyle2 .IPTstyleleaveinput input[type="radio"],
    .IPTstyle2 .IPTstyleleaveinput input[type="checkbox"],
    .IPTstyle2 input[type="radio"].IPTstyleleaveinput,
    .IPTstyle2 input[type="checkbox"].IPTstyleleaveinput,
    .IPTstyle2 .datatable input[type="radio"],
    .IPTstyle2 .datatable input[type="checkbox"],
    .IPTstyle2 .datatable input[type="checkbox"]#cbx_select,
    .IPTstyle2 .datatable input[type="checkbox"]#cbxAll_select,
    .IPTstyle2 input[type="checkbox"].wsc-input,
    .IPTstyle2 input[type="radio"].wsc-input {
        opacity: 100;
        width: auto;
        margin: 0 0 0 0;
        padding: 0px;
        display: inline-block;
    }
    .IPTstyle2 .IPTstyleleaveinput ul.rcbList input[type="radio"],
    .IPTstyle2 .IPTstyleleaveinput ul.rcbList input[type="checkbox"],
    .IPTstyle2 ul.rcbList input[type="radio"].IPTstyleleaveinput,
    .IPTstyle2 ul.rcbList input[type="checkbox"].IPTstyleleaveinput,
    .IPTstyle2 div.rcbCheckAllItems input[type="checkbox"].IPTstyleleaveinput {
        margin: 0 10px 0 0;
    }
        /*undo box for dt cb*/
        .IPTstyle2 .IPTstyleleaveinput input[type="radio"] + label::before,
        .IPTstyle2 .IPTstyleleaveinput input[type="checkbox"] + label::before,
        .IPTstyle2 input[type="radio"].IPTstyleleaveinput + label::before,
        .IPTstyle2 input[type="checkbox"].IPTstyleleaveinput + label::before,
        .IPTstyle2 .datatable input[type="radio"] + label::before,
        .IPTstyle2 .datatable input[type="checkbox"] + label::before,
        .IPTstyle2 .datatable input[type="checkbox"]#cbx_select + label::before,
        .IPTstyle2 .datatable input[type="checkbox"]#cbxAll_select + label::before,
        .IPTstyle2 input[type="checkbox"].wsc-input + label::before,
        .IPTstyle2 input[type="radio"].wsc-input + label::before {
            height: 0px;
            width: 0px;
            border: 0px solid #666;
            border-color: none !important;
            background: none;
            left: 0px;
            top: 0px;
        }
        /*undo check for dt cb*/
        .IPTstyle2 .IPTstyleleaveinput input[type="radio"] + label::after,
        .IPTstyle2 .IPTstyleleaveinput input[type="checkbox"] + label::after,
        .IPTstyle2 input[type="radio"].IPTstyleleaveinput + label::after,
        .IPTstyle2 input[type="checkbox"].IPTstyleleaveinput + label::after,
        .IPTstyle2 .datatable input[type="radio"] + label::after,
        .IPTstyle2 .datatable input[type="checkbox"] + label::after,
        .IPTstyle2 .datatable input[type="checkbox"]#cbx_select + label::after,
        .IPTstyle2 .datatable input[type="checkbox"]#cbxAll_select + label::after,
        .IPTstyle2 input[type="checkbox"].wsc-input + label::after,
        .IPTstyle2 input[type="radio"].wsc-input + label::after {
            height: 0px;
            width: 0px;
            border-left: 0px solid #fff !important;
            border-bottom: 0px solid #fff !important;
            border: none !important;
            transform: none;
            left: 0px;
            top: 0px;
            outline-color: none !important;
            outline-width: 0px !important;
        }

        .IPTstyle2 .IPTstyleleaveinput input + label,
        .IPTstyle2 .datatable input[type="radio"] + label,
        .IPTstyle2 .datatable input[type="checkbox"] + label {
            padding: 0 10px 0 10px !important;
        }

        .IPTstyle2 .IPTstyleleaveinput input[type="radio"] + label,
        .IPTstyle2 .IPTstyleleaveinput input[type="checkbox"] + label,
        .IPTstyle2 input[type="radio"].IPTstyleleaveinput + label,
        .IPTstyle2 input[type="checkbox"].IPTstyleleaveinput + label {
            font-weight: normal !important
        }

        .IPTstyle2 .datatable input[type="radio"]:focus + label::before,
        .IPTstyle2 .datatable input[type="checkbox"]:focus + label::before {
            outline-width: 0px !important;
        }

        select[name="occupations-explorer-table_length"] {
            width: 25%;
        }
/*end datatable select all fix*/
/* /// CHECKBOX /// */
.IPTstyle2 input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 0 10px 0 30px;
    vertical-align: top;
    cursor: pointer;
    font-weight: normal !important;
}

        .IPTstyle2 input[type="checkbox"] + label::before,
        .IPTstyle2 input[type="checkbox"] + label::after {
            position: absolute;
            content: "";
            display: inline-block;
            vertical-align: top;
        }
        /*Outer box of the fake checkbox*/
        .IPTstyle2 input[type="checkbox"] + label::before {
            height: 20px;
            width: 20px;
            border: 3px solid #666;
            background: #fff;
            left: 0px;
            top: 2px;
        }
        /*Checkmark of the fake checkbox*/
        .IPTstyle2 input[type="checkbox"] + label::after {
            height: 7px;
            width: 12px;
            border-left: 4px solid #000;
            border-bottom: 4px solid #000;
            transform: rotate(-45deg);
            left: 4px;
            top: 7px;
        }

    .IPTstyle2 table[disabled=disabled] input[type="checkbox"] + label::before,
    .IPTstyle2 input[type="checkbox"]:disabled + label::before {
        background: #ddd !important;
        cursor: not-allowed !important;
        border: 3px solid #aaa !important;
        /*opacity: 0.6 !important;*/
    }

    .IPTstyle2 table[disabled=disabled] input[type="checkbox"] + label::after,
    .IPTstyle2 input[type="checkbox"]:disabled + label::after {
        border-bottom: 4px solid #999;
        border-left: 4px solid #999;
    }

.IPTstyle2 .datatable input[type="radio"]:disabled + label::before,
.IPTstyle2 .datatable input[type="checkbox"]:disabled + label::before {
    outline-width: 0px !important;
    outline-color: none !important;
    background: none !important;
    cursor: not-allowed !important;
    border: 0px solid #aaa !important;
}
/*Hide the checkmark by default*/
.IPTstyle2 input[type="checkbox"] + label::after {
    content: none;
}
/*Unhide on the checked state*/
.IPTstyle2 input[type="checkbox"]:checked + label::after {
    content: "";
}
/*Adding focus styles on the outer-box of the fake checkbox*/
.IPTstyle2 input[type="checkbox"]:focus + label::before {
    outline-color: dodgerblue;
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px;
}

/* /// RADIO BUTTON /// */
.IPTstyle2 input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding: 0 10px 0 30px;
    vertical-align: top;
    cursor: pointer;
    font-weight: normal !important;
}

    .IPTstyle2 input[type="radio"] + label::before,
    .IPTstyle2 input[type="radio"] + label::after {
        position: absolute;
        content: "";
        display: inline-block;
        vertical-align: top;
    }
    /*Outer box of the fake radio*/
    .IPTstyle2 input[type="radio"] + label::before {
        height: 20px;
        width: 20px;
        border-radius: 12px;
        border: 3px solid #666;
        background: #fff;
        left: 0px;
        top: 2px;
    }
    /*Checkmark of the fake radio*/
    .IPTstyle2 input[type="radio"] + label::after {
        height: 10px;
        width: 10px;
        border: 5px solid black;
        border-radius: 10px;
        background: black;
        left: 5px;
        top: 7px;
    }

.IPTstyle2 table[disabled=disabled] input[type="radio"] + label::before,
.IPTstyle2 input[type="radio"]:disabled + label::before {
    background: #ddd !important;
    cursor: not-allowed !important;
    border: 3px solid #aaa !important;
    /*opacity: 0.6 !important;*/
}

.IPTstyle2 table[disabled=disabled] input[type="radio"] + label::before,
.IPTstyle2 input[type="radio"]:disabled + label::after {
    background: #999;
}
/*Hide the checkmark by default*/
.IPTstyle2 input[type="radio"] + label::after {
    content: none;
}
/*Unhide on the checked state*/
.IPTstyle2 input[type="radio"]:checked + label::after {
    content: "";
}
/*Adding focus styles on the outer-box of the fake radio*/
.IPTstyle2 input[type="radio"]:focus + label::before {
    outline-color: dodgerblue;
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px;
}
/* /// SELECT /// */
.IPTstyle2 select {
    padding: 5px 24px 5px 10px;
    color: #444;
    border: 2px solid #666;
    border-radius: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    font-size: 1.0em;
    margin-bottom: 4px;
}
.IPTstyle2 select:not(.form-select, .form-control) {
    background-image: url(../../../APP_THEMES/SiteClient/BaseImages/gui/downarrow.svg) !important;
    background: #fff;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 5px !important;
}

    .IPTstyle2 select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #444;
    }

    .IPTstyle2 select::-ms-expand {
        display: none;
    }

    .IPTstyle2 select option {
        color: black;
        margin: 4px !important;
    }

        .IPTstyle2 select option:hover,
        .IPTstyle2 select option:focus,
        .IPTstyle2 select option:active {
            background: dodgerblue;
            background-color: dodgerblue; /* for IE */
            color: #fff !important;
            outline-offset: 2px;
        }

        .IPTstyle2 select option:checked {
            background: dodgerblue;
            background-color: dodgerblue; /* for IE */
            color: #fff !important;
        }
/* /// TEXT BOX /// */
.IPTstyle2 input[type=text],
.IPTstyle2 input[type=email],
.IPTstyle2 input[type=password],
.IPTstyle2 input[type=number],
.IPTstyle2 input[type=range],
.IPTstyle2 input[type=search],
.IPTstyle2 input[type=tel],
.IPTstyle2 input[type=url],
.IPTstyle2 input[type=file] {
    border: 2px solid #666;
    background-color: #fff;
    height: 36px;
    padding: 4px 8px;
    color: black;
    font-size: 16px !important;
    margin-bottom: 4px;
    min-width: 55px;
}

/*.IPTstyle2 input[type=text]:read-only,
.IPTstyle2 input[type=email]:read-only,
.IPTstyle2 input[type=password]:read-only,
.IPTstyle2 input[type=number]:read-only,
.IPTstyle2 input[type=range]:read-only,
.IPTstyle2 input[type=search]:read-only,
.IPTstyle2 input[type=tel]:read-only,
.IPTstyle2 input[type=url]:read-only,
.IPTstyle2 input[type=file]:read-only {
    border: 0px solid #666;
}*/

.IPTstyle2 input[type=text]:read-only + .rcSelect {
    /*display: none;*/
}

.IPTstyle2 input[type=file] {
    height: auto;
    color: #000;
    font-weight: bold;
}
/* /// TEXAREA /// */
.IPTstyle2 textarea:not(.atala-ui-custom-exclude) {
    border: 2px solid #666;
    background-color: #fff;
    padding: 4px 8px;
    color: black;
    font-size: 16px !important;
}

.IPTstyle2 textarea:focus,
.IPTstyle2 input:focus,
.IPTstyle2 select:focus,
.IPTstyle2 a.formbutt:focus {
    outline-color: dodgerblue;
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px;
}

.IPTstyle2 input[type=text]:disabled,
.IPTstyle2 input[type=email]:disabled,
.IPTstyle2 input[type=password]:disabled,
.IPTstyle2 input[type=number]:disabled,
.IPTstyle2 input[type=range]:disabled,
.IPTstyle2 input[type=search]:disabled,
.IPTstyle2 input[type=tel]:disabled,
.IPTstyle2 input[type=url]:disabled,
.IPTstyle2 input[type=file]:disabled,
.IPTstyle2 textarea:disabled,
.IPTstyle2 input:disabled,
.IPTstyle2 select:disabled {
    background: #ddd !important;
    cursor: not-allowed !important;
    border: 2px solid #aaa !important;
    color: #000000 !important;
}
/*.IPTstyle2 input:read-only {
    border: 0px solid #666;
}*/
/*Commenting this out due to errors in Chrome per David Cahill
    Jonathan Fields
*/
a.disabled, a[disabled=disabled] {
/*    color: #000 !important;*/    
    cursor: not-allowed !important;
    text-decoration: none !important;
}

.IPTstyle2 .formbutt {
    font-size: 1.2em !important;
}

.IPTstyle2 input.inert:active,
.IPTstyle2 input.inert:focus,
.IPTstyle2 input.inert {
    background: none;
    outline-color: none !important;
    outline-width: 0px;
}

.IPTstyle2 input[gsispecialtype="GSIDateBox"], .IPTstyle2 input[gsispecialtype="GSIDateBoxToday"] {
    width: 105px !important;
}

    .IPTstyle2 input[gsispecialtype="GSIDateBox"] + label {
        font-weight: normal !important;
    }

.IPTstyle2 input[type="checkbox"] + label.labelbold,
.IPTstyle2 input[type="radio"] + label.labelbold,
.IPTstyle2 .labelbold input[type="checkbox"] + label,
.IPTstyle2 .labelbold input[type="radio"] + label {
    font-weight: bold !important;
}

.IPTstyle2 .Ct_ctr {
    position: relative;
}

.IPTv5 .Ct_ctr input {
    display: inline-block;
}

    .IPTv5 .Ct_ctr input[type='password'] {
        /*width: 90%;*/
    }

    .IPTv5 .Ct_ctr input.PhoneBox {
        width: 65px !important;
    }

        .IPTv5 .Ct_ctr input.PhoneBox.PhoneBox2 {
            width: 200px !important;
        }

/*.IPTv5 #mstBody .Ct_ctl.form-floating a.customtextlink {
    position: absolute;
    top: .9rem;
    right: .9rem;
}*/

.IPTv5 #mstBody .Ct_ctl a.customtextlink {
    position: absolute;
    top: .9rem;
    right: .9rem;
}

.IPTv5 #mstBody .Ct_ctl a.customtextlink.drop {
    position: absolute;
    top: 2.2rem;
    right: .9rem;
}

.IPTv5 #mstBody .Ct_ctl a.js-calendar-icon {
    position: absolute;
    top: .5rem;
    right: 1rem;
}

.IPTv5 #mstBody .Ct_ctl a.js-calendar-icon:has( + * + a.customtextlink ) {
    position: absolute;
    top: .5rem;
    right: 2.5rem;
}

    .IPTv5 #mstBody .Ct_ctl a.js-calendar-icon:nth-of-type(2) { /*today link*/
        position: absolute;
        top: 1.5rem;
        right: 3rem;
    }

.IPTv5 #mstBody .Ct_ctl.form-floating a.js-calendar-icon:nth-of-type(2) { /*today link*/
    position: absolute;
    top: .5rem;
    right: 3rem;
}

/*.IPTv5 #mstBody .Ct_ctl a.js-calendar-icon {
    position: absolute;
    top: .5rem;
    right: 1rem;
}*/

/* /// Telerik control overrides /// */
.IPTstyle2 .RadInput_Office2007 a, .IPTstyle2 .RadInput_Default a {
    background: none !important;
    border-left: 0px solid #cdcdcd !important;
    margin-top: -3px !important;
    text-decoration: none !important;
}

.IPTstyle2 .RadPicker {
    height: 36px;
    padding: 0px;
    color: black;
    font-size: 16px !important;
    min-width: 130px !important;
    border: none;
}

    .IPTstyle2 .RadPicker .RadInput > input:focus {
        outline: dotted 0px #000 !important;
        outline-offset: 0px !important;
    }

    .IPTstyle2 .RadPicker .RadInput.RadInputFocused {
        outline-color: dodgerblue;
        outline-width: 2px;
        outline-style: solid;
        outline-offset: 2px;
    }

.IPTstyle2 .RadInput .wsc-mirror.wsc-instance {
    background: inherit !important;
}

.IPTstyle2 .RadInput_Office2007 .riError, .IPTstyle2 .RadInput_Error_Office2007 {
    color: #c20000;
}

.IPTstyle2 .RadInput input::-ms-clear {
    display: none;
}

.IPTstyle2 .RadComboBox button.rcbActionButton, .IPTstyle2 .RadComboBox_Default, button.rcbActionButton, .IPTstyle2 .RadComboBox_Default .rcbActionButton {
    background-image: none !important;
    background-color: none !important;
    background: none !important;
    border: none !important;
}

.IPTstyle2 .RadComboBox .rcbInner {
    padding: 0px !important;
    border-width: 0px;
}

.IPTstyle2 .RadComboBox .rcbEmptyMessage {
    font-style: normal;
    opacity: .8;
}

.IPTstyle2 .RadComboBox .rcbInner input:read-only { /* For some reason Telerik controls have read-only on them when not in read-only */
    border: 2px solid #666;
}

.IPTstyle2 .RadComboBox_Default .rcbFocused .rcbActionButton {
    border-color: #676767;
    color: #000;
}

.IPTv5 .Ct_ctr {
    border: 0px #999 solid;
    border-radius: 3px;
    margin: 10px 0;
    padding: 15px 0;
    width: 100% !important;
    display: block;
}

.IPTv5 .Ct_ctl.RadioCheck {
    border: 1px #666 solid;
    padding: 5px 10px;
    border-radius: 4px;
    /*margin: 20px 0;*/
}

.IPTv5 .Ct_ctr .Ct_ctl {
    display: inline-block !important;
    width: 95%;
    position: relative;
}

    .IPTv5 .Ct_ctr .Ct_ctl.RadioCheck > label {
        padding: 5px 0;
    }

.IPTv5 .Ct_ctr .Ct_lbl {
    display: inline-block !important;
    width: 15px !important;
}

.IPTv5 .Ct_ctr .Ct_lbl2 {
    display: inline-block !important;
    width: 1px !important;
}

.IPTv5 .Ct_ctr.txtBShide .Ct_lbl {
    display: inline-block !important;
    width: inherit !important;
}

.IPTv5 .Ct_ctr.txtBShide .Ct_lbl2 {
    display: inline-block !important;
    width: inherit !important;
}

.IPTv5 .Ct_ctr .Ct_ctl .textboxNoBorder {
    border: none !important;
}

.IPTv5 .Ct_ctr .Ct_ctl table[role='radiogroup'] {
    display: block;
}

.IPTv5 .Ct_ctr .Ct_ctl table {
    padding: 5px 0;
}

    .IPTv5 .Ct_ctr .Ct_ctl table.ctrRadioEmp {
        width: 100%;
    }

.IPTv5 .Ct_ctr table[class*='HPRgsiwidth'],
.IPTv5 .Ct_ctr table[class*='UTIwidth'],
.IPTv5 .Ct_ctr div[class*='HPRgsiwidth'],
.IPTv5 .Ct_ctr div[class*='UTIwidth'] {
    width: 100% !important;
}

.IPTv5 label.leaveit {
    display: block;
}

.IPTv5 .Ct_ctl .ctrDropDown {
    width: 100%;
}

.IPTv5 #mstBody ol.progtrckr li a.customtextlink {
    text-decoration: underline;
}

.IPTv5 .pageHelper .helpbutton2 {
    display: block;
    position: relative !important;
    top: 0;
    right: 0;
    padding: 0 !important;
}

    .IPTv5 .pageHelper .helpbutton2 div[id$='ucHelpHeaderMain_divHelpLink'] {
        text-align: right !important;
        display: block !important;
        width: 100%;
    }
/*/////  --- END FORM INPUT CLASSES ---  /////*/

/* /// SVG GRAPHS /// */
.donutgraph {
    position: relative;
    width: 120px;
    height: 120px;
    margin: auto;
}

.imageHolder .donutgraph {
    position: relative;
    width: 44px;
    height: 44px;
    margin: auto;
}

.imageHolder.sm {
    position: relative;
    width: 44px;
    height: 44px;
    margin: auto;
}

    .imageHolder.sm .quartergraph {
        width: 44px;
        height: 44px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.donutgraph > .donut {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.imageHolder .donutgraph > .middletext {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-family: sans-serif;
    font-size: 11px;
    text-align: center;
    z-index: 11;
}

.donutgraph > .middletext .percent {
    display: inline;
    font-family: sans-serif;
    font-size: 11px;
}

.donutgraph > .middletextsmaller {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-family: sans-serif;
    font-size: 11px;
    text-align: center;
    z-index: 11;
}

.donutgraph > .donut > .donut-hole {
    fill: #fff;
}

.donutgraph > .donut > .donut-ring {
    stroke: #ddd;
    stroke-width: 6;
    fill: transparent;
}

.donutgraph > .donut > .donut-segment {
    stroke: #666;
    stroke-width: 6;
    fill: transparent;
}

.transp {
    opacity: 0.5;
}

.reqtext {
    color: #999;
}

.reqdescrpitor {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.piegraph {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

svg.pie {
    border-radius: 50%;
    background: #ddd;
}

.piegraph circle {
    fill: none;
    stroke-width: 31;
}

    .piegraph circle.first {
        stroke: grey;
    }

.quartergraph {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

    .quartergraph svg {
        transform: rotate(45deg);
    }

    .quartergraph path {
        fill: #ddd;
    }
/* /// END SVG GRAPHS /// */


/* /// Accordion style /// */
div.accordionHeaderSelected, div.accordionHeader {
    background-image: none !important;
    background-color: #666;
    color: white !important;
    padding-left: 8px;
    font-weight: bold !important;
    font-size: 1.1em !important;
}

div.accordionHeaderSelected, div.accordionHeader {
    margin-top: 10px;
}

    div.accordionHeaderSelected:nth-of-type(1), div.accordionHeader:nth-of-type(1) {
        margin-top: 0px;
    }

div.accordionContent {
    border: 2px solid #666;
    border-top: 0px solid #666;
    padding: 8px !important;
}

div.accordionHeaderSelected:before, div.accordionHeader:before {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    font-size: 16px;
    line-height: 1.1em;
    padding-right: 4px;
}

div.accordionHeader:before {
    content: "\f0fe" / "";
}

div.accordionHeaderSelected:before {
    content: "\f146" / "";
}

div.accordionHeaderSelected a, div.accordionHeader a {
    font-size: 1.0em !important;
    font-weight: bold !important;
}

div.accordionHeaderSelected h2, div.accordionHeader h2,
div.accordionHeaderSelected h3, div.accordionHeader h3 {
    display: inline-block !important;
}

/*UI checkboxes, what you must do to request weekly UI benefits */
.IPTstyle2 #divBRI > ul > li > input[type=checkbox] + label {
    padding-left: 30px !important;
}
/*Paul wanted the lines back in the datatables*/
table.datatable th, table.datatable td, table.datatable th.thScopeRow, table.datatable.noline > tbody > tr > td {
    border-right: 1px #ccc solid !important;
    border-bottom: 1px #ccc solid !important;
}

    table.datatable th:last-child, table.datatable td:last-child {
        /*border-right: 0px #ccc solid !important;*/
    }

table.datatable {
    border: 1px #ccc solid !important;
}

    table.datatable td table td, table.datatable table {
        border-right: 0px #ccc solid !important;
        border-bottom: 0px #ccc solid !important;
        border: 0px #ccc solid !important;
    }

.ATBarialFontBold input[type="radio"] + label, .ATBarialFontBold input[type="checkbox"] + label {
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
}

.ATBTahomaFontBold input[type="radio"] + label, .ATBTahomaFontBold input[type="checkbox"] + label {
    font-family: Tahoma, sans-serif !important;
    font-weight: bold !important;
}

.ATBVerdanaFontBold input[type="radio"] + label, .ATBVerdanaFontBold input[type="checkbox"] + label {
    font-family: Verdana, sans-serif !important;
    font-weight: bold !important;
}

.gui_instructions_top {
    /*position: relative;*/
}
.gui_instructions_flex {
    float: left;
    display: inline-block;
    margin: 0 8px;
    line-height: 1.25;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}

@media (max-width: 2000px) {
    .gui_instructions_flex {
        max-width: 80%;
    }
}
@media (max-width: 800px) {
    .gui_instructions_flex {
        max-width: 60%;
    }
}

.instrencl_v22 div[id$='helpheaderdiv'] {
    position: absolute !important;
    top: 0 !important;
    right: 20px;
}
.ptdPin {
    position: absolute !important;
    display: inline-block;
    top: 20px !important;
    left: 20px;
}
#lbPinToDashboard, #lbHelpInfo {
    font-size: 0.8em;
}
@media (max-width: 990px) {
    .IPTstyle2 .formbutt {
        font-size: 100% !important;
    }
}

/*.IPTv5 .Ct_ctl table.is-invalid input.form-check-input {
    border-color: #dc3545;
}
.IPTv5 .Ct_ctl table.is-invalid label {
    color: #dc3545;
}*/
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 1.0em !important;
    line-height: inherit !important;
    min-width: 35px;
}

@media (max-width: 600px) {
    .IPTv5 .pageHelper, .MidWidth, fieldset, .valSummary {
        /*width: 75% !important;*/
    }

    .IPTstyle2 #mstBody, #mstAdminBody {
        padding: 0;
    }
}

@media (max-width: 767px) { /* mobile mode */
    .IPTv5 .pageHelper, .IPTv5 .MidWidth, .IPTv5 fieldset, .IPTv5 .valSummary {
        width: 100% !important;
    }
    .instrencl_v22 div[id$='helpheaderdiv'] {
        position: absolute !important;
        top: 0 !important;
        /*right: 5px;*/
    }
    .IPTv5 div.dvdr {
        display: block;
        width: 100%;
    }
    .fieldtoggle div[id^='fieldset-'],
    .IPTv5 div[id^='fieldset-'] {
        padding: 0px;
    }
    .IPTv5 fieldset {
        /*margin: -43px 0 0 0 !important;*/
        padding: 0 0 !important;
        border-left: 0px #aaa solid !important;
        border-right: 0px #aaa solid !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .fieldtoggle fieldset,
    .IPTv5 fieldset {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

        .IPTv5 fieldset > legend, .IPTv5 fieldset > legend > h2 {
            /*margin: -43px 0 0 0 !important;*/
            /*padding: 0 0 0 0 !important;*/
            font-size: 1.1em !important;
        }

    .IPTv5 .Ct_ctr .Ct_ctl {
        width: 90%;
    }

    .IPTv5 ol.progtrckr li {
        display: inline-block;
        font-size: 1.0em;
        width: 100% !important;
    }

    .IPTv5 .helpbutton2 {
        padding: 0px 0 40px 0 !important;
    }
    .fieldtoggle .helpbutton2,
    .IPTv5 .helpbutton2 {
        padding: 0 !important;
    }
}

@media (max-width: 576px) { /* mobile mode */


}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}
/*/// BOOTSTRAP 5 OVERRIDES ///*/
/*.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label*/
.IPTv5 .form-floating > .form-control-plaintext ~ label,
.IPTv5 .form-floating > .form-select ~ label,
.IPTv5 .form-floating > .form-control:focus ~ label,
.IPTv5 .form-floating > .form-control:not(:placeholder-shown) ~ label {
    opacity: 1.0;
    transform: scale(.85) translateY(-1rem) translateX(0.5rem);
    background: white;
    width: auto;
    padding: 0 6px;
    height: auto !important;
    border-radius: 20px;
}

.IPTv5 .form-floating > label {
    padding: .65rem .75rem;
}

.IPTv5 .form-floating > .form-control-plaintext:focus, .IPTv5 .form-floating > .form-control-plaintext:not(:placeholder-shown), .IPTv5 .form-floating > .form-control:focus, .IPTv5 .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.IPTv5 .form-floating > .form-select {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.IPTv5 .form-floating > .form-control, .IPTv5 .form-floating > .form-control-plaintext, .IPTv5 .form-floating > .form-select {
    height: calc(2.7rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
}

.IPTv5 .form-control, .IPTv5 .form-select, .IPTv5 .form-check-input {
    border: 1px #666 solid;
}

.IPTv5 .form-control, .IPTv5 .form-select {
    border-radius: 4px !important;
}

.IPTv5 .form-check-input:checked {
    background-color: #333;
    border-color: #333;
}

    .IPTv5 .form-check-input:checked[type=radio] {
        --bs-form-check-bg-image: none;
    }

.form-control:focus, .form-check-input:focus, .form-select:focus {
    box-shadow: 0 0 0 .25rem dodgerblue;
}
/* .txtBShide - add to Container for BS to skip, .DoNotFloat - add to control to NOT float, .PhoneBox*/