.field-validation-valid {
    display: none !important;
    display: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}


.ghx-ul {
    padding-left: 0px;
}

.ghx-ul li {
    padding: 5px 10px;
}



body.wait {
    cursor: wait !important
}

.heightAuto {
    height: auto
}

.accordionLink {
    width: 100px;
    float: left
}

.adios {
    display: none
}

a.adminMenu {
    font-weight: bold;
    width: 125px;
    text-align: right
}

a.mainMenu {
    font-weight: bold;
    width: 150px;
    text-align: right
}

#width1300 {
    width: 1300px
}

.regionTable {
    width: 85px;
    height: 24px
}

#contentnav li strong {
    font-weight: normal;
    color: #000;
    padding: 5px 20px;
    background: url("../img/tri_right_047.gif") no-repeat 10px .8em;
    text-decoration: none
}

#support {
    width: 200px;
    float: right;
    background: #efece6 url("../img/contentnav_btm.gif") no-repeat;
    padding: 0;
    position: relative
}

    #support h1 {
        background-color: #666;
        margin: 0;
        padding-top: 5px;
        padding-left: 20px;
        padding-bottom: 6px;
        font: 1.0em/1 Arial,Helvetica,sans-serif;
        color: #fff
    }

    #support ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font: 100%/1.8em Verdana,Sans-serif;
        text-transform: none
    }

        #support ul li {
            margin: 0;
            padding: 4px
        }

    #support span {
        margin-left: 20px;
        color: #003F8C
    }

    #support a:link {
        background-image: none;
        border-width: 0;
        text-decoration: none;
        margin-left: 20px;
        color: #003F8C;
        display: block
    }

    #support a:hover {
        color: #f60
    }

    #support li strong {
        font-weight: normal;
        color: #000;
        padding: 5px 20px;
        background: url("../img/tri_right_047.gif") no-repeat 10px .8em;
        text-decoration: none
    }

.global-action-links {
    margin-bottom: 5px !important
}

    .global-action-links li {
        line-height: 1em
    }

    .global-action-links a {
        font-size: 10px
    }

#page-nav {
    margin-bottom: 10px
}

.navigation_menu li {
    display: inline;
    margin: 0px 12px 0px 0px
}

#footer {
    text-align: center;
    color: #4D4D4F;
    font: 0.9em/1 Arial,Helvetica,sans-serif
}

div.errorSummary {
    border: #fa1 1px solid;
    background: #ffc
}

    div.errorSummary ul {
        padding-left: 10px;
        color: #630000
    }

span.apfieldtitle {
    width: 125px;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px
}

input.text {
    border: 1px solid;
    border-color: #aa9 #ffe #ffe #aa9;
    width: 150px
}

span.successMsg {
    border: 2px solid green;
    padding: 5px;
    display: block;
    margin-bottom: 15px;
    background-color: #f2fff2;
    color: green;
    font-size: 12px;
    font-weight: bold
}

span.errorMsg {
    border: 2px solid red;
    padding: 5px;
    display: block;
    margin-bottom: 15px;
    background-color: #fff2f2;
    color: red;
    font-size: 12px;
    font-weight: bold
}

div.errorMsg {
    border: 2px solid red;
    padding: 5px;
    display: block;
    margin-bottom: 5px;
    background-color: #fff2f2;
    color: red;
    font-size: 12px;
    font-weight: bold
}

#succesDiv {
    border: 2px solid green;
    padding: 5px;
    display: block;
    margin-bottom: 15px;
    background-color: #f2fff2;
    color: green;
    font-size: 12px;
    font-weight: bold;
    width: 800px
}

#failDiv {
    border: 2px solid red;
    padding: 5px;
    display: block;
    margin-bottom: 15px;
    background-color: #fff2f2;
    color: red;
    font-size: 12px;
    font-weight: bold;
    width: 800px
}

select {
    border: 1px solid;
    border-color: #aa9 #ffe #ffe #aa9;
    width: 200px
}

.hospitalSelect {
    height: 150px
}

.editRecords {
    background-color: #fff
}

.error {
    color: Red
}

#login-form .row, .clearBoth {
    clear: both
}

    #login-form .row .fieldtitle {
        width: 160px
    }

    #login-form .row .formfield {
        float: left
    }

        #login-form .row .formfield .text {
            width: 240px;
            margin: 0 0 5px;
            padding: 2px;
            border: 1px solid #ccc;
            font-size: 85%
        }

SPAN.formlabel, #container label.formlabel, label.formlabel {
    FONT-WEIGHT: bold;
    WIDTH: 115px
}

.form-label {
    font-weight: bold;
    width: 40%
}

#container label.formlabelSupplierDetail {
    width: 75px;
    font-weight: bold
}

#container #main_ddlSupplierStatus {
    width: 100px
}

#container #main_ddlState {
    width: 245px
}

#container #main_txtZip {
    width: 50px
}

#container #zipCodeFormlabel {
    width: 75px
}

#container #main_supplierId {
    padding-right: 35px
}

.formvalue {
    WIDTH: 150px
}

.formvalueright {
    TEXT-ALIGN: right
}

SPAN.searchlabel {
    width: 125px;
    font: xx-smalll Verdana
}

span.checkboxlist {
    height: 100px;
    width: 300px;
    overflow: auto;
    margin-top: 5px;
    border: 1px solid #7f9db9;
    font: 8pt Verdana
}

.frmLabel {
    font: 700 13px Arial,Helvetica,sans-serif;
    padding: 5px 0px
}

.ghx-label-lower {
    font-size: 11px;
    font-weight: 700;
    display: block;
    width: 185px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 3px;
}

.lblPayment {
    font: 700 12px Arial,Helvetica,sans-serif;
    padding-left: 30px
}

.accordionHeader a {
    color: #FFF;
    background: none;
    text-decoration: none
}

    .accordionHeader a:hover {
        background: none;
        text-decoration: underline
    }

.accordionHeaderSelected a {
    color: #FFF;
    background: none;
    text-decoration: none
}

    .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline
    }

.accordionContent {
    border: 1px dashed #CCC;
    border-top: 0;
    padding: 10px 5px 5px
}

table.statement th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #ccc;
    background: none
}

table.statement td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #000;
    text-align: right
}

    table.statement td.alt {
        text-align: right;
        background: #F5FAFA;
        color: #000
    }

table.statement th.spec {
    border-left: 1px solid #ccc;
    border-top: 0;
    background: #ccc;
    font: bold 10px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif
}

div.overrideDiv {
    border: dotted 1px #000;
    margin-left: 20px;
    margin-top: 5px;
    padding: 5px;
    margin-bottom: 5px;
    width: 320px
}

div.maintenance {
    color: #332803;
    border: 4px solid #FAC51D;
    background: url(../img/alert.png) no-repeat 10px #f0ee70;
    padding: 12px 15px 10px 50px;
    margin: 5px 0;
    max-width: 550px
}

div.maintenanceFocus {
    color: #900;
    border: 4px solid #900;
    background: url(../img/minus-white.png) no-repeat 10px #ffbfbf;
    padding: 15px 15px 10px 50px;
    margin: 5px 0;
    max-width: 550px
}

table.statement .statementWide {
    min-width: 175px
}

div.success {
    color: #060;
    border: 4px solid #060;
    background: url(../img/plus.png) no-repeat 10px #C1FFBF;
    padding: 15px 15px 10px 50px;
    margin: 5px 0;
    max-width: 550px
}

div.warning {
    color: #000;
    font: solid;
    border: 4px solid #FECB00;
    background: #ffdd57;
    padding: 5px 5px 5px 10px;
    margin: 5px 0;
    max-width: 350px
}

div.errorMessage {
    color: #600;
    border: 4px solid #600;
    background: url(../img/minus-white.png) no-repeat 10px #FFBFC1;
    padding: 15px 15px 10px 50px;
    margin: 5px 0;
    max-width: 550px
}

.errorMessage {
    color: #600;
    border: 4px solid #600;
    background: url(../img/minus-white.png) no-repeat 10px #FFBFC1;
    padding: 15px 15px 10px 50px;
    margin: 5px 0;
    max-width: 550px
}

tr.alternateRow {
    background-color: #EDEDED
}

div.message {
    border: #fa1 1px solid;
    background: #ffc;
    padding: 7px;
    margin-top: 10px
}

#ValidationSummary1 {
    font-weight: bold;
    color: red
}

div.vpaySupplierDetails {
    float: left
}

    div.vpaySupplierDetails ul, div.vpayAddCard ul, div.supplierConfiguredSuppliers ul, div.BAIExclusionRuleDetail ul {
        list-style: none
    }

    div.vpaySupplierDetails a, div.vpayAccountDetails a, div.vpayAddCard a, div.vpaySupplierDetails a:visited, div.vpayAccountDetails a:visited, div.vpayAddCard a:visited {
        color: #7096ce
    }

    div.vpaySupplierDetails ul li, div.vpayAddCard ul li, div.supplierConfiguredSuppliers ul li {
        padding-bottom: 5px
    }

li#liVPASupplierType select#VPASupplierType {
    width: 65px
}

li#liVPASupplierType a {
    padding-left: 8px
}

div.vpaySupplierDetails ul label, div.vpayAddCard ul label, div.supplierConfiguredSuppliers ul label {
    width: 125px;
    display: inline-block
}

div.vpaySupplierDetails ul input[type=text], div.vpayAddCard ul input[type=text] {
    width: 250px
}

div.vpayAddCard li.actionLi {
    text-align: right;
    padding-right: 130px
}

div.vpayAccountDetails {
    float: left;
    padding: 10px 0 0 10px
}

    div.vpayAccountDetails table {
        border-collapse: collapse;
        background-color: inherit
    }

    div.vpayAccountDetails th, div.vpayAccountDetails td {
        border: 1px solid #000;
        padding: 0 5px;
        font-size: 12px
    }

    div.vpayAccountDetails th {
        font-weight: bold;
        font-size: 0.9em
    }

div.vpayAddCard span.example {
    display: inline-block;
    white-space: nowrap;
    width: 150px;
    padding: 2px 0 0 130px;
    font-size: 0.85em
}

div.vpayAddCard span.field-validation-error {
    color: red;
    display: inline-block;
    white-space: nowrap;
    width: 150px;
    padding: 2px 0 0 130px
}

div.maintenance table.dupeSupplierAddress {
    font-size: 12px;
    text-align: left
}

    div.maintenance table.dupeSupplierAddress caption {
        display: none
    }

a.vcardMatched, a.vcardMatched:visited {
    text-transform: uppercase;
    color: #cf0000
}

a.vcardMatch, a.vcardMatch:visited {
    color: Green
}

div#mask {
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: Black;
    opacity: 0.8;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

div#subMask {
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-color: Black;
    opacity: 0.8;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

