﻿*::-ms-backdrop, .allSelectBoxes {
        padding: 0;
    }

    .footerLogin {
        color: #ffffff;
        text-align: left;
        display: flex;
        align-items: center;
        padding-top: 20px;
        padding-left: 4%;
        padding-bottom: 2%;
        background-color: #1c5fab;
    }

    #footerRowLogin {
        bottom: 0 !important;
    }

    ::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* make scrollbar transparent */
    }


    #footerTxtLogin {
        margin-top: 5px;
        font-size: 10pt;
        font-family: 'AvenirLTStd-Book',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #captcha {
        padding-top: 30px;
    }

    .password_warining {
        line-height: 1;
        margin-top: 10px;
    }

    .errorMessage {
        color: red;
        display: block;
    }

    .successMessage {
        color: black;
        display: block;
    }

    #privacyHolder {
        border-radius: 5px;
    }

    #specialCharacters {
        color: #1c5fab;
    }

    #selfServiceLogoVerify {
        width: 400px;
        height: auto;
    }

    #addProvidersParagraph {
        line-height: 1;
    }

    .iOsExtend {
        overflow-y: scroll;
    }

    .txtLbl {
        padding-top: 15px;
    }

    #logoDiv {
        padding-top: 15px;
    }

    .headers {
        color: #1c5fab;
        font-family: 'AvenirLTStd-Book',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding-bottom: 30px;
    }

    .btnInputSelectors {
        margin-bottom: 4%;
    }

    .modal-header {
    }

    .modal-body {
    }

    .modal-title {
        font-family: 'AvenirLTStd-Book',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        align-self: center;
    }

    #accountForm {
        overflow-y: auto;
        top: 152px;
        left: 0;
        right: 0;
        bottom: 40px;
        background-color: white;
        color: #565656;
        font-family: 'AvenirLTStd-Book',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 10px;
    }

    #verifyHeader {
        position: absolute;
        top: 115px;
        left: 0px;
        right: 0px;
        padding-top: 4px;
        padding-bottom: 5px;
        padding-left: 20px;
        background-color: #1c5fab;
        color: white;
        text-align: left;
        font-size: 20px;
    }

    #selfServiceLogo {
            padding-right: 50px;
            position: absolute;
            left: 36%;
            width: 400px;
            height: auto;
            padding-top: 0;
            top: 4%;
        }

    #selfServiceLogo > img {
        min-width: 400px;
    }

    body {
        background: white !important;
    }

    #pageContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        font-family: 'AvenirLTStd-Book',"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-color: white;
        color: #565656;
    }

    #imageHeader {
        background-color: white;
        padding-top: 0 !important;
        margin: 0;
        /*padding-bottom: 10px;*/
    }

    #pageFooter {
        color: white;
        background-color: #1c5fab;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 40px;
        padding-left: 50px;
    }

        #pageFooter a {
            color: white;
            margin-top: 10px;
            margin-left: 5px;
            margin-right: 5px;
            padding-left: 5px;
        }

        #pageFooter p {
            margin-top: 10px;
            margin-left: 5px;
            margin-right: 5px;
        }

    #phoneExtension {
        margin-right: 10px;
    }

    #addressZip {
        margin-right: 5px;
    }

    #phoneType {
        margin-right: 5px;
    }

    #addPhoneBtn {
        background-color: #64b246;
        color: white;
    }

    #removePhoneBtn {
        background-color: red;
        color: white;
    }

    .btn {
        border-radius: 5px;
        height: 35px;
        margin-top: 10px;
        padding-left: 15px;
        font-size: 11pt;
    }

    #addProvidersBtn {
        background-color: #64b246;
        color: white;
        border-radius: 5px;
        opacity: .3;
    }

    #providersTable {
        width: 100%;
    }

    #providersTableDiv {
        max-height: 280px;
        overflow-y: scroll;
        padding: 10px;
        width: 100%;
    }

    #tableHeader {
        background-color: lightgray;
    }

    .tableRow {
        border: 1px solid black;
    }

    .emptyRow {
        border: 1px solid black;
        height: 24px;
    }

    .tableCol0 {
        border-right: 1px solid black;
        text-align: center;
    }

    .tableCol1 {
        border-right: 1px solid black;
        padding-left: 5px;
    }

    .tableCol2 {
        border-right: 1px solid black;
        padding-left: 5px;
    }

    .tableCol3 {
        padding-left: 5px;
        word-wrap: break-word;
    }

    #addressLineOne-error {
        width: 0%;
        margin-left: 5px;
    }

    #addressZip-error {
        margin-top: 44px;
        margin-left: -70px;
    }

    #password-error {
        width: 28%;
    }

    #userName-error {
        width: 30%;
    }

    #confirmEmail-error {
        width: 30%;
    }

    #phoneNumber-error {
        margin-left: -150px;
        margin-top: 50px;
    }

    .phoneNumError {
        margin-top: 48px;
        margin-left: -117px;
    }

    /*.wizard > .content > .body label.error {
        margin-left: 0.5em;
        margin-top: 15px;
    }*/

    .wizard > .content > .body label.error {
            margin-top: 1.25%;
            margin-left: 2%;
            width: 8%;
            font-size: 9pt;
        }

    .wizard > .content {
        background: #ffffff;
    }

    #providerRelationsCol {
        border-right: 1px solid black;
        padding: 5px;
    }

    #requiredInformationText {
        font-weight: bold;
    }

    #contactInfoTextContainer {
        margin: 10px;
    }

    /* Toggle this class when clicking on the popup container (hide and show the popup) */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

    /* Change the color of the first button in the first step */
    .wizard > .actions > ul > li:first-child a, .wizard > .actions .disabled a,
    .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
        background-color: #ff0000;
        color: white;
    }

    .wizard > .steps > ul > li:nth-child(1) {
        width: auto;
    }

    .wizard > .steps > ul > li:nth-child(2) {
        width: auto;
    }

    .wizard > .steps > ul > li:nth-child(3) {
        width: auto;
    }

    .wizard > .steps > ul > li:nth-child(4) {
        width: auto;
    }

    .wizard > .steps > ul > li:nth-child(5) {
        width: auto;
    }

    .wizard.steps {
        padding-top: 10px;
    }

    .wizard > .steps {
        padding-top: 45px;
    }

    /*This is used to remove arrows on date field in Birth Date field on first step*/
    input[type=date]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        display: none;
    }

    .alert {
        color: red;
    }

    .hide {
        visibility: hidden;
    }

    .dx-button-content .dx-icon-close {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAQAAACQqPihAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAE9oAABPaAWpBnwIAAAAHdElNRQfhDAwQBiIB9nUsAAABKElEQVRYw73YuRGDQAyF4T+AEBw7cIu4AmrABdATtUDkYYN1gM8x4D3kR7iM9PlgF0mwXCUtPQfsrgM9LeX7UkHDhKOjMkIqOhwTDcULOTPh8TguJlDFBYfHM3FeoJLmjlhBL2SBGkpoGZ9LFtAn4vGMtNAzfyzmQd+IZ6aHmu7rRiq0hjg66u2b8dDPPBZQUI5cKDg+B4qKTYWi41KgpA8XG5T8U8cEZj04ocHZ2yAkgcmm/pXE6uTYTWSG7EFHS2QLujJwtUS2IG+NhEBW9cMuZIY8oHkFmS0RgBPDCjNwskQk30by30ieNMm+kZwCkjNNckJL3jeSt6ekFpBUNpI6TVJ1SmpoSUcg6W8k3Zqk9xR10qK5gGjKIZrZiCZQCySYp8Hfp4M3S61x3TQHWhUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMTItMTJUMTY6MDY6MzQtMDU6MDClxswrAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTEyLTEyVDE2OjA2OjM0LTA1OjAw1Jt0lwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=');
        background-size: 25px;
        height: 25px;
        width: 25px;
        background-repeat: no-repeat;
        color: transparent;
    }

    .dx-icon-close:before {
        content: none;
    }

    .wrapwordAndLeftAlign {
        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
        white-space: -webkit-pre-wrap; /*Chrome & Safari */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: pre-wrap; /* css-3 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
        word-break: normal;
        white-space: normal;
        text-align: left;
    }

    .dollarsign {
        width: 15px;
        padding-right: 1%;
    }

    #billedAmount {
        padding-left: 0.5%;
        width: 60%;
    }

    .currencyInputDiv {
        width: 53%;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }

    input[type=number] {
        -moz-appearance: textfield; /* Firefox */
    }

.stepBody {
    overflow-x: hidden;
    overflow-y: hidden;
}

#credentialsSectionDiv {
    margin-left: 4%;
}

#logoDiv > img {
    width: 100%;
    max-width: 230px;
    height: auto;
}

.fixMobileOverflow {
    padding: 0 15px !important;
}

@media (max-width: 768px) {
    #logoDiv {
        width: 100% !important;
        text-align: center;
        margin: 0 !important;
    }

        #logoDiv > img {
            max-width: 195px;
            margin: 0 !important;
        }

    #selfServiceLogo {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }

        #selfServiceLogo > img {
            position: relative !important;
            left: 0 !important;
            top: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            max-width: 275px;
            min-width: unset;
        }

    #verifyHeader {
        width: 100% !important;
    }

    #footerRowLogin {
        padding: 0px;
        min-height: 35px !important;
    }
}