/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
    display: none;
    background-color: #efffff;
    border: 1px solid #cc9;
    padding: 3px;
    font-size: 11pt;
    font-weight: normal;
    color: #00008B;
    -ms-box-shadow: 2px 2px 11px #666;
    box-shadow: 2px 2px 11px #666;
    -moz-box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
    z-index: 99999999;
}

/* OHIO GridControls */

table.commonTable {
    width: 100%;
    border: 1px solid #221F73;
    border-collapse: collapse;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

    table.commonTable th {
        background-color: #072E6F;
        color: White;
        height: 23px;
        background-position: top;
        background-repeat: repeat-x;
        text-align: center;
    }

        table.commonTable th A {
            text-decoration: none;
            color: White;
            font-size: 10pt;
        }

    table.commonTable > tbody > tr > td a {
        color: navy;
        font-family: arial,helvetica,sans-serif;
        font-size: small;
        text-decoration: underline;
    }

        table.commonTable > tbody > tr > td a:hover {
            color: #0071BC;
        }

    table.commonTable tr.alternativeGray {
        background-color: #EEEEEE;
    }

    table.commonTable TH.asc A {
        padding-right: 15px;
        background: url(/Images/Grid/asc.gif) no-repeat center right;
    }

    table.commonTable TH.desc A {
        padding-right: 15px;
        background: url(/Images/Grid/desc.gif) no-repeat center right;
    }

    table.commonTable td {
        border: 1px solid #221F73;
        text-align: center;
    }

    table.commonTable input {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    table.commonTable tr.pager table {
        width: 100%;
        border-style: none;
    }

        table.commonTable tr.pager table td {
            width: 0%;
            border-style: none;
            padding-left: 5px;
        }

            table.commonTable tr.pager table td A {
                text-decoration: none;
                color: #221F73;
            }

            table.commonTable tr.pager table td.current {
                font-weight: bold;
            }


            table.commonTable tr.pager table td.total {
                text-align: right;
                width: 99%;
                padding-right: 5px;
                font-weight: bold;
            }

/*--- End OHIO GridControls ---*/

/*--- TextItem,ListItem control---*/

tr.textItem {
}

    tr.textItem > td:first-child, tr.listItem > td:first-child {
        text-align: left;
        white-space: normal;
        min-width: 150px;
        width: 150px;
        max-width: 150px;
    }

    tr.textItem > td.mandatory, tr.listItem > td.mandatory {
        width: 10px;
        white-space: nowrap;
    }

    tr.textItem > td > input[type="text"] {
        width: 150px;
    }

tr.listItem > td > select {
    width: 154px;
}

/**********************/
/**********************/
/**********************/




/*********************/
/* MessageBox styles */
/*********************/
.message-panel {
    width: 100%;
}

.message-container > div {
    border-radius: 0.4em;
    text-align: center;
}

.info {
    color: #36353a;
    color: var(--ohio-black);
    background-color: #a2d9ff;
    background-color: var(--ohio-info);
}

.warning {
    color: #36353a;
    color: var(--ohio-black);
    background-color: #fdf675;
    background-color: var(--ohio-warning);
}

.error,
.validation {
    color: #36353a;
    color: var(--ohio-black);
    background-color: #ff9393;
    background-color: var(--ohio-error);
}

.success {
    color: #36353a;
    color: var(--ohio-black);
    background-color: #7ce117;
    background-color: var(--ohio-success);
}

    .info div, .success div, .warning div, .error div, .validation, .success p {
        border-radius: 0.4em;
        box-sizing: border-box;
        color: var(--ohio-black);
        font-size: 16px;
        font-weight: bold;
        padding: 1rem;
        margin-bottom: 1rem;
    }

.container {
    font-size: 13px;
}

    .container img {
        border: none;
    }

.standardGreyContainer {
    width: 100%;
    background-color: #ECECEC !important;
    display: block;
}

.standardWhiteContainer {
    width: 100%;
    background-color: #FFFFFF !important;
    display: block;
}

.radioButtonPadding {
    margin: 0px 30px 0px 30px;
}

.pin-alert {
    width: 100%;
    border-radius: 0.4em;
    text-align: center;
    margin-bottom: 1em;
    padding: 0.4em;
    box-sizing: border-box;
    font-weight: bold;
}

/**********************/
/**********************/
/**********************/



/*EmployeeExport*/

.eebutton {
    color: white;
    background-color: #0071BC;
    font-weight: bold;
    font-size: 12pt;
    border-radius: 5px;
    border-width: 0px;
    padding: 5px 5px 5px 5px;
}

    .eebutton:hover {
        background-color: #2989c9;
        cursor: pointer;
    }

/*Finance Reporting Area*/

.rptmenu {
    width: 40%;
    height: 500px;
    background-color: white;
    margin: 0 auto;
    border-radius: 10px;
    color: #0071BC;
    position: relative;
    font-weight: bold;
    font-size: 18pt;
    text-align: center;
}

.rptmenubutton {
    width: 400px;
    height: 40px;
    background-color: #0071BC;
    border-radius: 5px;
    border-width: 0px;
    color: white;
    font-weight: bold;
    font-size: 12pt;
}

    .rptmenubutton:focus {
        outline: 0;
    }

    .rptmenubutton:hover {
        background-color: #2989c9;
        cursor: pointer;
    }

.ibdcontrol {
    width: 95%;
    height: 150px;
    border-radius: 10px;
    background-color: #ECECEC;
    margin: 0 auto;
    text-align: center;
    color: #0071BC;
    font-size: 12pt;
    position: relative;
    border: 1px solid lightgrey;
}

.ibdbuttonsmall {
    width: 70px;
    height: 25px;
    background-color: #0071BC;
    border-radius: 5px;
    border-width: 0px;
    color: white;
    font-weight: bold;
    font-size: 8pt;
    float: left;
    margin-left: 3px;
}

    .ibdbuttonsmall:focus {
        outline: 0;
    }

    .ibdbuttonsmall:hover {
        background-color: #2989c9;
        cursor: pointer;
    }

.ibdbutton {
    width: 100px;
    height: 30px;
    background-color: #0071BC;
    border-radius: 5px;
    border-width: 0px;
    color: white;
    font-weight: bold;
    font-size: 12pt;
    position: absolute;
    right: 1%;
}

    .ibdbutton:focus {
        outline: 0;
    }

    .ibdbutton:hover {
        background-color: #2989c9;
        cursor: pointer;
    }

.ibdsummary {
    width: 100%;
    height: 20px;
    position: relative;
    margin-top: 10px;
    margin-left: 45px;
}

.ibdtotal {
    font-size: 12pt;
    text-align: right;
    color: #0071BC;
    position: absolute;
    margin-top: 2px;
    right: 5%;
}

.fullWidthTable {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .fullWidthTable tr th {
        background-color: #0071BC;
        color: #ffffff;
        padding: 10px 5px 10px 5px;
        border: 1px solid #cccccc;
        font-size: 10pt;
    }

    .fullWidthTable tr:nth-child(2n+2) {
        background-color: #f3f4f5;
    }

    .fullWidthTable tr:nth-child(2n+1) td {
        background-color: #ECECEC;
        color: #454545;
    }

    .fullWidthTable tr td {
        padding: 5px 10px 5px 10px;
        font-size: 10pt;
        border: 1px solid #cccccc;
        vertical-align: middle;
    }

        .fullWidthTable tr td:first-child {
            text-align: center;
        }

    .fullWidthTable tr th {
        background-color: #0071BC;
        color: #ffffff;
        padding: 10px 5px 10px 5px;
        border: 1px solid #cccccc;
        font-size: 10pt;
    }


.ibdtable {
    border-collapse: collapse;
    margin: 0 auto;
    width: 95%;
    margin-top: 15px;
}

    .ibdtable tr:nth-child(2n+2) {
        background-color: #f3f4f5;
    }

    .ibdtable tr:nth-child(2n+1) td {
        background-color: #ECECEC;
        color: #454545;
    }

    .ibdtable tr td {
        padding: 5px 10px 5px 10px;
        font-size: 10pt;
        border: 1px solid #cccccc;
        vertical-align: middle;
    }

        .ibdtable tr td:first-child {
            text-align: center;
        }


/*resource planner*/

.plannerClinicianResourceTypeButton {
    height: 50px;
    width: 240px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
    border-style: none;
    border-radius: 5px 5px;
    background-color: #0071BC;
    color: white;
    font-size: 9pt;
}

    .plannerClinicianResourceTypeButton:hover {
        background-color: #2989c9;
        cursor: pointer;
    }

.plannerTimeDropDownList {
    width: 250px;
    font-size: x-large;
}

.plannerDropDownGeneric {
    width: 250px;
    font-size: large;
}

.plannerWizard a {
    text-decoration: none;
}

.plannerStep {
    min-height: 400px;
    display: block;
    margin-left: 1em;
}

    .plannerStep > div {
        display: flex;
        justify-content: flex-start;
        padding: 1em;
        margin-bottom: 1em;
        border: 2px solid #e3e3e3;
        border: 2px solid var(--ohio-background-grey);
        border-radius: 0.4em;
        box-sizing: border-box;
    }

    .plannerStep div h1 {
        font-size: 18pt;
        margin-bottom: 0.2em;
        color: #36353a;
        color: var(--ohio-black);
    }

.planner-success {
    border: 2px solid #7ce117 !important;
    border: 2px solid var(--ohio-success) !important;
    background-color: #7ce117;
    background-color: var(--ohio-success);
}

    .planner-success p {
        font-size: 14px;
        font-weight: bold;
    }

.plannerNav {
    border: 2px solid #e3e3e3;
    border: 2px solid var(--ohio-background-grey);
    border-radius: 0.4em;
    padding: 1em;
    display: flex;
    justify-content: flex-end;
    margin-left: 1em;
}

    .plannerNav table {
        border-collapse: collapse;
    }

.plannerDay {
    border-radius: 5%;
}

.planner-section {
    display: flex;
    flex-direction: column;
    background-color: #e3e3e3;
    background-color: var(--ohio-background-grey);
    border-radius: 0.4em;
    padding: 1em;
}

.plannerSideBar {
    align-items: flex-start;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border-radius: 0.4em;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    padding: 1em;
}


    .plannerSideBar a {
        margin-left: 10px;
        padding-top: 10px;
        color: #ffffff;
        color: var(--ohio-white);
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .plannerSideBar a:hover {
            color: #ffffff;
            color: var(--ohio-white);
            text-decoration: none;
        }

.planner-calendar {
    font-family: 'Open Sans', sans-serif !important;
    border: 2px solid #0071BC !important;
    border-radius: 0.4em;
}

.customServiceTypes span {
    font-size: small !important;
    display: inline-block !important;
    padding: 0px !important;
}

.serviceTypecheckbox tr td {
    padding: 3px !important;
}

.rp-checkbox input {
    transform: scale(2);
    margin-left: 0.5em;
    margin-top: 0.5em;
    position: relative;
}

/*resplanner*/
.rp-editbooking-container {
    height: 550px;
    width: 35%;
    margin: 0 auto;
    background-color: #f2f2f2;
    border-radius: 5px;
    border: 1px solid lightgrey;
}

.rp-editbooking-ddl {
    width: 250px;
    font-size: large;
}

.rp-editbooking-table {
    margin: 0 auto;
}

    .rp-editbooking-table td {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

.rp-editbooking-label {
    font-size: large;
}

.rp-editbooking-button {
    min-width: 50px;
    padding: 5px 5px 5px 5px;
    min-height: 25px;
    background-color: #0071BC;
    border-radius: 5px;
    border-width: 0px;
    color: white;
    font-weight: bold;
    font-size: 12pt;
}

    .rp-editbooking-button:hover {
        background-color: #2989c9;
        cursor: pointer;
    }

.rp-editbooking-button-isred {
    background-color: #b30000 !important;
}

    .rp-editbooking-button-isred:hover {
        background-color: #e60000 !important;
    }

.rp-editbooking-datepicker {
    width: 225px;
    height: 20px;
    font-size: large;
}

/*resmonitor*/
.resmonitor-good {
    background: linear-gradient(to right, rgba(225,0,0,0) 85%, rgba(0,179,0,0.3));
    background-color: #f2f2f2 !important;
}

.resmonitor-mid {
    background: linear-gradient(to right, rgba(225,0,0,0) 85%, rgba(225,153,0,0.3));
    background-color: #f2f2f2 !important;
}

.resmonitor-bad {
    background: linear-gradient(to right, rgba(225,0,0,0) 85%, rgba(225,0,0,0.3));
    background-color: #f2f2f2 !important;
}

.resmonitor-name {
    background-color: #ECECEC !important;
}

.AddNewEmployeeInterfaceButton {
    margin-left: 5px;
    color: white;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    border: none;
    border-radius: 7px;
    height: 35px;
}

    .AddNewEmployeeInterfaceButton:hover {
        cursor: pointer;
    }

/*--End MessageBox---*/

/*--- new styles :)http://www.xiper.net---*/
.title {
    color: #0071BC;
    font-weight: bold;
    padding-left: 8px;
    margin-top: 6px;
    padding-bottom: 2px;
    font-size: 11pt;
    display: block;
}


.fname, .fnamelong {
    margin-right: 8px;
    text-align: left;
    letter-spacing: -.03em;
    font-size: 9pt;
    color: #494949;
    font-weight: 600;
}

.ftext {
    margin-left: 1em;
}

.ftextNoPadding {
    margin-right: 0px !important;
    margin-bottom: 15px;
    margin-left: 2px;
    text-align: right;
    font-family: arial,helvetica,sans-serif;
}


/*filter panel*/
.filterpanel .fname, .searchpanel .fname {
    font-size: 9pt;
    letter-spacing: -.05em;
    margin-left: 10px;
    font-size: 10pt;
    font-weight: normal;
    white-space: nowrap;
}

.filterpanel .input {
    width: 130px;
}

.filterpanel select.input {
    width: 2em;
    height: auto;
    height: auto;
}

    .filterpanel select.input.recordstatus {
        width: 100px;
    }

.filterpanel .clients {
    width: 200px;
}

.table {
    border: 0;
    padding: 0px;
    border-collapse: collapse;
}

.tabletop {
    border: 0;
    padding: 0px;
    vertical-align: top;
}

    .table > tbody > tr > td, .tabletop td {
        padding-top: 2px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

td.details {
    vertical-align: top;
    padding-top: 2px;
    width: 33%;
}

.margins {
    margin-top: 1px;
    width: 180px;
}

.details .fname {
    display: block;
    white-space: normal;
    width: 150px;
}

.details .fnamelong {
    display: block;
}

.details td.mandatory {
    empty-cells: show;
    padding-left: 4px;
}

table.episodeUpdate {
    width: 100%;
    border-collapse: collapse !important;
}

    table.episodeUpdate td {
        border: 1px solid black;
        padding: 2px;
    }

table.episodeUpdateActions {
    width: 100%;
}

    table.episodeUpdateActions td {
        padding: 1px;
    }

.inputWithMargins {
    width: 180px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.input_short {
    width: 400px;
}

.input_wide {
    width: 600px;
}

.input_wide_list {
    width: 220px;
}

.input_wide_extra {
    width: 680px;
}

select.input {
    width: 184px;
}

select.inputhalf {
    width: 94px;
}

input[type="image"].calendar {
    margin-right: 0.2em;
    margin-left: 0.2em;
    height: 2em;
    height: var(--ohio-input-height);
}

.calendar-divide {
    height: 2em;
    height: var(--ohio-input-height);
}

input[type="image"].calendar:hover {
    cursor: pointer;
}


/*******************/
/* SUrface buttons */
/*******************/
.bottom-button-container {
    display: flex;
    justify-content: flex-end;
    padding: 1em 0;
}

.button {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.2em;
    color: #f9f9f9;
    color: var(--ohio-lightshades);
    cursor: pointer;
    font-size: 12px;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    min-width: 9em;
    font-weight: bold;
}

.negative-button,
.login-button-container {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
    border-radius: 0.2em;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    width: 9em;
}

    .button:hover,
    .negative-button:hover,
    .login-button-container:hover {
        border: 2px solid #1073ba;
        border: 2px solid var(--ohio-brand-blue);
        box-shadow: inset 0 -3em 0 0 #d5e6f2;
        box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue);
        color: #1073ba;
        color: var(--ohio-brand-blue);
    }

.news-button {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    width: 9em;
}

.news-light-button {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    color: #1073ba;
    color: var(--ohio-brand-blue);
}

    .news-light-button:hover {
        border: 2px solid #1073ba;
        border: 2px solid var(--ohio-brand-blue);
        box-shadow: inset 0 -3em 0 0 #1073ba;
        box-shadow: inset 0 -3em 0 0 var(--ohio-brand-blue);
        color: #ffffff;
        color: var(--ohio-white);
    }

.news-dark-button {
    background-color: #ffffff;
    background-color: var(--ohio-white);
    border: 2px solid #ffffff;
    border: 2px solid var(--ohio-white);
    color: #00335b;
    color: var(--ohio-brand-darkblue);
}

    .news-dark-button:hover {
        border: 2px solid #d5e6f2;
        border: 2px solid var(--ohio-brand-lightblue);
        box-shadow: inset 0 -3em 0 0 #d5e6f2;
        box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue);
        color: #00335b;
        color: var(--ohio-brand-darkblue);
    }

.dashboard-header-button {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.2em;
    color: #f9f9f9; /*IE*/
    color: var(--ohio-lightshades);
    cursor: pointer;
    font-size: 12px;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    min-width: 9em;
    font-weight: bold;
    margin-left: 0.4em;
}

    .dashboard-header-button:hover {
        border: 2px solid #1073ba;
        border: 2px solid var(--ohio-brand-blue);
        box-shadow: inset 0 -4em 0 0 #d5e6f2;
        box-shadow: inset 0 -4em 0 0 var(--ohio-brand-lightblue);
        color: #1073ba;
        color: var(--ohio-brand-blue);
    }

.logout-button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-left: 0.4em;
    text-decoration: none;
    width: 9em;
}

    .logout-button > p {
        margin: 0 1em;
        white-space: nowrap;
    }

    .logout-button > img {
        margin-right: 0.4em;
    }

.login-button-container {
    display: flex;
    justify-content: space-around;
    padding: 0 1em 0 0;
}

.login-button {
    color: #1073ba;
    color: var(--ohio-brand-blue);
    background-color: transparent;
    border: none;
    height: 100%;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.logout-button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.red-button {
    background-color: var(--ohio-traffick-red) !important;
    background-color: #ea1f1f !important;
    border: 2px solid var(--ohio-traffick-red);
    border: 2px solid #ea1f1f;
}

    .red-button:hover {
        border: 2px solid var(--ohio-traffick-red);
        border: 2px solid #ea1f1f;
        box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightred);
        box-shadow: inset 0 -3em 0 0 #fff0f0;
        color: var(--ohio-traffick-red);
        color: #ea1f1f;
    }



.green-button {
    background-color: var(--ohio-traffic-green) !important;
    background-color: #7ce117 !important;
    border: 2px solid var(--ohio-traffic-green);
    border: 2px solid #7ce117;
}

    .green-button:hover {
        border: 2px solid var(--ohio-traffic-green);
        border: 2px solid #7ce117;
        box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightgreen);
        box-shadow: inset 0 -3em 0 0 #f3ffe7;
        color: var(--ohio-traffick-green);
        color: #7ce117;
    }

.button-spacer {
    margin-right: 0.4em;
}

.button-spacer-left {
    margin-left: 0.4em;
}

.button-auto-width {
    width: auto;
}

.button-disabled {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.2em;
    color: #f9f9f9; /*IE*/
    color: var(--ohio-lightshades);
    font-size: 12px;
    height: 3em;
    overflow: visible;
    padding: 0 0.2em;
    text-align: center;
    transition: 0.25s;
    width: 9em;
    font-weight: bold;
    pointer-events: none;
    opacity: 0.5;
}

.redirectButton {
    margin-right: 1em;
    background-color: white;
    color: black;
    font-weight: bold;
    width: 9em;
    height: 2em;
    font-size: 14px;
    border: 2px solid white;
    border-radius: 0.4em;
    font-family: arial,helvetica,sans-serif;
}

    .redirectButton:hover {
        background: #4c9ace;
        color: white;
    }

.link-button {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
}


/*******************/
/*******************/
/*******************/


.vcaText {
    margin-right: 8px;
    margin-left: 7px;
    text-align: left;
    color: #ce0100;
    font-weight: bold;
}

.vcaButton {
    -moz-box-shadow: inset 0px 0px 0px 1px #f29c93;
    -webkit-box-shadow: inset 0px 0px 0px 1px #f29c93;
    box-shadow: inset 0px 0px 0px 1px #f29c93;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
    background: -moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: -ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
    background: linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
    background-color: #fe1a00;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d83526;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 12px;
    text-decoration: none;
}

    .vcaButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
        background: -moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background: -webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background: -o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background: -ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background: linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
        background-color: #ce0100;
    }

    .vcaButton:active {
        position: relative;
        top: 1px;
    }

.browsebutton {
    text-align: center;
    font-size: 9pt;
    height: 25px;
    line-height: 18px !important;
    line-height: 16px;
    min-width: 70px;
    overflow: visible;
    padding: 0 2px;
    width: 100%;
}

table.widthmax, tr.widthmax, td.widthmax, td.widthmax input, td.widthmax select {
    width: 100%;
}

    td.widthmax input, td.widthmax select {
        display: block;
    }


/*Buttons line*/

td.rbuttons, div.rbuttons {
    text-align: right;
    white-space: nowrap;
    /*width: 160px;*/
}

td.rbuttons_double, div.rbuttons_double {
    text-align: right;
    white-space: nowrap;
}

.rbuttons .button {
    margin-left: 6px;
}

.lbuttons .button {
    margin-right: 6px;
}

td.lbuttons, div.lbuttons {
    text-align: left;
    margin-left: 6px;
}

/*NoteDetails*/
table.notedetails {
    vertical-align: top;
    border: 0px;
    white-space: nowrap;
    table-layout: auto;
}

    table.notedetails > tbody > tr > td {
        width: 50%;
        text-align: left;
        vertical-align: top;
    }

        table.notedetails > tbody > tr > td > input, table.notedetails > tbody > tr > td > textarea {
            width: 350px;
        }

/*End NoteDetails*/


/*NoteSummary*/

#note_summary .header {
    width: 100%;
    margin-bottom: 15px;
    color: #0071BC;
    font-weight: bold;
}

#note_summary .title {
    display: inline;
    text-align: left;
    letter-spacing: -.03em;
    font-size: 10pt;
    color: #353535;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

#note_summary .file {
    display: inline;
    text-align: left;
    letter-spacing: -.03em;
    font-size: 10pt;
    color: Gray;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

#note_summary hr {
    margin: 10px 0px;
}