#questionForm ul {
    list-style: none
}

#questionForm li {
    width: 425px;
    height: 45px
}

#questionForm select {
    float: left;
    width: 425px;
    margin: 0
}

#questionForm span {
    padding-top: 5px
}

#questionForm input[type="text"] {
    float: left;
    width: 425px;
    margin: 0
}

div#modal input#btnMatch, div#modal input#btnMatched {
    text-transform: uppercase;
    margin-top: 15px
}

div#modal div#mWaiting {
    display: inline;
    color: red;
    font-weight: bold
}

#masks {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
    opacity: 0.8
}

#boxes .window {
    position: fixed;
    display: none;
    width: 400px;
    z-index: 9999;
    padding: 20px;
    top: 200px !important
}

#boxes #dialog {
    background-color: White
}

#tranRptrTable {
    margin: 20px 0px 0px 10px
}

#myTable {
    border-collapse: collapse;
    margin: 10px 0px 0px
}

    #myTable th {
        padding: 0px 9px;
        border: 1px solid #516b9d;
        background-color: #516b9d;
        color: White
    }

    #myTable td {
        padding: 0px 9px;
        border: 1px solid gray !important
    }

#transactionTable {
    overflow: auto;
    max-height: 300px
}

.pendingSearchPanel div.searchItem {
    margin: 0px 0px 10px 5px;
    padding: 10px 0px 5px
}

div#modal {
    display: none;
    width: 900px;
    min-height: 250px;
    max-height: 1000px;
    padding: 32px 32px !important;
    z-index: 1100;
    position: fixed;
    top: 100px;
    background-color: White;
    border: 5px solid #5D7B9D
}

div#subModal {
    display: none;
    width: 600px;
    min-height: 100px;
    max-height: 600px;
    padding: 32px 32px !important;
    z-index: 2200;
    position: fixed;
    top: 0;
    left: -10px;
    background-color: #fff;
    border: 5px solid #5D7B9D
}

div#modal label.modalError {
    border: 2px solid red;
    background-color: #ffecec;
    padding: 5px;
    margin-bottom: 15px;
    width: 386px;
    display: block;
    color: red;
    font-weight: bold;
    display: none
}

div#modal div#modalData {
    overflow: auto
}

tr.modalHeader td {
    font-weight: bold
}

td.modalExpand {
    background-color: #fff
}

    td.modalExpand a {
        text-decoration: none
    }

div#modal div#modalData table {
    width: 100%
}

div#modal div#noteData table, .fullWidth {
    width: 100%
}

div#modal div#modalData table tr:nth-child(odd) {
    background: #EEE
}

div#modal div.close, div#subModal div.subClose {
    background-image: url(../img/modal-close-trans.png);
    position: absolute;
    right: -25px;
    top: -20px;
    cursor: pointer;
    height: 50px;
    width: 50px
}

div#modal table#tablePayment {
    border: 1px solid #EEE
}

div#modal.matchModal {
    width: 400px;
    min-height: 100px
}

    div#modal.matchModal h3 {
        margin-top: 0
    }

    div#modal.matchModal span, .displayBlock {
        display: block
    }

    div#modal.matchModal input[type='text'] {
        margin: 0px 0px 15px;
        width: 400px
    }

    div#modal.matchModal input[type='button'] {
        margin: 0
    }

div#reconData {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px
}

.reconData {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px
}

div#reconTable {
    max-height: 550px;
    max-width: 890px;
    overflow-x: hidden;
    overflow-y: scroll
}

.reconTable {
    max-height: 550px;
    max-width: 890px;
    overflow-x: hidden;
    overflow-y: scroll
}

table.reconSelection th span {
    font-size: 12px;
    padding-right: 20px
}

table.reconSelection tr.reconHead {
    background: #EEE
}

.pnlReconSupplierByMonth table {
    width: 100%
}

    .pnlReconSupplierByMonth table td {
        font-size: 12px !important
    }

.pnlReconSupplierByMonth tr:first-child td {
    font-weight: bold
}

#pnlReconSupplier, #main_pnlReconSupplier, .pnlReconSupplier {
    display: none;
    overflow: auto;
    max-height: 200px;
    margin: 5px;
    width: 800px;
    border: solid 1px #5D7B9D
}


    #modalData.monitoring {
        max-height: 500px
    }

    #modalData td {
        font-size: 12px !important
    }

        #modalData td input[type="checkbox"] {
            margin-right: 10px
        }

div.tab {
    display: none;
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom: 20px;
    width: 980px
}

#TabContainer div.start {
    display: block
}

#TabContainer .tab li.floatLeft input[type="text"], #TabContainer .tab li.floatLeft select {
    width: 92% !important
}

ul.tabNavigation {
    margin: 0px 0px -1px;
    padding: 0;
    height: 29px
}

    ul.tabNavigation li {
        list-style: none;
        float: left;
        position: relative;
        margin-right: 3px;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-top: 1px solid #CCC;
        background: #FFF
    }

        ul.tabNavigation li a {
            display: block;
            padding: 5px 8px;
            border-bottom: 1px solid #CCC;
            color: #686868;
            font-weight: bold;
            background: #EEE;
            text-decoration: none
        }

            ul.tabNavigation li a.active {
                border-bottom: 1px solid #FFF;
                background: #FFF;
                opacity: 1;
                color: #444
            }

.clear {
    clear: left
}

.floatL {
    float: left
}

#TabContainer .tab li {
    list-style: none;
    margin: 0;
    padding: 0
}

    #TabContainer .tab li span.formlabel {
        width: auto;
        display: block;
        margin-top: 10px
    }

    #TabContainer .tab li.floatLeft select.cutoff {
        width: 40px !important
    }

    #TabContainer .tab li.floatLeft select.cutoffAMPM {
        width: 48px !important
    }

    #TabContainer .tab li.floatLeft input, #TabContainer .tab li.floatLeft textarea {
        margin-top: 10px
    }

#TabContainer .tab ul {
    height: auto;
    padding: 0px 10px 20px;
    margin: 0
}

.floatLeft {
    float: left;
    margin-right: 3px;
    width: 32%;
    height: 70px
}

#TabContainer .tab li.wide {
    width: 64%;
    height: auto
}

    #TabContainer .tab li.wide input[type="text"], #TabContainer .tab li.wide select, .autoWidth {
        width: auto
    }

#ReviewForm div.tab {
    width: 900px
}

#ProgramManagementForm ul.col1 input[type="text"], #ProgramManagementForm ul.col1 select, #ProgramManagementForm ul.col1 span {
    width: 225px
}

#ReportsWrapper {
    width: 965px
}

    #ReportsWrapper table {
        border-spacing: 0;
        border-collapse: collapse;
        padding: 0;
        margin: 0
    }

    #ReportsWrapper th {
        text-align: left;
        background-color: #CCC;
        border: 1px 1px 0px 1px solid #E0DFE3;
        padding: 5px
    }

    #ReportsWrapper td {
        padding: 5px;
        border: solid 1px #E0DFE3;
        font-size: 12px
    }

    #ReportsWrapper div {
        height: 200px;
        overflow: auto
    }

#HospitalWrapper {
    width: 300px
}

    #HospitalWrapper table, .o-contact-table table {
        border-spacing: 0;
        border-collapse: collapse;
        padding: 0;
        margin: 0
    }

    #HospitalWrapper th, .o-contact-table th {
        text-align: left;
        background-color: #CCC;
        border: 1px 1px 0px 1px solid #E0DFE3;
        padding: 5px
    }

    #HospitalWrapper td, .o-contact-table td {
        padding: 5px;
        border: solid 1px #E0DFE3;
        font-size: 12px
    }

    #HospitalWrapper div, .o-contact-table div {
        height: 200px;
        overflow: auto
    }

#main_commentBox {
    min-height: 75px;
    margin: 0;
    height: 75px;
    min-width: 90%;
    max-width: 90%
}

#ValueCalculator {
    margin-left: 15px
}

    #ValueCalculator p {
        width: 600px
    }

    #ValueCalculator table {
        width: 600px;
        border-collapse: collapse;
        font: 12px Tahoma;
        margin-top: 15px
    }

        #ValueCalculator table td {
            border: 1px solid #EEE;
            padding: 5px 6px
        }

            #ValueCalculator table td.space {
                border: none
            }

        #ValueCalculator table tr td:nth-child(even) {
            text-align: right;
            font-weight: bold;
            width: 115px
        }

        #ValueCalculator table tr.last td:nth-child(even) {
            border-top: 1px solid #000;
            border-bottom: 1px solid #000
        }

    #ValueCalculator.form li {
        width: 150px;
        margin-right: 25px
    }

        #ValueCalculator.form li input[type='text'] {
            width: 150px
        }

        #ValueCalculator.form li select {
            width: 150px
        }

        #ValueCalculator.form li input[type='submit'] {
            margin-top: 15px
        }

div.detailForm ul {
    list-style: none;
    padding: 5px 0px 0px 10px;
    overflow: hidden;
    width: 900px
}

    div.detailForm ul li {
        margin: 0px 0px 15px;
        float: left;
        width: auto;
        width: 300px
    }

        div.detailForm ul li.nofloat {
            float: none
        }

        div.detailForm ul li.fullWidth {
            width: 900px
        }

            div.detailForm ul li.fullWidth input[type="text"] {
                width: 870px
            }

div.detailForm input[type="text"] {
    width: 270px
}

div.detailForm span {
    font-weight: bold
}

div.detailForm ul.checkBoxList {
    padding: 0;
    margin-top: 5px
}

    div.detailForm ul.checkBoxList li {
        width: auto;
        margin: 0px 10px 0px 0px;
        font-size: 12px
    }

    div.detailForm ul.checkBoxList span {
        font-weight: normal
    }

div#termForm div.maintenance {
    max-width: none;
    width: 680px
}

div.full-banner {
    max-width: none;
    width: auto
}

