#cms_login_box { width: 100%; background: #F8F6F2; }
@media screen and (min-width: 1103px) { #cms_login_box > .cms_container_ultrawide > .flex_container { min-height: calc(100svh - 142px); } }
@media screen and (min-width: 960px) and (max-width: 1102px) { #cms_login_box > .cms_container_ultrawide > .flex_container { min-height: calc(100svh - 142px); } }
@media screen and (max-width: 959px) { #cms_login_box > .cms_container_ultrawide > .flex_container { min-height: calc(100svh - 120px); } }
@media screen and (max-width: 400px) { #cms_login_box > .cms_container_ultrawide > .flex_container { min-height: calc(100svh - 159px); } }
#cms_login_box .cms_login_imgFlexBox { display: flex; }
#cms_login_box .cms_login_imgMain { position: relative; display: flex; width: 100%; }
#cms_login_box .cms_login_imgContainer { display: flex; width: 100%; }
#cms_login_box .cms_login_imgBox { width: 100%; }
#cms_login_box .cms_login_imgBox:before { content: ""; position: absolute; z-index: 2; inset: 0; background: transparent linear-gradient(180deg, #00000000 0%, rgba(0, 0, 0, 0.5) 100%) 0% 0% no-repeat padding-box; }
#cms_login_box .cms_login_img { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; object-position: center; object-fit: cover; }
#cms_login_box .cms_login_imgLegend { display: none; }
#cms_login_box .cms_login_contentFlexBox { display: flex; align-items: center; }
#cms_login_box .cms_login_contentMain { display: flex; flex-direction: column; gap: 30px; width: 100%; padding: 30px 150px 30px 115px; }
#cms_login_box .cms_login_mainTitle h1 { padding: 0; }
#cms_login_box .cms_login_headerBox { display: flex; flex-direction: column; gap: 15px; width: 100%; margin: 0 0 28px 0; }
#cms_login_box .cms_login_headerBox > h2 { padding: 0; }
#cms_login_box .msg_box {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    text-align: left;
    padding: 5px;
    margin: 0;
}
#cms_login_box .msg_box_error { border-color: #000000; background: #F36F23; color: #FFFFFF; }
#cms_login_box .msg_box:after { transform: translateY(-50%); color: #FFFFFF; margin: 0; }
#cms_login_box .cms_login_inputBox { display: flex; flex-direction: column; gap: 23px; width: 100%; }
#cms_login_box .element_box { display: flex; flex-direction: column; width: 100%; }
#cms_login_box .element_box > label {
    display: block !important;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    text-align: left;
    padding: 0 0 6px 0;
}
#cms_login_box .element_input_box { position: relative; }
#cms_login_box .element_input_box > input:-webkit-autofill,
#cms_login_box .element_input_box > input:-webkit-autofill:hover,
#cms_login_box .element_input_box > input:-webkit-autofill:focus,
#cms_login_box .element_input_box > input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #FFFFFF inset !important; }
#cms_login_box input#txtPwd { padding: 10px 50px 10px 15px; }
#cms_login_box .frmPwdShow { cursor: pointer; position: absolute; z-index: 1; right: 16px; top: 50%; transform: translateY(-50%); display: flex; width: 20px; height: 20px; }
#cms_login_box .frmPwdShow:before { content: "\f06e"; font: 20px 'FontAwesome'; line-height: 20px; text-align: center; color: #000000; }
#cms_login_box .frmPwdShow.active:before { content: "\f070"; }
#cms_login_box .element_info_box {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    text-align: left;
    margin: 10px 0 0 0;
}
#cms_login_box .cms_login_btnBox { width: 100%; margin: 20px 0 0 0; }
#cms_login_box .cms_login_btnBox > button { margin: 0; }
@media screen and (max-width: 1542px) { #cms_login_box .cms_login_contentMain { padding: 30px 50px; } }
@media screen and (max-width: 1212px) { #cms_login_box .cms_login_contentMain { padding: 30px; } }
@media screen and (max-width: 959px) { #cms_login_box .cms_login_imgFlexBox { display: none; } }
@media screen and (max-width: 767px) {
    #cms_login_box .msg_box { font-weight: 400 !important; font-size: 16px !important; line-height: 26px !important; }
    #cms_login_box .element_box > label { font-weight: 700 !important; font-size: 16px !important; line-height: 26px !important; }
    #cms_login_box input#txtPwd { padding: 5px 40px 5px 10px !important; }
    #cms_login_box .frmPwdShow { right: 11px; }
    #cms_login_box .frmPwdShow:before { font-size: 20px !important; line-height: 20px !important; }
    #cms_login_box .element_info_box { font-weight: 400 !important; font-size: 14px !important; line-height: 18px !important; }
}