@font-face {
    font-family: RegFont;
    src: url('font/Helvetica.ttf');
}

@font-face {
    font-family: BoldFont;
    src: url('font/Helvetica-Bold.ttf');
}

body {
    font-family: RegFont;
    margin: 0px;
    padding: 0px;
    font-size: 13px
}

.ng-cloak {
    display: none;
}

/*IRIS_Loader*/
.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.IRIS_spinner {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1200;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 1;
    overflow-x: hidden;
}

.IRIS_spinner_Image {
    margin-left: 45%;
    margin-top: 15%;
    /*height: 100px;*/
}
/*IRIS_Loader*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.container {
    width: 90%;
    max-width: 90% !important;
}

.login-header {
    padding-top: 3%;
}

.login-logo1 {
    height: 65px;
}

.login-logo2 {
    height: 45px;
    margin-left: 10px;
}

a {
    color: #9c9fa0;
}

.login-header-menu a {
    color: #9c9fa0;
    font-size: 15px;
    padding-right: 25px;
}

.header-number {
    color: #f23728;
    font-size: 25px;
    margin: 0px;
}

.helpline {
    margin: 0px;
    text-align: right;
    margin-top: -19px;
}

.login-section {
    padding-top: 2%;
}

.login-text {
    font-family: BoldFont;
    color: #fff;
    font-size: 65px;
    text-align: right;
    line-height: 75px;
    font-weight: 600;
    text-shadow: rgba(115, 115, 115, 0.3) 5px 4px 8px;
}

.login-input-section {
    background-color: #fff;
    box-shadow: rgba(115, 115, 115, 0.3) 5px 4px 8px;
}

    .login-input-section td {
        padding: 0px;
    }

.login-input-div {
    padding: 55px 20px;
}

    .login-input-div p {
        font-family: BoldFont;
        font-size: 50px;
        color: #c8c8c8;
        font-weight: 600;
    }


.login-input-style1 {
    position: relative;
    float: left;
}

    .login-input-style1 input {
        background-color: #f1f3f4;
        border: none;
        padding: 9px 15px;
        font-size: 15px;
        padding-left: 40px;
        height: 40px;
    }

    .login-input-style1 img {
        width: 16px;
        position: absolute;
        top: 11px;
        left: 12px;
    }

.login-button {
    height: 40px;
    width: 40px;
    float: left;
    background-image: linear-gradient(to right top, #e04532, #df3542, #db2551, #d41860, #ca116e);
    border: none;
    padding: 5px;
}

.login-input1 {
    display: flow-root;
    margin-bottom: 7px;
}

.features-section {
    margin-top: 1%;
}

    .features-section p {
        color: #9c9fa0;
        font-size: 20px;
    }

.features-div {
    background-color: #fff;
    box-shadow: rgba(115, 115, 115, 0.3) 5px 4px 8px;
    padding: 20px;
}

    .features-div h5 {
        color: #ff4f03;
        font-size: 18px;
        text-transform: uppercase;
        margin: 0px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .features-div p {
        color: #9c9fa0;
        font-size: 13px;
        margin: 0px;
    }





.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
        margin: 0px;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: rgba(255, 255, 255, 0.3);
        }

    .styled-checkbox:hover + label:before {
        background: rgba(251, 251, 251, 0.56);
    }

    .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

    .styled-checkbox:checked + label:before {
        background: #ffffff;
    }

    .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    }

        .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        }

    .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 9px;
        background: #e04532;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 #e04532, 4px 0 0 #e04532, 4px -2px 0 #e04532, 4px -4px 0 #e04532, 4px -6px 0 #e04532, 4px -8px 0 #e04532;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }


.terms {
    background-color: #e04532;
    color: #fff;
    border-radius: 0px 0px 0px 8px;
}

.policy {
    background-color: #ca116e;
    color: #fff;
    border-radius: 0px 0px 8px 0px;
}

.footer-logo {
    margin-top: 2%;
}

.footer-section {
    margin-top: 2%;
    background-color: #5a6b74;
    padding: 15px;
}


@media (max-width: 1100px) {
    .login-text {
        font-size: 40px;
        line-height: 42px;
        margin-top: 55px;
    }
}






.iframe {
    width: 160vw !important;
    height: 100vh !important;
    margin-left: -40vw;
    opacity: 0.4;
}


.login-content-div {
    /* display: table-cell; */
    /* vertical-align: middle; */
    /* height: 100vh; */
    padding-left: 75px;
    /* width: 80%; */
    position: absolute;
    bottom: 0;
    margin-bottom: 50px;
}

    .login-content-div p {
        color: #ffffffc2;
    }