.light-theme {
    display: block;
    overflow: hidden;
    padding: 0 0px 5px 0;
    margin: 0
}

    .light-theme span {
        float: left;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2)
    }

    .light-theme a, .light-theme span {
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
        border: 1px solid #BBB;
        border-radius: 3px;
        float: left;
        padding: 0 7px;
        margin: 0 5px 0 0;
        min-width: 14px;
        color: #666;
        text-align: center;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
        background: #efefef;
        background: -moz-linear-gradient(top,#fff,#efefef 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(,#fff),color-stop(100%,#efefef));
        background: -webkit-linear-gradient(top,#fff,#efefef 100%);
        background: -o-linear-gradient(top,#fff,#efefef 100%);
        background: -ms-linear-gradient(top,#fff,#efefef 100%);
        background: linear-gradient(top,#fff,#efefef 100%)
    }

        .light-theme a:hover {
            text-decoration: none;
            background: #FCFCFC
        }

    .light-theme .current {
        background: #666;
        color: #FFF;
        border-color: #444;
        box-shadow: 0 1px 0 rgba(255,255,255,1),0 0 2px rgba(0,0,0,0.3) inset
    }

    .light-theme .ellipse {
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        font-weight: bold
    }

.sortList {
    background: #EEE;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    padding: 0px 10px 10px
}

    .sortList ul {
        margin: 10px 0px;
        padding: 0px 0px 15px
    }

div.updateProgress {
    width: 350px;
    height: 150px;
    background-color: Red;
    color: White;
    font-weight: bold
}

div.form {
    margin: 20px 0px;
    display: inline-block
}

    div.form input[type='submit'] {
        margin: 0
    }

    div.form ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    div.form li {
        float: left;
        margin: 0px 15px 10px 0px
    }

        div.form li span.formlabel {
            display: inline-block;
            width: 160px
        }

        div.form li input[type='text'] {
            margin: 0
        }

        div.form li input[type='file'] {
            margin: 0
        }

        div.form li input[type='checkbox'] {
            margin-left: 0
        }

        div.form li select {
            margin-top: 0
        }

        div.form li span input[type='text'] {
            width: 160px
        }

    div.form div.validation ul {
        width: 650px;
        border: 2px solid red;
        background-color: #fff5f5;
        padding: 5px 5px 0px;
        margin-bottom: 10px
    }

    div.form div.validation li {
        color: #cf0000;
        float: none;
        margin: 0px 0px 5px;
        font-size: 12px;
        font-weight: bold
    }

    div.form ul.col1 {
        width: 250px
    }

    div.form li.col1 {
        width: 200px
    }

    div.form ul.col1 input[type='text'] {
        width: 200px
    }

div.col2 {
    width: 830px
}

    div.col2 li {
        width: 375px
    }

        div.col2 li input[type='text'] {
            width: 200px
        }

div.form ul.col2 {
    width: 500px
}

    div.form ul.col2 li {
        width: 210px;
        margin: 0px 25px 15px 0px
    }

div.form ul.col3 {
    width: 850px
}

    div.form ul.col3 li {
        width: 210px;
        margin: 0px 25px 15px 0px
    }

        div.form ul.col3 li.fullWidth {
            width: 680px;
            margin-right: 25px
        }

            div.form ul.col3 li.fullwidth textarea {
                width: 680px;
                height: 175px;
                resize: none
            }

    div.form ul.col3 span {
        width: 200px
    }

    div.form ul.col3 input[type='text'] {
        width: 200px
    }

    div.form ul.col3 input[type='submit'] {
        margin: 14px 0px 0px
    }

    div.form ul.col3 input[type='checkbox'] {
        margin: 2px 187px 7px 0px
    }

    div.form ul.col3 div.validation ul {
        width: 666px
    }

        div.form ul.col3 div.validation ul li {
            width: 100%;
            margin: 0px 0px 5px
        }

    div.form ul.col3 table {
        text-align: left;
        border-collapse: collapse;
        border: solid 1px #e0dfe3
    }

        div.form ul.col3 table tr {
            border: solid 1px #e0dfe3
        }

            div.form ul.col3 table tr.alternate {
                background-color: #f1f1f1
            }

            div.form ul.col3 table tr input[type='text'] {
                margin: 0;
                width: 171px
            }

            div.form ul.col3 table tr input[type='submit'] {
                margin: 0
            }

        div.form ul.col3 table th {
            background-color: #cfcfcf;
            border: solid 1px #e0dfe3;
            padding: 3px 5px;
            color: #000;
            font-size: 14px;
            width: 202px
        }

        div.form ul.col3 table td {
            border: solid 1px #e0dfe3;
            padding: 3px 5px;
            width: 202px
        }

            div.form ul.col3 table td div {
                /_3token_hck_1:*/
            }

#QBR.form {
    margin: 10px
}

    #QBR.form div.error {
        margin: 0px 0px 10px
    }

        #QBR.form div.error li {
            float: none;
            margin-bottom: 0
        }

    #QBR.form div.validation {
        margin-top: 10px
    }

        #QBR.form div.validation li {
            width: 700px
        }

    #QBR.form ul {
        width: 700px;
        margin: 0;
        display: inline-block
    }

    #QBR.form li {
        float: left;
        width: 215px
    }

        #QBR.form li input[type='text'] {
            width: 200px;
            margin-top: 1px
        }

        #QBR.form li.dateInput {
            width: 500px;
            margin-bottom: 5px
        }

            #QBR.form li.dateInput input[type='text'] {
                width: 183px
            }

            #QBR.form li.dateInput a {
                margin-right: 5px
            }

        #QBR.form li input[type='submit'] {
            margin: 5px 0px 0px
        }

    #QBR.form span#main_calImpactDate_outer {
        width: 200px
    }

        #QBR.form span#main_calImpactDate_outer input[type='text'] {
            width: 182px !important;
            margin: 0
        }

#tblQBRPayments {
    border-collapse: collapse;
    font-size: 13px
}

    #tblQBRPayments tr.alternate {
        background-color: #f1f1f1
    }

    #tblQBRPayments td, #tblQBRPayments th {
        border: 1px solid #e0dfe3;
        text-align: left;
        padding: 0px 6px
    }

    #tblQBRPayments th {
        padding: 5px 6px;
        background-color: #CCC
    }

table#PaymentMethodTable {
    margin: 15px 0px
}

    table#PaymentMethodTable td {
        padding: 5px 10px;
        border: 1px solid #d3d3d3
    }

    table#PaymentMethodTable span {
        width: 180px;
        display: inline-block;
        font-size: 12px
    }

    table#PaymentMethodTable input[type='text'] {
        width: 200px
    }

    table#PaymentMethodTable input[type='checkbox'] {
        margin: 0
    }

    table#PaymentMethodTable select {
        margin-top: 0
    }

#PaymentSearchForm .fourCol {
    margin: 0
}

#PaymentSearchForm #TabContainer table {
    table-layout: fixed
}

#ReconMonitor.form ul {
    width: 800px
}

#ReconMonitor.form li input[type='text'] {
    width: 200px
}

#ReconMonitor.form table {
    color: #333;
    font-size: Small;
    border-collapse: collapse
}

    #ReconMonitor.form table thead tr {
        color: White;
        background-color: #516b9d;
        font-weight: bold
    }

    #ReconMonitor.form table tr th, #ReconMonitor.form table tr td {
        text-align: right
    }

#BannerForm {
    margin: 15px 0px 10px
}

    #BannerForm ul.col3 li.fullwidth textarea {
        width: 670px
    }

    #BannerForm div.validation ul {
        width: 656px
    }

#FormDPA ul {
    list-style: none;
    padding: 0;
    margin-left: 0
}

    #FormDPA ul li div.wrapper {
        width: 535px;
        display: inline-block
    }

    #FormDPA ul li div.left {
        float: left;
        margin-top: 4px
    }

    #FormDPA ul li div.right {
        float: right
    }

    #FormDPA ul li input.alignR {
        text-align: right
    }

#FormDPA p {
    width: 650px
}

#FormDPA span.percent {
    position: absolute;
    left: 558;
    margin-top: 6px
}

#FormDPA span.lFont {
    font-size: 12px
}

#SupplierAliasForm ul {
    width: 445px;
    display: inline-block;
    padding: 0
}

#SupplierAliasForm input[type="text"] {
    width: 200px
}

#SupplierAliasForm li {
    width: 435px;
    padding: 5px;
    margin: 0;
    border: 0px 1px 1px 1px solid #e0dfe3
}

    #SupplierAliasForm li.top {
        border-width: 1px
    }

    #SupplierAliasForm li.remove {
        position: absolute;
        left: 395px;
        border: none
    }

#SupplierAliasForm .alternate {
    background-color: #f1f1f1
}

div.pnlHospital span {
    float: left
}

div.pnlHospital select {
    float: left;
    margin: 0px 0px 15px
}

div.pnlHospital {
    width: 200px
}

div#divReportEmbed {
    width: 80%
}

    div#divReportEmbed iframe {
        min-height: 900px;
        height: 100%
    }

div#MenuList ul {
    list-style: none;
    margin: 0;
    padding: 0
}

div#MenuList li {
    margin-bottom: 10px
}

    div#MenuList li a {
        margin-bottom: 10px;
        font-size: 12px
    }

div#VendorPages {
    width: 664px
}

#main_resultsCalendar td.active {
    background-color: #CCC
}

div.content-form {
    width: 800px;
    overflow: auto;
    margin: 20px 10px
}

    div.content-form ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    div.content-form li {
        float: left;
        margin-bottom: 10px
    }

    div.content-form label {
        font: 700 14px Arial;
        margin-bottom: 5px;
        display: inline-block
    }

    div.content-form input[type="text"], div.content-form select, textarea {
        border: 1px solid #BBB;
        margin: 0;
        height: 30px;
        padding: 5px
    }

    div.content-form ul.col-two li {
        width: 350px
    }

        div.content-form ul.col-two li.full-width {
            width: 730px
        }

            div.content-form ul.col-two li.full-width textarea.tall {
                height: 250px
            }

    div.content-form ul.col-two #errorBox {
        border: 1px solid red;
        width: 618px;
        padding: 10px 10px 10px 50px;
        background: url(../img/minus-white.png) no-repeat 10px #FFBFC1
    }

#errorBox {
    display: none;
    color: red;
    overflow: auto
}

div.content-form ul.col-two input[type="text"] {
    width: 330px
}

div.content-form ul.col-two li.full-width input[type="text"] {
    width: 680px
}

div.content-form ul.col-two li.full-width textarea {
    width: 680px;
    height: 100px;
    resize: none
}

div.content-form ul.col-two select {
    width: 330px
}

#main_chkActive {
    margin-left: 5%
}

div.form .checkBoxList, div.form .checkBoxList tr, div.form .checkBoxList td {
    border: none !important
}

    div.form .checkBoxList input[type='checkbox'] {
        margin-right: 5px !important
    }

    div.form .checkBoxList label {
        font-size: 12px;
        font-weight: bold
    }

#container {
    width: 80%
}

    #container h1 {
        border: 1px solid #000;
        margin-left: 3px;
        color: #000
    }

    #container .ColList2Left {
        display: inline-table;
        margin-left: -25px;
        width: 40%
    }

    #container .ColList2Right {
        display: inline-table;
        width: 40%
    }

.ColList2Left {
    width: 40%;
    display: inline-table
}

.ColList2Right {
    display: inline-table; 
    width: 40%;
}
body .inImplementationField {
    margin-left: 15px !important;
    display: inline-table !important;
    width: 40% !important;
} 
.ColList2RightWrapper {
    display: inline-table;
    width: 40%;
    vertical-align: top;
}
.ColList2LeftFieldSet {
    width: 45%;
    margin-left: -25px;
    display: inline-table;
}

