/* GG 20201125 - Colors Section */
/*#3870C8  : blue
#38B8C8  :   light blue
#C84838  : red
#C83870  :   pink
#C89038  :   beige
#70C838  : green
#38C848  :   light green
#B8C838  :   olive
#9038C8  : purple
#C838B8  :   light purple
#4838C8  :   dark purple 
#383838  : black
#707070  : gray
#C8C8C8  : silver*/

    /* GG 20220719 - Testing SigBox Height */
.otCss-SigBox {
/*    height: auto; */
    height: auto; 
}
    /* GG 20220719 - Testing PairLt Settings */
.otCss-PairRtGG {
    display: inline-flex;
    min-width: 4em;
    width: unset;
}
.otCss-PairLtGG {
    display: inline-flex;
    min-width: 4em;
    width: unset;
}
.otCss-PairLt {
    display: inline-flex;
    min-width: 4em;
    width: unset;
}
.otCss-PairLt {
    display: inline-flex;
    min-width: 4em;
    width: unset;
}
    /* GG 20220719 - Testing PairRt Settings */
.otCss-PairRt {
    display: inline-flex;
    min-width: 4em;
    width: unset;
}
    /* GG 20201125 - Wrfs Section */
.otRFSigsTitle {
    font-weight: bold;
    color: #4838C8;
    width: 80%;
}
.otMenuButton {
    width: 100%;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    color: white;
    font-size: 1.5em;
}
.otMenuSettings {
    background-color: #9038C8;
}
.otMenuLogout {
     /* mw 20210618 - class to force height for button on top level drop menu */
    height: 2.4em;
}
.otUnderline {
     /* GG 20210816 - Class to force underline on Option Menu display text */
    text-decoration: underline;
}
.otCrimsonBold {
     /* GG 20210816 - Class to Create Crimson-Bold Menu Titles and Warning Text */
    font-weight: bold;
    color: crimson;
}
a.otMenuLogout:hover {
    /* MW 20210618 This selects an A tag with the otMenuLogout class and specifies the hover style */
    height: 2.4em;
}
.otSmallformCheckboxDiv {
    background-color: #9038C8;
}
.nt-browse-left-cell{justify-content: flex-start;}
.nt-browse-right-cell{justify-content: flex-end;}
.nt-browse-button-cell{justify-content: flex-end;}
.nt-browse-notlast-cell{padding-bottom: 0;}
    /* GG end 20201125 - Wrfs Section */