#note_summary .footer {
    width: 100%;
}

/*End NoteSummary*/

/*Columns*/
td.secondcolumn {
    padding-left: 30px;
}

/*TableNew*/
.table-new {
    border: 0;
    padding: 0px;
    table-layout: inherit;
}

    .table-new td {
        padding-top: 2px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        line-height: 20px;
    }

    .table-new .extraRightPad {
        padding-right: 10px !important;
    }

    .table-new .fname {
        margin-right: 20px;
    }

    .table-new .mandatory {
        padding-right: 3px;
    }

    .table-new .fvalue, .table-new .ftext {
        margin-left: 8px;
    }

    .table-new textarea.input {
        width: 94%;
    }

.rbutton_list label {
    margin-right: 10px;
}


/* ------------- */
/* Dialog styles */
/* ------------- */


.ui-widget-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
}

.ui-dialog-content, .ui-widget-content {
    white-space: normal;
    font-size: 11pt;
    color: #222222;
    background-color: #fff;
}

.ui-dialog-buttonset {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    height: 41px;
}

.ui-dialog-content .content .ui-dialog-buttonset .commands {
    text-align: right;
    padding: 8px;
}

.ui-dialog-buttonpane .outer {
    background-color: var(--ohio-brand-blue);
    padding-right: 9px;
}

