/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*@import 'https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css';*/

body {
    font-family: 'Segoe UI', serif;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    z-index: 1;
}
/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 0 35px;
}

.myaccount-alert {
    margin-left: 32px;
    margin-top: 5px;
}

.alert-close {
    font-size: 30px;
    margin-top: -5px;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }

    .block-wapper .right-block {
        height: auto !important;
    }

    .width-450, .width-390 {
        width: 90% !important;
        margin: 0 15px !important;
    }
}


/*Custom css*/
@font-face {
    font-family: 'Proxima Nova Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Regular'), url('../fonts/Mark Simonson - Proxima Nova Regular.woff') format('woff');
}

@font-face {
    font-family: 'Proxima Nova Alt Light';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Alt Light'), url('../fonts/Mark Simonson - Proxima Nova Alt Light.woff') format('woff');
}

@font-face {
    font-family: 'Proxima Nova Alt Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Proxima Nova Alt Bold'), url('../fonts/Mark Simonson - Proxima Nova Alt Bold.woff') format('woff');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
}

@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*html, body{
    width: 100%;
    height: 100%;
    background-color:#0099CB;
    margin: 0px !important;
}*/
body a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a {
    color: #2196F3;
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        color: #2196F3;
        text-decoration: none !important;
    }

.page {
    padding: 20px;
}

.log-core {
    width: 100%;
    height: 100%;
    /*background-color:#0099CC !important;*/
    background: url(../images/log.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: transparent !important;
}

.log2 {
    vertical-align: middle !important;
    margin: 0 auto !important;
    /* background-color: rgba(255,255,255,1) !important;*/
    /* box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
    /*border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;*/
    float: right !important;
    /*background-color: rgba(255, 255, 255, 0.4) !important;*/
    background-color: #fff !important;
}

.smart-cursor-logo {
    width: 100%;
    padding: 15px;
    margin-top: 5px !important;
}

.right {
    float: right;
}

.logo2 .panel, .logo2 .panel.panel-default > .panel-heading {
    background-color: transparent !important;
}

    .logo2 .panel.panel-default > .panel-heading {
        color: #fff !important;
        border-bottom: :none !important;
    }

@media(max-width:996px) {
    .log2 {
        right: 0px !important;
    }

    .log-core {
        background: #0099CC !important;
    }
}

.log-core {
    padding: 120px 40px !important;
}

.log2 .mt-40 {
    margin-top: 42px !important;
}

.log2 .text-white {
    color: #66a8db !important;
}

.log2 .btn1 .btn {
    width: 100%;
}

.log2 .logsup .bg-slategray {
    background-color: #ffffff !important;
}

    .log2 .logsup .bg-slategray.lt {
        background-color: #ffffff !important;
    }

.log2 .bg-slategray {
    background-color: #66a8db !important;
    border: 5px solid #ffffff;
}

.log2 .btn-greensea {
    background-color: #66a8db !important;
}

.log2 {
    margin-top: 3% !important;
    padding: 0px 15px;
    right: 150px;
}

@media(min-width:1025px) and (max-width:1376px) {
    .log2 {
        margin-top: 6% !important;
    }
}

@media(min-width:993px) and (max-width:1024px) {
    .log2 {
        margin-top: 8% !important;
    }
}

.log2 form input {
    /*text-indent:20px;*/
    /* background-color: #ecf0f1;*/
    background-color: transparent !important;
    /*border:0 !important;*/
    /*border-bottom:1px solid #011d3d !important;
    box-shadow: none !important;*/
    border-radius: 0 !important;
    min-height: 36px;
    color: #655f5f !important;
}

.log2 form .fa-login {
    float: right;
    position: relative;
    top: -28px;
    right: 10px;
    z-index: 2;
    /* color: rgba(6,6,6,0.3);*/
    color: #fff;
    font-size: 18px;
}

.log2 h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 100 !important;
}

.loginlog .form-group {
    margin-bottom: 35px;
}

@media(max-width:767px) {
    .loginlog .form-group {
        margin-bottom: 0px !important;
    }

    .body-content {
        margin: 0;
    }
}

.loginlog .mt-20 {
    margin-top: 46px !important;
}

.page-login .alert {
    padding: 7px;
    margin: 0px 15px;
    margin-bottom: 0px;
}

.panel-title.f-22, .f-22 {
    font-size: 22px !important;
}

.text-white {
    color: #ffffff !important;
}