.otPageHead {
    display:flex;
    justify-content: center;
}
.otPageFootDiv {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
.otPageFoot {
    display:flex;
    justify-content: center;
    margin-left: 4px;
    margin-right: 4px;
    white-space: nowrap;
}
.otHeadImgLeft {
}
.otHeadImgRight {
}
.otFormLogIn {
    width:450px;
}
.otFormLogInMobile {
    width:450px;
}
.otFormLogOut {
    width:160px;
}
.otFormLogOutMobile {
    width:160px;
}
.otccsPLogOutPage {
    display:flex;
    justify-content: center;
    margin-top: 5px;
}
.otccsPFormLogin {
    width:550px;
}
.otccsPFormLogOut {
    width:450px;
}
.otLoginSyncFormTableRow {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.otWarnPageFormTableRow {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.otLoginSyncPrompt {
}
.otUnsetWidth {
    width: unset;
}
.otLeft {
    text-align: left;
}
.otRight {
    text-align: right;
    width: 100%;
}
.otDateEntryDiv {
    display: flex;
    justify-content: center;
}
.otPairLt-EntDivL {
    /* GG 20201206 - IS THIS NEEDED for BKVfnCHRG-Layout=DEFAULT (not DIV)? */
    /* GG 20210901 - For Disp fields vs. other fields (eg DropDown)IS THIS NEEDED for BKVfnCHRG-Layout=DEFAULT (not DIV)? */
    margin-right: 0px;
    width: unset;
}
.otPairRt-EntDiv {
    /* GG 20201019 */
    margin-right: 0px;
    width: unset;
}
.otBrowsePInvoiceFilter {
    width: 640px;
    /*border:1px solid #c5dbec; */
    /* xGG-Othercolors: #d8e7f3;    c5dbec;    4297d7 */
    border: 1px solid #aaaaaa;  /* mw 20191016 - match header border color*/
}
.otBrowsePInvoiceFilterMobile {
    width:640px;
}
.otBrowsePInvoices {
    width: 620px;
    /*border: 1px solid #d8e7f3;*/
    border: 1px solid #aaaaaa; /* mw 20191016 - match header border color*/
}
.otBrowsePInvoicesMobile {
    width:620px;
}
.otWobp {
    width:705px;
    border:1px solid #4297d7;
    padding:5px
}
.otOOPfeCCWPMobile {
    width:650px;
}
    /* !GG 20220621 - Generify Btn Centering for Single Buttons (eg Authorize Btn!)
.otPaymentReviewFieldComment {
    display: none;
}
    */
otCommentNone {
    display: none;
}
.otWobpViewInvoice {
    width:650px;
}
.otViewPInvoiceMobile {
    width 650px;
}
.otBKRrpDPCWeb {
    border-collapse: collapse;
    margin-top: 0px;
    margin-right: 5px;
    display: inline;
}
.otFixCenter {
    position:relative;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0; 
}
.otHeadingTextCenter {
    display: flex;
    justify-content: center;
}
.otLogoutButtonRow {
    display: flex;
    flex-direction:column;
    align-items:center;
}
.otLogoutButtonRowDivCssClass {
    display:flex;
    justify-content: center;
    width:100%;
}
.otBrwTableDiv {
    display: flex;
    justify-content: center;
}
.otBrowseCenter {
    display: flex;
    justify-content: center;
}
.otFormCenter {
    display: flex;
    justify-content: center;
}
.otFormTabOuterDiv {
    border: 1px solid #aaaaaa;
}
.otImagePad1 {
    /*  border: 1px solid transparent; */
    padding: 1px;
}
.otInv-CTA-Red {
    color: red;
    margin-left: 5px;
    margin-right: 5px;
}
/* GG 20210816 - Compatibility classes - Remove AFTER 10/1/21 */
.otBKVtlRVWBrowse {
    width: 700px;
}
.otBKVtlRvwBrowse {
    width: 700px;
}
.otBKVtlBSHBrowse {
    width:700px;
}
/* GG 20210816 - Compatibility classes - Remove AFTER 10/1/21 */
.otECMtuORGBrowse {
    width:700px;
}
/* GG 20210816 - Compatibility classes - Remove AFTER 10/1/21 */
.otECMtuOrgBrowse {
    width:700px;
}
.otWstdInnertab {
	width: 100%;
}
.Wspl_PayMethod_Entry {
	text-align: center;
	width: 100%;
}
.otWadmBtnGrp {   /* mw 20200916 class for manual div around form buttons on netwebbrowse */
    display:flex;
    justify-content: center;
    margin-top: 5px;
}
.otWstdSaveSet {
    display:flex;
    justify-content: center;
    margin-top: 5px;
}
.otWcwpPayorSig {
    font-family: Lucida Handwriting;
    font-size: medium;
    font-weight: bold;
    text-decoration: underline;
    color: red;
    xfxont-family: Brush Script MT;   YES-Original
    xfxont-family: Freestyle Script;  YES-Small!
    xfoxnt-family: Edwardian Script;  NO
    xfoxnt-family: French Script MT;  YES-NO-FANCY
    xfoxnt-family: Gigi;              NO
    xfoxnt-family: Kunstler Script;   YES-NO-Too Fancy!
    xfxont-family: Lucida Handwriting; YES-CLEAN/PLAIN!
    xfoxnt-family: Magneto Bold; NO
    xfoxnt-family: Mistral;           YES-NO-Clunky
    xfoxnt-family: Palace Script MT; NO
    xfoxnt-family: Rage Italic; NO
    xfoxnt-family: Script MT Bold; NO
    xfoxnt-family: Segoe Script;      YES-Cutesy - ADOBE Signer!
    xfoxnt-family: Viner Hand; NO
    xfoxnt-family: Vivaldi;          YES-NO-Super Fancy!
    xfoxnt-family: Vladimir Script;  YES-Maybe-Fancy!
    xfoxnt-family: Brody;  NO
    xfoxnt-family: Lucia;  NO
    xfoxnt-family: Commercial Script;  NO
    xfoxnt-family: Kunstler Script;
    xfont-family: Vladimir Script;
    xfxont-family: American Scribe; YES-CLEAN/PLAIN!
    xfxont-family: Lucida Handwriting; YES-CLEAN/PLAIN!
}
.otWsalOwnerSig {
    font-family: Vladimir Script;
    font-size: x-large;
    font-weight: bold;
    text-decoration: underline;
    color: red;
    xfoxnt-family: Brush Script MT;   YES-Original
    xfoxnt-family: Freestyle Script;  YES-Small!
    xfoxnt-family: Edwardian Script;  NO
    xfoxnt-family: French Script MT;  YES-NO-FANCY
    xfoxnt-family: Gigi;              NO
    xfoxnt-family: Kunstler Script;   YES-NO-Too Fancy!
    xfoxnt-family: Lucida Handwriting; YES-CLEAN/PLAIN!
    xfoxnt-family: Magneto Bold; NO
    xfoxnt-family: Mistral;           YES-NO-Clunky
    xfoxnt-family: Palace Script MT; NO
    xfoxnt-family: Rage Italic; NO
    xfoxnt-family: Script MT Bold; NO
    xfoxnt-family: Segoe Script;      YES-Cutesy
    xfoxnt-family: Viner Hand; NO
    xfoxnt-family: Vivaldi;          YES-NO-Super Fancy!
    xfoxnt-family: Vladimir Script;  YES-Maybe-Fancy!
    xfoxnt-family: Brody;  NO
    xfoxnt-family: Lucia;  NO
    xfoxnt-family: Commercial Script;  NO
    xfoxnt-family: Kunstler Script;
}
.otWsalSaveSet {
    display:flex;
    justify-content: center;
    margin-top: 5px;
}
.otLoginSyncSaveSet {
    display:flex;
    justify-content: center;
    margin-top: 5px;
}
.otLoginTabTitle {
	display:flex;
	justify-content:center;
}
.ot-login-call-to-action {
	display:flex;
	justify-content:center;
	width:100%;
}
.otLoginFormSaveSet {
    display:flex;
    justify-content: center;
    margin-top: 5px;
}
/* mw 20200917 - moved to media width >= 705 section 
.otWadmForm {
    width:700px;
}
*/
.otStyleSettingsForm {
    width:700px;
}
.otccsPLogInForm {
    width:550px;
}
.otccsPLogOutForm {
    width:450px;
}
.otcssPaylexLinkMsg {
    font-family:"Open Sans","Segoe UI",Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.otcssPDoubleDropStyle {
	width:475px;
	align-text: center;
	margin:auto;
}
.otcssWsplInnerDiv {
	width:;
	display:block;
}
/* GG 20210718 - Not Needed with Div Mode Style
.otPmtModeRadioDiv {
	display: flex;
}
*/
.otButtonRow {
    flex-direction: column;
    align-items: center;
}
.otProcedureWrapperDivClass {
    width: 100%;
}
    /* !GG 20220621 - Generify Btn Centering for Single Buttons (eg Authorize Btn!)
.otBtnAuth {
    display: flex;
    justify-content: center;
    width: 100%;
}
    */
.otBtnCenter {
    display: flex;
    justify-content: center;
    width: 100%;
}
.otSvcTermsMsgOuterDiv {
    width: 100%;
    text-align: center;
}
.otValueFlexCenter {
    display: flex;
    justify-content: center;
    width: 100%;
}
.nt-menu-div {
    height: auto;
}
.otLargeButton {
    min-width: 13em;
}
.otLogOutPageMainHeading {
    display: flex;
    justify-content: center;
}
.otBrowseOptionsHeader {
    display: none;
}
.otBrowseOptionsColumn {
    display: none;
}
.otBrowseOptionsImage {
	  height: 16px;
}
.otBrwOptButton {
    min-width: 9em;
	  justify-content: center;
}
.otCloudConsolePageHeaderContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border: 1px solid #aaaaaa;
    padding: 5px;
}
.otCloudConsolePageHeaderLeftImage {
    display: flex;
}
.otCloudConsolePageHeaderCenterTitle {
    display: flex;
    order: 1;
    flex-direction: column;
    align-items: center;
    min-width: 200px;
    flex: 1;
    padding-right: 100px;
}
.otCloudConsolePageHeaderCenterSubTitle {
    font-size: 0.67em;
}
.otCloudConsolePageHeaderCenterTitleName {
    display: flex;
    font-weight: bold;
}
.otCloudConsolePageHeaderRightImage {
    display: flex;
    justify-items: right;
}
/* GG 20211207 - Text Box OuterDiv Width=100% */
.otTextOD100 {
    width: 100%;
    text-align: center;
}
/* GG 20210304 - Text Box/ScrollDiv Styles */
.otTextBox6 {
    height: 99px;
    border: 1px gray solid;
    border-radius: 3px;
}
.otTextBox8 {
    height: 131px;
    border: 1px gray solid;
    border-radius: 3px;
}
.otTextBox28 {
    height: 451px;
    border: 1px gray solid;
    border-radius: 3px;
}
.otScrollDiv6 {
    width: 100%;
    height: 96px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 5px;
    text-align: left;
    baXckground-color: #FFFFFF;
}
.otScrollDiv8 {
    width: 100%;
    height: 128px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 5px;
    text-align: left;
}
.otScrollDiv28 {
    width: 100%;
    height: 448px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 5px;
    text-align: left;
}
.otTable {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0px;
}
.otTableHeader {
    color: #FFF;
    background-color: #000;
    background: #000;
    text-align: center;
}
.otTableLabel {
    background-color: #555;
    color: #FFF;
    border-top: none;
}
.otTableField {
}
.otUppercase {
    text-transform: uppercase;
}
.otBorder2 {
    border-spacing: 2px;
}
.otPadding5 {
    padding: 5px;
}
.otPadding10 {
    padding: 10px;
}
.otPadding20 {
    padding: 20px;
}
.otMarginBottom20 {
    margin-bottom: 20px;
}
.otMarginTop0 {
    margin-top: 0px;
}
.otMarginTop5 {
    margin-top: 5px;
}
.otMarginTop10 {
    margin-top: 10px;
}
.otMarginTop20 {
    margin-top: 20px;
}
.otMarginTop30 {
    margin-top: 30px;
}
.otMarginRight10 {
    margin-right: 10px;
}
.otMarginRight20 {
    margin-right: 20px;
}
.otMarginRight30 {
    margin-right: 30px;
}
.otMarginLeft10 {
    margin-left: 10px;
}
.otMarginLeft20 {
    margin-left: 20px;
}
.otMarginLeft30 {
    margin-left: 30px;
}
.oXtShadowbox3 {
    border: 1px solid silver;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
}
.otShadowbox2 {
    border: 1px solid #d1d1d1;
    -webkit-box-shadow: 0 2px 3px rgb(50 50 50 / 35%);
    -moz-box-shadow: 0 2px 3px rgba(50,50,50,0.35);
    box-shadow: 0 2px 3px rgb(50 50 50 / 35%);
}
.otTextRight {
    text-align: right;
}
.otRow {
    margin-right: -15px;
    margin-left: -15px;
}
.otRowShaded {
    background-color: rgba(127, 127, 127, 0.1);
}
.otFont12 {
    font-size: 12px;
    line-height: 14px;
}
.otFont16 {
    font-size: 16px;
    line-height: 18px;
}
.otFont20 {
    font-size: 20px;
    line-height: 22px;
}
.otBorderMediumgray {
    border: 1px solid #bebebe;
}
.otCol, .otCol-sm-2, .otCol-sm-3, .otCol-sm-4, .otCol-sm-5, .otCol-sm-6, .otCol-sm-8, .otCol-sm-8x, .otCol-sm-9, .otCol-sm-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.otColPush {
}
.otColPull {
}
.otPullRight {
    float: right !important;
}
.otWordbreak {
    word-break: break-all;
}
.otHidden-xs {
    display: none !important;
}
.otCol-sm-1 {
    width: 8.33333333%;
    float: left;
}
.otCol-sm-2 {
    width: 16.66666667%;
    float: left;
}
.otCol-sm-3 {
    width: 25%;
    float: left;
}
.otCol-sm-4 {
    width: 33.33333333%;
    float: left;
}
.otCol-sm-5 {
    width: 41.66666667%;
    float: left;
}
.otCol-sm-6 {
    width: 50%;
    float: left;
}
.otCol-sm-7 {
    width: 58.33333333%;
    float: left;
}
/* sm-8 on large screens only - Invoice two column render */
.otCol-sm-8 {
    width: 66.66666667%;
    float: left;
}
.otCol-sm-9 {
    width: 75%;
    float: left;
}
.otCol-sm-12 {
    width: 100%;
    float: left;
}
.otBgWhite {
    background-color: #FFF;
    background: #FFFFFF;
}
.otBgBlack {
    background-color: #000;
    background: #000000;
}
.otBgDarkgray {
    background-color: #555;
    background: #4e4e4e;
}
.otColorWhite {
    color: #FFF;
}
.otColorBlack {
    color: #000;
}
.otTextCenter {
    text-align: center;
}
.otPayorSigName {
    text-align: center;
    text-decoration: underline;
    font-style: italic;
    color: red;
}

.otUrlOnSave {
    padding-top: 1em;
    padding-bottom: 0.8em;
    display: flex;
    justify-content: center;
    font-size: 1.1em;
}
#wprogwaitvar_row * {
    /* special width override by div id for LoginSync page */
    width: auto;
    max-width: unset;
}
/* GG 20210816 - Compatibility classes - Remove AFTER 12/1/21 */
.otBKVtlRVW-card-vis-long {
    width: 60px;
}
.otBKVtlRvw-card-vis-long {
    width: 60px;
}
/* GG 20210816 - Compatibility classes - Remove AFTER 12/1/21 */
.otBKVtlRVW-card-vis-short {
    display: none;
}
.otBKVtlRvw-card-vis-short {
    display: none;
}
.otImageBorder {
    /* mw 20201204 - Adds Border around "Signature Image" control */
    /* GG 20201207 - Adds Rounded Corners to Image Border */
    border: solid 1px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}
        /* GG 20220716 - WebCam Landscape! */
        .otWebCamSize {
            width: 180px;
            height: 135px;
    border: solid 1px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
        }
        /* GG 20220716 - WebCap (Captured Imaged) LandScape! */
        .otWebCapSize {
            width:  250px;
            height: 200px;
    border: solid 1px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
        }
        /* GG 20220716 - WebCap:Icon (Captured Image-Icon-Sized) LandScape! */
        .otWebCapSize-Icon {
            width:  60px;
            height: 45px;
    border: solid 1px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
        }
/* ******************************* */
/* Screen Size Greater than 705px  */
/* ******************************* */
@media screen and (min-width: 705px)
{
        #wspl_frm {
            width: 705px;
        }
        #wsplauth_frm {
            width: 705px;
        }
        #wstdauth_frm {
            width: 705px;
        }
        #paylexauth_frm {
            width: 705px;
        }
        #wobp_auth_frm {
            width: 705px;
        }
        #warnpage_frm {
            width: 705px;
        }
        #wsal_frm {
            width: 705px;
        }
        #wsalfinal_frm {
            /* mw 20201118 */
            width: 705px;
        }
        #wrfs_frm {
            /* GG 20201125 */
            width: 705px;
        }
        #wrfp_frm {
            /* GG 20211213 */
            width: 705px;
        }
        #wrfv_frm {
            /* GG 20220710 */
            width: 705px;
        }
        #loginform_frm {
            width: 705px;
        }
        #loginsync_frm {
            width: 400px;
        }