.ui-dialog-buttonpane .inner {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    padding-left: 9px;
}

.ui-dialog-buttonpane .content {
    height: 7px;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
}

.commands > button, .commands > input {
    width: 75px;
}

.ui-dialog-titlebar {
    height: 35px;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
}

    .ui-dialog-titlebar .outer {
        background-color: #1073ba;
        background-color: var(--ohio-brand-blue);
        padding-right: 40px;
    }

        .ui-dialog-titlebar .outer .inner {
            background-color: #1073ba;
            background-color: var(--ohio-brand-blue);
            padding-left: 9px;
        }

            .ui-dialog-titlebar .outer .inner .content {
                height: 35px;
                background-color: #1073ba;
                background-color: var(--ohio-brand-blue);
            }

                .ui-dialog-titlebar .outer .inner .content H2 {
                    font-size: 12pt;
                    font-weight: bold;
                    color: #fff;
                    padding-top: 6px;
                    margin: 0;
                }


.ui-dialog-content .outer {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    padding-right: 7px;
}

.ui-dialog-content .inner {
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    padding-left: 7px;
}

.ui-dialog-content .content {
    white-space: normal;
}

    .ui-dialog-content .content H2 {
        padding: 10px;
        margin: 0px;
        text-align: center;
        font-size: 10pt;
        color: #222222;
        font-weight: normal;
    }

