body {
    background-color: #F0F0F0 !important;
}

@media (max-width: 450px) {
    .cm-bg-login-logo {
        display: none !important;
    }

    .cm-bg-login-body {
        background-color: #fff !important;
        border-radius: 32px 32px 32px 32px !important;
    }

    .cm-login-new.cm-login.card-body {
        height: 375px !important;
    }
}

.btn.btn-upper {
    text-transform: none;
}

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

.myData {
    display: block;
    margin: auto;
    width: 100%;
    /*height: 80vh;*/
    height: 700px;
    max-width: 1100px !important;
    max-height: 700px !important;
}

#txtUser2::placeholder {
    text-align: left;
    padding-left: 15px;
}

#txtPWD2::placeholder {
    text-align: left;
    padding-left: 15px;
}

.cm-user2.imgText1 {
    /*   background-image: url('<%= ResolveUrl("~/Mobile/images/mobile/User.png")%> ');
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 17px;*/
}

.cm-pass2.imgText2 {
    /*   background-image: url('<%= ResolveUrl("~/Mobile/images/mobile/password.png")%> ');
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 17px;*/
}




.cm-bg-login-body {
    background-color: #fff !important;
    border-radius: 0px 32px 32px 0px;
}

.cm-login-seperate-line {
}

.cm-btn-outline-primary {
    border: 1px solid #707070;
    border-radius: 8px;
    opacity: 1;
    color: #707070;
}

    .cm-btn-outline-primary:hover {
        background-color: #EDEDED !important;
    }

.form-control {
    border-radius: 8px !important;
}

.cm-login .cm-login_box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: White !important;
}

.cm-dropdown-style option:hover {
    background-color: none !important;
    color: inherit;
}

.cm-lang-container {
    padding-top: 120px !important
}

.cm-lang-style {
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    border-radius: 50px;
    cursor: pointer;
}

.cm-btn-default-lang {
    background-color: #2F49D0 !important;
    color: #FFFFFF !important;
}

.show > .btn.btn-default.cm-btn-default-lang, .btn.btn-default.cm-btn-default-lang.active, .btn.btn-default.cm-btn-default-lang:active, .btn.btn-default.cm-btn-default-lang:hover {
    border: 0;
    background: transparent;
    color: #74788d;
    border: 1px solid #e8ecfa;
}

.btn.btn-default.cm-btn-default-lang:hover {
    background-color: #2F49D0 !important;
    color: #FFFFFF !important;
}

.dropdown-menu {
    width: 150px !important;
    min-width: 10rem !important;
}



.loadme-circlePoint {
    left: 0;
    right: 0;
    margin: 0;
    top: 30%;
    bottom: 0;
    padding-top: 8rem;
}

.kt-nav__link-text.lang-selected {
    color: #3653EA !important
}

.kt-nav .kt-nav__item.active > .kt-nav__link, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link {
    background-color: #F0F0FF;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-icon, .kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-text,
    .kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-arrow,
    .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
    .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
    .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-arrow {
        color: #3653EA !important;
    }


@media only screen and (min-height: 500px) and (max-height: 768px) {
    .myData {
        height: 85vh !important;
        max-width: 1000px !important;
    }

    .cm-lang-container {
        padding-top: 20px !important
    }

    .cm-login-new.cm-login.card-body {
        height: 350px !important;
    }
}


a:hover {
    color: #2F49D0;
}

a {
    color: #646c9a;
}


.RadComboBoxDropDown_Metro .rcbHovered {
    padding-left: 23px !important;
    color: #646c9a !important;
    background-color: #ffffff !important;
}

    .RadComboBoxDropDown_Metro .rcbHovered:hover {
        padding-left: 23px !important;
        color: #2F49D0 !important;
        background-color: #ffffff !important;
    }

.RadComboBoxDropDown_Metro {
    color: #646c9a;
    border-color: #707070 !important;
    background-color: #ffffff !important;
}



.RadComboBoxDropDown {
    top: 2px !important;
}


.RadComboBox.custom-select .rcbInput {
    padding-left: 15px !important;
    padding-top: 5px !important;
}

.RadComboBox.custom-select .rcbInner,
.RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbExpanded,
.RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbFocused,
.RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbHovered {
    height: calc(1.5em + 1.3rem + 2px) !important;
    border: 1px solid #707070 !important;
    border-radius: 6px !important;
}

    .RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbExpanded,
    .RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbFocused,
    .RadComboBox.custom-select .rcbInner.rcbReadOnly.rcbHovered {
        border: 1px solid #2F49D0 !important;
    }

.form-control {
    border-color: #707070 !important;
}

    .form-control:focus {
        border-color: #2F49D0 !important;
    }

.btn-login2 {
    background-color: #2F49D0 !important;
}

    .btn-login2:hover {
        background-color: #3653EA !important;
    }



.cm-login-new.cm-login.card-body {
    /*height: 530px;*/
    height: 410px;
}

.searchBtn {
    background-image: none !important;
}

.kt-nav.kt-nav--v4 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link, .kt-nav.kt-nav--v4 .kt-nav__item.active > .kt-nav__link, .kt-nav.kt-nav--v4 .kt-nav__item.kt-nav__link--active > .kt-nav__link {
    background-color: #F0F0FF !important;
    color: #3653EA !important;
}




/**addon 67-11-12****************************************/

.cm-label-highlight {
    color: #2F49D0;
}

.btn-otp-primary {
    color: #fff;
    background-color: #2F49D0;
    border-color: #2F49D0;
}

    .btn-otp-primary:hover {
        color: #ffffff;
        background-color: #3653EA;
        border-color: #3653EA;
    }

    .btn-otp-primary:focus,
    .btn-otp-primary.focus {
        color: #ffffff;
        background-color: #2F49D0;
        border-color: #2F49D0;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(113, 126, 226, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(113, 126, 226, 0.5);
    }

        .btn-otp-primary:focus span,
        .btn-otp-primary.focus span {
            color: #ffffff;
        }

    .btn-otp-primary.disabled,
    .btn-otp-primary:disabled {
        color: #ffffff;
        background-color: #2F49D0;
        border-color: #2F49D0;
    }

    .btn-otp-primary:not(:disabled):not(.disabled):active,
    .btn-otp-primary:not(:disabled):not(.disabled).active,
    .show > .btn-otp-primary.dropdown-toggle {
        color: #ffffff;
        background-color: #2F49D0;
        border-color: #2F49D0;
    }

        .btn-otp-primary:not(:disabled):not(.disabled):active:hover,
        .btn-otp-primary:not(:disabled):not(.disabled).active:hover,
        .show > .btn-otp-primary.dropdown-toggle:hover {
            color: #ffffff;
            background-color: #571014;
            border-color: #571014;
        }

        .btn-otp-primary:not(:disabled):not(.disabled):active:focus,
        .btn-otp-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-otp-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(113, 126, 226, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(113, 126, 226, 0.5);
        }



.btn-otp-outline {
    color: #2F49D0 !important;
    border-color: #2F49D0 !important;
}

    .btn-otp-outline.disabled, .btn-otp-outline:disabled {
        color: #2F49D0 !important;
        border-color: #2F49D0 !important;
    }

    .btn-otp-outline:hover {
        color: #ffffff !important;
        background-color: #2F49D0 !important;
        border-color: #2F49D0 !important;
    }

    .btn-otp-outline:not(:disabled):not(.disabled):active, .btn-otp-outline:not(:disabled):not(.disabled).active, .show > .btn-otp-outline.dropdown-toggle {
        color: #fff !important;
        background-color: #2F49D0 !important;
        border-color: #2F49D0 !important;
    }