/* *wobp_invoicesfilter or invoices_filter 705 END-5b *************************** */
        #wobp_invoicesfilter_frm {
            width: 705px;
        }
        #wobp_invoices_filter_frm {
            width: 705px;
        }
/* *wobp_invoicesfilter or invoices_filter 705 END-5b *************************** */
	#waps_frm {
            width: 705px;
        }
/* *wapsinv - GG 20210205 ************ */
	#wapsinv_frm {
            width: 705px;
        }
        #wbkrfnavsdata_frm {
            width: 705px;
        }
/* *twofactorauthpage - GG 20220709 ************ */
        #twofactorauthpage_frm {
            width: 700px;
        }
        .otWadmBrowse {      /* mw 20200916 browser width >= 705px*/
            width:700px;
        }
        .otWadmForm {        /* mw 20200917 browser width >= 705px*/
            width:700px;
        }
        .otWstdForm {
            width: 705px;
            display: flex;
        }
        .otWstdAuthForm {
            width: 705px;
            display: flex;
        }
        .otWarnPageForm {
            width: 705px;
            display: flex;
        }
        .otLoginSyncForm {
            width: 705px;
            display: flex;
            justify-content: center;
        }
        .otWarnPageFormTableRow {
            width: 705px;
            display: flex;
            justify-content: center;
        }
        .otLoginSyncProgRow {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .otLoginSyncProgRowPrompt {
            width: 100%;
        }
        .otLoginSyncProgRowComment {
            justify-content: center;
        }
        .otLoginSyncButtonValue {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .otWobpInvoicesFilter {
            width:705px;
        }
        .otWsplPageHeaderContainer {
            width: 705px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            border: 1px solid #aaaaaa;
            padding: 7px;
        }
        .otWsplPageHeaderLeftImage {
            display: flex;
        }
        .otWsplPageHeaderCenterTitle {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-weight: bold;
        }
        .otWsplPageHeaderRightImage {
            display: flex;
        }
        .otWrfpPageHeaderContainer {
            width: 705px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            border: 1px solid #aaaaaa;
            padding: 7px;
        }
        .otWrfpPageHeaderLeftImage {
            display: flex;
        }
        .otWrfpPageHeaderCenterTitle {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-weight: bold;
        }
        .otWrfpPageHeaderRightImage {
            display: flex;
        }
        .otCloudConsolePageHeaderContainer {
            width: 705px;
        }
        .otCloudConsolePageHeaderCenterTitle {
		    width: 600px;
        }
        .otWstdOutertab {
            display: flex;
            /*height: 500px;*/
            /*height: auto;*/
            /*margin: auto;*/
        }
        .otFormLogIn {
            width: 705px;
        }
        .otLoginOuterDiv {
            width: 705px;
            display: flex;
            justify-content: center;
        }
/*            20211207-ALWAYS CENTER PageHeader Image!  */
        .otWapsPageHeaderCenterImage {
            display: flex;
            justify-content: center;  
        }
/*            20211207-ALWAYS CENTER PageHeader SubTitle!  */
        .otWapsPageHeaderCenterSubTitle {
            display: flex;
            justify-content: center;  
        }
/*            20211207-ALWAYS CENTER PageHeader SubSubTitle!  */
        .otWapsPageHeaderCenterSubSubTitle {
            display: flex;
            justify-content: center;  
        }
        .otFormTableRow {
            display: flex;
            flex-wrap: nowrap;
            margin-bottom: 5px;
        }
/*            20211210-"Hide" hidden rows by reducing Margin-bottom to 1px!  */
        .otFormTableRowHide {
            margin-bottom: 0px;
        }
        .nt-form-grid-cell-prompt {
            display: flex;
            width: 25%;
        }
        .nt-form-grid-cell-value {
            display: flex;
            width: 30%;
        }
        .nt-form-grid-cell-comment {
            display: flex;
            width: 45%;
        }
        .otPaylexLinkMsgValueDiv {
            padding-left: 30%;
        }
        .ot-BrwFakeTotVis-MedPri {
            /* hide medium priority column "fake" total in narrow view mw 20200917 */
            border: none !important; /* take away the cell border lines */
        }
        /* otCol-sm-8 - Invoice renders two columns on Large screens only */
        .otCol-sm-8x {
            width: 66.66666667%;
            float: left;
        }
        .otCol-sm-4x {
            width: 33.33333333%;
            float: left;
        }
/* ******************************* */
/*     End Screen Size > 705px     */
/* ******************************* */
}
/* ******************************* */
/*      Screen Size 450-705px      */
/* ******************************* */
@media only screen and (min-width: 450px) and (max-width: 704px) 
{
        #wspl_frm {
            width: 100%;
        }
        #wsplauth_frm {
            width: 100%;
        }
        #wstdauth_frm {
            width: 100%;
        }
        #loginform_frm {
            width: 100%;
        }
        #waps_frm {
            width: 100%;
        }
        #wapsinv_frm {
            width: 100%;
        }
        #wsal_frm {
            width: 100%;
        }
        #wsalfinal_frm {
            /* mw 20201118 */
            width: 100%;
        }
        #wrfs_frm {
            /* GG 20201125 */
            width: 100%;
        }
        #wrfp_frm {
            /* GG 20211213 */
            width: 100%;
        }
        #wrfv_frm {
            /* GG 20220710 */
            width: 705px;
        }
        #wbkrfnavsdata_frm {
            width: 100%;
        }
        .otWsplForm {
            width: 100%;
            background-color: white;
            display: flex;
        }
        .otWrfpForm {
            width: 100%;
            background-color: white;
            display: flex;
        }
        .otWrfvForm {
            /* GG 20220710 */
            width: 100%;
            background-color: white;
            display: flex;
        }
        #upperpadding_row * {
            flex-basis: unset;
        }
        #wprogwaitvar_row * {
            flex-basis: unset;
        }
        #refreshinvoices_row * {
            flex-basis: unset;
        }
        #lowerpadding_row * {
            flex-basis: unset;
        }
        .otLoginSyncProgRow {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .otLoginSyncProgRowComment {
            justify-content: center;
        }
        .otLoginSyncButtonValue {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        #logoutbutton_row *{
            flex-basis:unset;
        }
        .otWsplPageHeaderContainer {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            border: 1px solid #aaaaaa;
            padding: 7px;
        }
        .otWsplPageHeaderLeftImage {
            display: flex;
            flex: 1;
        }
        .otWsplPageHeaderCenterTitle {
            display: flex;
            flex: 6;
            flex-direction: column;
            align-items: center;
            font-weight: bold;
        }
        .otWsplPageHeaderRightImage {
            display: flex;
            flex: 1;
        }
        .otWrfpPageHeaderContainer {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            border: 1px solid #aaaaaa;
            padding: 7px;
        }
        .otWrfpPageHeaderLeftImage {
            display: flex;
            flex: 1;
        }
        .otWrfpPageHeaderCenterTitle {
            display: flex;
            flex: 6;
            flex-direction: column;
            align-items: center;
            font-weight: bold;
        }
        .otWrfpPageHeaderRightImage {
            display: flex;
            flex: 1;
        }
        .otWstdOutertab {
            /*height: 875px;*/
            height: auto;
        }
        .otFormTableRow {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 3px;
        }
        .nt-form-grid-cell-prompt {
            display: flex;
            flex-grow: 0;
            flex-shrink: 1;
            flex-basis: 95px;
        }
        .nt-form-grid-cell-value {
            display: flex;
            flex: 5;
        }
        .nt-form-grid-cell-comment {
            display: flex;
            flex: 4;
        }
        .otPaylexLinkMsgValueDiv {
            padding-left: 22%;
        }
        .otWobp {
            width: 100%;
        }
/* allow the options button on medium width display - mw 20200911 */
        .otBrowseOptionsHeader {
            display: flex;
        }
        .otBrowseOptionsColumn {
            display: table-cell;
        }
        .otBrowseActionButtonVisHead{
            display:none;
        }
        .otBrowseActionButtonVisCol{
            display:none;
        }
        .ot-BrwFldVis-LoPri {
            /* hide low priority fields in medium width view mw 20200917 */
            display:none;
        }
        .ot-BrwBtnVis-LoPri {
            /* hide low priority buttons in medium width view mw 20200917 */
            display:none;
        }
        .ot-BrwFakeTotVis-LoPri {
            /* hide low priority column "fake" total in medium width view mw 20200917 */
            display:none;
        }
        .ot-BrwFakeTotVis-MedPri {
            /* hide medium priority column "fake" total in narrow view mw 20200917 */
            border: none !important; /* take away the cell border lines */
        }
/* ******************************* */
/*      End Screen 450-705px       */
/* ******************************* */
}
/* ******************************* */
/*      Screen Size 450-630px      */
/* ******************************* */
@media only screen and (min-width: 450px) and (max-width: 630px) 
{
        .otccsPFormLogin {
            width: 100%;
        }
        .otccsPLogInForm {
            width: 100%;
        }
        .otEmailComment {
            margin-left: 95px;
        }
        .otWobpInvoicesFilter {
            width: 100%;
        }
        .otBrowsePInvoices {
            width: 100%;
        }
        .otWobpInvoices {
            width: 100%;
        }
        .otUnsetWidth {
            width: unset;
        }
        .otLeft {
            text-align: left;
        }
        .otRight {
            text-align: right;
            width: 100%;
        }
        .otWadmBrowse {      /* mw 20200916 browser width 450-630px */
            width: 100%;
        }
/* GG 20210816 - Compatibility classes - Remove AFTER 12/1/21 */
        .otBKVtlRVW-FieldVis {
            display:none;
        }
        .otBKVtlRvw-FieldVis {
            display:none;
        }
/* ******************************* */
/*      End Screen 450-630px       */
/* ******************************* */
}
/* ******************************* */
/*       Screen Size < 450px       */
/* ******************************* */
@media only screen and (max-width: 449px) 
{
        #wspl_frm {
        }
        #loginform_frm {
        }
        #wsplauth_frm {
        }
        #wstdauth_frm {
        }
        #wsal_frm {
        }
        #wsalfinal_frm {      
            /* mw 20201118 */
        }
        #wrfs_frm {
            /* GG 20201125 */
        }
        #wrfp_frm {
            /* GG 20211213 */
        }
        #wrfv_frm {
            /* GG 20220710 */
        }
        #paylexauth_frm {
        }
        #wobp_auth_frm {
        }
        #warnpage_frm {
        }
        #waps_frm {
            width: 100%;
        }
        #wapsinv_frm {
            width: 100%;
        }
