﻿#opt-in-modal .modal-body .tab-content {
    margin-top: 10px;
    height: auto;
    overflow-x: auto;
    overflow-y: auto;
}

#opt-in-modal #basic-information-tab form .form-group {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

#opt-in-modal .pager .btn,
#opt-in-modal .pager .btn:hover,
#opt-in-modal .pager .btn:focus,
#opt-in-modal .pager .btn:active {
    background-color: #05334c;
    color: #ffffff;
    padding: 6px 15px;
    border-radius: 4px;
}

#opt-in-nav a,
#opt-in-nav a:hover {
    background-color: #fff;
    color: #05334c;
}

#opt-in-nav li:active {
    background-color: #05334c;
    color: #fff;
}

#opt-in-nav a:focus, 
#opt-in-nav a:active {
    background-color: #05334c;
    color: #fff;
}

#opt-in-nav > li.active > a, 
#opt-in-nav > li.active > a:focus, 
#opt-in-nav > li.active > a:hover {
    background-color: #05334c;
    color: #fff;
}

#sign-in i,
#sign-up i,
#verifyPhoneForm i, 
#verifyPhoneModal i {
    display: inline-block !important;
}

#forgot-password,
#contact-us,
#subscription-disclaimer-modal a {
    color: #337ab7;
}

#subscription-disclaimer-modal .modal-dialog {
    width: 60%;
    padding: 8px;
}

.verification-required-text {
    animation: blinker 1s linear infinite;
    color: #ca5c09;
}

.verification-required-info {
    font-size: 2em;
}

#suburb-modal .modal-header {
    background-color: #02594d;
    color: white;
}


#sign-up-bootstrapWizard #subscription-info-div,
#sign-up-bootstrapWizard #subscription-message-div,
#sign-up-bootstrapWizard #subscription-btn-div {
    display: none;
}

@media(max-width: 767.5px) {
    #subscription-disclaimer-modal .modal-dialog {
        width: auto !important;
    }
}

#dashLIn {
    color: #337ab7 !important;
}

#general-notification-list input {
    appearance: none;
    position: relative;
    display: inline-block;
    background: gray;
    height: 1.65rem;
    width: 2.75rem;
    vertical-align: middle;
    border-radius: 2rem;
    box-shadow: 0px 1px 3px #0003 inset;
    transition: 0.25s linear background;
    cursor: pointer;
}

    #general-notification-list input::before {
        content: '';
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        background: #ffffff;
        border-radius: 1.2rem;
        position: absolute;
        top: 0.2rem;
        left: 0.25rem;
        box-shadow: 0px 1px 3px #0003;
        transition: 0.25s linear transform;
        transform: translateX(0rem);
    }

    #general-notification-list input:checked {
        background: #4caf50;
    }

        #general-notification-list input:checked::before {
            transform: translateX(1rem);
        }

