@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');

html {
    height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px !important;
    color: #747474;
    position: relative;
    background-color: #f3eeed;
    
    height: 100%;
}


#content {
    display: flex;
    flex-flow: column;
    min-height: 100%;
}

    #content header,
    #content footer {
        flex: 0 1 auto;
    }

    #content main {
        flex: 1 1 auto;
        background-image: url("../images/login-left-image-bg.png");
        background-repeat: no-repeat;
        background-position: 0% 1%;
    }


a {
    color: #3a70b5;
}

    a:hover {
        text-decoration: none;
    }

/********* Form Element Style **********/
.btn {
    font-size: 16px;
    font-weight: bold;
    border-radius: 22px;
    padding: 10px 20px;
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: none;
        outline-offset: 0;
    }

.btn-primary {
    background-color: #3a70b5;
    border-color: #3a70b5;
    box-shadow: 0px 7px 24px 0px rgba(58, 112, 181, 0.3);
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #3a70b5;
        border-color: #3a70b5;
    }

label {
    font-weight: normal;
}

.form-control {
    border: 1px solid #cecece;
    border-radius: 22px;
    height: 45px;
}

.form-icon-parent {
    position: relative;
}

    .form-icon-parent input {
        padding-right: 35px;
    }

    .form-icon-parent svg {
        position: absolute;
        font-size: 16px;
        right: 18px;
        top: 13px;
    }

/********* CheckBox  & Radio Style **********/
.custom-control {
    position: relative;
    display: block;
    min-height: 24px;
    padding-left: 30px;
}

.custom-control-inline {
    display: inline-block;
    margin-right: 16px;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

    .custom-control-label::before {
        position: absolute;
        top: 0px;
        left: -30px;
        display: block;
        width: 20px;
        height: 20px;
        pointer-events: none;
        content: "";
        border: 1px solid #cecece;
        background-color: #fff;
        border-radius: 5px;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0px;
        left: -30px;
        display: block;
        width: 20px;
        height: 20px;
        content: "";
        background: no-repeat 50%/50% 50%;
    }


/***** CheckBox  *****/
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #3a70b5;
    background-color: #3a70b5;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #66afe9;
}

/********* Header Style **********/
.login-header {
    padding: 30px 15px;
}

    .login-header::after, .login-header::before {
        content: '';
        display: table;
    }

    .login-header::after {
        clear: both;
    }

    .login-header .logo {
        float: left;
    }

        .login-header .logo img {
            max-height: 85px;
        }

    .login-header .header-right {
        float: right;
        font-size: 16px;
        font-weight: bold;
        padding-top: 15px;
    }

        .login-header .header-right .header-phone {
            padding: 3px 10px;
            border-right: 2px solid #747474;
        }

        .login-header .header-right .header-email {
            padding: 3px 0px 3px 8px;
        }


/********* Login Form Style **********/
.login-block {
    padding: 50px 60px;
    max-width: 468px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
    margin: 100px 10% 110px auto;
}

.login-title {
    margin-top: 0;
    font-weight: bold;
    color: #3a70b5;
    text-align: center;
    margin-bottom: 45px;
}

.login-form .form-group {
    margin-bottom: 20px;
}

.forgot-block {
    margin-bottom: 50px;
}

    .forgot-block::after, .forgot-block::before {
        content: '';
        display: table;
    }

    .forgot-block::after {
        clear: both;
    }

    .forgot-block .custom-checkbox {
        float: left;
    }

    .forgot-block .forgot-pass {
        float: right;
    }

.login-signup-link::after, .login-signup-link::before {
    content: '';
    display: table;
}

.login-signup-link::after {
    clear: both;
}

.login-signup-link .btn-primary {
    float: left;
}

.login-signup-link .signup-link {
    float: right;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    padding-top: 10px;
}

.signup-link a:first-child {
    margin-right: 30px;
}


/********* Customer Help Style **********/
.customer-help-block {
    padding: 30px 15px;
    background: #aad202;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

    .customer-help-block i,
    .customer-help-block span {
        vertical-align: middle;
    }

    .customer-help-block i {
        font-size: 36px;
        margin-right: 15px;
    }

    .customer-help-block a i {
        font-size: 18px;
    }

.networked-team {
    text-align: right;
}
/********* Login Footer Style **********/
.login-footer {
    color: #fff;
    background: url("../images/footer-bg.png") #3a70b5 no-repeat top center;
}

.login-footer-block {
    padding: 70px 15px;
}

.footer-nav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 30px 0 0 0;
    text-align: center;
}

    .footer-nav li {
        display: inline-block;
    }

        .footer-nav li a {
            color: #fff;
            font-size: 16px;
            padding: 5px 20px;
            display: block;
        }