/* *wobp_invoicesfilter or invoices_filter <450 - START-11a *************************** */
        #wobp_invoicesfilter_frm {
        }
        #wobp_invoices_filter_frm {
        }
/* *wobp_invoicesfilter or invoices_filter <450 - START-11a *************************** */
        #wobp_frm {
        }
        #bkvfnrvw_frm {
        }
        #twofactorauthpage_frm {
        }
        .nt-form-table {
            margin-left: 4px;
        }
        .otFormLogIn {
            width: 100%;
        }
        .otLoginFormRememberMeEntryDiv {
            display: flex;
            justify-content: center;
        }
        .otccsPFormLogin {
            width: 100%;
        }
        .otccsPLogInForm {
            width: 100%;
        }
        .otccsPFormLogOut {
            width: 100%;
        }
        .otWsplForm {
            width: 100%;
            background-color: white;
            display: flex;
        }
        .otWsplPageHeaderContainer {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            border: 1px solid #aaaaaa;
            padding: 5px;
        }
        .otWsplPageHeaderLeftImage {
            display: flex;
        }
        .otWsplPageHeaderCenterTitle {
            display: flex;
            order: 1;
            flex-direction: column;
            align-items: center;
            width: 300px;
        }
        .otWsplPageHeaderCenterSubTitle {
            font-size: 0.67em;
            padding-top: 15px;
        }
        .otWsplPageHeaderCenterTitleName {
            display: flex;
            font-weight: bold;
        }
        .otWsplPageHeaderRightImage {
            display: flex;
            justify-items: right;
        }
        .otWrfpForm {
            width: 100%;
            background-color: white;
            display: flex;
        }
        .otWrfvForm {
            /* GG 20220710 */
            width: 100%;
            background-color: white;
            display: flex;
        }
        .otWrfpPageHeaderContainer {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            border: 1px solid #aaaaaa;
            padding: 5px;
        }
        .otWrfpPageHeaderLeftImage {
            display: flex;
        }
        .otWrfpPageHeaderCenterTitle {
            display: flex;
            order: 1;
            flex-direction: column;
            align-items: center;
            width: 300px;
        }
        .otWrfpPageHeaderCenterSubTitle {
            font-size: 0.67em;
            padding-top: 15px;
        }
        .otWrfpPageHeaderCenterTitleName {
            display: flex;
            font-weight: bold;
        }
        .otWrfpPageHeaderRightImage {
            display: flex;
            justify-items: right;
        }
        .otWapsPageHeaderContainer {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            border: 1px solid #aaaaaa;
            padding: 5px;
        }
        .otWapsPageHeaderCenterTitle {
            display: flex;
            order: 1;
            flex-direction: column;
            align-items: center;
            width: 300px;
        }
        .otWapsPageHeaderCenterSubTitle {
            font-size: 0.8em;
            padding-top: 1px;
        }
        .otWapsPageHeaderCenterSubSubTitle {
            font-size: 0.6em;
            padding-top: 1px;
        }
        .otWapsPageHeaderCenterImage {
/*            20211207-HANDLED GLOBALLY - Above! */
/*            display: flex;  */
/*            align-items: center;  */
            align-items: center;
        }
        .otCloudConsolePageHeaderCenterTitle {
		    padding-right: 50px;
        }