.dialog {
    font-size: 12pt;
    color: #36353a;
    color: var(--ohio-black);
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    z-index: 22005 !important;
    border-radius: 0.4em;
}

    /* header styles */
    .dialog .header {
        position: relative;
        color: #fff;
        cursor: move;
    }

        .dialog .header .outer {
            padding-right: 40px;
        }

        .dialog .header .inner {
            padding-left: 9px;
        }

        .dialog .header .content {
            height: 35px;
        }

            .dialog .header .content H2 {
                font-size: 12pt;
                font-weight: bold;
                color: #fff;
                padding-top: 6px;
                margin: 0;
            }

        .dialog .header .close {
            /* the image is 35x35 pixels wide */
            height: 25px;
            width: 35px; /* position the image */
            position: absolute;
            top: 4px;
            right: 7px;
            background: url('/Content/images/surface-icons/close.svg') no-repeat;
            cursor: pointer;
            background-position: center;
        }

            .dialog .header .close:hover {
                background-color: #1073ba;
                background-color: var(--ohio-brand-blue);
            }

    /* dialog body styles */
    .dialog .body {
    }

        .dialog .body .outer {
            padding-right: 7px;
        }

        .dialog .body .inner {
            padding-left: 7px;
        }

        .dialog .body .content {
            white-space: normal;
            background-color: #ffffff;
            background-color: var(--ohio-white);
        }

            .dialog .body .content H2 {
                padding: 10px;
                margin: 0px;
                text-align: center;
                font-size: 10pt;
                color: #222222;
                font-weight: normal;
            }

            .dialog .body .content .footer {
                background-color: #1073ba;
                background-color: var(--ohio-brand-blue);
            }

                .dialog .body .content .footer .commands {
                    background-color: #ffffff;
                    background-color: var(--ohio-white);
                    text-align: right;
                    padding: 0 1em 1em 1em;
                }

                    .dialog .body .content .footer .commands INPUT {
                        /* keep the buttons a consistent size */
                        width: 75px;
                    }

    /* dialog footer styles */
    .dialog .footer {
    }

        .dialog .footer .outer {
            padding-right: 9px;
        }

        .dialog .footer .inner {
            padding-left: 9px;
        }

        .dialog .footer .content {
            height: 7px;
        }

    .dialog .updating {
        color: #808080;
        background-color: #1073ba;
        background-color: var(--ohio-brand-blue);
    }

    /* dialog prompt */
    .dialog .prompt {
        padding: 8px;
    }

        .dialog .prompt .fname {
            margin: 0px;
            white-space: nowrap;
            display: inline;
        }

        .dialog .prompt .mandatory {
            vertical-align: middle;
            white-space: nowrap;
        }