.ColList2RightFieldSet {
    display: inline-table;
    width: 45%;
}

#container input[type="checkbox"] {
    align-self: center;
    width: 20px;
    margin-left: -3px
}

#container input[type="radio"] {
    width: unset;
}

#container .ColList3Horizontal li {
    display: inline-table;
    width: 35%;
    margin-left: -25px
}

#container li {
    list-style: none;
    padding: 10px 2px 2px
}

#container label {
    display: inline-block;
    width: 40%
}

#container input {
    width: 50%
}

#container select {
    width: 50%
}

#container textarea {
    resize: none
}

.supplierBankInformation {
    margin-left: 15px;
    padding-bottom: 10px;
    width: 95%
}

    .supplierBankInformation div {
        float: right
    }

    .supplierBankInformation table {
        font-size: 13px;
        border: 1px solid #000;
        border-collapse: collapse;
        width: 98%
    }

    .supplierBankInformation th {
        font-size: 14px;
        border-bottom: 1px solid #000;
        background-color: #a9a9a9
    }

    .supplierBankInformation tr:nth-child(even) {
        background-color: #d3d3d3
    }

    .supplierBankInformation td {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        padding-left: 5px;
        padding-right: 5px
    }

    .supplierBankInformationNotificationArea {
        display: inline-block;
        padding: .4rem
    }

        .supplierBankInformationNotificationArea span {
            margin-right: 5px;
            float: left;
            background-color: #ffdd57;
        }


.supplierConfiguredSuppliers, mainTable, .supplierFees {
    margin-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 95%
}

    .supplierConfiguredSuppliers th, .mainTable th, .supplierFees th {
        padding: 6px;
        font-size: 12px;
        border: 1px solid #ccc;
        background-color: #d3d3d3
    }

    .supplierConfiguredSuppliers tr:nth-child(even), .mainTable tr:nth-child(even), .supplierFees tr:nth-child(even) {
        background-color: #eaeaea
    }

    .supplierConfiguredSuppliers td, .mainTable td, .supplierFees td {
        border-left: 1px solid #dcdcdc;
        border-right: 1px solid #dcdcdc;
        padding: 5px
    }

#configuredSupplierDialogValues {
    width: 50px
}

#supplierDiv {
    display: none;
    border: solid 1px #5D7B9D
}

div.supplierConfiguredSuppliers ul input[type=text] {
    width: 177px
}

div.supplierConfiguredSuppliers ul select {
    width: 177px
}

div.supplierConfiguredSuppliers ul input[type=number] {
    width: 86px
}

div.supplierConfiguredSuppliersActions {
    text-align: right;
    padding-right: 97px
}

div.supplierConfiguredSuppliersTable table {
    font-size: 13px;
    border: 1px solid #000;
    border-collapse: collapse;
    width: 98%
}

div.supplierConfiguredSuppliersTable th {
    font-size: 14px;
    border-bottom: 1px solid #000;
    background-color: #a9a9a9
}

div.supplierConfiguredSuppliersTable tr:nth-child(even) {
    background-color: #d3d3d3
}

div.supplierConfiguredSuppliersTable td {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding-left: 5px;
    padding-right: 5px
}

div.supplierConfiguredSuppliers div.validation-summary-errors {
    color: red
}

    div.supplierConfiguredSuppliers div.validation-summary-errors ul {
        list-style: disc
    }

div.supplierConfiguredSuppliers div.validationWarnings {
    color: darkorange
}

    div.supplierConfiguredSuppliers div.validationWarnings ul {
        list-style: disc
    }

div.previousCardDetailsTable table {
    font-size: 13px;
    border: 1px solid #000;
    border-collapse: collapse;
    width: 98%;
    text-align: center
}

div.previousCardDetailsTable th {
    font-size: 14px;
    border-bottom: 1px solid #000;
    background-color: #a9a9a9
}

div.previousCardDetailsTable tr:nth-child(even) {
    background-color: #d3d3d3
}

div.previousCardDetailsTable td {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding-left: 5px;
    padding-right: 5px
}

.borderError {
    border-color: red
}

#termWorksheetGrid input[type="text"]:disabled {
    background: gray;
    cursor: not-allowed;
    opacity: 0.65
}

input[type="checkbox"]:disabled {
    background: gray;
    cursor: not-allowed
}

.termWorksheetGrid th {
    font-size: 14px;
    border: 1px solid #000;
    background-color: gray
}

.termWorksheet td {
    border: 1px solid #000;
    padding: 3px;
    text-align: center
}

.termWorksheet tr:nth-child(even) {
    background: #c7c7c7
}

#termWorksheetGrid {
    font-size: 13px;
    border: 1px solid #000;
    border-collapse: collapse;
    width: 98%
}

#termthead {
    background: gray
}

.custom-combobox {
    position: relative;
    display: inline-block;
    background: #fff;
    padding-top: 10px
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0
}

.ui-autocomplete-input {
    padding: 0px 5px;
    width: 170px;
    background: #fff
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden
}

table#pendingDialogTable input[type="text"]:disabled {
    color: #000;
    background: #d3d3d3
}

#main_lblMessage, #lblMessage {
    color: red
}

.frmLabel94 {
    width: 94px
}

.frmLabel85 {
    width: 85px
}

.frmLabel100 {
    width: 100px
}

.frmLabel150 {
    width: 150px
}

.closeButton {
    margin-top: 20px;
    width: 75px
}

.saveButton, .previewButton {
    width: 100px !important
}

.deleteButton, .cancelButton {
    width: 100px !important;
    margin-left: 20px
}

.small-btn {
    width: 75px;
    height: 27px;
    margin: 0px 3px;
    padding: 0
}

.processOverrideDemensions {
    width: 85px;
    height: 24px
}

.processOVerrideDemensions2 {
    width: 100px;
    height: 24px
}

.tableHeight {
    height: 24px
}

#remitEmail {
    padding-left: 40px;
    padding-top: 5px;
    width: 98%
}

#errorMessage {
    color: red;
    font-family: verdana
}

.offMonthStyle {
    background-color: #fff;
    color: #dcdcdc;
    font: 0.8em Verdana
}

.dayHeaderStyle {
    background-color: #FFC080;
    font: 0.8em Verdana;
    color: #000
}

.monthHeaderStyle {
    background-color: #CCC;
    font: 0.9em Verdana;
    color: #000
}

.weekdayStyle {
    background-color: #fff;
    font: 0.8em Verdana;
    color: #000
}

.weekendStyle {
    background-color: #f5f5f5;
    font: 0.8em Verdana;
    color: #000
}

.goToTodayStyle, .holidayStyle, .clearDateStyle {
    background-color: #fff;
    font: 0.7em Verdana,Arial,Helvetica,sans-serif,Tahoma,Arial
}

.todayDayStyle {
    background-color: #fafad2;
    font: 0.7em Verdna,Arial,Arial,Helvetica,sans-serif,Tahoma
}

.calResultsDay {
    background-color: #c1c1c1;
    vertical-align: top;
    height: 20px
}

.calResultsTitle {
    background-color: #c1c1c1;
    height: 20px
}

.caldayStyle {
    border: 1px solid #CCC
}

div.content-form ul.col-two input.subjectFormTextbox {
    width: 680px
}

.editRowStyle {
    background-color: #999
}

.margintop10 {
    margin-top: 10px
}

.footerStyle, .headerStyle {
    background-color: #5D7B98;
    font-weight: bold;
    color: #fff
}

.pagerStylee {
    background-color: #284775;
    color: #fff;
    text-align: center
}

.rowStyle {
    background-color: #F7F6F3;
    color: #333
}

.selectedRowStyle {
    background-color: #E2D3D6;
    font-weight: bold;
    color: #333
}

#remitEmail.supplierDetailRemitEmail {
    resize: none;
    width: 100%
}

#container label.frmLabel.inlineDisplay {
    display: inline;
    width: 40%;
    vertical-align: top;
    padding-right: 120px
}

.supplierDetailRemitEmail {
    width: 60%
}

.alternatingRowStyle {
    background-color: #fff;
    color: #284775
}

.transactionDetailTable {
    color: White;
    background-color: #5D7B9D;
    font-weight: bold
}

#ExpirationMonth {
    width: 25px
}

#ExpirationYear {
    width: 50px
}

#LowerLimit, #UpperLimit {
    width: 86px !important
}

#LowerLimit {
    margin-right: 5px
}

.width25 {
    width: 25px
}

.width40 {
    width: 40px
}

.width50 {
    width: 50px
}

.width86 {
    width: 86px
}

.width90 {
    width: 90px
}

.width94 {
    width: 94px
}

.width100 {
    width: 100px
}

.width150 {
    width: 150px
}

.width160 {
    width: 160px
}

.width175 {
    width: 175px
}

.width200 {
    width: 200px
}

.width225 {
    width: 225px
}

.width250 {
    width: 250px
}

.width275 {
    width: 275px
}

.width300 {
    width: 300px
}

.max-width150 {
    max-width: 150px
}

.saveImg, .editImg {
    border: 0;
    height: 13px;
    width: 13px
}

.width325 {
    width: 325px;
    padding: 3px;
    border: 1px solid #dcdcdc;
    border-spacing: 1px;
    text-align: left
}

.width600 {
    width: 600px
}

.width640 {
    width: 640px
}

.width680 {
    width: 680px
}

.width800 {
    width: 800px
}

.alignRight {
    text-align: right
}

.widthAlignRight100 {
    width: 100px;
    text-align: right
}

.dateDivRowStyle {
    background-color: #F7F6F3;
    color: #333
}

.SupplierInvoices {
    display: none;
    border: solid 1px #9B948B;
    height: 100px;
    overflow: auto
}

.widthAlignRight {
    width: 200px;
    text-align: right
}

#main_StartPendingProcess, #startPendingProcess, .startProcess {
    font-weight: bold;
    width: 117px;
    text-align: left
}

.headerStyle75 {
    width: 75px !important
}

.headerStyle100 {
    width: 100px !important
}

.headerStyle125 {
    width: 125px
}

.headerStyle130 {
    width: 130px
}

.headerStyle150 {
    width: 150px
}

.headerStyle200 {
    width: 200px
}

.headerStyle250 {
    width: 250px
}

#main_resultsCalendar.blackoutSearchCalendar, #main_resultsCalendar.statementdate_search {
    height: 350px;
    width: 450px;
    border: 1px solid #000
}

.paddingRight4 {
    padding-right: 4px
}

.paddingLeft10 {
    padding-left: 10px
}

.paddingRight10 {
    padding-right: 10px
}

#main_previewList, #previewList {
    padding: 4px;
    color: #333
}

.previewListAlernating {
    background-color: #fff;
    color: #284775
}

