.loadme-circlePoint2 {
    background-color: transparent;
    z-index: 10;
    position: absolute;
    /* text-align: center; */
    padding: 10px;
    border-radius: 15px;
    /* left: 50%; */
    /* top: 50%; */
    /* margin: -50px 0 0 -50px; */
    opacity: 1;
}



body .container.body .right_col {
     background:transparent;
}


body {
  /* Location of the image
  background-image: url(login/hb/bg-login_cyber-hrm.jpg); */
  background-image: url(../../../../images/mobile/bg_login_epayroll.jpg);
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #F8F9FD !important;
}

.RadWindow.cm-window .rwCloseButton:hover {
    background-color: #AE1F25;
    border-radius: 15px;
    color: #fff;
}


.cm-color-login {
    color: #646c9a;
}

.cm_bg_btn_ok
{
    color: White !important;
    background-color:#2A80B9 !important;
    border-radius: 15px;
}

.cm_bg_btn_cancel
{
    color: White !important;
    background-color:#333333 !important;
    border-radius: 15px;
}


.site_title i {
    border: 0px solid #EAEAEA !important; 
    padding: 0px 0px  !important;
    border-radius: 0%  !important;
}

.cm_body_bg_color
{
   background-color:#F2F2F2 !important;
}
.cm_bg_color
{
    color: White !important;
    background-color:#014A37 !important;
}


.cm_radius_panel
{
    border-radius: 15px !important;   
}

.cm_radius_panel_top
{
    border-radius: 15px 15px 0px 0px !important;   
}


.cm_radius_panel_bottom
{
    border-radius: 0px 0px 15px 15px !important;   
}

.cm_radius
{
    border-radius: 10px !important;   
}

.cm_radius_top
{
    border-radius: 10px 10px 0px 0px !important;   
}


.customChevron
{
    width: 100%;
    padding: 7px 8px;
    display: inline-block;
    background: #fff;
    border: 1px solid black;
    border-radius:50px;
}

.customChevron2
{
    float: right ;
    padding: 7px 8px;
    display: inline-block;
    background: #fff;
    border: 1px solid black;
    border-radius:50px;
}

.nav.side-menu>li.active>a {
    /*background: linear-gradient(#334556,#2C4257),#2A3F54;*/
    background: linear-gradient(#014A37,#014A37),#014A37;
    
}


.cm_coming_soon
{
    background-color: #DBE59B !important;
    border-radius:25px;
    color:#C2272D !important;
    padding-left: 10px;
    padding-right: 10px;
}

.loadme-circlePoint {
    background-color: transparent;
}


/**=======================================================================================*/

body {
    background-repeat: no-repeat;
    background-size: 65% 100%;
    background-attachment: fixed;
}

.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: #AE1F25 !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__link-text {
        color: #FFFFFF;
    }


.btn-login {
    background-image: linear-gradient(to right, #AE1F25, #ED1C24);
}

    .btn-login:focus {
        background-image: linear-gradient(to right, #AE1F25, #ED1C24);
    }

.boxSha_noCompany {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    width: 100%;
    height: 270px;
    position: absolute;
    background-color: #FFF;
    /* background-color: #f1f1f1;
           opacity: 0.4;*/
}

input[type="radio"] {
    display: none;
}

    input[type="radio"] + label:before {
        content: "";
        /* create custom radiobutton appearance */
        display: inline-block;
        width: 18px;
        height: 18px;
        padding: 3px;
        margin-right: 3px;
        /* background-color only for content */
        background-clip: content-box;
        border: 2px solid #bbbbbb;
        background-color: #e7e6e7;
        border-radius: 50%;
    }

    /* appearance for checked radiobutton */
    input[type="radio"]:checked + label:before {
        background-color: #333333;
    }

    label {
        display: inline-flex;
        align-items: center;
    }



.cm-login.card-body {
    position: relative;
    height: 270px;
    padding-left: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.cm-login .cm-login_box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 1;
    border-radius: 15px;
}

.cm-login .cm-login_body {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}


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

.cm-label-highlight {
    color: #AE1F25;
}


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

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

    .btn-otp-primary:focus,
    .btn-otp-primary.focus {
        color: #ffffff;
        background-color: #AE1F25;
        border-color: #AE1F25;
        -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: #AE1F25;
        border-color: #AE1F25;
    }

    .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: #AE1F25;
        border-color: #AE1F25;
    }

        .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: #AE1F25 !important;
    border-color: #AE1F25 !important;
}

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

    .btn-otp-outline:hover {
        color: #ffffff !important;
        background-color: #AE1F25 !important;
        border-color: #AE1F25 !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: #AE1F25 !important;
        border-color: #AE1F25 !important;
    }




/*2024-12-08*/

.cm-btn-primary {
    color: #fff;
    background-color: #AE1F25;
    border-color: #AE1F25;
}

    .cm-btn-primary:hover {
        color: #ffffff;
        background-color: #571014;
        border-color: #571014;
    }

    .cm-btn-primary:focus,
    .cm-btn-primary.focus {
        color: #ffffff;
        background-color: #AE1F25;
        border-color: #AE1F25;
        -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);
    }

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

    .cm-btn-primary.disabled,
    .cm-btn-primary:disabled {
        color: #ffffff;
        background-color: #AE1F25;
        border-color: #AE1F25;
    }

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

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

        .cm-btn-primary:not(:disabled):not(.disabled):active:focus,
        .cm-btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .cm-btn-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-outline-brand {
    color: #AE1F25;
    border-color: #AE1F25;
}

    .btn-outline-brand.disabled, .btn-outline-brand:disabled {
        color: #AE1F25;
        border-color: #AE1F25;
    }

    .btn-outline-brand:hover {
        color: #ffffff;
        background-color: #AE1F25;
        border-color: #AE1F25;
    }

    .btn-outline-brand:not(:disabled):not(.disabled):active, .btn-outline-brand:not(:disabled):not(.disabled).active, .show > .btn-outline-brand.dropdown-toggle {
        color: #fff;
        background-color: #AE1F25;
        border-color: #AE1F25;
    }