/* Session dialog */
.session-outer {
}

    .session-outer > .session-inner {
    }

        .session-outer > .session-inner > .session-content {
        }

            .session-outer > .session-inner > .session-content > .ui-dialog-buttonset {
                background-color: #ffffff;
                background-color: var(--ohio-white);
                height: 100%;
            }


#sessionAlert {
    height: 100% !important;
}

.session-commands {
    display: flex;
    justify-content: flex-end;
    padding: 0.2em;
    height: 100%;
    background-color: #ffffff;
    background-color: var(--ohio-white);
}

    .session-commands > button {
        z-index: 1001;
    }

/***********/
/* Reports */
/***********/
.amber-traffic, .plus-traffic, .minus-traffic {
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

div #SearchToolBar {
    border-right: 2px solid #EDEDED;
    border-left: 2px solid #EDEDED;
    border-bottom: 2px solid #EDEDED;
}

.select-list-button {
    cursor: pointer;
    background-color: #1073ba;
    background-color: var(--ohio-brand-blue);
    border: 2px solid #1073ba;
    border: 2px solid var(--ohio-brand-blue);
    border-radius: 0.3em;
}

    .select-list-button:hover,
    .select-list-button:focus {
        background-color: #3888c1;
        background-color: var(--ohio-brand-blue-lighten);
    }