#divRegionCheckbox, #divSupplierOptions, #main_hospScrollBarBankAdmin, #hospScrollBarBankAdmin, #supplierOptionsCheck {
    height: 150px;
    width: 300px;
    overflow: auto;
    border: solid 1px #c1c1c1;
    margin-left: 120px;
    margin-top: -15px;
    font-size: 12px
}

#main_#hospScrollBar, #hospScrollBar {
    height: 150px;
    width: 300px;
    overflow: auto;
    border: solid 1px #c1c1c1;
    margin-left: 58px;
    margin-top: 10px
}

.supplierOptions {
    height: 150px;
    width: 300px;
    overflow: auto;
    border: solid 1px #c1c1c1;
    margin-top: 10px;
    font-size: xx-small
}

#reconMREth600 {
    width: 600px;
    text-align: left
}

#reconMREth200 {
    width: 200px;
    text-align: right
}

.generalTable {
    width: 75%;
    color: #333;
    font-size: Small;
    border-collapse: collapse
}

.generalTableTR {
    color: #000;
    background-color: #ccc !important;
    font-weight: bold;
    padding: 5px
}

.widthAlignLeft {
    width: 200px;
    text-align: left
}

#PleaseChange {
    color: #86c82d
}

#main_PasswordChanged, #PasswordChanged {
    color: green;
    margin-top: 10px
}

#main_BadCurrent, #BadCurrent, .labelError, #labelError {
    color: red !important
}

#paymentSearchRegion {
    width: 85px;
    height: 24px
}

#paymentSearchHeight {
    height: 24px
}

#TabContainer #main_updErrorSummary table.regionTable {
    border: 0;
    padding-bottom: 30px;
    padding-right: 30px;
    width: 0
}

.saveImg {
    border: 0;
    width: 13px;
    height: 13px
}

.pendingSearchPanel {
    width: 1010px;
    border: 1px Solid Gainsboro
}

#exportToExcel, #main_exportToExcel, #exportToExcelTop, #main_exportToExcelTop {
    margin-top: 10px
}

.normalHeader11 {
    font: 700 11pt Verdana,Arial,Helvetica,sans-serif;
    padding: 3px;
    border: 1px solid #dcdcdc;
    border-spacing: 1px
}

.normalHeader12 {
    font: 700 12pt Verdana,Arial,Helvetica,sans-serif
}

.normalHeader8NB {
    font: 8.5pt Verdana,Arial,Helvetica,sans-serif;
    padding: 3px
}

.normalHeader8 {
    font: 8.5pt Verdana,Arial,Helvetica,sans-serif;
    padding: 3px;
    border: 1px solid #dcdcdc;
    border-spacing: 1px
}

.inputRequiredTableData {
    vertical-align: top;
    width: 340px
}

.inputRequiredTable {
    width: 332px;
    padding: 3px
}

.normalHeaderWidth {
    width: 386px
}

.inputRequiredTD {
    width: 143px
}

.txtTextBox {
    width: 85px;
    font: 11px Verdana,Arial,Helvetica,sans-serif
}

#txtNote {
    resize: none;
    width: 100%;
    height: 70px
}

.calpopUP {
    border: #000 1px solid;
    background: #fff
}

#collapsePanel1, .collapsePanel {
    Width: 100%;
    Border-Color: Gainsboro;
    Border-Width: 1px;
    Border-Style: solid
}

.hospitalFilterTD {
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold
}

#reconciliationHospital {
    width: 400px;
    height: 20px
}

#main_CollapsablePanel1 {
    Width: 100%;
    Border-Color: Gainsboro;
    Border-Width: 1px;
    Border-Style: solid
}

.tableDataRebate {
    padding: 3px;
    border: 1px solid #dcdcdc;
    border-spacing: 1px
}

.tableDataRebateTD {
    vertical-align: top;
    width: 450px
}

.rebateRightColumnNC {
    width: 100px;
    text-align: right
}

.rebateRightColumn {
    width: 100px;
    text-align: right;
    background-color: #f5f5f5
}

.bold {
    font-weight: bold
}

.hNameLink {
    width: 300px;
    float: right
}

.hList {
    width: 100px;
    float: left
}

.reconHome {
    font-weight: bold;
    width: 175px;
    text-align: right
}

#gvSupplierDateInvoices, #main_gvSupplierDateInvoices {
    color: #333;
    font-size: Small;
    border-collapse: collapse;
    padding: 5px
}

.securityQuestion {
    margin: 0;
    width: auto
}

.valueCalculatorLOCTD, .valueCalculatorRM {
    border-bottom-color: #000
}

#main_mWaiting, #mWating {
    display: none;
    color: red;
    font-weight: bold
}

#main_GridView1, #GridView1 {
    color: #333;
    width: 100%
}

#ExceptionActionPanel, #main_ExceptionActionPanel {
    border: solid 1px #666;
    background-color: #fff
}

#commentsLabel, #main_commentsLabel {
    margin-left: 10px
}

#OverrideComments, #main_OverrideComments {
    margin-left: 20px
}

.reconCC {
    float: left;
    width: 400px
}

#main_detail_creditPanel, #detail_creditPanel {
    border: 1px Solid #DBDBDB;
    margin-top: 5px;
    margin-bottom: 5px
}

#paymentReduced {
    background-color: #EBEBEB;
    color: Red;
    font-weight: bold
}

#paymentPanelTable {
    padding: 10px;
    width: 400px;
    border: 0
}

.paymentPanelTD {
    BORDER-RIGHT: #000 1px solid;
    FONT-WEIGHT: bold
}

.activeBannerTable {
    border: 0;
    font-size: 8pt
}

.Sample {
    margin-left: 20px;
    white-space: nowrap
}

.noWrap {
    white-space: nowrap
}

#message, #main_message {
    font: xx-small Arial;
    color: #C00000
}

.userDetailRegion {
    height: 150px;
    width: 300px;
    overflow: auto;
    border: solid 1px #c1c1c1;
    margin-left: 120px;
    margin-top: -15px
}

.aliasName {
    padding-right: 25px
}

#loadSupplierName {
    width: 290px
}

.cycleDates {
    width: 110px
}

#hospitalSupplierUL {
    margin-top: 20px
}

#hospitalSupplierUL, #aliasList {
    list-style: none;
    padding-bottom: 5px;
    padding-left: 0
}

    #hospitalSupplierUL select {
        width: 290px
    }

.hsULlabel {
    padding-right: 10px
}

.list {
    padding-bottom: 10px;
    clear: both
}

#aliasActionItems {
    float: right;
    width: 120px;
    z-index: 10;
    padding-right: 15px
}

#main_txtAlias {
    width: 200px
}

#search {
    margin-top: 10px;
    margin-bottom: 10px
}

#addMore {
    float: right;
    margin-right: 10px;
    margin-bottom: 5px;
    clear: both
}

.aliasSystemAdjustment {
    padding-right: 7px
}

.aliSystemAdjustment {
    padding-right: 20px
}

.hidden {
    visibility: hidden
}

.displayNone {
    display: none
}

table.statementNarrow {
    min-width: 750px !important;
    width: 750px !important;
    max-width: 750px !important
}

.aligmentFix {
    margin-left: 3px
}

#aliasListGrid td {
    border: 1px solid #ccc;
    padding: 6px
}

#aliasListGrid a:visited {
    color: #00f
}

#aliasListGrid a:hover {
    color: #01098d
}

#aliasListGrid th:nth-child(1), #aliasListGrid th:nth-child(2), #aliasListGrid th:nth-child(3) {
    width: 400px
}

#aliasListGrid tr:nth-child(even) {
    background-color: #f2ecec;
    padding: 6px;
    border: 1px grey solid
}

#aliasListGrid thead {
    background-color: grey
}

.field-validation-error {
    color: red;
    padding-right: 10px;
    padding-bottom: 10px
}

.input-validation-error {
    border: 1px solid red;
    background-color: #fee
}

.validation-summary-errors {
    font-weight: bold;
    color: red
}

.validation-summary-valid {
    display: none
}

#hospScrollBarBankAdmin {
    margin-top: 20px;
    margin-left: 60px
}

.generalButton {
    padding: 0px 5px;
    margin: 0px 5px
}

.longButton{
  width:140px;
}

.infoEmail {
    width: 870px;
    height: 25px;
    resize: none;
    overflow: hidden;
    -ms-overflow-style: none
}

.detailForm ul li.scheduleCheck {
    width: 225px
}

#settlementListGrid, #historyListGrid {
    width: 100%;
    font-size: 12px
}

#historyListGrid {
    text-align: center;
    width: 100%;
    font-size: 12px;
    padding: 3px;
    letter-spacing: -.2px
}

    #settlementListGrid thead, #historyListGrid thead {
        background-color: #c1c1c1
    }

    #settlementListGrid th, #historyListGrid th {
        padding: 6px
    }

    #settlementListGrid tr td, #historyListGrid tr td {
        height: 30px;
        border: 1px solid #dcdcdc
    }

#bankSearch {
    width: 75%;
    font-size: 12px;
    padding: 3px;
    letter-spacing: -.2px
}

    #bankSearch tbody, #exclusionRuleListGrid tbody {
        font-size: 102%;
        border: 1px solid grey
    }

    #bankSearch thead, #exclusionRuleListGrid thead {
        background-color: #bbbaba
    }

    #bankSearch th, #exclusionRuleListGrid th {
        padding: 5px;
        border-right: 1px solid #dbdbdb
    }

    #bankSearch td, #exclusionRuleListGrid {
        padding-left: 15px;
        padding-right: 15px;
        border: 1px solid #dbdbdb
    }

        #bankSearch tr:nth-child(even), #exclusionRuleListGrid tr:nth-child(even) {
            background-color: #eaeaea
        }

.bankDetailsList, .itemDetailsList, .hospitalList, .settlementFullWidthList {
    list-style: none
}

    .bankDetailsList li {
        padding: 10px;
        width: 173px
    }

    .itemDetailsList li {
        width: 400px;
        padding: 10px
    }

#bank_search {
    padding: 20px
}

    #bank_search a {
        color: #000;
        text-decoration: none
    }

        #bank_search a:hover {
            color: #00A0C6;
            text-decoration: none;
            cursor: pointer
        }

.difference {
    background-color: rgba(255,0,0,0.2)
}

.hospList, .hospList li {
    float: left;
    padding: 20px;
    width: 100px;
    background-color: rgba(255,0,0,0.2)
}

.itemDetailsList li.dayOfWeek {
    float: left;
    width: 550px
}

#NextRun:read-only {
    background-color: #d3d3d3;
    border: 1px solid grey
}

#settlementDDL, #DayOfMonth {
    width: 400px
}

#WorkFolder, #SFTPFolder, #ReportFolder, #ScheduleName {
    width: 60%
}