.footer-social-block {
    text-align: right;
    padding-top: 30px;
}

    .footer-social-block a {
        font-size: 32px;
        color: #fff;
    }

.copyright-block {
    padding: 20px 15px;
    text-align: center;
    background: #a7abb2;
}

.footer-logo {
    max-height: 85px !important;
}

/********* Responsive Style **********/
@media screen and (max-width: 1366px) {
    .login-block {
        margin: 100px 0px 110px auto;
    }
}

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

    .login-block {
        padding: 30px 20px;
        max-width: 375px;
        margin: 30px 0px 100px auto;
    }
}

@media screen and (max-width: 991px) {
    .login-block {
        margin: 30px 0px 50px auto;
    }

    .customer-help-block {
        padding: 20px 15px;
        font-size: 16px;
    }

        .customer-help-block i {
            font-size: 28px;
            margin-right: 10px;
        }

        .customer-help-block a i {
            font-size: 16px;
        }

        .customer-help-block .customer-service {
            text-align: center;
            margin-bottom: 15px;
        }

        .customer-help-block .networked-team {
            text-align: center;
        }

    .login-footer-block {
        padding: 30px 15px;
    }

    .footer-logo {
        margin: 0 auto;
        max-height: 85px !important;
    }

    .footer-nav {
        padding: 20px 0 0 0;
    }

        .footer-nav li a {
            font-size: 14px;
            padding: 5px 10px;
        }

    .footer-social-block {
        text-align: center;
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    #content main {
        background-image: none;
    }

    .login-header {
        padding: 15px;
    }

        .login-header .logo img {
            width: 150px;
        }

        .login-header .header-right {
            font-size: 14px;
            padding-top: 0px;
            text-align: right;
        }

            .login-header .header-right .header-phone,
            .login-header .header-right .header-email {
                display: block;
                border: 0px;
                padding: 0px;
            }

    .login-block {
        max-width: 100%;
    }

    .login-title {
        margin-bottom: 30px;
    }

    .forgot-block {
        margin-bottom: 20px;
    }
}


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

    .login-header .logo {
        float: none;
        text-align: center;
        display: block;
    }

        .login-header .logo img {
            width: auto;
        }

    .login-header .header-right {
        float: none;
        text-align: center;
        padding-top: 15px;
    }

    .login-block {
        padding: 30px 15px;
        margin: 10px 0px 30px auto;
    }

    .signup-link a:first-child {
        margin-right: 5px;
    }

    .customer-help-block {
        padding: 15px;
        font-size: 12px;
    }

        .customer-help-block i {
            font-size: 14px;
            margin-right: 3px;
        }

        .customer-help-block a i {
            font-size: 12px;
        }

    .footer-nav li a {
        font-size: 13px;
        padding: 5px;
    }
}

.validation-summary-valid.alert {
    padding: 0px;
    border: none;
}

input.input-validation-error,
input.input-validation-error:focus {
    border: 1px solid #b94a48;
}

table.input-validation-error label,
span.input-validation-error label {
    color: #b94a48;
}

select.input-validation-error,
select.input-validation-error:focus {
    border: 1px solid #b94a48;
}

.input-validation-error .chosen-container-single .chosen-single,
.input-validation-error .chosen-container-single .chosen-single:focus {
    border-color: #b94a48;
}


textarea.input-validation-error,
textarea.input-validation-error:focus {
    border: 1px solid #b94a48;
}

.input-validation-error .file-caption,
.input-validation-error .file-caption:focus {
    border: 1px solid #b94a48;
}

/*.five9-frame {
    position: relative;*/
    /*top: 0;*/
    /*right: 0;
    float: right;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

    .five9-frame .five9-frame-minimized {
        margin: 0;
        padding: 0;
    }

        .five9-frame .five9-frame-minimized .five9-header {
            padding: 0px;
            margin: 0px;
        }

        .five9-frame .five9-frame-minimized .five9-chat-button {
            border-radius: 0;
            background: none;
            padding: 0px;
        }

            .five9-frame .five9-frame-minimized .five9-chat-button .five9-icon {
                display: none;
            }

        .five9-frame .five9-frame-minimized .five9-text {
            display: none;
        }


    .five9-frame .five9-frame-full {
        right: 40px;
        display: none;
        visibility: hidden;
        position: fixed !important;
        bottom: 0;
    }

        .five9-frame .five9-frame-full .five9-header .five9-chat-button {
            background: #3a70b5;
        }

.redirect-email-container .five9-action-btn {
    background-color: #3a70b5 !important;
    border: 1px solid #3a70b5 !important;
}*/