.caris_login_left {
    background-image: url("/img/login_ui_left_bg-ae4ec283565f6b43645e917a8f1df9d9.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.caris_login_right {
    background-image: url("/img/login_ui_right_bg-0e77863e2f80fb74b723d70623a449f1.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.caris_login_left_inside {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    box-shadow: 10px 20px 33px 1px rgba(0, 0, 0, 0.15), 4px 31px 45px 23px rgba(0, 0, 0, 0.15);
}

.caris_login_right_inside {
    background-image: url("/img/login_ui_right_inside_bg-69a1582255764cf3bedde52d053230b4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 10px 20px 33px 1px rgba(0, 0, 0, 0.15), 4px 31px 45px 23px rgba(0, 0, 0, 0.15);
}
  
@media screen and (max-width: 1250px) {

    .caris_login_left {
        width: 100% !important;
        height: -webkit-fill-available !important;
        margin-top: -60px !important;
    }
    .caris_login_right {
        width: 0px !important;
        height: 0px !important;
    }

    .caris_login_left_inside {
        height: -webkit-fill-available !important;
        width: 500px !important;
        margin-top: 0px !important;
        margin-left: 120px !important;
        padding: 5% 5%;

    }
    
    .caris_login_left_inside .webix_layout_line{
        width: 100% !important;
        margin-left: 25px !important;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1690px){

    .caris_login_left {
        margin-top: 0px !important;
        width: 50% !important;
        height: 100% !important;
    }
    .caris_login_right {
        margin-top: 0px !important;
        width: 50% !important;
        height: 100% !important;
        margin-left: 0px !important;
    }

    .caris_login_left_inside {
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
        margin-top: 3% !important;
        margin-bottom: 3% !important;
        margin-left: 3% !important;
        padding: 0% 10% !important;
    }
    
    .caris_login_right_inside {
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
        margin-top: 3% !important;
        margin-bottom: 3% !important;
        margin-right: 3% !important;
    }
}

@media screen and (min-width: 1700px) and (max-width: 1800px) {
    .caris_scroll_login_form::-webkit-scrollbar {
        width: 30px;
        background: #b5401d;
    }

    .caris_login_left {
    }

    .caris_login_right {
    }

    .caris_login_left_inside {
        margin-top: 5% !important;
        margin-left: 120px !important;
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
        margin-bottom: 5% !important;
        padding: 5% 0% !important;
    }
    
    .caris_login_right_inside {
        margin-top: 5% !important;
        margin-right: 120px !important;
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
        margin-bottom: 5% !important;
    }
}

@media screen and (width: 1366px) {
    .caris_scroll_login_form{
        overflow-y: hidden !important;
        width: 30px;
        background: #b5401d;
    }

    .caris_login_left {
        margin-top: -120px !important;
    }
    .caris_login_right {
        margin-top: -120px !important;
        margin-left: 0px !important;
    }

    .caris_login_left_inside {
        width: 580px !important;
        height: 600px !important;
        margin-top: 140px !important;
        margin-bottom: 0% !important;
        margin-left: 140px !important;
        padding: 0% 0% !important;
    }
    
    .caris_login_right_inside {
        width: 580px !important;
        height: 600px !important;
        margin-top: 140px !important;
        margin-left: -37px !important;
    }
}

@media screen and (width: 1920px) {
    .caris_scroll_login_form::-webkit-scrollbar {
        width: 30px;
        background: #b5401d;
    }

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

    .caris_login_left_inside {
        width: 820px !important;
        height: 723px !important;
        margin-top: 72px !important;
        padding-top: 77px;
    }

    .caris_login_right_inside {
        width: 820px !important;
        height: 800px !important;
        margin-top: 72px !important;
    }
}

.caris_title {
background-image: url("/img/caris_logo-472147b2d9ed6f091def0fb02e8efadc.svg");
background-repeat: no-repeat;
background-position: center center;
background-color: #FFF;
}

.login_bottom_content .webix_template {
    text-align: center;
    padding: 0;
}


.login_bottom_content .webix_template p {
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--Text-Basic-text-secondary, #4B5565);
}
.login_tile .webix_template {
    text-align: center;
    color: #535353;
    font-family: 'Manrope', serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 56px;
    background: #F4F6F9;
}
.error_msg {
    color: red !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}
.login_tile .webix_template span:first-child {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #030407;
}
.login_tile .webix_template span:last-child {
    color: var(--Text-Basic-text-primary-2, #121926);
    text-align: center;

    /* Display/Small */
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px; /* 125% */
}
.webix_view.webix_control {
position: relative;
}

.webix_view.webix_clean.login_tile .webix_template {
    background: #FFF;
}

/**======Start Style for Compo==========**/
.caris_login_view_text > label {
    color: var(--Text-Basic-text-secondary, #131B2A);

    /* Label/Medium */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.07px;
}

.caris_login_view_text input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.16px;
    height: 100%;
    padding: 10px 16px;
    color: var(--Text-Basic-text-primary-2, #121926);
    background: #FFF;
    border-radius: var(--Radius-8, 8px);
    border: 1px solid var(--Stroke-Basic-stroke-secondary, #CDD5DF);
}

.caris_login_view_text input::placeholder {
    color: var(--Text-Basic-text-tertiary, #697586);
    /* Body Text/Large */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.16px;
}

.webix_view.webix_control.webix_el_button.webix_secondary.caris_login_btn_primary .webix_el_box {
    border-radius: 8px;
    background: #FF5B28;
}

.webix_view.webix_control.webix_el_button.webix_secondary.caris_login_btn_primary .webix_el_box .webix_button {
    border-radius: 8px;
    background: #FF5B28;
    color: #FFF;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.08px;
    height: inherit;
}

.webix_view.webix_control.webix_el_button.webix_secondary.caris_login_btn_primary.webix_disabled_view .webix_el_box.webix_disabled_box.webix_disabled_top_label {
    border-radius: 8px;
    background: #CDD5DF;
}

.webix_view.webix_control.webix_el_button.webix_secondary.caris_login_btn_primary .webix_el_box.webix_el_box.webix_disabled_box.webix_disabled_top_label .webix_button {
    border-radius: 8px;
    background: #CDD5DF;
    color: #FFF;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.08px;
    height: inherit;
}

.fa-caris-user {
    background-image: url("/img/user-83ca9c3288ebc758be24f4e26f4fdc7c.svg");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    position: relative !important;
    top: 1px;
}

.fa-caris-pass {
    background-image: url("/img/password-f5aa716d24034b8c550d00f17c6d3587.svg");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    position: relative !important;
    top: 1px;
    left: 0px;
}

.fa-caris-comp {
    background-image: url("/img/company-14ca29b368fdbeba9883c23e3f550ffb.svg");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    position: relative !important;
    top: 1px
}

.webix_input_icon.caris-eye {
    background-image: url("/img/eye-366baaf4545f1f535d7713ea02327b9f.svg");
    width: 20px !important;
    height: 20px !important;
    top: 12px !important;
    background-repeat: no-repeat;
    content: "";
}

.webix_input_icon.caris-eye-slash{
    background-image: url("/img/eye_slash-c015c8f9159a6764877f701c819d3bae.svg");
    width: 20px !important;
    height: 20px !important;
    top: 12px !important;
    background-repeat: no-repeat;
    content: "";
}

.danger_icon {
    background-image: url("/img/symbol/login_danger-d340688dba72a9e99612c8e08e4272d8.svg");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    padding-right: 8px;
}

.webix_view.webix_clean.caris_login_message .webix_template {
    display: flex;
    align-items: center;
    color: var(--Theme-Semantic-Error-error-interactive-2, #BE211C);
    text-align: center;
    justify-content: center;
    /* Body Text/Medium */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: var(--Radius-8, 8px);
    background: var(--Theme-Semantic-Error-error-interactive-1, #FEF3F2);
}