.right-side-login-bar {
    background-color: #fff;
    height: 100vh;
    max-width: 500px;
    float: right;
}


.login_details_div {
    background-color: #fff;
    padding: 50px 30px 60px;
    margin-left: 40px;
    margin-right: 40px;
    /*box-shadow: #00000026 2px 2px 31px 1px;*/
}

.login-icon {
    box-shadow: #b3b3b3 2px 2px 15px 1px;
    border-radius: 8px;
    margin-bottom: 5px;
    width: 70px;
}

.login_details h6 {
    font-size: 20px;
    color: #9a99a2;
    margin-top: 15px;
    margin-bottom: 30px;
}

.login_details a {
    font-size: 13px;
    color: #bfbec3;
}

.login-input input {
    border: 1px #dce4ea solid;
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 13px;
    margin-bottom: 15px;
    /*color: #979ea2;*/
    color: #393b3c !important;
    min-width: 300px;
    background-color: #fff0;
}


    .login-input input:focus {
        border: 1px #575c61 solid;
        outline-color: snow;
    }

.login-input img {
    margin-left: -35px;
    width: 20px;
    position: absolute;
    margin-top: 8px;
}

.login-input input::-webkit-input-placeholder {
    color: #d2d8dc;
    font-size: 12px;
}

.login-input input:-moz-placeholder {
    color: #d2d8dc;
    font-size: 12px;
}

.login-input input::-moz-placeholder {
    color: #d2d8dc;
    font-size: 12px;
}

.login-input input:-ms-input-placeholder {
    color: #d2d8dc;
    font-size: 12px;
}

.login-input input::-ms-input-placeholder {
    color: #d2d8dc;
    font-size: 12px;
}

.login-input input::placeholder {
    color: #d2d8dc;
    font-size: 12px;
}

.admin-login-button-disabled {
    background-image: linear-gradient(to right top, #C2C2C2, #C2C2C2);
    color: white;
    font-size: 16px;
    padding: 8px 35px;
    border-radius: 50px;
    border: none;
    box-shadow: none;
    margin-top: 10px;
    margin-left: -45px;
}
.admin-login-button {
    background-image: linear-gradient(to right top, #fb8569, #de4a26);
    color: #fff;
    font-size: 16px;
    padding: 8px 35px;
    border-radius: 50px;
    border: none;
    box-shadow: none;
    margin-top: 10px;
    height:40px;
    width:180px;
}


.admin-btn-loader {
    margin-left: 0;
    margin-top: 0;
    height: 100px;
    width: 35px;
    height: 35px;
    margin-top: -5px;
}


.funkyradio div {
    clear: both;
    overflow: hidden;
    width: 300px;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

    .funkyradio input[type="radio"]:empty ~ label,
    .funkyradio input[type="checkbox"]:empty ~ label {
        position: relative;
        line-height: 2.5em;
        text-indent: 3.25em;
        margin-top: 0.5em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .funkyradio input[type="radio"]:empty ~ label:before,
        .funkyradio input[type="checkbox"]:empty ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

    .funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
    .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #C2C2C2;
    }

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

    .funkyradio input[type="radio"]:checked ~ label:before,
    .funkyradio input[type="checkbox"]:checked ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #333;
        background-color: #ccc;
    }

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-mycolor input[type="radio"]:checked ~ label:before,
.funkyradio-mycolor input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #de4a26;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}