/*        .otCloudConsolePageHeaderContainer {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            border: 1px solid #aaaaaa;
            padding: 5px;
        }
        .otCloudConsolePageHeaderLeftImage {
            display: flex;
        }
        .otCloudConsolePageHeaderCenterTitle {
            display: flex;
            order: 1;
            flex-direction: column;
            align-items: center;
            min-width: 200px;
        }
        .otCloudConsolePageHeaderCenterSubTitle {
            font-size: 0.67em;
        }
        .otCloudConsolePageHeaderCenterTitleName {
            display: flex;
            font-weight: bold;
        }
        .otCloudConsolePageHeaderRightImage {
            display: flex;
            justify-items: right;
        }
*/
        .otLoginTabHeading {
            display: flex;
            justify-items: center;
        }
        .otSvcTermsLoginPrompt {
            display: none;
        }
        .otSvcTermsLogin {
            margin-left: 30px;
            margin-right: 30px;
        }
        .nt-radio-div-hor {
            justify-content: center;
        }
        #wspl_wpaymentmethodoption_value_div {
            display: flex;
            justify-content: center;
        }
        #wspl_wpaymentmodeoption_value_div {
            display: flex;
            justify-content: center;
        }
        .otWstdOutertab {
            /*height: 950px;*/
            height: auto;
        }
        .nt-form-div {
            width: 100%;
            text-align: center;
            /* This screws up LoginForm - 
            text-align: left;
            */
        }