.settlementWidth {
    width: 30%
}

#exclusionRuleListGrid {
    text-align: center
}

.BAIExclusionRuleDetail ul li {
    padding: 10px
}

#contractDate {
    width: 128px;
    margin: 5px 1px 5px 0px
}

#ContentText {
    width: 100%
}

#main_iFrameTicket {
    width: 100%;
    height: 100%;
    border: none
}

#spanPreFundVerificationType {
    padding-bottom: 10px
}

.deactivateTerm {
    text-align: center
}

    .deactivateTerm ul {
        text-align: center
    }

.floatRightOnly {
    float: right
}

.showFacility {
    color: #00467F;
    text-decoration: underline;
    cursor: pointer
}

.facilitySummaryList {
    max-width: 80%
}

label.hb-label {
    display: inline-block;
    width: 25%
}

.hpd-ul li {
    padding: 3px 0px;
    list-style: none
}

.vm-ul {
    padding: 0
}

    .vm-ul li {
        padding: 2px 0px
    }

.vm-checkbox-ul {
    padding: 2px 0px
}

    .vm-checkbox-ul li {
        float: left
    }

label.cph-label {
    display: inline-block;
    width: 180px;
    font-weight: bold;
    font-size: 1.1em;
}

label.cph-label-sm {
    width: 100px;
    font-weight: bold;
    display: inline-block;
}

label.vm-label {
    display: inline-block;
    width: 20%
}

.cph-input {
    width: 200px
}

.table-display {
    display: table;
    width: 98%;
    padding: 5px
}

.table-row {
    display: table-row
}

.table-cell-full {
    display: table-cell;
    width: 100%
}

.table-cell-half {
    display: table-cell;
    width: 50%
}

.table-cell-third {
  display: table-cell;
  width: 30%;
}


.table-cell-quarter {
    display: table-cell;
    width: 25%;
}

.table-cell-fifth {
    display: table-cell;
    width: 15%;
}

.hb-input {
    display: inline-block;
    width: 40%
}

li.datePicker input {
    font-family: "Arial!important";
    display: inline-block;
    width: 40%
}

.customerUL li {
    padding: 5px
}

.hosp-profile {
    list-style: none
}

    .hosp-profile li {
        padding: 3px;
        float: left
    }

.hpUser {
    margin-bottom: 10px
}

.frmDDL {
    margin-top: 10px
}

#debitTable {
    margin-top: 30px;
    width: 100%;
    text-align: left;
    border: 1px dashed grey;
    border-top: 0
}

#AchDebitTable {
    padding: 10px
}

#debitTable th {
    padding: 8px 15px
}

.lo-container {
    width: 98.5%;
    margin-right: auto;
    margin-left: auto
}

.lo-row::before {
    display: table;
    content: " "
}

.lo-row {
    margin-right: -15px;
    margin-left: -15px
}

    .lo-row::after {
        clear: both;
        display: table;
        content: " "
    }

.rel-display-inv {
    position: relative
}

.slider {
    margin-left: -20.3%
}

#slideout {
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out
}

.infinite-content {
    margin: 5px;
    width: 100%
}

.lo-tabs {
    height: 40px
}

.lo-tabs-nav {
    padding: 0
}

    .lo-tabs-nav li {
        float: left;
        width: 45%;
        text-align: center;
        margin-left: 5px;
        margin-right: 5px
    }

.lo-section {
    display: none;
    padding: 0px 0 0;
    border-top: 1px solid #ddd;
    width: 98%
}

.lo-input {
    display: none
}

.lo-label {
    display: inline-block;
    margin: 0 0 -1px;
    width: 48%;
    padding: 15px 0px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent
}

    .lo-label:before {
        font-weight: normal;
        margin-right: 10px
    }

    .lo-label:hover {
        color: #888;
        cursor: pointer
    }

.lo-input:checked + .lo-label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid #FC0;
    border-bottom: 1px solid #fff
}

#tab1:checked ~ #lo-content1, #tab2:checked ~ #lo-content2 {
    display: block
}

.shadow {
    -webkit-box-shadow: 2px 1px 3px #888;
    box-shadow: 2px 1px 3px #888
}

.invoice-results, .userdetails-info, .usersearch {
    padding: 20px 20px 20px 40px
}

.layout-full {
    padding: 20px 85px 40px 40px;
}

.InvoiceTable, 
.standard-table {
    border-collapse: collapse;
    background-color: transparent
}

.standard-table {
    border: 1px solid #ccc;
}

.sm-table-label {
    margin-right: 5px;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    padding-left: 20px
}

.th-inv-fix {
    min-width: 200px
}

.th-inv-fix span {
    padding-right: 17.5px;
}

.th-inv-fix-sm {
    min-width: 125px
}

.th-inv-fix-sm span {
    padding-right: 17.5px;
}

.InvoiceTable thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
    padding: .5em .10em;
    cursor: pointer;
}

.standard-table th {
    border-top: 1px solid #e9ecef;
    text-align: center;
    vertical-align:central;
    font-size: 14px;
    padding: .2em;
    height: 40px;
}

.standard-table thead {
    background-color: #ccc;
}

    .standard-table thead th a {
        color: black;
        text-decoration: none;
    }

.InvoiceTable th, 
.InvoiceTable td, 
.standard-table td {
    border-top: 1px solid #e9ecef;
    text-align: left;
    font-size: 13px;
    padding: .2em;
    height: 30px
}

.standard-table td {
    border-right: 1px solid #e5e6e8;
    padding-left: 2px;
    padding: .4em;
}

.standard-table tr:nth-child(2n) {
    background-color: #e3e3e3;
}

.inv-table-data {
    align-items: center;
    height: 41px
}

    .inv-table-data a {
        text-decoration: none;
        color: #428bca
    }

.inv-table-data-half {
    width: 100px;
    min-height: 30px;
    max-height: 30px;
    display: flex;
    align-items: center
}

a.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .25rem;
    transition: all .15s ease-in-out;
    color: #0092ff
}

.helpmenu {
    display: inline-block;
    float: right;
    padding-right: 130px;
}

.help-details, .show, .hide:target {
    display: none
}

    .hide:target + .show, .hide:target ~ .help-details {
        display: block
    }

.help-link {
    text-decoration: none;
    padding: 0 0 3px;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #f6f6f6;
    position: absolute;
    right: 120px;
    top: -15px
}

.hx-modal {
    display: none;
    width: 900px;
    min-height: 250px;
    padding: 10px 15px;
    z-index: 1100;
    position: fixed;
    top: 100px;
    background-color: White;
    border: 1px solid #ccc;
    border-radius: 3px
}

.hx-subMask, .hx-mask {
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: Black;
    opacity: 0.6;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

.modal-header {
    position: relative
}

.modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

    .modal-body h2 {
        font-weight: normal;
        color: #212529
    }

.modal-error {
  color: red;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    margin-top: 15px;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #e9ecef;
    position: relative
}

.close {
    color: #000;
    border: none;
    background: transparent;
    font-size: 30px;
    position: absolute;
    top: -3px;
    right: 5px;
    padding: 0;
    z-index: 1000;
}

    .close:hover {
        color: #5D7B9D;
        border: none
    }

.modal-content hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.help-menu-list {
    padding-left: 10px !important;
    background-color: #f6f6f6 !important;
}

.minimal {
    width: 200px;
    background-color: #d3d3d3;
    color: #dcdcdc;
    height: 1px;
    border: none
}

.workSearchbtn {
  width: 84.25px;
  text-decoration-color: #fff;
  font: 13.3333px Arial;
}

.workItemSearchGrid {
    margin-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 95%
}

.workItemGrid th {
    padding: 6px;
    font-size: 12px;
    border: 1px solid #ccc;
    background-color: #d3d3d3
}

.workItemGrid tr:nth-child(even) {
    background-color: #eaeaea
}

.workItemGrid td {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 5px
}

.vmDetails {
    width: 50%
}

textarea.workNote {
    width: 65%;
    height: 40px;
    margin-top: 10px
}

.modern-table {
    width: 80%;
    background-color: transparent;
    margin-bottom: 1rem;
    text-align: left
}

    .modern-table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #e9ecef;
        background-color: #d3d3d3
    }

    .modern-table th, .modern-table td {
        padding: .55rem;
        vertical-align: top;
        border-top: 1px solid #e9ecef;
        font-size: 13px;
        border: none
    }

    .modern-table tr, .modern-table th, .modern-table td {
        border-color: #d3d3d3
    }

        .modern-table tr:nth-child(even) {
            background-color: #eaeaea
        }

.text-comments {
    min-width: 100%;
    min-height: 200px
}

.vmUL {
    padding-left: 0;
    padding-bottom: 3px
}

    .vmUL li {
        padding: 2px
    }

#ExceptionSearch {
    padding: 5px
}

.fo-aws-large {
    font-size: 2em;
    cursor: pointer
}

.inv-info-body {
    margin-top: 30px
}

    .inv-info-body h3 {
        padding-left: 40px;
        width: 250px;
        display: inline-block
    }

    .inv-info-body hr {
        width: 90%;
        margin-top: 30px;
        margin-bottom: 30px;
        color: #f1f1f1
    }

@media only screen and (max-width:1337px) {
    .inv-info-body h3 {
        padding-left: 20px;
        max-width: 150px;
        font-size: 13px
    }
}

.li-validation-container{
  margin-left:200px;
}

@media only screen and (max-width:1443px){
  .li-validation-container{
    margin-left:0px;
  }
}

.inv-info-list {
    width: 100%;
    margin-right: 14px;
    padding-right: 28px;
    padding-bottom: 15px;
    padding-left: 0;
    overflow: auto;
    max-height: 260px;
    margin-top: 20px;
    margin-bottom: 20px
}

.inv-info-list-new {
    width: 100%;
    margin-right: 14px;
    padding-right: 28px;
    padding-bottom: 15px;
    padding-left: 5px;
    overflow: auto;
    max-height: 250px;
    margin-top: 20px;
    margin-bottom: 20px
}

    .inv-info-list li, .inv-info-list li a {
        color: #098aea;
        text-decoration: none
    }

        .inv-info-list li a::after hover {
            color: #0878cb
        }

.basic-list li {
    padding: 2px 0px
}

.hide-scroll {
    overflow: hidden;
    max-height: 285px
}

.inv-info-group {
    margin-left: 40px;
    margin-top: 10px;
}

    .inv-info-group h5 {
        margin: 0
    }

    .inv-info-group select {
        margin-top: 10px;
        margin-bottom: 10px
    }

@media only screen and (max-width:1337px) {
    .inv-info-group {
        margin-left: 20px
    }
}

.invoice-results h2, .userdetails-info h2 {
    font-size: 30px
}

#inv_results {
    position: relative
}

.layout-container {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    overflow: hidden;
    margin-bottom: 100px
}