input.memorableLetter {
    width: 15px;
    height: 20px;
    font-size: large;
    border: 1px solid #ccc;
}

span.memorableLetter {
    color: #0071BC;
    font-size: large;
}

.list-box {
    min-width: 15em;
}

/*******************/
/* Filestyle input */
/*******************/
.file-link {
    color: #1073ba;
    color: var(--ohio-brand-blue);
    font-weight: bold;
    min-width: 20em;
    text-decoration: none;
}

    .file-link:hover {
        text-decoration: underline;
    }

div.jfilestyle {
    margin: 0;
}

    div.jfilestyle > input {
        border-radius: 0.3em;
        border: 2px solid #878f93;
        border: 2px solid var(--ohio-border-grey);
        color: #36353a;
        color: var(--ohio-black);
        font-size: 12px;
        margin: 0;
        height: 1em;
    }

    div.jfilestyle label {
        background-color: #ffffff;
        background-color: var(--ohio-white);
        border-radius: 0.3em;
        border: 2px solid #1073ba;
        border: 2px solid var(--ohio-brand-blue);
        color: #1073ba;
        color: var(--ohio-brand-blue);
        font-size: 12px;
        font-weight: bold;
        height: 1em;
        line-height: 1em;
        transition: 0.25s;
        min-width: 6em;
    }

        div.jfilestyle label:focus,
        div.jfilestyle label:hover {
            border: 2px solid #1073ba;
            border: 2px solid var(--ohio-brand-blue);
            box-shadow: inset 0 -3em 0 0 #d5e6f2;
            box-shadow: inset 0 -3em 0 0 var(--ohio-brand-lightblue);
            color: #1073ba;
            color: var(--ohio-brand-blue);
        }

.radio-button-list input[type="radio"] {
    margin-right: 0.4em;
    transform: scale(1.3);
}

.radio-button-list label {
    margin-right: 2em;
}

.radio-button-list td {
    min-width: 8em;
}

input[type="radio"].designed-checkbox {
    position: relative !important;
    z-index: 1 !important;
    visibility: visible !important;
    transform: scale(1.4);
}

.check-box-item {
    display: inline-flex;
    align-items: flex-start;
}

    .check-box-item > input,
    .check-box {
        margin-right: 0.5em;
        transform: scale(1.2);
    }

.radio-button {
    margin: 0.2em 0;
    display: inline-flex;
}

    .radio-button > input[type="radio"] {
        margin-right: 0.4em;
        transform: scale(1.3);
    }

.check-box-list input[type="checkbox"] {
    margin-right: 0.4em;
    transform: scale(1.3);
}

.tooltip-container {
    display: flex;
    align-items: flex-end;
    width: 12em !important;
    margin-right: 2em;
}