/* *GG 20210311 Remove nt-form-header for Small - style classes - */
/*
        .nt-form-header {
            display: flex;
            justify-content: center;
        }
*/
        .ui-header-fixed {
            width: 325px;
        }
        .ui-footer-fixed {
            width: 325px;
        }
        .otUnsetWidth {
            width: unset;
        }
        .otLeft {
            text-align: Left;
        }
        .otRight {
            text-align: right;
            width: 100%;
        }
        .otFormTableRow {
            /* GG 20200929 */
            margin-bottom: 1px;
        }
        .otPairLt-EntDivL {
            /* GG 20201019 - Formerly MODrop EDivDef- for 'DEFAULT-Style' Forms - BKVfnCHRG - b/c of 'nt-form-div' for <450 above */
            margin-right: 2px;
            width: unset;   
 /*            margin-right: 2px;
            width: unset;   
            min-width: 4em;
            display: inline-flex;
            width: unset;  */
        }
        .otPairLt-EntDivR {
            /* GG 20201019 - Formerly MODrop EntDiv- for 'DIV-Style' Forms (Wspl,Wasp,Wobp) b/c of 'nt-form-div' for <450 above */
            margin-right: 0px;
            width: 50%;
            text-align: right;
        }
        .otPairLt-Entry {
            /* GG 20201019 - MODrop Entry - for DIV and DEFAULT-Style - Trim Month Drop in Entry - b/c of 'nt-form-div' for <450 above */
            margin-right: 0px;
            width: unset;  
/*            margin-right: 0px;
            width: unset;  
            min-width: 4em;
            display: inline-flex;
            width: unset; */
        }
        .otPairRt-EntDiv {
            /* GG 20201019 - YRDrop EntDiv - Wspl,CHRG b/c of 'nt-form-div' for <450 above */
            margin-right: 0px;
            width: unset;
        }
        .otPairRt-Entry {
            /* GG 20201019 - YRDrop Entry - Wspl,CHRG, b/c of 'nt-form-div' for <450 above */
            margin-right: 0px;
            width: unset;
        }
        .otWobpInvoicesFilter {
            width: 100%;
        }
        .otWobpInvoices {
            width: 100%;
        }
        .otWadmBrowse {      /* mw 20200916 browser width < 450 px*/
            width: 100%;
        }
        /* ccsW ATMtuPAYLEX_invoice list visibility control classes */
        .otCcsWAtmDateHeadVisibility {
            display: none;
        }
        .otCcsWAtmDateCellVisibility {
            display: none;
        }
        .otCcsWAmtDateFooterVisibility {
            display: none;
            border: none;
        }
        .otCcsWAtmAmtHeadVisibility {
            display: none;
        }
        .otCcsWAtmAmtCellVisibility {
            display: none;
        }
        .otCcsWAtmAmtFooterVisibility {
            display: none;
            border: none;
        }
        .otCcsWAtmPartPayHeadVisibility {
            width: 60px;
        }
        .otCcsWAtmPartPayCellVisibility {
            width: 60px;
        }