.layout-col-2 {
    flex: 0 0 auto;
    width: 20%
}

.layout-col-10 {
    flex: 0 0 auto;
    width: 78%;
}

.layout-col-12 {
    flex: 0 0 auto;
    width: 99%
}

.dataTables_paginate {
    margin-top: 15px;
    float: right;
    height: 40px;
}

.paginate_button.previous {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.paginate_button {
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer
}

.ellipsis {
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 14px
}

#inv-table-settings {
  position: absolute;
  background-color: #f3f3f3;
  z-index: 50;
  padding: 2px 20px 8px;
  border: 1px solid #cbcbcb;
  border-radius: 1px;
  width: 300px
}

    #inv-table-settings ul {
        padding: 0
    }

.invoice-options ul li {
    float: left;
    padding: 0px 10px
}

.invoice-options ul {
    padding-left: 0
}

    .invoice-options ul li a {
        font-size: 16px
    }

a.inv-option {
    color: #428bca;
    text-decoration: none
}

a.disabled {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

.dataTables_filter {
  width: 300px;
  display: inline-block;
  margin-bottom: 10px
}

.search-control {
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    width: 100%;
    z-index: 20;
    width: 350px
}

#userSearchTable_filter .search-control {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" id="spyglass" viewBox="0 0 22 22" height="22" width="22"><path d="m 10.011718,5.0898489 c -2.7000005,0 -4.9003915,2.2004 -4.9003915,4.9003996 0,2.6999995 2.200391,4.8983995 4.9003915,4.8983995 1.154374,0 2.204251,-0.4184 3.042969,-1.0898 l 3.207031,3.1113 0.626953,-0.6465 -3.185547,-3.0879 c 0.743242,-0.8594 1.208984,-1.964 1.208984,-3.1854995 0,-2.6999996 -2.20039,-4.9003996 -4.90039,-4.9003996 z m 0,1 c 2.2,0 3.90039,1.7004 3.90039,3.9003996 0,2.1999995 -1.70039,3.8983995 -3.90039,3.8983995 -2.2000005,0 -3.9003915,-1.6984 -3.9003915,-3.8983995 0,-2.1999996 1.700391,-3.9003996 3.9003915,-3.9003996 z" style="fill:#808080"/></svg>');
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 220px 3px !important;
    padding-left: 10px;

}

.textarea-control {
    min-width: 100%;
    max-width: 100%;
    max-height: 150px;
    min-height: 150px;
    padding: 10px
}

.inv-label {
    display: inline-block;
    min-width: 160px
}

.invoice-dropdown {
    border: none;
    border: 1px solid #ccc;
    padding: 4px 3px;
    border-radius: 3px;
    width: 90%;
    color: #666;
    background: url(../img/arrow-down.png) no-repeat right #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 220px;
}

    .invoice-dropdown::-ms-expand {
        display: none;
    }

    .invoice-dropdown:focus {
        border: .5px solid #428bca
    }

@media only screen and (max-width:1337px) {
    .invoice-dropdown {
        width: 150px
    }
}

.inv-details-list {
    padding: 0
}

    .inv-details-list li {
        padding: 5px 0px
    }

.invoice-input, .search-control, .standard-input, .cph-input-sm {
    border: 1px solid #ccc;
    padding: 5px 3px;
    border-radius: 3px;
    width: 250px;
    color: #666
}

.invoice-input:focus, .standard-input:focus {
    border: .5px solid #428bca;
    color: #000
}

.role-select {
    width: 75px;
    font-size: 13px !important;
    font-family: Arial,Helvetica,sans-serif !important;
}

.role-label{
  display:block;
  font-weight:bold;
  margin-right:5px;
  font-size:13px;
}

.search-control {
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    z-index: 20;
    width: 350px
}

.small-input {
    width: 120px
}

.x-small-input {
    width: 50px
}

.zipcode {
    width: 75px
}

#reference-fields input {
    margin-bottom: 5px
}

.invoice-modal {
    font-size: 1.1em;
    color: #666
}

.invoice-creation h3 {
    margin: 5px 0px
}

.inv-span {
    border-color: #e6e6e6;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    margin-bottom: 3px
}

.t-inv-ispan {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px
}

.inv-inner-span {
    color: #444;
    padding: 0 1.5em 0 0;
    display: block;
    position: relative;
    cursor: default
}

.t-inv-inner-span {
    padding: 0 .5em 0 0;
    display: block;
    position: relative;
    cursor: default
}

.datepicker-button {
    position: absolute;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 30px;
}

.search-input {
    border-radius: 1px 0 0 1px;
    display: inline;
    height: 25px;
    padding: .17857143em 0;
    text-indent: .8em;
    border: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 89%
}

@media only screen and (max-width:1337px) {
    .search-input {
        width: 80%

    }

    button {
        padding: 5px 10px 5px 10px;
    }
}

.filter-clear {
    font-size: 16px;
    text-decoration: none;
    margin-top: 10px;
    margin-left: 5px;
    position: absolute;
    color: #fff
}

    .filter-clear:hover {
        cursor: pointer;
        color: #666
    }

.icon-spinner {
    display: none
}

.parent-scroll {
    max-height: 750px;
    overflow-y: scroll;
    transform: scaleX(-1)
}

.sleeve {
    transform: scaleX(-1)
}

.parent-scroll::-webkit-scrollbar {
    margin-top: 15px;
    width: 5px
}

.parent-scroll::-webkit-scrollbar-thumb {
    background: #428bca;
    border-radius: 10px
}

    .parent-scroll::-webkit-scrollbar-thumb:hover {
        background: #3f83be
    }

.load-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg)
    }

    to {
        transform: scale(1) rotate(360deg)
    }
}

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    *zoom: 1
}

    .pika-single:before, .pika-single:after {
        content: " ";
        display: table
    }

    .pika-single:after {
        clear: both
    }

    .pika-single.is-hidden {
        display: none
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0,0,0,.5)
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    _3token_hck_2: position:relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    /* left: 6; */
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
    right: 80px;
    width:100px;
}

.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background: transparent no-repeat center center;
    background-size: 75% 75%;
    opacity: .5;
    _3token_hck_3: _3token_hck_4:
}

    .pika-prev:hover, .pika-next:hover {
        opacity: 1
    }

.pika-prev, .is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    _3token_hck_5:
}

.pika-next, .is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    _3token_hck_6:
}

    .pika-prev.is-disabled, .pika-next.is-disabled {
        cursor: default;
        opacity: .2
    }

.pika-select {
    display: inline-block;
    _3token_hck_7:
}

.pika-select-year {
    width: 55px !important;
}

.pika-select-month {
    width: 95px !important;    
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

    .pika-table th, .pika-table td {
        width: 14.285714285714286%;
        padding: 0
    }

    .pika-table th {
        color: #999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #3af;
    font-weight: bold
}

.is-selected .pika-button, .has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9
}

.is-disabled .pika-button, .is-inrange .pika-button {
    background: #D5E9F7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px
}

.pika-table abbr {
    border-bottom: 0;
    cursor: help
}

.pika-label:after {
    content: '   \25BC';
}

#container-dates {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: auto
}

.guide-caret {
    color: #516b9d;
    font-size: 16px
}

.guide-caret:hover{
    color: #FFCC00;
    font-size: 16px;
}

.guide-placement {
    display: block;
    margin: 0 auto;
    position: absolute;
    right: 50%
}

.invoice-clear {
    display: block;
    height: 25px
}

#spin {
    cursor: pointer
}

    #spin:hover {
        color: #428bca
    }

#spin-hide {
    display: none;
    color: #428bca
}

.correction-fa {
    padding-left: 10px
}

.icon-placement {
    position: absolute;
    right: 15px;
    top: 8px;
}

.adv-filter {
    max-width: 250px;
    margin: 8px 0px
}

.basic-filter {
    max-width: 245px;
    margin: 8px 0px
}

@media only screen and (max-width:1337px) {
    .adv-filter {
        max-width: 175px
    }

    .basic-filter {
        max-width: 175px
    }
}

#errors, #success {
    text-align: center;
    vertical-align: middle;
    margin-top: 50px
}

.error-emblem {
    color: red;
    font-size: 80px
}

.success-emblem {
    color: green;
    font-size: 80px
}

.paymentComments {
    min-width: 85%;
    max-width: 85%;
    max-height: 85px;
    min-height: 85px
}

.buttons-excel {
    background: none;
    color: #428bca;
    border: none;
    padding: 0;
    font-size: 12px;
}

    .buttons-excel:hover {
        background: none;
        color: #428bb1;
        border: none
    }

.audit-layout {
    position: relative;
    min-height: 300px
}

#audit-btn-right {
    position: absolute;
    top: 150px;
    right: 0
}

#audit-btn-left {
    position: absolute;
    top: 150px
}

.audit-btn {
    background: none;
    color: #428bca;
    font-size: 30px
}

    .audit-btn:hover {
        border: none
    }

.inv-modal-table {
    max-width: 90%;
    margin-left: 70px;
    font-size: 14px
}

.inv-modal-dtl {
    min-height: 15px;
    max-height: 45px;
    align-items: center;
    width: 150px
}

.inv-modal-ish {
    max-width: 90%;
    margin-left: 70px;
    font-size: 14px;
}

.audit-td {
    padding: .3em
}

.audit-th {
    text-align: left
}

#invoicesInfo {
    padding: 5px 0px;
    margin-bottom: 20px;
    margin-top: -20px;
    margin-left: -5px
}

.invoicesInfo-lbl {
    font-size: 16px
}

.money {
    color: #27ae07
}

.fa-search {
    margin-left: 3px
}

.term-chk {
    top: 10px !important
}

.shift-left {
    position: relative;
    left: 10px;
    width: 100%
}

@media only screen and (max-width:1450px) {
    .help-link {
        right: 10px
    }

    .arrow-up {
        right: 41px
    }
}

.contactSupplierList {
    max-height: 215px;
    overflow: auto
}

.webkit-ul-reset {
    padding: 0
}

.hx-modal-input {
    border: none;
    border-bottom: 1px solid #898989;
    width: 185px;
    color: #515050
}

.contact-info li {
    padding: 4px 0px
}

.hx-modal-textarea {
    display: inline-block;
    min-width: 100%;
    max-width: 100%;
    min-height: 45px;
    max-height: 200px;
    border: 1px solid #ccc;
    padding: 5px 3px;
    border-radius: 3px;
    color: #666

}

.u-frmLabel {
    display: inline-block;
    width: 150px !important
}

.u-frmLabel-sm {
    display: inline-block;
    width: 60px
}

.v-input {
    border: 1px solid #ccc;
    padding: 5px 3px;
    border-radius: 3px;
    width: 250px;
    color: #666
}

.v-input-sm {
    width: 175px
}