/*Logout*/
.log-out .page-header {
    margin: 40px 0 20px 40px;
}
.text-space {
    margin: 10px 35px;
    padding: 0 50px;
}
/*Logout*/
.f-40 {
    font-size: 40px !important;
}
.btn-change {
    width: 35%;
    height: 46px !important;
    background-color: #3bb44a !important;
    border-color: #3bb44a !important;
}
.f-42 {
    font-size: 42px !important;
}
.f-20{font-size:20px !important;}
.f-12{font-size: 14px !important;}
.f14 {
    font-size: 14px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mbm-10 {
    margin-bottom: -10px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.p-5 {
    padding: 5px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-18 {
    padding-left: 18px !important;
}

.br-grey {
    border: 1px solid #efefef !important;
}

.b-0 {
    border: 0px solid #fff !important;
}

.b-1 {
    border: 1px solid #e2e2e2 !important;
}

.h-150 {
    height: 150px !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.pointer {
    cursor: pointer !important;
}

.form-control, .form-control:focus, .form-control:active, .form-control:hover {
    /*border-color: #66afe9;*/
    outline: 0;
    /*-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0.6); */
    /*box-shadow: inset 0 0px 0px rgba(0,0,0,0.075),0 0 0px rgba(102,175,233,0.6);*/
}

.form-group-lg .form-control {
    height: 37px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 0px;
    color: #231f20;
    border-color: #143258;
    border-width: 0.01em;
}

.form-group-lg .text-danger span {
    display: none;
}

.btn-border1 {
    /*border:2px solid rgba(0, 0, 0, 0);*/
    padding: 10px 0px 10px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

@media(min-width:320px) and (max-width:1300px) {
    .mw100p {
        width: 100% !important;
    }

    .mw50p {
        width: 50% !important;
    }
}

.pt5 {
    padding-top: 5px;
}

.bluelink {
    /*color:#888 !important;*/
    color: #fff !important;
}

.login-social .btn-sm, .login-social .btn-group-sm > .btn {
    padding: 5px 5px;
    font-size: 15px;
    line-height: 1.2;
    border-radius: 3px;
}

.login-social span {
    font-size: 15px;
    /*color: #888 !important;*/
    color: #fff !important;
    vertical-align: middle;
}

.whitecolor {
    color: #fff !important;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}

.login-footer {
    padding: 10px 0;
    position: absolute;
    bottom: 0;
}

    .login-footer li {
        float: left;
        margin-right: 20px;
    }

        .login-footer li a:hover {
            text-decoration: none;
            color: #ff5c19;
        }

.login-footer {
    font-size: 13px !important;
}

.btn.btn-rounded-20 {
    border-radius: 20px;
}

.amb-10 a {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel.mb-0 {
    margin-bottom: 0px !important;
}

.panel-default > .panel-heading {
    color: #888;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

.legal a, .legal a:hover, .legal a:focus {
    /*color: #888;*/
    color: #fff;
}

.page-loggedOut .log2 {
    margin-top: 8% !important;
}


/* Start - Checkbox */


.checkbox-custom,
.checkbox-custom-alt {
    padding-left: 20px;
    cursor: pointer;
    /*display: inline-block;*/
}

    .checkbox-custom input,
    .checkbox-custom-alt input {
        position: absolute;
        opacity: 0;
    }

        .checkbox-custom input:checked + i,
        .checkbox-custom-alt input:checked + i {
            border-color: #428bca;
            background-color: #428bca;
        }

            .checkbox-custom input:checked + i:before,
            .checkbox-custom-alt input:checked + i:before {
                top: 3px;
                left: 3px;
                width: 12px;
                height: 12px;
                background-color: #fff;
            }

        .checkbox-custom input:checked + span .active,
        .checkbox-custom-alt input:checked + span .active {
            display: inherit;
        }

        .checkbox-custom input[type='radio'] + i,
        .checkbox-custom input[type='radio'] + i:before,
        .checkbox-custom-alt input[type='radio'] + i,
        .checkbox-custom-alt input[type='radio'] + i:before {
            border-radius: 50%;
        }

        .checkbox-custom input[disabled] + i,
        .checkbox-custom-alt input[disabled] + i {
            border-color: #e2e2e2;
            background-color: #f2f2f2;
        }

            .checkbox-custom input[disabled] + i:before,
            .checkbox-custom-alt input[disabled] + i:before {
                background-color: #e2e2e2;
            }

    .checkbox-custom > i,
    .checkbox-custom-alt > i {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: -2px;
        margin-right: 4px;
        margin-left: 0px;
        line-height: 1;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }

        .checkbox-custom > i:before,
        .checkbox-custom-alt > i:before {
            position: absolute;
            top: 50%;
            left: -100%;
            width: 0;
            height: 0;
            background-color: transparent;
            content: "";
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s;
            z-index: 1;
        }

    .checkbox-custom > span,
    .checkbox-custom-alt > span {
        margin-left: -20px;
    }

        .checkbox-custom > span .active,
        .checkbox-custom-alt > span .active {
            display: none;
        }

    .checkbox-custom:hover > i,
    .checkbox-custom-alt:hover > i {
        border-color: #28a9e1;
    }

    .checkbox-custom.checkbox-custom-sm input:checked + i:before,
    .checkbox-custom-alt.checkbox-custom-sm input:checked + i:before {
        top: 2px !important;
        left: 2px;
        width: 10px;
        height: 10px;
    }

    .checkbox-custom.checkbox-custom-sm > i,
    .checkbox-custom-alt.checkbox-custom-sm > i {
        width: 18px;
        height: 18px;
        margin-right: 6px;
        margin-left: -18px;
    }

    .checkbox-custom.checkbox-custom-lg input:checked + i:before,
    .checkbox-custom-alt.checkbox-custom-lg input:checked + i:before {
        top: 3px;
        left: 3px;
        width: 22px;
        height: 22px;
    }

    .checkbox-custom.checkbox-custom-lg > i,
    .checkbox-custom-alt.checkbox-custom-lg > i {
        width: 30px;
        height: 30px;
    }

    .checkbox-custom-alt input:checked + i {
        background-color: transparent;
        border-color: #428bca;
        color: #428bca;
    }

        .checkbox-custom-alt input:checked + i:before {
            top: 2px;
            left: 2px;
            width: auto;
            height: auto;
            background-color: transparent;
            opacity: 1;
        }

    .checkbox-custom-alt input[type='radio']:checked + i:before {
        left: 1px;
    }

    .checkbox-custom-alt input[disabled] + i {
        border-color: #e2e2e2;
        background-color: #f2f2f2;
    }

        .checkbox-custom-alt input[disabled] + i:before {
            background-color: transparent;
            color: #ccc;
        }

    .checkbox-custom-alt > i {
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: 1px solid #58585b;
        vertical-align: sub;
    }

        .checkbox-custom-alt > i:before {
            content: "\f00c";
            top: 0;
            left: 0;
            display: inline-block;
            font-family: "FontAwesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 11px;
            opacity: 0;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s;
        }

    .checkbox-custom-alt.checkbox-custom-sm > i:before {
        font-size: 9px;
    }

    .checkbox-custom-alt.checkbox-custom-sm input:checked + i:before {
        font-size: 9px;
        top: 1px;
    }

    .checkbox-custom-alt.checkbox-custom-lg input:checked + i:before {
        font-size: 18px;
        top: 4px;
        left: 4px;
    }


/* Start - Checkbox */






::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

@media(min-width:992px) {
    .log2 {
        width: 22% !important;
    }

    .slogan {
        position: absolute;
        right: 60px;
        top: 30px;
        font-size: 25px;
        color: #fff;
        text-align: center;
        text-transform: capitalize;
        font-weight: 500;
    }

    .mar-t-80 {
        margin-top: 80px;
    }
}

@media(max-width:1610px) {
    .wf-s {
        font-size: 16px !important;
    }
}

@media(min-width:1420px) and (max-width:1500px) {
    .wf-s {
        font-size: 14px !important;
    }
}

@media(min-width:1300px) and (max-width:1372px) {
    .wf-s {
        font-size: 13px !important;
    }
}

@media(min-width:1310px) and (max-width:1366px) {
    .log-core {
        padding: 80px 40px !important;
    }
}

@media(min-width:1601px) {
    .log-core {
        padding: 150px 40px !important;
    }
}

@media(min-width:1377px) and (max-width:1600px) {
    .log-core {
        padding: 120px 40px !important;
    }
}

@media(min-width:990px) and (max-width:1376px) {
    .log-w {
        width: 350px !important;
    }

    .log2 {
        right: 50px !important;
    }

    .log-core {
        padding: 60px 40px !important;
    }
}

@media(min-width:320px) and (max-width:1010px) {
    .log-core {
        padding: 60px 40px !important;
    }
}

@media(max-width:991px) {
    /*.page.log-core {
        overflow-x: hidden !important;
    }*/
    body {
        overflow-x: hidden !important;
    }

    .slogan {
        display: none;
    }

   

    .bg-image2 {
        background: url(../images/Back-bgs.svg) bottom !important;
        background-size: 100%;
        height: 100%;
        width: 100%;
    }
}

.btn span.glyphicon {
    opacity: 0;
}

.btn.active span.glyphicon {
    opacity: 1;
}

.log-core .page-header {
    border-bottom: 0px solid #fff;
}

.f-l {
    float: right !important;
}

.fw-500 {
    font-weight: 500 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.navbar.navbar-inverse.mainnav {
    background-color: transparent !important;
    border: 0px solid !important;
}


/*Alert css*/

.error-notice {
    margin: 5px 5px; /* Making sure to keep some distance from all side */
}

.oaerror {
    width: 90%; /* Configure it fit in your design  */
    margin: 0 auto; /* Centering Stuff */
    background-color: #FFFFFF; /* Default background */
    padding: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.danger {
    border-left-color: #d9534f; /* Left side border color */
    background-color: rgba(217, 83, 79, 0.1); /* Same color as the left border with reduced alpha to 0.1 */
}

    .danger strong {
        color: #d9534f;
    }

.warning {
    border-left-color: #f0ad4e;
    background-color: rgba(240, 173, 78, 0.1);
}

    .warning strong {
        color: #f0ad4e;
    }

.info {
    border-left-color: #5bc0de;
    background-color: rgba(91, 192, 222, 0.1);
}

    .info strong {
        color: #5bc0de;
    }

.success {
    border-left-color: #2b542c;
    background-color: rgba(43, 84, 44, 0.1);
}

    .success strong {
        color: #2b542c;
    }

.imgadj {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.red {
    color: red;
}

.error-forgot {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin-bottom: 20px;
    border-radius: 4px;
    text-align: left;
    padding: 5px 0px 5px 6px;
}
/*Alert css*/

/*/*Loading Spinner CSS*/

#loading-bar, #loading-bar-spinner {
    display: none;
}

.spinner {
    margin: 20% 50% !important;
    width: 40px;
    height: 40px;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #3498db;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*Loading Spinner CSS*/

@-moz-keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes three-quarters-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
    -moz-animation: three-quarters-loader 1250ms infinite linear;
    -webkit-animation: three-quarters-loader 1250ms infinite linear;
    animation: three-quarters-loader 1250ms infinite linear;
    border: 8px solid #38e;
    border-right-color: transparent;
    border-radius: 16px;
    box-sizing: border-box;
    /*display: inline-block;
  position: relative;*/
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    position: absolute;
    margin: 20% auto 0 auto !important;
    float: none !important;
    vertical-align: middle;
    left: 0;
    right: 0;
}

.loading-spiner-holder {
    width: 100% !important;
    height: 100% !important;
    /*min-height:720px;*/
    background-color: rgba(255,255,255,0.7);
    text-align: center !important;
    position: absolute;
    z-index: 999 !important;
    /*margin: 0px -20px;*/
}

    .loading-spiner-holder img {
        margin: 0 auto !important;
        float: none !important;
    }

.loading-container {
    width: 100% !important;
    min-height: 100% !important;
    background-color: rgba(255,255,255,0.4);
}

    .loading-container .three-quarters-loader {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto !important;
        float: none !important;
        vertical-align: middle;
    }




@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

html {
    height: 100%;
    width: 100%;
}

.h-79p {
    height: 79%;
}

body {
    background: #fafafa;
    background-size: 100%;
    height: 100%;
    width: 100%;
}

/*html:not(.ieold) .center {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 46%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 9999;
}*/

.ieold .center {
    margin-left: auto;
    margin-right: auto;
    max-width: 490px;
    padding-bottom: 100px;
    padding-top: 100px;
    position: static;
    text-align: center;
    width: 100%;
}



.external-login-table.table tr {
    background-color: #f4f4f4;
    color: #000000;
    border-spacing: 10px;
    border-collapse: separate;
}

.external-login-table.table {
    border-spacing: 0 10px;
    border-collapse: separate;
}

.external-login-table tr td:last-child {
    text-align: right;
}

.external-login-table tr td {
    border: none !important;
    font-weight: 600;
    padding: 15px 20px !important;
}

    .external-login-table tr td:last-child .btn {
        background-color: transparent;
        border: none;
        padding: 0;
        margin-right: 3px;
        vertical-align: text-top;
    }
/*.block-wapper {
        width: 100%;
        background: #ffffff;
        min-height: 500px;
        box-shadow: 0 42px 30px -30px #a5a5a5;
    }*/
/* .block-wapper .left-block { background: url(../images/bg.jpg) center center no-repeat; min-height: 450px; color: #ffffff; } */
.block-wapper .left-block {
    background: #2b3e80 url(../images/smartbg_abstract.png) no-repeat;
    background-size: 515px;
    background-position-x: 85px;
    background-position-y: 5px;
    min-height: 500px;
    color: #ffffff;
}

    .block-wapper .left-block .logo-wapper {
        padding-top: 100px;
    }

.logo {
    width: 120px;
    display: block;
    margin: 0 auto 10px auto;
}

.block-wapper .left-block p {
    font-size: 24px;
    font-weight: 400;
    margin-top: 15px;
    text-transform: uppercase;
}

/*.block-wapper .right-block {
    font-size: 16px;
    color: #999;
    min-height: 500px;
    height: 500px;
    overflow-y: auto;
}*/

.block-wapper .right-block .login-wapper {
    padding: 10% 10% 0;
}

/*.login-wapper h4 {
    color: #777777;
}*/
.e-text{color: #777777;}
.validation-summary-errors ul {
    background-color: #f2f2f2;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    list-style: none;
    margin: 15px;
}

    .validation-summary-errors ul li {
        font-size: 14px;
        line-height: 22px;
    }

.block-wapper .right-block .login-wapper h1 {
    font-weight: 400;
    margin-bottom: 20px;
    color: #999;
    margin-top: 0;
}

.block-wapper .right-block .login-wapper .form-control {
    font-weight: 300;
    border-left-color: #FF0000;
    padding-left: 40px;
}

.block-wapper .right-block .login-wapper .user {
    background: url(../images/user-icon.png) no-repeat 5px center;
}
/*.block-wapper .right-block .login-wapper input[type=password] { background: url(../images/password-icon.png) no-repeat 5px center; }*/
.block-wapper .right-block .login-wapper .email {
    background: url(../images/email-icon.png) no-repeat 5px center;
}

.enable-auth .list {
    padding-left: 15px;
}

.pre-logo {
    position: absolute;
    top: -2px;
    right: 0;
}

.by {
    margin-bottom: -5px;
    text-align: left;
    font-weight: 500;
}



footer .clients {
    margin-bottom: 10px;
}

    footer .clients li {
        margin: 0 25px;
    }

footer .copy-wapper {
    /* padding: 3px 75px;
     color: #FFFFFF;
    background-color: #4366b0;*/
    text-align:center;

}
    /*.copy-wapper{display: flex;justify-content: space-between;align-items: center;}*/
    footer .copy-wapper .copy {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
}

    footer .copy-wapper .social {
        text-align: center;
    }

        footer .copy-wapper .social a {
            margin-right: 5px;
            color: #777;
            background: #cccccc;
            display: inline-block;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border-radius: 50%;
        }

            footer .copy-wapper .social a:last-child {
                margin-right: 0;
            }

            footer .copy-wapper .social a:hover {
                color: #fff;
            }

            footer .copy-wapper .social a.fb:hover {
                background: #16325c;
            }

            footer .copy-wapper .social a.gp:hover {
                background: #d9534f;
            }

            footer .copy-wapper .social a.tw:hover {
                background: #5bc0de;
            }

            footer .copy-wapper .social a.ld:hover {
                background: #0077b5;
            }

.page-loggedOut iframe.signout {
    display: none;
}

.prelogo-success {
    position: absolute;
    bottom: -212%;
    right: -92px;
    text-align: right;
}

.log2-success {
    margin: 5px 115px 4px 4px;
    background-color: rgba(255,255,255,1) !important;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    float: right !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    background-color: #fff !important;
}

.mlm-20 {
    margin-left: -20px !important;
}

.fa-login {
    float: left;
    position: relative;
    top: -35px;
    left: 10px;
    z-index: 2;
    color: rgba(6, 6, 6, 0.26);
    font-size: 24px !important;
    margin-bottom: -9px;
}

.forgot-errormsg {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin-bottom: 20px;
    padding: 6px 4px 6px 4px;
    border-radius: 4px;
}

.recovery-codes code {
    font-size: 15px;
    padding: 5px 15px;
    display: inline-block;
    color: #4366b0;
    margin: 10px 0px 0 0;
    background-color: #ffff;
    border: 1px solid #4366b0;
}

@media (min-width:768px) {
    .block-wapper .right-block .login-wapper h1 {
        font-size: 24px
    }

    footer .copy-wapper .social {
        text-align: right;
    }
}

@media (min-width:992px) {
    .block-wapper .right-block .login-wapper h1 {
        font-size: 34px;
        margin-bottom: 25px;
    }

    .mrm-45 {
        margin-right: -45px !important;
    }

   

    .bg-image2 {
        background: #fafafa url(../images/bg-image2.png) no-repeat;
        background-size: 100%;
        height: 100%;
        width: 100%;
        background-attachment: fixed;
    }
    .login-left {
        background-color: #eef9ff;
        background-size: 100%;
        height: 100vh;
    }
    .mobile-valign {
        display: flex;
        align-items: center;
        height: 100vh;
        justify-content: center;
    }
    .login-right {
        background-color: #F4F6F9;
    }
    /*.login-left-text{ width:600px;}*/
    .login-left-text h2{ margin-top:5px; font-size:24px;margin-bottom: 7px;}
}
.hide-scroll{
    height: 100vh;
    overflow: hidden;
}
@media (max-width: 576px) {
    .btn.btn-default {
        width: 100% !important;
        display: block;
    }
}
@media (max-width:768px) {
    .mt-16 {
        margin-top: 15px;
    }
}
    @media (max-width:767px) {
        .block-wapper .right-block {
            margin-bottom: 50px;
            overflow: inherit;
        }

        footer {
            background: #fff !important;
            z-index: 9999;
        }

        .mar-t-80 {
            margin-top: 90px !important;
        }

        .block-wapper .right-block .login-wapper h1 {
            font-size: 28px;
            text-align: center;
        }

        .block-wapper .right-block .login-wapper h4 {
            text-align: center;
        }

        .block-wapper .right-block .login-wapper {
            padding: 15px 0 !important;
        }

        /*footer {
        text-align: center;
        position: static;
    }*/

        footer .clients li {
            margin: 0 15px;
        }

        footer .row {
            margin: 0;
        }

        .block-wapper {
            box-shadow: none;
        }

        .smart-cursor-logo {
            width: 100px;
            margin: 15px auto !important;
            display: block;
            padding: 5px;
        }

        .pre-logo img {
            width: 108px;
        }

        .pre-logo {
            position: static;
        }

        .by {
            display: inline-block;
        }



        body {
            background: #fff;
        }

        .txt-mid-mobi {
            text-align: center;
        }
    }

    .form-group-lg label {
        color: #28a9e1;
        font-weight: 500;
    }

    .txt-gray-sb a {
        color: #28a9e1 !important;
    }

    .d-inlineblock {
        display: inline-block;
    }

    .txt-gray-sb, .txt-gray-sb label {
        color: #707070;
        font-weight: 500;
    }

    .m-0 {
        margin: 0;
    }

    .mb-35 {
        margin-bottom: 35px;
    }

    .img-responsive {
        margin: 0 auto;
    }

    .clr-light-blue {
        color: #48719a;
        margin-bottom: 25px;
        font-size: 28px;
    }

    .btn-default {
        border-radius: 3px;
        padding: 7px 0px;
        margin-bottom: 15px;
    }

    @media(min-width:768px) and (max-width:1360px) {

        .content-height {
            max-height: 350px;
            overflow-y: auto;
            padding-right: 5px;
        }
    }

    .d-table {
        display: table;
        height: 100%;
        width: 100%;
    }

    .d-tablecell-vertically {
        display: table-cell;
        vertical-align: middle;
    }

    /*.block-wapper1:before, .block-wapper1:after {
    height: 40px;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    content: '';
    display: block;
}

.block-wapper1:before {
    min-height: 40px;
}

.block-wapper1:after {
    min-height: 90px;
}*/


    /*.scrolled {
    background-color: #fff;
    position: -webkit-sticky; 
    position: sticky;
    top: 0;
}*/
    .w-60p {
        width: 60%;
    }

    .w-30p {
        width: 30%;
    }

    .width-450 {
        width: 450px;
        margin: 0 auto;
    }
.w-100p{width: 100%;}

.list-style {
    list-style: none;
    padding-left: 0;
}

    .list-nbrs span.list-nbrs-bg {
        display: inline-block;
        background: #acceec;
        width: 25px;
        height: 25px;
        display: inline-block;
        text-align: center;
        padding: 2px 0px;
        border-radius: 50px;
        font-weight: 600;
        margin-right: 8px;
        color: #16325c;
        display: table;
        float: left;
        /* line-height: 20px; */
    }

    .list-nbrs li {
        margin-bottom: 15px;
    }

        .list-nbrs li p {
            display: table-cell;
        }

    .mr-35 {
        margin-left: 35px;
    }

    .form-group {
        position: relative;
    }

    .validation-error {
        position: absolute;
        top: 0;
        right: 0;
        color: #c50e0e;
    }

    .width-390 {
        width: 390px;
        margin: 0 auto;
    }
    /* New Design Changes */
    .text-orange {
        color: #f37a20;
    }

    .text-blue {
        color: #4366b0;
    }

    .custom-group {
        position: relative;
        padding: 12px 20px;
    }

        /*.custom-group label {
            margin-left: 17px;
            margin-top: -10px;
            font-size: 12px;
            font-weight: 600;
            color: #717171;
            background-color: #ffffff;
            position: absolute;
            padding: 0 4px;
        }*/
.custom-group .form-control ~ label {
    top: 3px;
    left: 26px;
    font-weight: 400;
    color: #717171;
    font-size: 12px;
    background-color: #ffffff;
    position: absolute;
    padding: 0 4px;
    /*transition: 0.3s;
            pointer-events: none;*/
}

        .custom-group .form-control {
            border: none;
            font-size: 14px;
            box-shadow: none;
            padding: 10px;
            height: auto;
            background-color: transparent;
            border: 1px solid #bdbdbd;
            border-radius: 4px;
        }

            .custom-group .form-control:focus {
                box-shadow: none;
            }

    .bt-1 {
        border-top: 1px solid #efefef;
    }

    .mb-20 {
        margin-bottom: 20px;
    }

    .pb-15 {
        padding-bottom: 15px;
    }

    .pb-25 {
        padding-bottom: 25px;
    }

    .pl-20 {
        padding-left: 20px;
    }

    .pr-20 {
        padding-right: 20px;
    }

    .f-28 {
        font-size: 28px;
    }

    .btn-custom {
        height: 41px;
        border-radius: 3px !important;
        background-color: #16325c;
        border-color: #16325c;
        border-radius: 0px;
        padding: 7px 45px;
        color: #FFFFFF;
    }

        .btn-custom:hover, .btn-custom:focus {
            color: #FFFFFF;
        }

.login-wapper, .two_fa-wapper, .two_fa-wapper {
    width: 315px;
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.15);*/
    border: 1px solid #e8e8e8;
    background-color: #FFFFFF;
    padding-top: 5px;
    /*height:410px;*/
    margin: 0 auto;
    border-radius: 4px;
}

    .two_fa-wapper {
        width: 315px !important;
        /*margin-left: auto;*/
        /* height: 410px;*/
        overflow-y: auto;
    }

    .block-wapper {
        /* padding: 90px 60px;*/
        min-height: 100vh;
    }

    .login-wapper .forgtpswd-text {
        /*background-color: #eff3f8;*/
        border-top: 1px solid #e8ecf2;
        padding: 19px 20px;
    }

    .two_fa-wapper .forgtpswd-text {
        background-color: #eff3f8;
        border-top: 1px solid #e8ecf2;
        padding: 16px 20px;
    }

    .login-wapper .forgtpswd-text.signin {
        padding: 20px 20px;
    }

    .left-arrow {
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url(../images/left-arrow.svg) no-repeat;
        vertical-align: middle;
        margin-right: 4px;
    }
        .left-arrow.right-arrow {
            transform: rotate(180deg);
            vertical-align: text-top !important;
        }

        footer {
            position: fixed;
            bottom: 0;
            width: 33.33%;
            right: 0;
        }
.company_logo {
    width: 280px;
}
.company_logo1 {
    width: 140px;
}

    @media (max-width: 767px) {
        .block-wapper {
            padding: 20px 15px;
        }

        .login-wapper {
            width-left: auto;
        }

        .two_fa-wapper {
            width: auto !important;
        }

        .block-wapper {
            min-height: 100vh;
        }

        .mb-50 {
            margin-bottom: 50px;
        }

        footer .copy-wapper {
            padding: 0 15px 0 15px !important;
            text-align: center;
        }
        footer{
            left: 0;width: 100%;
        }

        .mobile-valign {
            display: flex;
            width: 100%;
            align-items: center;
            min-height: 100vh;
        }

        .login-wapper {
            width: 100%;
        }
    }

    @media (min-width: 768px) {
        footer{width: 50%;}
        .mobile-valign {
            display: flex;
            width: 100%;
            align-items: center;
            padding-top: 15px;
            min-height: 100vh;
        }
        .login-right {
            height: 100vh;
        }
    }

    @media (max-width: 991px) {
        .login-wapper {
            margin: 0 auto;
        }
    }

    @media (min-width: 992px) {
        /*.login-wapper { margin-left: auto;}*/
        /*.bg-banner-img {
        background: #fafafa url(../images/Back-bgs.svg) bottom no-repeat;
        background-size: 100%;
        width: 100%;
        background-position: 0 97%;
        font-family: 'Raleway', sans-serif;*/
        footer{width: 33.33%;}
    }

.left-arrow.right-arrow { transform: rotate(-180deg);margin-top: -10px;}
.p-0 {padding-left: 0 !important;padding-right: 0 !important;}
.pt-20 {padding-top: 20px;}
.alert { padding: 5px;}
.btn-clr {
    background-color: #16325c;
    color: #fff;
}
.btn-borderprime {
    border-color: #16325c;
    color: #16325c;
    background-color: #fff;
}
.text-light {color: #9a9a9a;}
.enable-QR {
    /*height: 350px;
   overflow: auto;*/
    font-size: 12px;
}
.btn-default11 {
    width: 100% !important;
    display: block;
}
.p-20 {padding: 20px;}
.external-icon { width: 18px;height: 18px;vertical-align: bottom;margin-right: 8px;display: inline-block;text-indent: 9999px;cursor: pointer;background: url(../images/external-login-icons.svg);cursor: pointer;}
.login-providers {
    text-align: center;
    margin-bottom: 20px;
    padding: 7px 0;
}
.login-providers .btn{padding: 9px 15px;margin: 0;box-shadow: none;outline: none !important;}
.login-providers .btn:hover, .login-providers .btn:focus, .login-providers .btn:focus:hover{
        background-color: transparent;
    }
.external-icon.Google {
        background-position: -8px -14.5px;
}
.external-icon.Facebook {
    background-position: -35px -14px;
}
.external-icon.Twitter {
    background-position: -60px -14px;
}
.external-icon.Microsoft {
    background-position: -87px -14px;
}
.two_fa-wapper h3 {font-size: 22px;}
.custom-group .form-control.freeze ~ label, .custom-group .form-control:valid ~ label, .custom-group .form-control:focus ~ label {
    /*top: -10px;*/
    font-size: 12px;
    color: #2196F3;
}
.custom-group .form-control:focus {
    border-color: #2196F3;
}
.custom-group .mand, .table-noinput .mand {
    border-left: 0 !important;
    text-indent: 0;
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset !important;}
/*.col-equal-height {height: 312px;overflow-y:auto;}*/
#qrCode img{width: 100px;}
/* External login */
.or-devider {
    display: block;
    margin: 25px 20px 0 20px;
    position: relative;
    height: 1px;
    background-color: #efefef;
}
.or-devider::before {content: 'OR';position: absolute;left: 50%; transform: translateX(-50%);top: -12px;font-size: 12px;background-color: #FFFFFF;padding: 2px 5px;}
.activate-user-listitem h4{color: #000000;margin: 0 0 5px;}
.activate-user-listitem{display: flex;align-items: center;padding: 15px 20px;}
.activate-user-icon{width: 40px;height: 40px;text-align: center;margin-right: 15px;}
.activate-user-listitem {
    border-bottom: 1px solid #efefef;
}
@media (min-width: 992px) {
    .microsoft-login {
        background: url(/images/activate-user-bg.svg) no-repeat;
        background-size: 100%;
        width: 100%;
        background-position: 0 97%;
    }
}
.text-ellipse {
    max-width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.d-clr{color: #00adef}
.active-user{padding: 10px 20px 5px;}
/*@media screen and (min-width: 1920px) {
    .login-left {
        background: url(../images/login-left-bg.jpg) no-repeat center 70%;
        background-size: 100%;
        height: 100vh;
    }
    }*/
/*.login-h{height: 425px; overflow-y:auto;}*/
.carousel-control{color:#333;width:0 !important;}
ul {
    list-style-image: url('scm1.png');list-style-type:none;
}

/*--Login Carousel--*/
.login-carousel .carousel-inner .item .item-content { display: flex; justify-content: center; height: 100vh; align-items: center; }
.login-carousel .item .first-title {font-size: 18px;}
.login-carousel .item .main-title {font-size: 28px;margin: 0;}
.dtact-text, .cw-offers li{font-size: 14px;color: #444444;margin-top: 15px;}
.btn-demo { background: #1a5bf9;border-color: #1a5bf9;color: #ffffff;min-width: 200px;font-size: 16px;font-weight: 600;padding: 6px 30px;}
.btn-demo:hover, .btn-demo:active:hover, .btn-demo:active, .btn-demo:focus {background: #031b4e !important;border-color: #031b4e !important;}
.carousel-indicators li {width: 10px;height: 10px;}
.carousel-indicators li{border-color: #1859BD;}
.login-carousel .carousel-indicators .active {background: #1a5bf9;}
.login-left{background:#eef9ff;position: relative;}
.carousel-control .left{background: url(../images/prev.svg) no-repeat;margin-left: 5px;background-size: contain;}
.carousel-control .right{background: url(../images/next.svg) no-repeat;background-size: contain;}
.carousel-control{ opacity: 1; margin-top: -80px; }
.carousel-control .glyphicon-chevron-left:before, .carousel-control .glyphicon-chevron-right:before{content: '';}
.cw-offers li{position: relative;padding-left: 38px;}
.cw-offers li::before{content: '';position: absolute;left: 0;top: 5px;width: 20px;height: 20px;background: url(../images/check-blue.svg) no-repeat;background-size: contain;}
.cw-offers li strong, .dtact-text strong{font-weight: 600;}
.cw-offers li:first-child strong{ color: #00a4e2;}
 .cw-offers li:nth-child(2n+1) strong {color: #1a5bf9; }
.login-carousel .text-blue {color: #1D4EAB;}
.theme-blue {color: #1a5bf9}
.dtact-left-text {
    text-align: center;
}
.two-fa { overflow-y: auto; margin-bottom: 30px; }
@media ( min-width: 768px ) {
    .dtact-left-text .dtact-text { font-size: 12px !important; }
}
@media ( max-width: 992px ) {
    .bg-banner-img { background: #eef9ff; }
    .login-right {background: #fafafa; }
}
@media ( min-width: 992px ){
    .login-carousel .first-title { font-size: 24px; margin-bottom: 0; }
    .login-carousel .item .main-title {font-size: 38px;}
    .login-carousel .item .first-title {font-size: 26px; font-weight: 400; }
    .login-carousel .item .main-title strong { font-size: 48px;}
    .login-left::before, .login-left::after { content: ''; position: absolute; left: 5px; top: 5px; background: url(../images/left-squre.svg); width: 40px; height: 40px; background-size: cover; opacity:0.35}
    .login-left::after { background: url(../images/right-squre.svg); right: 5px; left: auto; background-size: cover; }
}
@media ( min-width: 1200px ) {
    .dtact-left-text { height: 60vh;align-items: center; text-align: left; justify-content: center; display: flex; flex-direction: column; }
    .login-carousel { height: 100vh; box-sizing: border-box;}
    .item.slide2 { background: url(../images/group-people.svg) right bottom; background-repeat: no-repeat; background-size: 220px;}
    .dtact-text, .cw-offers li, .dtact-left-text .dtact-text { font-size: 18px !important; }
    .login-carousel .item .main-title { font-size: 36px; margin-top: 10px; }
    .login-carousel .item .main-title strong { font-size: 42px; }
    .carousel-indicators { bottom: 5px; }
    .login-left::before, .login-left::after { width: 60px; height: 60px;}
    .enable-authent { height: calc(90vh - 60px); }
    .contact-btn { text-align: left !important; }
}
@media ( min-width: 1900px ) {
    .carousel-indicators { bottom: 30px; }
    .btn-demo { padding: 6px 15px; min-width: 250px; font-size: 18px; }
    .dtact-text, .cw-offers li, .login-carousel h4,  .dtact-left-text .dtact-text { font-size: 24px !important; }
    .login-carousel .item .first-title {font-size: 34px; }
    .login-carousel .item .main-title { font-size: 56px; }
    .login-carousel .item .main-title strong { font-size: 64px; }
    .login-left::before, .login-left::after { width: 100px;height: 100px;}
     .item.slide2 { background-size: 350px;}
    .enable-authent { height: auto; }
}
.contact-btn { text-align: center;
}