/* *RFMSccsP.BKRtlRVW style classes - mw 20200911 */
/* GG 20210816 - Compatibility classes - Remove AFTER 10/1/21 */
        .otBKVtlRVW-card-vis-long {
            display: none;
        }
        .otBKVtlRvw-card-vis-long {
            display: none;
        }
/* GG 20210816 - Compatibility classes - Remove AFTER 10/1/21 */
        .otBKVtlRVW-card-vis-short {
            display:flex;
        }
        .otBKVtlRvw-card-vis-short {
            display:flex;
        }
        .otWobp {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .otEntDivFlexCenter {
            display: flex;
            justify-content: center;
        }
/* GG 20210816 - Compatibility classes - Remove AFTER 10/1/21 */
        .otCaptchaConfirmed {
            display: flex;
            justify-content: center;
        }
        .otWstdChkBox {
            /* center align check box - mw 20200917 */
            display: flex;
            justify-content: center;
        }
        .ot-nt-comment {
            display:none;
        }
        .otBrowseOptionsHeader {
            display: flex;
        }
        .otBrowseOptionsColumn {
            display: table-cell;
        }
        .otBrowseActionButtonVisHead {
            display:none;
        }
        .otBrowseActionButtonVisCol {
            display:none;
        }
        .otECMfnORDForm {
            width:100%;
        }
        .otNavButtonText {
            display:none;
        }
/* GG 20210816 - Compatibility classes - Remove AFTER 10/1/21 */
        .otBKVtlRVW-FieldVis {
            display:none;
        }
        .otBKVtlRvw-FieldVis {
            display:none;
        }
        .ot-BrwFldVis-MedPri {
            /* hide medium priority fields in narrow view mw 20200917 */
            display:none;
        }
        .ot-BrwBtnVis-MedPri {
            /* hide medium priority buttons in narrow view mw 20200917 */
            display:none;
        }
        .ot-BrwFakeTotVis-MedPri {
            /* hide medium priority column "fake" total in narrow view mw 20200917 */
            display:none;
        }
        .ot-BrwFldVis-LoPri {
            /* hide low priority fields in narrow view mw 20200917 */
            display:none;
        }
        .ot-BrwBtnVis-LoPri {
            /* hide low priority buttons in narrow view mw 20200917 */
            display:none;
        }
        .ot-BrwFakeTotVis-LoPri {
            /* hide low priority column "fake" total in narrow view mw 20200917 */
            display:none;
        }
        .otBrwTableDiv {
            /* mw 20200918 - force left justified div in very narrow view until all browse are narrow enough */
            /* GG 20220306 REVERT - 20211219 - NOW Force CENTER justified div in very narrow view until all browse are narrow enough */
            display: flex;
            /* justify-content: left; */
            /* justify-content: center; */
            justify-content: left;
        }
        .ot-nt-lookup-ent-div-class {
            /* mw 20211221 - set content centering - for lookup controls - assign in control's CSS Entry Div Class*/
            justify-content: center;
        }
        .ot-nt-lookup-ent-class {
            /* mw 20211221 - disengage flex - for lookup controls - assign in control's CSS Entry Class*/
            flex: unset!important;
        }
        .ot-nt-FileUp-btn {
            /* GG 20220708 - Set Button Width to 100% for FileUpload Control - Assign in FileUpload-Add Tab-Class as GE:Css:ntFileUpBtn */
            width:100%;
        }
        /* GG 20220716 - WebCam Portrait! */
        .otWebCamSize {
            width:  135px;
            height: 180px;
    border: solid 1px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
        }
        /* GG 20220716 - WebCap (Captured Imaged) Portrait! */
        .otWebCapSize {
            width:  200px;
            height: 250px;
    border: solid 1px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
        }
        /* GG 20220716 - WebCap:Icon (Captured Image-Icon-Sized) Portrait! */
        .otWebCapSize-Icon {
            width:  60px;
            height: 64px;
    border: solid 1px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
        }
/* ******************************* */
/*     End Screen Size < 450px     */
/* ******************************* */
}
/* ******************************* */