/* Application Spinner */
    .appSpinnerContainer                    {width:100%; height:100%; background-color:#fff; z-index:9999;}
    .appSpinner                             {position: relative; width: 40px; height: 40px; text-align: center; margin:20px auto;}
    .appDot1, .appDot2                      {width: 60%; height: 60%; display: inline-block; position: absolute; margin-left:-20px; top: 0; background-color: #d63d4b; border-radius: 100%; animation: sk-bounce 2.0s infinite ease-in-out; }
    .appDot2                                {top: auto; bottom: 0; animation-delay: -1.0s; }
    .appSpinnerText                         {text-align: center; margin-bottom:20px; font-size:12pt;}
            

/* equal height columns */
    .row-eq-height              {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}

/* Boxed Containers */
    .bg-gray                                {background-color:#f0f0f0;}
    .WhiteBox                               {min-height:450px; background-color:#fff; border-bottom: solid 6px #f1f1f1; border-radius:2px;}
    .GrayBox                                {min-height:450px; background-color:#f0f0f0; border-bottom: solid 6px #dadada; border-radius:2px;}
    @media only screen and (max-width:980px) {
        .WhiteBox                               {min-height:auto;}
        .GrayBox                                {min-height:auto;}
    }

/* H1 Breadcrumb */
    .CntBreadcrumb                          {color:#999;}
    .CntBreadcrumb svg                      {padding:1px; margin:0 10px;}
    .CntBreadcrumbItem                      {color:#999 !important; font-size:0.75rem; font-family: 'GalaxieCopernicus', sans-serif;}
    .CntBreadcrumbItem:hover                {color:#f5be4c !important;}
    .CntBreadcrumb > small > span > span > span:last-child .CntBreadcrumbItem {color:#d63d4b !important;}

/* === CLV Base Styles === */
    /* Multi Step Form Header */
    .CLVAppMenu                             {padding: 0 1rem;}
    .CLVAppMenu .menuiItem                  {padding: 1.5rem 0; margin:0 0.5rem; display:block;}
    .CLVAppMenu .menuiItem.active           {box-shadow: 0 -4px 0 0 #f5be4c inset;}
    .CLVAppMenu .menuiItem span             {font-size:0.8rem; font-weight:600; color:#000; font-family: "ITC Avant", Helvetica, Arial, sans-serif;}
    .CLVAppMenu .menuiItem .fa-check        {width:12px; font-size:1rem;}
    .CLVAppMenu .menuiItem .fa-exclamation  {padding:2px; width:12px; font-size:1rem;}

    @media only screen and (max-width:992px) {
        .CLVAppMenu                         {padding:0.5rem;}
        .CLVAppMenu .menuiItem span         {font-size:0.9rem;}
        .CLVAppMenu .menuiItem              {padding:0.5rem; margin:0;}
        .CLVAppMenu .menuiItem.active       {box-shadow:none;}
    }

    /* Inner Html */
    .CLVBaseInner                           {padding:30px;}
    .footerOptions                          {border-top:solid 6px #f1f1f1; padding-top:31px; margin-top:40px;}

    @media only screen and (max-width:992px) {
        .CLVBaseInner                           {padding:40px;}
    }
    @media only screen and (max-width:768px) {
        .CLVBaseInner                           {padding:30px 15px;}
    }

/* Business License Styles */
    .div-tax-id                             {margin-top:-35px; margin-bottom:30px; padding:35px; background-color:#f0f0f0;}
    @media only screen and (max-width: 992px) {
        .div-tax-id                             {margin-top:0;}
    }

/* === OKTA WIDGET === */
    /* CLV Modals */
    #okta-sign-in                                                           {min-width: 200px; margin:0 !important; width:100% !important;}
    .okta-modal-container                                                   {background-color: #fff; padding: 30px; width: 100%;}
    .okta-modal-container h2                                                {color: #000 !important; margin: 25px 0 !important; font-size: 20px !important; letter-spacing: 0;}
    #okta-sign-in .auth-content                                             {padding: 0 !important;}
    .okta-modal-container .modal-open                                       {overflow-y: scroll; }
    #okta-sign-in.auth-container.main-container                             {background-color: transparent; border: none; margin-top: 0;}
    #okta-sign-in.auth-container .okta-sign-in-header                       {display: none;}
    #okta-sign-in.auth-container .auth-footer                               {display: none;}
    #okta-sign-in .o-form .input-fix, #okta-sign-in .o-form .textarea-fix   {border: 1px solid #e7e7e7;}
    #okta-signin-submit                                                     {background-color: #d63d4b; color: #fff; border: none !important; border-radius: 0 !important; font-size: 14px !important;}
    #okta-signin-submit:hover                                               {background-color: #d63d4b;}
    .OktaModalFooter                                                        {padding-top: 15px; border-top: solid 1px #e7e7e7; text-align: center;}
    #okta-sign-in .o-form-button-bar                                        {padding-bottom:5px !important;}
    /* Bootstrap Fix */
        #CLVLoginModal .modal-dialog                            {pointer-events: all !important;}
        #CLVRegisterModal .modal-dialog                         {pointer-events: all !important;}
        #CLVThankYouForRegistering .modal-dialog                {pointer-events: all !important;}
        #CLVforgotPassword .modal-dialog                        {pointer-events: all !important;}
        #CLVThankYouForRegistering .okta-form-title             {display: none;}
    /* Help signing in */
    #okta-sign-in.auth-container .auth-footer           {display: none !important;}
    /* Login Register */
        .LoginRegisterCloseButton                   {position:absolute; top:-8px; right:7px;}
        .LoginRegisterCloseButton > span            {font-size:200%;}
    /* Forgot Password */
    .oktaForgotPassword                             {cursor:pointer; margin: 0 auto 10px auto; text-align: center; font-size:14px; color:#999; font-family: "ITC Avant", Helvetica, Arial, sans-serif;}
    .oktaForgotPassword:hover                       {color:#000;}