.v-select {
    border: 1px solid #ccc;
    padding: 4px 3px;
    border-radius: 3px;
    width: 250px;
    color: #666
}

    .v-select:disabled {
        backgroud-color: #ccc
    }

.v-select-sm {
    width: 175px
}

.o-contract-control-list {
    margin-top: 20px
}

#notificationData {
    margin-top: 30px
}

    #notificationData::before {
        display: block;
        height: 20px
    }

    #notificationData::after {
        display: block;
        height: 20px
    }

.i-filtered-item {
    padding-right: 7px
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem;
    position: relative;
    font-size: 14px
}

.is-warning {
    background-color: #ffdd57;
    color: rgba(0,0,0,.7)
}

.is-error {
    background-color: red;
    color: #fff
}

.is-success {
    background-color: #23d160;
    color: white
}

.button-close {
    background-color: rgba(10,10,10,0.2);
    cursor: pointer;
    display: inline-block;
    border: none;
    padding: 3px 5px;
    border-radius: 10px
}

.notification > .button-close {
    position: absolute;
    right: .5rem;
    top: .5rem
}

.invoice-filter-container {
    width: 100%;
    height: 50px;
    /*background-color: #f1f1f1;*/
    border-radius: 3px;
    margin-bottom: 15px
}

.filter-bubble {
    padding: 3px 10px;
    background-color: #f1f1f1;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 2px
}

    .filter-bubble:hover {
        border: .5px solid #428bca;
        color: #428bca
    }

.settings-container {
    display: inline-block
}

table.DTCR_clonedTable.dataTable {
    background-color: #ccc;
    z-index: 202
}

div.DTCR_pointer {
    width: 1.5px;
    background-color: #ccc;
    z-index: 201
}

.ellipse-fa-small {
    height: .8em;
    vertical-align: -.09em;
    color: #afafaf;
    width: .3em !important
}

.cph-label:hover .tooltip, .standard-input:hover .tooltip {
    visibility: visible;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    opacity: 1;
}


.tooltip {
    border-radius: 2px;
    padding: 5px 10px;
    background-color: #626262;
    color: white;
    visibility: hidden;
    text-align: center;
    position: absolute;
    z-index: 1;
    opacity: 0;
}

.contact-container {
    width: 100%;
}

.contact-container h2 {
    font-size: 14px;
}

.flex-container {
    display: flex;
    width: 100%;
}

.flex-quarter {
    width: 25%;
    margin: 5px;
}

.flex-third {
    width: 33%;
}

.userdetails-list, .usernotifications-list, .standard-list {
    padding: 0px;
}

.userdetails-list li, .usernotifications-list li, .standard-list li {
    padding: 5px 0px;
}

.userdetails-label {
  display: inline-block;
  width: 200px;
  font-size: 13px;
  font-weight: bold;
  padding-right: 10px;
} 

.standard-label {
    display: inline-block;
    width: 200px;
    font-size: 13px;
    font-weight: bold;
}

.user-business {
    position: relative;
}

.guide-placement-user {
    position: absolute;
    left: 35%;
    right: 35%
}

.three-column-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.hpd-ul {
    padding-left: 0px;
}

.dt-buttons,
.user-export {
    font-size: 16px !important;
    margin-top: 3px;
}

.filter-container {
  margin: 10px 0px;
  width: 90%;
}

.layout-container-sub {
    margin-right: 200px;
}

.card {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    margin: .3rem .3rem;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    min-width: 95%;
    position: relative;
}

    .card:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        cursor: pointer;
    }

@media only screen and (max-width:1337px) {

    .card {
        max-width: 225px;
    }
}

.expand {
    margin-bottom: 30px;
}

.active-panel {
    color: #428bca;
}

.panel-status-icon {
    position: absolute;
    top: 12px;
    font-size: 25px;
    right: 20px;
}


.dataTables_scrollHeadInner .InvoiceTable thead tr th::before, .fixedHeader-floating thead tr th::before {
    content: '\2807\2807';
    font-size: 20px;
    letter-spacing: -.6rem;
    position: absolute;
    top: 1px;
    color: #ccc;
}

#inv_results thead .sorting_asc {
    background: url(../img/sort_asc.png) no-repeat center right;
    background-size: 15px 15px;
}

#inv_results thead .sorting_desc {
    background: url(../img/sort_desc.png) no-repeat center right;
    background-size: 15px 15px;
}

#inv_results thead .sorting {
    background: url(../img/sort_both.png) no-repeat center right;
    background-size: 15px 15px;
}


.nocontent::before {
    content:'' !important;
}

#invTb_length {
    float: right;
    margin-right: 20px;
    margin-top: -1px;
}

    #invTb_length label select {
        border: none;
        border-bottom: 1px solid #ccc;
        padding: 4px 3px;
        width: 50px;
        color: #666;
        font-size: 13px;
        background: url(../img/arrow-down.png) no-repeat right #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-position-x: 30px;
    }

#invTb_length label {
    font-size: 13px;
    color: #666;
}

.inv-info-body {
  overflow: auto;
  max-height: 486px;
  overflow-x: hidden;
}

.opp-disabled {
  cursor: not-allowed;
}

.opp-disabled:hover {
  border: 1px solid grey;
}

.checkbox-placement {
    padding-left: 15px;
    padding-right: 40px;
}

progress[value] {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 15px;
    -webkit-animation: animate-stripes 5s linear infinite;
    animation: animate-stripes 5s linear infinite;
}

progress::-webkit-progress-value {
    border-radius: 50px;
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
    background: -webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #00467F, #ccc);
    background-size: 25px 14px, 100% 100%, 100% 100%;
    /*This sets up the animation */
    -webkit-animation: move 5s linear 0 infinite;
}

@-webkit-keyframes move {
    0% {
        background-position: 0px 0px, 0 0, 0 0
    }

    100% {
        background-position: -100px 0px, 0 0, 0 0
    }
}
.opp-disabled {
    cursor: not-allowed;
}

.opp-disabled:hover {
    border: 1px solid grey;
}
.trRow:nth-child(odd) {
    background: lightgrey;
}

.trRemitHeader {
    background: darkgrey;
}

.checkbox-sm-text {
    font-size: 12px;
    margin-left: 20px;
}
.trRemitHeader {
    background: darkgrey;
}

.checkbox-sm-text {
    font-size: 12px;
    margin-left: 20px;
}

a.linkFloat {
  float: right;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .15s ease-in-out;
  color: #0092ff;
  cursor: pointer;
}

a.link {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .15s ease-in-out;
  color: #0092ff;
  cursor: pointer;
}

.term-date {
    border: 1px solid #ccc !important;
    padding: 5px 3px !important;
    border-radius: 3px !important;
    width: 250px;
    color: #666 !important;
}

.ui-widget-header {
    border: none;
    background: none;
    font-weight: normal;
}

.ui-tabs {
    border: none;
    font: 1.0em/1 Arial,Helvetica,sans-serif;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
        background: none;
        border: none;
        color: black;
    }

    .ui-state-active a, .ui-state-active a:link {
        border-bottom: 5px solid #003F8C;
    }

.roletable {
    table-layout: fixed;
    width: 100%;
    max-height: inherit;
}

.roletable tr {
    height: 31px;
}

.roletable td {
    border-spacing: 5px;
}

.modal-li-label {
    display: inline-block;
    width: 50%;
}

.modal-li-textBox {
    display: inline-block;
    width: 200px;
}

.disabled-modal-li-textBox {
    display: inline-block;
    width: 200px;
    color: grey;
    background-color: white;
}

.feeDescriptionTextArea {
    width: 100%;
    height: 3em;
    resize: none;
    background-color: white;
    color: grey;
}

.supplierFees table {
    font-size: 13px;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    width: 98%;
}

.supplierFeesData li {
    padding-bottom: 5px;
}

.ExpirationSlash{
  padding-left: 3px;
  width: 10px !important;
}

button.disabled {
  background: gray;
  cursor: not-allowed;
  opacity: 0.65
}

#slideout-content input, select {
    border: 1px solid #555555 !important;
}




.inv-creation-label {
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}


.requiredSymbol {
    color: #B30000;
}


.invoice-new-dropdown {
    border: none;
    border: 1px solid #555555;
    padding: 6px 5px;
    border-radius: 3px;
    width: 90%;
    color: #666;
    background: url(../img/arrow-down.png) no-repeat right #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: right;
}

.textarea-control-new {
    min-width: 94%;
    max-width: 94%;
    max-height: 150px;
    min-height: 150px;
    padding: 5px;
    border-color: #555555;
    border: 1px solid;
}


.inv-newRejectModal #CaseNumber {
    margin-bottom: 5px;
}

.inv-newRejectModal .notesRequired {
    margin-left: 5px;
}

.cardnewinv .search-input,
.inv-new-expCard .search-input {
    height: 30px;
}

.cardnewinv .fa-search,
.inv-new-expCard .fa-search {
    position: absolute;
    margin-top: 10px;
}

.inv-new-expCard.supplierlist-card {
    width: 80%;
}

.cardnewinv #advProcessType,
.cardnewinv #advOverrideType {
    background-position:right;
    display:block;
    margin-top: 2px;
}

.general-button-disabled {
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
    border-color: rgba(118, 118, 118, 0.3) !important;
}

    .general-button-disabled:hover {
        cursor: not-allowed !important;
        background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
        color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
        border-color: rgba(118, 118, 118, 0.3) !important;
    }

@media only screen and (min-width: 1360px) and (max-width: 1370px) {
    .cardnewinv #advProcessType,
    .cardnewinv #advOverrideType {
        width: 140px;
    }
}

@media only screen and (min-width: 1380px) and (max-width: 1400px) {
    .cardnewinv #advProcessType,
    .cardnewinv #advOverrideType {
        width: 144px;
    }
}

@media only screen and (min-width: 1410px) and (max-width: 1440px) {
    .cardnewinv #advProcessType,
    .cardnewinv #advOverrideType {
        width: 150px;
    }
}

@media only screen and (min-width: 1450px) and (max-width: 1600px) {
    .cardnewinv #advProcessType,
    .cardnewinv #advOverrideType {
        width: 174px;
    }
}

@media only screen and (min-width: 1610px) and (max-width: 1680px) {
    .cardnewinv #advProcessType,
    .cardnewinv #advOverrideType {
        width: 186px;
    }
}

@media only screen and (min-width: 1690px) and (max-width: 1920px) {
    .cardnewinv #advProcessType,
    .cardnewinv #advOverrideType {
        width: 221px;
    }
}

.inv-info-group .advanceSearchLabel {
    display: block;
}

.eye-icon {
    cursor: pointer;
    color: #555;
    display: inline-flex;
    transform: translate(-20px, 6px);
}

.password-input {
    padding-right: 30px; /* space for the icon */
}