@import url('./Globals.css');
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter-Italic";
    src: url("../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto-Italic";
    src: url("../fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

* {
    padding: 0px;
    margin: 0px;
    font-size: var(--font_size_value);
    font-family: var(--primary_font_family) !important;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) var(--box-shadow);
}

*::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

*::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 10px;
    border: 1px solid var(--box-shadow);
}

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

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

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

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

.width300 {
    width: 300px !important;
}

#dynarea {
    background-image: url(../Images/Sure_new.png), url(../Images/login_bg2.jpg);
    background-position: 96% 3.5em, center center;
    background-size: 140px, cover;
}

#dynarea .login {
    width: 100% !important;
}

.loginhead {
    display: none;
    background: none;
}

.loginsurelogo,
.arrow {
    display: none;
}

#dynarea #ctl00_uxPgCPH_uid,
#dynarea #ctl00_uxPgCPH_pwd {
    width: calc(100% - 2px);
}

.loginhd {
    padding-top: 1em;
}

.newPageTheme input.logininputtext {
    width: 100%;
}

.loginbtnsave {
    width: 100%;
    background-image: none !important;
    box-shadow: 0px 3px 1px -2px var(--box-shadow), 0px 2px 2px 0px var(--box-shadow1), 0px 1px 5px 0px var(--box-shadow2);
    background: var(--btn_background) !important;
    color: white;
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: var(--transparent);
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    font-weight: var(--font-weight-normal);
    border: 0.1px solid rgba(255, 255, 255, 0.6);
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

    .loginbtnsave:hover {
        background: var(--btn_background_hover) !important;
        box-shadow: 0px 5px 5px -3px var(--box-shadow), 0px 8px 10px 1px var(--box-shadow1), 0px 3px 14px 2px var(--box-shadow2);
    }

.loginnw {
    color: white;
    background: var(--transparent) !important;
    width: 350px;
    border-radius: 0 !important;
    float: unset;
    margin-top: 8em;
}

.loginuidpwd,
.forgotpwdlink .hyperlink {
    color: white;
}

@media only screen and (max-width: 940px) and (max-device-width: 940px) {
    .loginnw {
        margin-top: unset;
        margin-left: auto;
        margin-right: auto;
    }

    #dynarea {
        height: 428px;
        /* background-image: url(../images/login-img-mbl.jpg); */
        background-position: 96% 3.5em, center left;
    }

    .loginbtnsave {
        position: unset;
        right: unset;
    }

    .userwc {
        text-overflow: ellipsis;
        max-width: 70%;
    }
}

.main-wrapper {
    max-width: unset !important;
}

.pro-page-content {
    height: 100%;
    display: flex;
}

#userlcomenu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    white-space: nowrap;
}

.welcentitybaldiv {
    margin-right: 15px;
}

.lblwelcentitybal,
.lblwelcentitybal .currency {
    font-size: 11px !important;
}

.lblwelcentitybal .entitydtllabel {
    font-size: var(--font-size-anchor) !important;
}

.welcusernamediv {
    position: relative;
    padding-top: unset;
}

.welcusernamediv:after {
    top: 50%;
    margin-top: 0;
    border-color: white var(--transparent);
    transform: translateY(-50%);
}

.lblwelcentityname {
    font-size: unset;
}

.lcousernamediv {
    position: unset;
    top: unset;
    right: unset;
    z-index: unset;
    padding: 0;
    cursor: none;
}

.lblwelcusername {
    padding-right: 20px;
}

.lblwelcentitybal .currency {
    color: unset;
}

.newPageTheme .forgotpwdlink {
    padding: 0 4em;
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.newPageTheme .forgotpwdlink a:only-child {
    margin: 0 auto;
}

.newPageTheme .logininputcontrol {
    padding: 0 4em;
}

td.pagecontent {
    background: var(--page_background) !important;
}

.pagecontent1 {
    padding: 0 12px !important;
    padding-bottom: 50px !important;
}

.newPageTheme SELECT.text,
.newPageTheme .select,
.newPageTheme .searchctrlselect,
.newPageTheme .mailselect {
    background-image: url(../images/dropdown-arrow-blue.png) !important;
}

.newPageTheme input.select {
    background-image: url(../images/dropdown-arrow-input-blue.png) !important;
    height: 26px !important;
}

.gridcolumnhead th,
.gridcolumnhead th div,
.newPageTheme .gridtable .subhead th,
.newPageTheme .gridtable .subhead td,
.k-grid .k-grid-header .k-header,
.k-grid .k-grid-header th.k-header > .k-link {
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--font_size_value) !important;
    color: black !important;
    background-color: #eaeaea !important;
    border-bottom: none !important;
    font-family: var(--grid_font_family) !important;
    border-left: none !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.tabs li.tabs-selected a.tabs-inner,
.frm723 .nodetext {
    font-weight: var(--font-weight-normal) !important;
}

.newPageTheme .searchcontrol {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.newPageTheme .gridcolumnhead th:first-child {
    padding-left: 4px !important;
}

/*.newPageTheme div.heading,*/
.newPageTheme TR.contenthead,
.newPageTheme TR.contenthead td:first-child,
.newPageTheme .subhead td,
.cart-panel-title,
.newPageTheme #ctl00_uxPgCPH_pnlschreport legend,
.newPageTheme .listbackgroundhead,
.productheading,
.modifysubs,
.ui-datepicker-today .ui-state-active {
    color: var(--menu_hover) !important;
}

.newPageTheme .titlerow-bg,
.ui-datepicker-header,
.ui-datepicker-today,
.ui-datepicker-today .ui-state-default,
.ui-datepicker-buttonpane .ui-datepicker-current,
.newPageTheme .srchctl .titlerow {
    background-color: var(--btn_background);
}

.newPageTheme .srchctl .success,
.newPageTheme .srchctl .error,
.newPageTheme .error-bg {
    background-color: var(--btn_background) !important;
}

.newPageTheme A.contenthead {
    border-color: var(--content_head);
}

.langdiv {
    margin-right: 15px;
}

.langMenu {
    position: relative;
    height: 37px;
}

/* Lang dropdown */
#langdivnew .langMenu > li:hover ul#ctl00_langddnew,
#langdivnew .langMenu > li:hover ul.clsUlLangAddNew,
#ctl00_langdivnew .langMenu > li:hover ul#ctl00_langddnew,
#ctl00_langdivnew .langMenu > li:hover ul.clsUlLangAddNew,
#langdiv .langMenu > li:hover ul#ctl00_langddnew,
#langdiv .langMenu > li:hover ul.clsUlLangAddNew {
    display: block !important;
}

.langMenu li a.clsAnchorLblNew {
    padding: 8.5px 6px !important;
}

.langMenu li a {
    color: var(--lang_list_text);
}

.langMenu li ul li a:link, .langMenu li ul li a:visited {
    background-color: var(--lang_list);
}

.langMenu li ul li a:hover {
    background-color: var(--lang_hover);
}

.langMenu li ul {
    background-color: var(--lang_list_bckgrnd);
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    margin: 0;
}

.langnew,
.uernme-welcome {
    color: white;
    font-size: 11px;
    font-weight: var(--font-weight-normal);
    cursor: pointer;
}

.ui-angular-page-menu-item {
    cursor: pointer;
}

.mblmqlogo {
    width: 100%;
    height: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.productlogo {
    width: 70px;
    height: auto;
    margin-top: 10px;
}

.userwc {
    height: 20px;
    font-size: var(--font_size_value);
    text-align: left;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}

.uernme-welcome {
    padding: 8px 15px;
}

.uernme-welcome:after {
    /* Little arrow */
    border-color: white var(--transparent);
}

.uernme-welcome.active {
    color: white !important;
    background: var(--uernme_menu_hover);
    border-radius: 0;
}

.uernme-welcome .dropdown {
    background: var(--uernme_menu_bckgrnd);
    border: unset;
}

.uernme-welcome .dropdown li a {
    padding: 5px 0;
}

.uernme-welcome .dropdown li:hover, 
.uernme-welcome .dropdown li a:hover {
    background: var(--menu_hover);
}

.uernme-welcome .dropdown li a {
    font-size: var(--font-size-anchor);
}

.position-relative {
    position: relative;
}

.showvertmenuclassPlaceholder {
    width: 79px;
    height: 100%;
}

.showvertmenuclass.operationsMenu {
    height: 100vh;
    position: fixed;
    left: 0;
    z-index: 10000;
    background: var(--primary-color);
}

.newThemeCont:not(:has(#tbllogin)) {
    width: 100%;
}

@media (max-width: 992px) and (min-width: 627px) {
    .newThemeCont:not(:has(#tbllogin)):not(:has(.lcoLoginPage)) {
        width: calc(100% - 55px) !important;
    }
}

div.header {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    z-index: 9999;
}

div.pageheader2 {
    position: relative;
    min-height: 25px;
    background: var(--primary-color);
    border-bottom: none;
}

.logomenu {
    width: 100%;
    margin: 0;
    padding: 0;
}

.logomenutr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.logomenutr .logomenutd {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.logomenu.lcologomenu {
    padding-top: 2px;
    padding-bottom: 2px;
}

td:has(table.vertmenubg) {
    background: var(--primary-color);
}

.mqlogo:has(.mqlogoSettings),
.mqlogoSettings {
    width: 200px;
    background: var(--primary-color);
}

.mqlogo .productlogo {
    margin-top: 9px;
}

.mqlogo:has(.mqlogoSettings) .productlogo {
    margin-top: 0px;
}

.mobilehdrdiv {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.selected {
background-color: var(--transparent);
color: #333;
border-bottom: 4px solid #f9b629;
position: relative;
top: 2px;
}*/
#nav {
    margin-top: 15px;
    float: none;
    width: 100%;
}

#nav li ul {
    background: none !important;
}

#nav li a {
    position: relative;
    padding: 0.625rem;
    font-size: var(--font-size-anchor) !important;
    color: #a6b0cf;
    background: none;
}

#nav li a.active,
#nav li a.currentnavmenu {
    background: none;
    color: white;
    font-weight: var(--font-weight-normal);
}

.vertmenubg .showvertmenuclass {
    min-width: 200px;
    padding-bottom: 35px;
}

.vertmenubg .showvertmenuclass #nav {
    margin-top: unset;
}

.vertmenubg .showvertmenuclass #nav li a {
    position: relative;
    font-size: 11px;
}

.showvertmenuclass #nav li a:hover {
    font-weight: var(--font-weight-normal);
}

.ui-setting-menu-drop-img {
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.showvertmenuclass #nav li ul a.currentmenu:hover {
    background: unset !important;
}

.showvertmenuclass #nav li ul a.currentmenu {
    background: unset !important;
}

#nav li ul li a {
    background: unset !important;
}

#nav li ul li a.currentmenu:hover,
#nav li ul li a.currentmenu {
    color: white;
    font-weight: var(--font-weight-normal);
}

.showvertmenuclass {
    background: var(--primary-color);
}

.showvertmenuclass #nav li a:hover,
.showvertmenuclass #nav li ul a:hover {
    background: none !important;
    color: white;
}

.relatedlinksdrpdown ul li {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.relatedlinksdrpdown ul li:hover {
    background-color: #37474f;
}

.relatedlinksdrpdown ul li a {
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    display: block;
}

.relatedlinksdrpdown ul li a:hover {
    color: white;
}

#hrmenu {
    /*width: 100% !important;*/
    height: 100% !important;
    /*margin-top: 15px;*/
    margin-left: unset;
    /*overflow-y: auto;*/
}

#hrmenu > li {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#hrmenu > li .ui-parent-menu-icon {
    width: 18px;
    padding: 5px 15px;
    border-radius: 4px;
}

#hrmenu > li .ui-parent-menu-icon-desc {
    margin-top: 5px;
}

#hrmenu > li.ui-solo-menu img {
    margin-bottom: 5px;
}

#hrmenu > li .ui-parent-menu-icon-desc,
#hrmenu > li.ui-solo-menu > a {
    color: var(--menu_font_color);
    font-size: 10px;
    text-align: center;
    word-wrap: break-word;
    white-space: break-spaces;
}

#hrmenu > li > div {
    width: 57px;
    padding: 5px 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#hrmenu > li.ui-solo-menu {
    width: 65px;
    padding: 5px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#hrmenu > li.ui-solo-menu:first-child {
    margin-top: 5px;
}

#hrmenu > li.ui-solo-menu > a {
    height: unset !important;
    display: flex;
    flex-direction: column;
}

#hrmenu > li:not(.ui-setting-menu):not(.ui-solo-menu) > a {
    display: none !important;
}

#hrmenu > li:hover > div,
#hrmenu > li:focus > div,
#hrmenu > li:active > div,
#hrmenu > li:visited > div,
#hrmenu > li.selected.ui-solo-menu,
#hrmenu > li.ui-solo-menu:hover,
#hrmenu > li.ui-solo-menu:focus,
#hrmenu > li.ui-solo-menu:active,
#hrmenu > li.ui-solo-menu:visited {
    color: white;
    background: rgba(0, 0, 0, 0.4) !important;
}

#hrmenu > li.selected.ui-solo-menu > a {
    color: white;
    border-bottom: none !important;
}


#hrmenu > li:hover .ui-parent-menu-icon,
#hrmenu > li:focus .ui-parent-menu-icon,
#hrmenu > li:active .ui-parent-menu-icon,
#hrmenu > li:visited .ui-parent-menu-icon {
    filter: invert(100%) hue-rotate(180deg);
}

#hrmenu > li:hover .ui-parent-menu-icon-desc,
#hrmenu > li:focus .ui-parent-menu-icon-desc,
#hrmenu > li:active .ui-parent-menu-icon-desc,
#hrmenu > li:visited .ui-parent-menu-icon-desc {
    color: var(--menu_selected_font_color);
}

#hrmenu > li.selected {
    position: unset;
}

#hrmenu > li.selected > div {
    background: rgba(0, 0, 0, 0.4);
}

#hrmenu > li.selected .ui-parent-menu-icon {
    filter: invert(100%) hue-rotate(180deg);
}

#hrmenu > li.selected .ui-parent-menu-icon-desc {
    color: var(--menu_selected_font_color);
}

#hrmenu > li .ui-parent-menu-icon {
    width: 20px;
    padding: 3px 12px;
    filter: invert(80%) hue-rotate(180deg);
}

#hrmenu > li:not(.ui-solo-menu) > a {
    width: 180px;
    position: absolute;
    left: 100%;
    z-index: 1;
    justify-content: start;
    color: #a6b0cf;
    background:  var(--primary-color);
    font-size: var(--font-size-anchor) !important;
}

#hrmenu > li > a:hover {
    color: white;
    border-bottom: unset;
}

#hrmenu > li:not(.ui-solo-menu):not(.ui-setting-menu) > a,
#hrmenu > li:not(.ui-solo-menu):not(.ui-setting-menu).selected > a {
    display: none;
    color: black;
    border-bottom: none;
    font-weight: var(--font-weight-bold);
}

    #hrmenu > li.selected:not(.ui-setting-menu):not(.ui-solo-menu) > a {
        box-shadow: 0px 2px 1px -1px var(--box-shadow1), 0px 1px 1px 0px var(--box-shadow1), 0px 1px 3px 0px var(--box-shadow2);
    }

#hrmenu > li:hover > a,
#hrmenu > li:focus > a,
#hrmenu > li:active > a,
#hrmenu > li:visited > a {
    display: flex;
}

.ui-parent-menu > .ui-state-active + a,
#hrmenu > li.selected:not(.ui-solo-menu) > a {
    background: white !important;
}

.ui-menu-item.ui-setting-menu > .ui-state-active {
    border-bottom: none !important;
}

.ui-parent-menu > .ui-state-active {
    border: none !important;
}

.uploadslinksdrpdown ul li {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.uploadslinksdrpdown ul li:hover {
    background-color: #37474f;
}

.uploadslinksdrpdown ul li a {
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    display: block;
}

.uploadslinksdrpdown ul li a:hover {
    color: white;
}

#hrmenu > li {
    position: unset;
}

#hrmenu > li > ul {
    padding: 10px;
    /*    top: 0px !important;*/
    /*    left: 100% !important;*/
    background: var(--primary-color);
    border: none;
    /*border-radius: 4px;*/
    box-shadow: 0px 2px 1px -1px var(--box-shadow), 0px 1px 1px 0px var(--box-shadow1),
        0px 1px 3px 0px var(--box-shadow2);
    column-gap: 15px;

    padding-top: 35px;
    left: 81px !important;
    max-height: calc(100vh - 120px);
    width: max-content;
    border-radius: 5px;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
}

#hrmenu > li > ul > li::after {
    content: '';
    width: 26px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
}

#hrmenu > li > ul.override-position {
    top: 6px !important;
    cursor : auto !important;
}

.ui-menu-info {
    width: 100%;
    position: absolute;
    color: white;
    top: 5px;
    left: 0;
    pointer-events: none;
    border: none !important;
}

.ui-menu-info-img {
    padding-left: 0 !important;
    pointer-events: none;
}

#hrmenu .ui-menu-info-img .ui-parent-menu-icon {
    filter: invert(100%) hue-rotate(180deg) !important;
}

/*#hrmenu > li > ul::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #2a3042;
    z-index: 1;
}

#hrmenu > li > ul::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    width: 0;
    height: 100%;
    border-right: 1px solid #2a3042;
}*/

#hrmenu > li > ul.ui-menu > li,
#hrmenu > li > ul.ui-menu > li > ul.ui-menu > li {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
}

/*#hrmenu > li > ul.ui-menu > li::after,
#hrmenu > li > ul.ui-menu > li > ul.ui-menu > li::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -11px;
    width: 21px;
    height: 0;
    border-bottom: 1px solid #2a3042;
    z-index: 1;
}*/

#hrmenu > li > ul > li > ul {
    padding: 10px;
    left: 266px !important;
    background: var(--primary-color);
    box-shadow: 0px 2px 1px -1px var(--box-shadow), 0px 1px 1px 0px var(--box-shadow1), 0px 1px 3px 0px var(--box-shadow2);
    border-radius: 5px;
}

#hrmenu > li > ul > li > ul > .ui-menu-info {
    display: none;
}

#hrmenu > li > ul > li > a,
#hrmenu > li > ul > li > ul > li > a {
    width: 100%;
    display: block;
    height: auto;
    background: var(--transparent);
    white-space: nowrap;
    overflow: hidden;
    font-size: var(--font-size-anchor);
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, 0.7);
    border: 0;
    /*border-radius: 4px*/
}

#hrmenu > li > ul > li > a > span,
#hrmenu > li > ul > li > ul > li > a > span {
    font-size: var(--font-size-anchor)  !important;
    padding: 5px 10px;
}

#hrmenu > li > ul > li:has(a.ui-state-active) > a {
    color: white;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
}

#hrmenu > li > ul > li:not(.selected) > a:hover,
#hrmenu > li > ul > li > ul > li:not(.selected) > a:hover {
    /*margin: -1px 0;*/
    color: white;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
}

.mainmenuitemhover,
.selected {
    border-bottom: none;
    top: 0;
}

.ui-menu-item.ui-state-active:hover > ul.ui-menu {
    display: block !important;
}

.ui-state-active:not(.ui-menu-icon):not(:has(.ui-parent-menu-icon)),
.ui-widget-content .ui-state-active:not(.ui-menu-icon):not(:has(.ui-parent-menu-icon)),
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: white;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
}

.ui-solo-menu .ui-state-active:not(.ui-menu-icon):not(:has(.ui-parent-menu-icon)),
.ui-solo-menu .ui-widget-content .ui-state-active:not(.ui-menu-icon):not(:has(.ui-parent-menu-icon)) {
    background: unset;
    border-radius: unset;
}

#hrmenu .ui-widget-content .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
    margin: auto;
}

#hrmenu li.ui-state-active .ui-icon,
li.ui-menu-item:hover > .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
}

#hrmenu > li > ul > li:not(.selected) > a:hover + .ui-menu-icon,
#hrmenu > li > ul > li > ul > li:not(.selected) > a:hover + .ui-menu-icon {
    margin: auto;
}

.ui-state-focus a,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-active > a:visited,
.ui-state-active a,
.ui-state-active a:link {
    color: white;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
}

#hrmenu > li > ul > li.selected::after,
#hrmenu > li > ul > li > ul > li.selected::after {
    border-bottom: none;
}

#hrmenu > li > ul > li.selected > a,
#hrmenu > li > ul > li > ul > li.selected > a {
    font-weight: var(--font-weight-bold);
    color: white;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: unset;
}

.ui-widget-content a {
    color: var(--menu_font_color);
}

ul:not(.ui-autocomplete) .ui-menu-item:hover {
    background-color: var(--menu_hover) !important;
}

.ui-autocomplete .ui-menu-divider {
    display: none;
}

.ui-menu-item:hover {
    background-color: var(--menu_hover);
}

#hrmenu > li > ul > li > a,
#hrmenu > li > ul > li > ul > li > a {
    padding: 7px 0;
    /*    border-right: 1px solid rgba(0, 0, 0, 0.1);*/
}

#hrmenu > li > ul > li > a:nth-child(n + 3),
#hrmenu > li > ul > li > ul > li > a:nth-child(n + 3) {
    border-right: unset;
}

.btnsave,
.btnsearch,
.btnclose,
.btnlong,
.button,
.longbutton,
.longbutton1,
.dislongbutton,
/*.btncancel,*/
.btnadd, .loginbtnsave, .loginbtnsave, .btnupdate, .btnback, .btnnext, .btntopbar {
    background-image: none;
    background-color: var(--btn_background);
    border: 1px solid var(--btn_background) !important;
    cursor: pointer;
}

.btncancel {
    cursor: pointer;
}

.btnsave:hover,
.btnsearch:hover,
.btnclose:hover,
.btnlong:hover,
.button:hover,
.longbutton:hover,
.longbutton1:hover,
.dislongbutton:hover,
.btnadd:hover,
.loginbtnsave:hover,
A.contenthead:hover,
.btnupdate:hover,
.btntopbar:hover {
    background-image: none;
    background-color: #3f51b5;
}

.btnclose:hover,
.btncancel:hover,
.btndelete:hover,
.btnreset:hover,
#ctl00_uxPgCPH_btncancel:hover {
    border: 1px solid var(--btn_background) !important;
}

.newPageTheme .btnsave:hover,
.newPageTheme .btnsearch:hover,
.newPageTheme .btnclose:hover,
.newPageTheme .btnlong:hover,
.newPageTheme .button:hover,
.newPageTheme .longbutton:hover,
.newPageTheme .longbutton1:hover,
.newPageTheme .dislongbutton:hover,
.newPageTheme .btnadd:hover,
.newPageTheme .loginbtnsave:hover,
.newPageTheme A.contenthead:hover,
.newPageTheme .btntopbar:hover,
.newPageTheme .btnupdate:hover {
    background-image: none;
    background-color: var(--btn_background);
}

.btnsave,
.btnclose,
.btnsearch,
.btnlong,
.button,
.longbutton,
.longbutton1,
.dislongbutton,
.loginbtnsave,
.loginbtnsave,
.btnupdate,
.btnback,
.btnnext,
.btntopbar {
    background-image: unset !important;
    background-color: var(--btn_background) !important;
}

.btnsave.outline,
.btnclose.outline,
.btnsearch.outline,
.btnlong.outline,
.button.outline,
.longbutton.outline,
.longbutton1.outline,
.dislongbutton.outline,
.loginbtnsave.outline,
.loginbtnsave.outline,
.btnupdate.outline,
.btnback.outline,
.btnnext.outline,
.btntopbar.outline {
    background-color: white !important;
    color: var(--btn_background) !important;
    transition: 0.3s ease-in-out all;
}

.btnsave:hover,
.btnclose:hover,
.btnsearch:hover,
.btnlong:hover,
.button:hover,
.longbutton:hover,
.longbutton1:hover,
.dislongbutton:hover,
.loginbtnsave:hover,
.loginbtnsave:hover,
.btnback:hover,
.btnnext:hover,
.btntopbar:hover {
    background-image: unset !important;
    background-color: var(--btn_background) !important;
}

.btnsave.outline:hover,
.btnclose.outline:hover,
.btnsearch.outline:hover,
.btnlong.outline:hover,
.button.outline:hover,
.longbutton.outline:hover,
.longbutton1.outline:hover,
.dislongbutton.outline:hover,
.loginbtnsave.outline:hover,
.loginbtnsave.outline:hover,
.btnback.outline:hover,
.btnnext.outline:hover,
.btntopbar.outline:hover {
    background-color: var(--btn_background) !important;
    color: white !important;
}

.btnadd,
.btndelete,
.btnupdate,
A.contenthead {
    border-color: var(--content_head) !important;
}

.btnadd:hover,
.btndelete:hover,
.btnupdate:hover,
A.contenthead:hover {
    border-color: var(--btn_background) var(--btn_background) var(--btn_background) !important;
}

.calendar thead .title,
.calendar tfoot .ttip,
.calendar tbody td.today {
    background: var(--btn_background);
}

.frm10056 .parentmenudivcls .k-grid-cancel-changes:hover,
.frm10056 .menusdivcls .k-grid-cancel-changes:hover {
    border: 1px solid var(--btn_background);
}

div.footer {
    height: var(--footer_height);
    background-color: var(--footer_color);
}

a.FooterText:link,
a.FooterText:visited,
a.FooterText:hover {
    font-size: 11px !important;
    color: var(--footer_link_hover);
    display: inline;
    overflow: hidden;
    text-align: left;
}

.mqbrand {
    width: 100%;
    height: var(--footer_height);
    display: flex;
    align-items: center;
    justify-content: end;
}

.mqbrandimg {
    float: unset;
    padding-right: 0;
    filter: brightness(0.25);
}

.newPageTheme .copyright {
    height: unset;
    padding-left: 0;
}

.brandcopyright {
    padding: 0 15px;
    line-height: var(--footer_height);
    box-sizing: border-box;
}

BODY.Master {
    background-color: var(--content_background);
}

.newPageTheme .custinter {
    height: unset !important;
}

#ctl00_uxPgCPH_CurrentInteractionCtrl_currentinteractioninfo .gridoverflow {
    height: 229px !important;
}

.newPageTheme TR.contenthead,
TR.contenthead,
.pagination-section .page-number.active,
.newPageTheme .title,
.div2,
.newoptionlnk,
.gridcolumnhead th a,
.filter-div a,
.page-quick-linklabel,
.popcls1,
.newPageTheme .headingText,
.class1,
.modSlabsLink,
.schemeRecLink,
.schemeUsgLink,
.schemeNrcLink,
.curscolorweight,
.curscolorfont,
.class2,
#divAddCustoms,
#tabulercolumns,
#divGraph,
#divGraph a,
#lblclrfltrdiv,
#clear,
#divIncexcItems,
.seccontenthead,
.newPageTheme .anlink {
    color: var(--btn_background);
}

.download-btn {
    background-color: var(--btn_background);
}

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

.newPageTheme .ActiveTab {
    color: black !important;
    border-bottom-width: 1px !important;
    border-color: #005cbb !important;
}

.search input {
    border-bottom-color: var(--btn_background) !important;
}

.newserotheritem {
    background-image: url(../Images/dropdown-arrowbeforeselect-blue.png) !important;
}

.newserother {
    background-image: url(../Images/dropdown-arrownew-blue.png) !important;
}

#hrmenu:has(li.ui-setting-menu) {
    margin: 0;
}

#hrmenu > li.ui-setting-menu {
    padding: 0 10px;
    display: inline-block;
}

#hrmenu > li.ui-setting-menu > a {
    display: inline;
    position: unset;
    padding: 0;
    color: rgba(255, 255, 255, 0.6);
    background: none;
    border: none;
    font-weight: var(--font-weight-normal);
}

#hrmenu > li.ui-setting-menu.selected > a {
    background: none !important;
    color: var(--menu_selected_font_color);
}

.showiframeclass {
    border: 0;
}

.newPageTheme input.text,
.newPageTheme input.inputtext,
.newPageTheme INPUT.price,
.newPageTheme input.logininputtext,
.newPageTheme textarea,
.newPageTheme TEXTAREA.text,
.newPageTheme .textarea,
.newPageTheme .searchctrltext,
.newPageTheme .searchctrlselect,
.newPageTheme .select,
.newPageTheme SELECT.text,
.newPageTheme span.inputtext,
.newPageTheme span.select,
.newPageTheme span.text,
.newPageTheme .mailselect,
#ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile {
    font-size: var(--font_size_value) !important;
    border-radius: 4px !important;
    border-color: rgba(204, 204, 204, 1) !important;
}

.select .k-multiselect-wrap {
    border-radius: 4px !important;
    border: 1px solid rgba(204, 204, 204, 1) !important;
    padding: 0px !important;
    min-height: 30px !important;
    background-image: url(../images/dropdown-arrow-blue.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
}

input:disabled {
    cursor: default;
}

.newPageTheme .pagination span {
    background: var(--btn_background) !important;
    padding: 5.5px 10px !important;
}

.newPageTheme .pagination span:hover {
    background: var(--btn_background_hover) !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: var(--primary-color);
    background-image: unset !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

ul:not(.ui-autocomplete).ui-widget-content,
ul:not(.ui-autocomplete).ui-widget.ui-widget-content {
    border: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: white;
}

/*.ui-button .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png);
}*/

.styleclass1 {
    width: 76px !important;
}

.btnupdate,
.btnupdate:hover {
    color: white !important;
}

.pagedocument {
    background: var(--page_background) none repeat scroll 0 0 !important;
    width: 100% !important;
    margin: 0px !important;
}

table.titleholder {
    height: unset;
    padding: 10px 0;
}

div.title:not(:has(.ActionParamTitle)) {
    padding-left: 0 !important;
    font-weight: var(--font-weight-normal) !important;
}

div.tittlewrapper {
    margin-left: 0 !important;
    font-weight: var(--font-weight-normal) !important;
}

div.pagetitle {
    padding-left: 0px !important;
    color: black !important;
    font-size: 15px !important;
    font-weight: var(--font-weight-normal) !important;
}

.newsection {
    width: calc(100% - 30px) !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    border-radius: 10px;
    box-shadow: 0px 2px 1px -1px var(--box-shadow1), 0px 1px 1px 0px var(--box-shadow1), 0px 1px 3px 0px var(--box-shadow2);
}

.newsection .newsection {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

.newPageTheme .section {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    padding: 15px 0 !important;
    box-shadow: 0px 2px 1px -1px var(--box-shadow1), 0px 1px 1px 0px var(--box-shadow1), 0px 1px 3px 0px var(--box-shadow2);
}

.newPageTheme .section .section {
    margin: 0px !important;
    padding: 0px !important;
    box-shadow: none !important;
}

.newPageTheme .sectionheading:not(:has(.heading)) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sectionheading:not(.qualiheader) {
    height: unset !important;
    margin-bottom: 15px;
    font-weight: var(--font-weight-normal);
}

.newPageTheme div.heading {
    position: unset;
    margin-left: 13px;
    color: black !important;
    font-size: 14px;
    font-weight: var(--font-weight-bold) ;
}

.newPageTheme div.actionbutton {
    position: unset !important;
    float: unset !important;
    height: unset;
    margin: 15px 15px 0 !important;
}

.newPageTheme .sectionheading div.actionbutton {
    margin: 0 15px 0 0 !important;
}

.newPageTheme A {
    font-size: var(--font_size_value) !important;
    color: #005cbb;
    text-align: center;
    text-decoration: none;
/*    transition: all 0.3s ease;*/
}

.newPageTheme A:hover {
    color: #005cbb;
    text-decoration: underline;
}

.actionbutton a {
    position: unset !important;
    margin-left: 15px;
}

TR.contenthead td:first-child {
    font-weight: var(--font-weight-normal) !important;
    white-space: nowrap;
}

/*.lbltext,*/
.newPageTheme .oldsubelement.systemviewfilterlabel,
.newPageTheme .subelement.systemviewfilterlabel,
.sysviewnamedropdiv .subelement,
.optionaltext1,
.optionaltext2,
.optionaltext3,
.labelText,
.labelText1,
.labelText3,
.labelText2,
.requiredField,
.requiredField2,
.requiredField3,
.requiredField4,
.requiredField5,
.requiredField6,
.FlexRequiredField2,
.requiredField7,
.requiredtext1,
.requiredtext2,
.requiredtext3,
.flexoptionaltext1,
.flexoptionaltext2,
.flexoptionaltext3,
.flexrequiredtext1,
.flexrequiredtext2,
.flexrequiredtext3,
.optionaltext1 span,
.optionaltext2 span,
.optionaltext3 span,
.labelText span,
.labelText1 span,
.labelText3 span,
.labelText2 span,
.requiredField span,
.requiredField2 span,
.requiredField3 span,
.requiredField4 span,
.requiredField5 span,
.requiredField6 span,
.FlexRequiredField2 span,
.requiredField7 span,
.requiredtext1 span,
.requiredtext2 span,
.requiredtext3 span,
.flexoptionaltext1 span,
.flexoptionaltext2 span,
.flexoptionaltext3 span,
.flexrequiredtext1 span,
.flexrequiredtext2 span,
.flexrequiredtext3 span {
    position: relative;
    line-height: 13px !important;
    padding: 0px;
    font-size: var(--font_size_label) !important;
    font-weight: var(--font-weight-normal) !important;
    color: #41533f !important;
}

.newPageTheme:not(:has(.sysviewnamedropdiv)) .oldsubelement:not(.inputcontrol, .systemviewfilterlabel),
.newPageTheme:not(:has(.sysviewnamedropdiv)) .subelement:not(.inputcontrol, .systemviewfilterlabel) {
    min-height: 32px !important;
    /*    padding: 0px;*/
    line-height: 14px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*    justify-content: end;*/
}

.newPageTheme:not(:has(.sysviewnamedropdiv)) td.oldsubelement:not(.inputcontrol, .systemviewfilterlabel),
.newPageTheme:not(:has(.sysviewnamedropdiv)) td.subelement:not(.inputcontrol, .systemviewfilterlabel) {
    display: table-cell;
    /*    display: inline-flex;*/
}

.newPageTheme:not(:has(.sysviewnamedropdiv)) td.disgridlabel,
.newPageTheme:not(:has(.sysviewnamedropdiv)) td.disgridtext,
.newPageTheme:not(:has(.sysviewnamedropdiv)) td.disgridlabel,
.newPageTheme:not(:has(.sysviewnamedropdiv)) td.disgridtext {
    min-height: 32px !important;
    line-height: 14px !important;
    /*    display: table-cell !important;*/
    flex-direction: row;
    align-items: center;
}

.newPageTheme .skipline:has([id*="_newsectionid"]),
.newPageTheme .fwkclass:has([id*="_newsectionid"]),
.newPageTheme .section:has([id*="_newsectionid"]) {
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.newPageTheme:not(:has(.sysviewnamedropdiv)) td.disgridlabel {
    padding-right: 2px !important;
}

.newPageTheme:not(:has(.sysviewnamedropdiv)) td.disgridtext {
    padding-left: 3px !important;
}

.newPageTheme .oldsubelement:not(.inputcontrol) span,
.newPageTheme .subelement:not(.inputcontrol) span {
    line-height: 11px !important;
}

.ActiveTab,
.InActiveTab,
.InActiveTabLeft,
.InActiveTabRight,
.InActiveTabMid {
    font-weight: var(--font-weight-normal) !important;
}

.newPageTheme table.gridcolumnhead {
    height: unset;
}

.newPageTheme div.buttons {
    height: unset;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: end;
}

.newPageTheme div.buttons:has(.cmdbutton):has(.formbutton) {
    justify-content: space-between !important;
}

.newPageTheme div.buttons:has(div > .formbutton:not(:has(.btnsearch))):has(> .formbutton),
.newPageTheme div.buttons:has(.cmdbutton):has(.formbutton) {
    justify-content: space-between;
}

/*.frm259 .formbutton:has(.btnsearch) {
    text-align: left !important;
}*/

.newPageTheme .sectionheading div.actionbutton {
    width: 99% !important;
}

.newPageTheme:not(:has(.section)) div.buttons .formbutton :last-child,
.newPageTheme div.buttons.w-100-30 :last-child,
.newPageTheme .formbutton :last-child,
.newPageTheme div.actionbutton :last-child,
.newPageTheme .sectionheading div.actionbutton :last-child {
    margin-right: 0 !important;
}

.newPageTheme .section div.buttons {
    padding: 15px 0 0 0;
}

.newPageTheme .section .grid {
    padding-bottom: 0 !important;
}

div.formbutton {
    margin: 0 !important;
    float: unset !important;
}

div.formbutton > button:last-child,
div.formbutton > input:last-child {
    margin-right: 0 !important;
}

.topclass {
    top: unset !important;
    right: 0 !important;
    bottom: 52px !important;
}

.topclass a {
    color: white;
}

.btnsave:hover,
.btnclose:hover,
.btnsearch:hover,
.btnlong:hover,
.button:hover,
.longbutton:hover,
.longbutton1:hover,
.dislongbutton:hover,
.loginbtnsave:hover,
.loginbtnsave:hover,
.btnupdate:hover,
.btnback:hover,
.btnnext:hover,
.btntopbar:hover {
    background-color: var(--btn-hover) !important;
}

.section .btncancel,
.section .btnclose,
.section .btndelete,
.section .btnreset,
.section #ctl00_uxPgCPH_btncancel,
.section .btnreset,
.section #ctl00_uxPgCPH_btnCancel,
.section #ctl00_uxPgCPH_btncancel1 {
    border: 1px solid rgb(204, 204, 204, 1) !important;
    color: var(--btn_font_color) !important;
    background-color: var(--content_head) !important;
}

.section .btncancel:hover,
.section .btnclose:hover,
.section .btndelete:hover,
.section .btnreset:hover,
.section #ctl00_uxPgCPH_btncancel:hover,
.section .btnreset:hover,
.section #ctl00_uxPgCPH_btnCancel:hover,
.section #ctl00_uxPgCPH_btncancel1:hover {
    border: 1px solid var(--btn_background) !important;
}

.newPageTheme .gridcolumnhead,
.newPageTheme .subhead {
    border-bottom: none !important;
}

.newPageTheme div.gridfields:not(.qualidetails):not(.priceplanpricing) {
    width: calc(100% - 30px) !important;
    margin: 15px 15px 0 15px !important;
    overflow: auto;
}

.newPageTheme .griditem:last-child,
.newPageTheme .altgriditem:last-child,
.griditem:last-child td,
.altgriditem:last-child td {
    border-bottom: none !important;
}

.div-tabs {
    border-bottom: 1px solid #d2d2d2;
    margin: 0 15px;
}

.dvcustinf {
    width: calc(100% - 30px) !important;
    margin: 15px 15px 0 15px !important;
}

.newPageTheme .gridcolumnhead th {
    height: unset !important;
    padding: 10px 4px !important;
    color: black !important;
    font-size: var(--font_size_value) !important;
    font-weight: var(--font-weight-bold) !important;
    background-color: var(--content_background) !important;
}

.newPageTheme .griditem,
.newPageTheme .altgriditem {
    height: unset !important;
}

.newPageTheme .griditem:hover,
.newPageTheme .altgriditem:hover,
.newPageTheme .griditem:hover a,
.newPageTheme .altgriditem:hover a,
.newPageTheme .griditem:hover span,
.newPageTheme .altgriditem:hover span {
    background-color: var(--grid-hover) !important;
}

.newPageTheme .griditem > td:first-child, 
.newPageTheme .altgriditem > td:first-child,
.newPageTheme .griditem > td,
.newPageTheme .altgriditem > td {
    height: unset !important;
    padding: 8px 4px !important;
    color: black !important;
    font-size: var(--font_size_value) !important;
    font-style: var(--font-weight-normal) !important;
}

/*.newPageTheme .gridcolumnhead th {
    padding: 4px !important;
}*/

.gridmessage,
.k-grid-norecords {
    line-height: 28px;
    font-size: var(--font_size_value) !important;
    font-weight: var(--font-weight-normal) !important;
}

.frm203 .gridoverflow {
    height: 209px;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.newPageTheme div.dialogcontent {
    margin: 0 15px;
}

.newPageTheme div.dialogcontent div.buttons {
    margin: 0 0 15px 0;
}

A.FooterTextMQ:link {
    color: #555b6d;
    font-weight: var(--font-weight-normal) ;
}

/*Search Ctrl*/
[id*="_newsectionid"] [id*="_newsectiondv"],
#custdtlsdv .divsearchresult {
    width: 100% !important;
    padding: 0 !important;
    background-color: rgba(234, 234, 234, 0.5);
    box-shadow: none;
}

.initialdv {
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    color: #37474f;
    font-size: 15px !important;
    background-color: white !important;
    border-radius: 50% !important;
    font-weight: var(--font-weight-bold);
    margin-left: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    box-shadow: 0px 2px 1px -1px var(--box-shadow1), 0px 1px 1px 0px var(--box-shadow1), 0px 1px 3px 0px var(--box-shadow2);
}

.spninitial {
    position: unset !important;
    font-weight: var(--font-weight-normal)  !important;
}

/*Calendar UI*/
.calendar {
    color: rgb(73, 80, 87);
    padding: 0.5rem;
    box-shadow: 0px 2px 1px -1px var(--box-shadow1), 0px 1px 1px 0px var(--box-shadow1), 0px 1px 3px 0px var(--box-shadow2);
    background: rgb(255, 255, 255);
    border-width: 0px;
    border-radius: 3px;
}

.calendar table {
    color: rgb(73, 80, 87);
    border-width: 0px;
}

.calendar thead .hilite {
    color: rgb(73, 80, 87);
    background: rgb(233, 236, 239);
    border-color: var(--transparent);
    border-width: 0px;
    border-radius: 0px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.calendar thead tr:first-child {
    margin-bottom: 0;
    text-align: center;
}

.calendar thead .title {
    padding: 5px 0 10px 0;
    color: rgb(73, 80, 87);
    background: var(--transparent);
    font-size: 16px;
    font-weight: var(--font-weight-bold) ;
}

.calendar thead tr:first-child .calbutton {
    visibility: hidden;
    cursor: default;
    pointer-events: none;
}

.calendar thead .title,
.calendar .calbutton,
.calendar thead .name {
    border: 0;
}

.calendar thead .weekend,
.calendar tbody td.weekend {
    color: unset;
}

.calendar thead .headrow .calbutton {
    cursor: pointer;
    border-top: 1px solid rgb(206, 212, 218);
}

.calendar thead .headrow .calbutton.nav {
    color: rgb(73, 80, 87);
}

.calendar thead .headrow .calbutton.nav div {
    font-size: 20px;
}

.calendar thead .daynames .name {
    color: rgb(73, 80, 87);
    cursor: default;
    pointer-events: none;
}

.calendar tbody .day {
    width: 2.5rem;
    height: 2.5rem;
    color: rgb(73, 80, 87);
    text-align: center;
    border-radius: 50%;
    transition: box-shadow 0.2s;
    border: none;
    cursor: pointer;
}

.calendar tbody .day:hover {
    background: rgb(233, 236, 239);
    border: none;
}

.calendar tbody td.today {
    color: rgb(73, 80, 87);
    font-weight: var(--font-weight-normal) ;
    background: rgb(206, 212, 218);
    border: none;
}

.calendar tbody td.selected {
    color: rgb(73, 80, 87);
    font-weight: var(--font-weight-normal) ;
    background: rgb(227, 242, 253);
    border: none;
}

.calendar tr.time {
    background: rgb(206, 212, 218);
    border-radius: 3px;
}

.calendar td.time {
    padding: 5px 0px;
    background: unset;
    border: none;
}

.calendar tfoot {
    display: none;
}

/*Login UI*/
@media (min-width: 992px) {
    div.content:has(.loginInfoCont) {
        background-color: white !important;
    }
}

#dynarea {
    background: unset;
    background-image: unset;
}

#dynarea .login {
    width: 100% !important;
    height: 100vh !important;
    position: unset;
    top: unset;
}

.clsVerAlignTop {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
}

.loginInfoCont {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-image: url("../Images/login_bg3.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.loginInfoCont .loginDesc {
    color: white;
    font-size: 30px;
    margin: 50px;
    text-align: center;
}

.loginFormCont {
    width: 50%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    background: white;
    box-sizing: border-box;
}

.loginFormCont .loginLogoCont {
    padding: 40px 60px 0 60px;
}

.loginFormCont .loginLogoCont .loginLogo {
    height: 30px;
}

.loginFormCont .loginLogoCont .login-logo {
    height: 40px;
}

.loginnw {
    width: 100%;
    margin: 0;
    padding: 0 60px;
    background: white !important;
}

.loginnw > tbody {
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.loginhd {
    margin-bottom: 30px;
    padding: 0;
    color: black;
    font-weight: var(--font-weight-bold) ;
    text-align: left;
}

.loginuidpwd {
    min-height: 22px;
    line-height: 22px !important;
    padding: 3px 0px;
    font-size: var(--font_size_value) ;
    color: #41533f;
    font-weight: var(--font-weight-normal) ;
}

.newPageTheme .loginuidpwd,
.newPageTheme .logininputcontrol {
    padding: 0;
}

.forgotpwdlink .hyperlink {
    color: #005cbb;
    font-size: var(--font_size_value) ;
    font-weight: var(--font-weight-normal) ;
    text-decoration: none;
}

.forgotpwdlink .hyperlink:hover {
    font-weight: var(--font-weight-normal) ;
    text-decoration: underline;
}

.newPageTheme .loginfrgtpwdlinksheight {
    height: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.newPageTheme .tdpwdfrgtpwd {
    padding-bottom: 10px;
}

.newPageTheme .message {
    height: unset;
    position: unset;
}

.loginerrormsg {
    margin-bottom: 10px;
    font-size: var(--font_size_value) ;
    color: rgba(233, 53, 69, 1);
    text-align: center;
}

.newPageTheme .forgotpwdlink {
    padding: 0;
}

body:has(.loginInfoCont) .footer {
    display: none;
}

body:has(.loginFormCont) .brandcopyright {
    padding: 0 15px 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

body:has(.lcoLoginPage) .brandcopyright .copyright {
    width: 100%;
    height: auto;
}

body:has(.lcoLoginPage) .brandcopyright .mqbrand {
    width: 100%;
}

/*Framework UI*/

.newPageTheme .searchctrltext,
.newPageTheme .searchctrlselect
{
    transition: 0.3s all ease;
}

.newPageTheme input.text:focus,
.newPageTheme input.inputtext:focus,
.newPageTheme INPUT.price:focus,
.newPageTheme input.logininputtext:focus,
.newPageTheme textarea:focus,
.newPageTheme TEXTAREA.text:focus,
.newPageTheme .textarea:focus,
.newPageTheme .searchctrltext:focus,
.newPageTheme .searchctrlselect:focus,
.newPageTheme .select:focus,
.newPageTheme SELECT.text:focus,
.newPageTheme span.inputtext:focus,
.newPageTheme span.select:focus,
.newPageTheme span.text:focus,
.newPageTheme .mailselect:focus {
    border-color: rgba(0, 0, 0, 0.6) !important;
}

div.mainpage {
    background-color: var(--page_background);
    min-height: 100vh;
}

.vertmenubg {
    height: calc(100vh - 91px) !important;
    /*    height: auto;*/
}

#dmview, #ctl00_contentdiv {
    background-color: var(--content_background) !important;
    height: auto !important;
    min-height: calc(100vh - 56px - var(--footer_height)) !important;
}

.angularpage-cont {
    height: calc(100vh - 43px - var(--footer_height)) !important;
}

body:not(:has(.header)) .angularpage-cont {
    height: 100vh !important;
}

/*#dmview:has(.angularpage-cont), #ctl00_contentdiv:has(.angularpage-cont) {
    height: calc(100vh - 72px) !important;
}*/

.hrmenu {
    position: relative;
    min-width: 75px;
    /*    height: 100%;*/
}

/*.pro-page-content {
    height: calc(100vh - 50px);
    padding-bottom: 50px;
}

#ctl00_footerdiv,
#footersec {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

#content:not(:has(.pro-page-content)):not(:has(.login)):not(:has(.angularpage-cont)) div.content {
    padding-bottom: 35px;
}
*/
.FooterTextMQ,
A.FooterTextMQ:visited {
    color: unset;
}

@media (min-width: 992px) {
    div .content {
        margin: 0px 15px 15px 15px !important;
    }

    div .content.mvc-content {
        margin: 0px 15px 15px 90px !important;
    }

    body:has(.content.mvc-content) footer {
        margin: 0px 0px 0px 75px !important;
    }

    body:has(.content.mvc-content) .custom-snackbar {
        left: 90px !important;
    }
}

.pagetitlemessage {
    height: unset;
    max-height: unset;
    min-height: unset;
    margin-left: 0px;
}

.pagecontent {
    background-color: var(--page_background);
    width: 100%;
    margin: 0;
}

.horizontaldiv {
    display: flex !important;
    flex-direction: row;
    align-items: end;
}

.horizontaldiv .sysviewnamedropdiv,
.horizontaldiv .svfilterdiv,
.filterButtons {
    float: unset !important;
}

.filterButtons {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.filterSearchDiv,
.filterExportDiv {
    margin-top: 0 !important;
    position: unset !important;
}

.sysViewFilterRow {
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.sysviewnamedropdiv .subelement {
    min-height: unset !important;
}

.newPageTheme .oldsubelement.systemviewfilterlabel,
.newPageTheme .subelement.systemviewfilterlabel {
    margin-left: 0 !important;
    margin-top: 15px;
}

.newPageTheme .oldsubelement.systemviewfilterlabel, 
.newPageTheme .subelement.systemviewfilterlabel {
    padding: 0 0 3px 0 !important;
}

.newPageTheme div.buttons:has(+ .section) {
    margin-bottom: 15px;
}

.cntcheck {
    width: 100%;
    margin-bottom: 0 !important;
}

.newcntrtlbl {
    height: auto !important;
}

.newPageTheme .subhead {
    height: auto !important;
}

.productheading {
    position: unset !important;
}

.pageloadhead {
    margin-top: -3px !important;
}

.newPageTheme .searchimg {
    position: absolute !important;
    top: 0px;
    left: 66% !important;
}

.actionbutton input {
    position: unset !important;
}

.addLink {
    display: flex;
    align-items: center;
}

/*#ctl00_uxPgCPH_lblchkTerms,
#ctl00_uxPgCPH_lblchkPrivacy {
    font-weight: bold !important;
}*/

.subhead .primaryaddresshead td,
.subhead .billingaddresshead td {
    font-weight: var(--font-weight-normal)  !important;
}

.useprimaryaddress {
    white-space: nowrap;
}

.addresscontrol .subelement div:not(:has(.hyperlink)) {
    width: 66%;
}

.newPageTheme .addresscontrol .subelement input.text,
.newPageTheme .addresscontrol .subelement input.inputtext,
.newPageTheme .addresscontrol .subelement INPUT.price,
.newPageTheme .addresscontrol .subelement input.logininputtext,
.newPageTheme .addresscontrol .subelement textarea,
.newPageTheme .addresscontrol .subelement TEXTAREA.text,
.newPageTheme .addresscontrol .subelement .textarea,
.newPageTheme .addresscontrol .subelement .searchctrltext,
.newPageTheme .addresscontrol .subelement .searchctrlselect,
.newPageTheme .addresscontrol .subelement span.inputtext,
.newPageTheme .addresscontrol .subelement span.select,
.newPageTheme .addresscontrol .subelement span.text,
.newPageTheme .addresscontrol .subelement .mailselect,
.newPageTheme .addresscontrol .subelement SELECT.text,
.newPageTheme .addresscontrol .subelement .select,
.newPageTheme .addresscontrol .subelement .searchctrlselect,
.newPageTheme .addresscontrol .subelement .mailselect {
    width: 100% !important;
}

.newPageTheme .activepage {
    background: var(--active_page) !important;
}

.textfield {
    padding-left: 0 !important;
}

.labelfield {
    padding-right: 10px !important;
}

#ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile {
    height: 30px !important;
}

.cal_type_cont {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div:has(> #ctl00_uxPgCPH_Label1),
#ctl00_uxPgCPH_Label1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#ctl00_uxPgCPH_Label1 {
    width: auto;
    margin-right: 10px;
}

.newPageTheme TR.contenthead td:first-child {
    left: 0 !important;
}

@media screen and (min-width: 1048px) and (max-width: 1114px) {
    .optionaltext1,
    .optionaltext2,
    .optionaltext3,
    .labelText,
    .labelText1,
    .labelText3,
    .labelText2,
    .requiredField,
    .requiredField2,
    .requiredField3,
    .requiredField4,
    .requiredField5,
    .requiredField6,
    .FlexRequiredField2,
    .requiredField7,
    .requiredtext1,
    .requiredtext2,
    .requiredtext3,
    .flexoptionaltext1,
    .flexoptionaltext2,
    .flexoptionaltext3,
    .flexrequiredtext1,
    .flexrequiredtext2,
    .flexrequiredtext3 {
        width: 100% !important;
    }
}

.subtabs {
    width: auto !important;
    padding: 3px 16px !important;
}

.subtabs.active {
    border-bottom: 1px solid #005cbb !important;
}

.subtabs.active .tab-label {
    color: #005cbb !important;
}

.k-icon, .k-tool-icon {
    font-family: WebComponentsIcons !important;
}

/*Vertical Form UI*/
/*.newPageTheme .sectiondetails {
    width: calc(100% - 30px);
}

.newPageTheme .sectionfields,
.newPageTheme .sectiondetails {
    padding: 0 15px;
}*/
/*table.PrntTbBrdr td, table.fwkclass td {
    vertical-align: top;
}*/
table.sectionfields {
    width: 100% !important;
    /*    table-layout: fixed;*/
}

.irmain.section table.sectionfields {
    margin-bottom: 0px !important;
    padding: 0 15px !important;
}

.newPageTheme .irmain.section {
    width: 100%;
}

.newPageTheme .sectionfields,
.newPageTheme .sectiondetails > table:not(:has(.sectionfields)) {
    padding: 15px !important;
}

.newPageTheme .sectiondetails > table.p-0 {
    padding: 0 !important;
}

.newPageTheme .sectiondetails > table.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.newPageTheme .sectiondetails > table.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.newPageTheme .sectiondetails > table.pt-0 {
    padding-top: 0 !important;
}

.newPageTheme .sectiondetails > table.pb-0 {
    padding-bottom: 0 !important;
}

.newPageTheme .sectiondetails > table.ps-0 {
    padding-left: 0 !important;
}

.newPageTheme .sectiondetails > table.pe-0 {
    padding-right: 0 !important;
}

.newPageTheme .PrntTbBrdr:has(.PrntTbBrdr),
.newPageTheme .sectionfields .sectionfields {
    padding: 0 !important;
}

.newPageTheme .PrntTbBrdr .PrntTbBrdr,
.newPageTheme .section .sectiondetails > .sectionfields {
    padding: 0 15px !important;
}

.newPageTheme .section .gridtable {
    width: calc(100% - 30px) !important;
    margin: 0 15px !important;
}

.newPageTheme .pagenumber > div > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

table tr:has(.pagenumber) {
    display: flex;
}

.newPageTheme table.pagination td {
    text-align: center;
}

.newPageTheme .pagenumber {
    width: auto !important;
    min-width: 30px;
    height: 34px;
}

.newPageTheme .pagenumber:last-child {
    padding-right: 0px !important;
}

.newPageTheme td.column1,
.newPageTheme td.column2 {
    height: unset !important;
    margin-bottom: 5px;
    /*    padding-left: 15px;*/
    position: relative;
    display: table-cell;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    border-bottom: 0px solid #dedede;
    box-sizing: border-box;
}

div.viewdialogcontent {
    margin: 0 15px !important;
}

.newPageTheme td[class*="column"] {
    position: relative;
}

.newPageTheme .gridtable {
    width: 100% !important;
    margin: 0 !important;
}

/*.newPageTheme .oldgridtable {
    padding-bottom: 0 !important;
}*/

.newPageTheme .oldgridtable .gridtable {
    width: calc(100% - 30px) !important;
    margin: 0 15px !important;
}

.newPageTheme .PrntTbBrdr {
    margin-bottom: 15px !important;
}

.newPageTheme .PrntTbBrdr.tblcontenthead {
    margin-bottom: 0 !important;
    border-radius: 10px !important;
}

.newPageTheme .PrntTbBrdr:has(.newsection) {
    background: var(--transparent) !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.newPageTheme .PrntTbBrdr > .newsection {
    background: var(--transparent) !important;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.newPageTheme SELECT.text,
.newPageTheme .select,
.newPageTheme .searchctrlselect,
.newPageTheme .mailselect {
    height: 32px !important;
}

.oldsubelement,
.subelement {
    min-height: 22px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.newPageTheme .oldsubelement:not(td),
.newPageTheme .subelement:not(td) {
    width: 100%;
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.newPageTheme .oldsubelement div.searchfloat,
.newPageTheme .subelement div.searchfloat,
.newPageTheme .oldsubelement .floatleft,
.newPageTheme .subelement .floatleft {
    width: 100%;
    float: unset !important;
}

.newPageTheme .oldsubelement div:has(.searchfloat) {
    position: relative
}

.newPageTheme .oldsubelement .searchfloat:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .subelement .searchfloat:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .oldsubelement .floatleft:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .subelement .floatleft:not(:has(.inputtext)):has(.textalignedimg) {
    width: auto;
    position: absolute;
    top: 10%;
    left: calc(66% - 26px);
}

.newPageTheme .sysViewFilterRow .oldsubelement .floatleft:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .sysViewFilterRow .subelement .floatleft:not(:has(.inputtext)):has(.textalignedimg) {
    top: 20%;
    left: unset;
    right: 10%;
}

.newPageTheme .gridfields td:has(> span):has(.textalignedimg) {
    position: relative !important;
}

.newPageTheme .gridfields span:has(.textalignedimg) {
    width: auto;
    position: absolute;
    top: 13px;
    left: calc(100% - 36px);
}

.newPageTheme .gridfields table .oldsubelement .searchfloat:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .gridfields table .subelement .searchfloat:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .gridfields table .oldsubelement .floatleft:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .gridfields table .subelement .floatleft:not(:has(.inputtext)):has(.textalignedimg) {
    left: unset;
    right: 0px;
}

.newPageTheme:not(:has(.oldsubelement .searchfloat.calendar-icon)) .textalignedimg,
.newPageTheme:not(:has(.subelement .searchfloat.calendar-icon)) .textalignedimg,
.newPageTheme:not(:has(.oldsubelement .floatright.calendar-icon)) .textalignedimg,
.newPageTheme:not(:has(.subelement .floatright.calendar-icon)) .textalignedimg {
    position: unset !important;
}

.newPageTheme .oldsubelement .searchfloat:has(.inputtext) > .textalignedimg,
.newPageTheme .subelement .searchfloat:has(.inputtext) > .textalignedimg,
.newPageTheme .oldsubelement .floatleft:has(.inputtext) > .textalignedimg,
.newPageTheme .subelement .floatleft:has(.inputtext) > .textalignedimg {
    width: auto;
    position: absolute !important;
    top: 20%;
    left: calc(66% - 25px);
}

.newPageTheme .oldsubelement .searchfloat:has(.calendar-icon),
.newPageTheme .subelement .searchfloat:has(.calendar-icon),
.newPageTheme .oldsubelement .floatleft:has(.calendar-icon),
.newPageTheme .subelement .floatleft:has(.calendar-icon) {
    position: unset !important;
    float: unset !important;
}

.newPageTheme .oldsubelement .searchfloat .calendar-icon,
.newPageTheme .subelement .searchfloat .calendar-icon,
.newPageTheme .oldsubelement .floatleft .calendar-icon,
.newPageTheme .subelement .floatleft .calendar-icon {
    position: absolute;
    top: 20%;
    left: calc(66% - 26px);
}

.newPageTheme .oldsubelement:not(.inputcontrol),
.newPageTheme .subelement:not(.inputcontrol) {
    min-height: unset !important;
    justify-content: start !important;
}

.newPageTheme .frm742 .gridcacol2 {
    position: relative;
}

.newPageTheme .frm742 .gridcacol2 .bulkpmtssearchimg {
    position: absolute;
    top: 15px;
    left: calc(100% - 34px);
}

[class*="optionalimg"]:not(td),
[class*="optionalImg"]:not(td),
[class*="requiredimg"]:not(td),
[class*="requiredImg"]:not(td),
[id*="imgpaytowards"]:not(td),
[id*="imgwallettowards"]:not(td),
[id*="imgfromdate"]:not(td),
[id*="imgtodate"]:not(td) {
    display: none !important;
}

.newPageTheme input.text, 
.newPageTheme INPUT.inputtext, 
.newPageTheme INPUT.readonlytext, 
.newPageTheme INPUT.price, 
.newPageTheme .searchctrltext, 
.newPageTheme input.logininputtext {
    height: 30px !important;
}

.newPageTheme input.logininputtext,
.newPageTheme .searchctrltext,
.newPageTheme .searchctrlselect,
.newPageTheme .subelement input.text,
.newPageTheme .subelement input.inputtext,
.newPageTheme .subelement INPUT.price,
.newPageTheme .subelement textarea,
.newPageTheme .subelement TEXTAREA.text,
.newPageTheme .subelement .textarea,
.newPageTheme .subelement .select,
.newPageTheme .subelement span.inputtext,
.newPageTheme .subelement span.select,
.newPageTheme .subelement span.text,
.newPageTheme .subelement .mailselect,
.newPageTheme .subelement SELECT.text,
.newPageTheme .mailselect,
.newPageTheme .fileupload,
#ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile {
    width: 66% !important;
}

.newPageTheme input.logininputtext.w-100,
.newPageTheme .searchctrltext.w-100,
.newPageTheme .searchctrlselect.w-100,
.newPageTheme .subelement input.text.w-100,
.newPageTheme .subelement input.inputtext.w-100,
.newPageTheme .subelement INPUT.price.w-100,
.newPageTheme .subelement textarea.w-100,
.newPageTheme .subelement TEXTAREA.text.w-100,
.newPageTheme .subelement .textarea.w-100,
.newPageTheme .subelement .select.w-100,
.newPageTheme .subelement span.inputtext.w-100,
.newPageTheme .subelement span.select.w-100,
.newPageTheme .subelement span.text.w-100,
.newPageTheme .subelement .mailselect.w-100,
.newPageTheme .subelement SELECT.text.w-100,
.newPageTheme .mailselect.w-100,
.newPageTheme .fileupload.w-100,
#ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile.w-100 {
    width: 100% !important;
}

.newPageTheme .svfilterdiv input.text,
.newPageTheme .svfilterdiv input.inputtext,
.newPageTheme .svfilterdiv INPUT.price,
.newPageTheme .svfilterdiv input.logininputtext,
.newPageTheme .svfilterdiv textarea,
.newPageTheme .svfilterdiv TEXTAREA.text,
.newPageTheme .svfilterdiv .textarea,
.newPageTheme .svfilterdiv .searchctrltext,
.newPageTheme .svfilterdiv .searchctrlselect,
.newPageTheme .svfilterdiv .select,
.newPageTheme .svfilterdiv SELECT.text,
.newPageTheme .svfilterdiv span.inputtext,
.newPageTheme .svfilterdiv span.select,
.newPageTheme .svfilterdiv span.text,
.newPageTheme .svfilterdiv .mailselect,
.newPageTheme .svfilterdiv SELECT.text,
.newPageTheme .svfilterdiv .select,
.newPageTheme .svfilterdiv .searchctrlselect,
.newPageTheme .svfilterdiv .mailselect {
    width: 90% !important;
}

#sysViewFilterRow .subelement .textalignedimg,
#filterverticaldiv .subelement .textalignedimg {
    position: unset !important;
/*    left: calc(90% - 26px) !important;*/
/*    right: unset !important;*/
}

.newPageTheme .gridfields table .subelement {
    margin-bottom: 0 !important;
}

.newPageTheme .gridfields table input.text,
.newPageTheme .gridfields table input.inputtext,
.newPageTheme .gridfields table INPUT.price,
.newPageTheme .gridfields table input.logininputtext,
.newPageTheme .gridfields table textarea,
.newPageTheme .gridfields table TEXTAREA.text,
.newPageTheme .gridfields table .textarea,
.newPageTheme .gridfields table .searchctrltext,
.newPageTheme .gridfields table .searchctrlselect,
.newPageTheme .gridfields table .select,
.newPageTheme .gridfields table SELECT.text,
.newPageTheme .gridfields table span.inputtext,
.newPageTheme .gridfields table span.select,
.newPageTheme .gridfields table span.text,
.newPageTheme .gridfields table .mailselect,
.newPageTheme .gridfields table SELECT.text,
.newPageTheme .gridfields table .select,
.newPageTheme .gridfields table .searchctrlselect,
.newPageTheme .gridfields table .mailselect,
.newPageTheme .gridview input.text,
.newPageTheme .gridview input.inputtext,
.newPageTheme .gridview INPUT.price,
.newPageTheme .gridview input.logininputtext,
.newPageTheme .gridview textarea,
.newPageTheme .gridview TEXTAREA.text,
.newPageTheme .gridview .textarea,
.newPageTheme .gridview .searchctrltext,
.newPageTheme .gridview .searchctrlselect,
.newPageTheme .gridview .select,
.newPageTheme .gridview SELECT.text,
.newPageTheme .gridview span.inputtext,
.newPageTheme .gridview span.select,
.newPageTheme .gridview span.text,
.newPageTheme .gridview .mailselect,
.newPageTheme .gridview SELECT.text,
.newPageTheme .gridview .select,
.newPageTheme .gridview .searchctrlselect,
.newPageTheme .gridview .mailselect,
.newPageTheme .gridtable input.text,
.newPageTheme .gridtable input.inputtext,
.newPageTheme .gridtable INPUT.price,
.newPageTheme .gridtable input.logininputtext,
.newPageTheme .gridtable textarea,
.newPageTheme .gridtable TEXTAREA.text,
.newPageTheme .gridtable .textarea,
.newPageTheme .gridtable .searchctrltext,
.newPageTheme .gridtable .searchctrlselect,
.newPageTheme .gridtable .select,
.newPageTheme .gridtable SELECT.text,
.newPageTheme .gridtable span.inputtext,
.newPageTheme .gridtable span.select,
.newPageTheme .gridtable span.text,
.newPageTheme .gridtable .mailselect,
.newPageTheme .gridtable SELECT.text,
.newPageTheme .gridtable .select,
.newPageTheme .gridtable .searchctrlselect,
.newPageTheme .gridtable .mailselect {
    width: 100% !important;
}

.newPageTheme .gridtable .oldsubelement .searchfloat:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .gridtable .subelement .searchfloat:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .gridtable .oldsubelement .floatleft:not(:has(.inputtext)):has(.textalignedimg),
.newPageTheme .gridtable .subelement .floatleft:not(:has(.inputtext)):has(.textalignedimg) {
    left: calc(100% - 26px);
}

.newPageTheme input.inputtext.inputtext80 {
    width: 29% !important;
}

.newPageTheme .tduidfrgtpwd input.logininputtext,
.newPageTheme .tdpwdfrgtpwd input.logininputtext {
    width: 100% !important;
}

.newPageTheme:not(:has(.sysviewnamedropdiv)) .oldsubelement:not(td):not(.inputcontrol):not(.systemviewfilterlabel),
.newPageTheme:not(:has(.sysviewnamedropdiv)) .subelement:not(td):not(.inputcontrol):not(.systemviewfilterlabel) {
    width: 100%;
    min-height: unset !important;
    justify-content: start;
    margin-bottom: 4px;
}

.newPageTheme:not(:has(.sysviewnamedropdiv))
td
.oldsubelement:not(.systemviewfilterlabel):not([class*="lookupsearch"]):not([class*="optionaltext"]):not([class*="requiredtext"]):not([class*="requiredField"]):not([class*="labelText"]):not([class*="requiredimg"]):not([class*="requiredImg"]):not(.svwidth),
.newPageTheme:not(:has(.sysviewnamedropdiv))
td
.subelement:not(.systemviewfilterlabel):not([class*="lookupsearch"]):not([class*="optionaltext"]):not([class*="requiredtext"]):not([class*="requiredField"]):not([class*="labelText"]):not([class*="requiredimg"]):not([class*="requiredImg"]):not(.svwidth) {
/*    padding-top: 5px !important;*/
    margin-bottom: 15px !important;
}

.newPageTheme:not(:has(.sysviewnamedropdiv)) td .subelement.inputcontrol:not(.systemviewfilterlabel):not([class*="lookupsearch"]):not([class*="optionaltext"]):not([class*="requiredtext"]):not([class*="requiredField"]):not([class*="labelText"]):not([class*="requiredimg"]):not([class*="requiredImg"]):not(.svwidth) .subelement.inputcontrol {
    margin-bottom: 0 !important;
}

.newPageTheme .oldsubelement table,
.newPageTheme .subelement table {
    width: 100%;
}

div.notesfield {
    height: auto !important;
    padding-top: 0 !important;
}

div.lookupsearch,
div.lookupsearchelement {
    width: 100%;
    display: block;
}

.newPageTheme .subelement .floatright:has(.textalignedimg),
.newPageTheme .subelement + .floatleft:has(.searchimg) {
    float: none !important;
}

.newPageTheme .subelement .floatright .textalignedimg {
    top: 5px;
    left: -5% !important;
}

.newPageTheme .subelement .floatleft .searchimg {
    position: absolute;
    top: unset;
    bottom: 4px;
    left: calc(66% - 26px) !important;
}

.newPageTheme .gridtable .lookupsearchtext .subelement .floatleft .searchimg {
    left: calc(100% - 26px) !important;
}

.newPageTheme .subelement + .floatleft:has(.searchimg) {
    position: absolute;
    top: 25px;
    left: calc(66% - 26px);
}

div.entitysearchtext .searchimg {
    top: 4px !important;
    left: calc(66% - 27px) !important;
}

.newPageTheme .subelement:has(.textalignedimg) .floatleft .searchimg {
    left: 67% !important;
}

.newPageTheme .subelement:not(:has(.inputtext)):not(:has(.floatright)):not(:has(.floatleft)):has(.textalignedimg) {
    width: auto !important;
    float: none;
    position: absolute;
    top: 24px;
    left: 60%;
}

.newPageTheme .subelement:not(:has(.floatright)):not(:has(.floatleft)) .textalignedimg {
    position: unset;
}

.newPageTheme .subelement span:has(> .textalignedimg) {
    position: absolute;
    top: 5px;
    left: calc(66% - 26px);
}

.floatleft:has(#ctl00_uxPgCPH_grdvDisconnection_ctl02_dpick) {
    position: absolute !important;
    top: 5px;
    left: calc(100% - 26px);
}

.newPageTheme:not(:has(.oldsubelement .floatright.calendar-icon)) td:has(> #ctl00_uxPgCPH_grdvRenewal_ctl02_dpick) {
    position: relative;
}

.newPageTheme:not(:has(.oldsubelement .floatright.calendar-icon)) .effimg .textalignedimg {
    position: absolute !important;
    left: calc(66% - 24px);
    top: 29px;
}

.custinfo .provsavbtn {
    margin-top: 0 !important;
    float: none;
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
}

.frm162 .commentbutton {
    margin: 0 !important;
}

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

.frm162 .chkinternal2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.frm168 .commentbutton {
    margin: 0 !important;
}

.newPageTheme .skipline:has(.lookupsearchtext) {
    width: 100%;
}

td.lookupsearchtext {
    width: 100%;
}

.newPageTheme .clearfix:has(.ActiveTab),
.newPageTheme .clearfix:has(.InActiveTab),
.newPageTheme .clearfix:has(.actionbutton) {
    margin: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
}

.newPageTheme .clearfix .actionbutton {
    width: 100%;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

.newPageTheme .clearfix .actionbutton .btnadd,
.newPageTheme .clearfix .actionbutton .btndelete,
.newPageTheme .clearfix .actionbutton .btnupdate {
    margin-right: 0px !important;
}

.ui-dialog .ui-dialog-content {
/*    background: var(--transparent);*/
    background-color: #F3F3F5;
}

div.entitysearch,
div.entitysearchelement,
div.entitysearchtext,
div.entitysearchtext div {
    width: 100%;
    position: relative;
}

.newPageTheme div.entitysearchtext .searchimg {
    top: 5px !important;
    left: calc(66% - 26px) !important;
}
/*
.newPageTheme .search-packages-wrap {
    width: 100% !important;
    display: block !important;
}

.newPageTheme .search-packages-wrap .search-package-icon-wrap {
    left: calc(66% + 10px) !important;
    right: unset !important;
    bottom: 12px !important;
}*/

.filterExportDiv a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*#ctl00_uxPgCPH_ddlinventory {
    width: 197px !important;
}*/

#ctl00_uxPgCPH_newcpbinputtxt {
    width: 205px !important;
}

#ctl00_uxPgCPH_newsvccpn .subelement .floatleft .searchimg {
    top: 13px !important;
    left: 179px !important;
}

#ctl00_uxPgCPH_newsvccpn .subelement .floatleft.cpnlink {
    margin-top: 0px !important;
}

.orderapproval #ctl00_uxPgCPH_entsearch_txtEntity {
    height: 32px !important;
}

.expandcart .pricetotal,
.expandcart .newchktotalprice,
.expandcart .newtotalprice2 {
    margin-left: 15px !important;
    margin-right: 13px !important;
}

.newplandtlsclass {
    margin-left: 13px !important;
}

[class^="search-"] div,
.newPageTheme .fwkclass:has(.entitysearch) {
    width: 100%;
}

.newPageTheme [class^="search-"] .searchimg {
    top: 34px;
    left: calc(66% - 26px) !important;
    transform: translateY(-50%);
}

.newPageTheme div[nowrap] .textalignedimg,
.newPageTheme div > input + .textalignedimg {
    position: relative !important;
}

.addresscontrol .subelement div:has(.addresselementlookup) {
    width: auto !important;
    float: unset !important;
    position: absolute;
    top: 5px;
    left: calc(66% - 40px);
}

.addresscontrol .subelement div:has(.hyperlink) {
    margin-top: 5px;
}

table.toppagecontent {
    background: var(--secondary-color) !important;
}

#ctl00_titlerow {
    background: var(--title_background) !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#ctl00_titlerow.error, #ctl00_titlerow.success,
.pagetitlemessage.error, .pagetitlemessage.success {
    background-color: unset !important;
}

#ctl00_titlerow .message, td.messageholder {
    display: none;
}

.clsBulkActionDv {
    margin: 15px 0 0 0 !important;
    float: unset !important;
}

.clsBulkActionDv input {
    margin-left: 0 !important;
}

.subGridHeader, .actionParamsHeader {
    height: 30px !important;
    background-color: #2a3042 !important;
    align-items: center;
}

.ActionParamsDiv {
    padding: 15px;
    padding-bottom: 0;
}

[class^="divAction"] .svfilterdiv input.text, [class^="divAction"] .svfilterdiv input.inputtext, 
[class^="divAction"] .svfilterdiv INPUT.price, [class^="divAction"] .svfilterdiv input.logininputtext, 
[class^="divAction"] .svfilterdiv textarea, [class^="divAction"] .svfilterdiv TEXTAREA.text, 
[class^="divAction"] .svfilterdiv .textarea, [class^="divAction"] .svfilterdiv .searchctrltext, 
[class^="divAction"] .svfilterdiv .searchctrlselect, [class^="divAction"] .svfilterdiv .select, 
[class^="divAction"] .svfilterdiv SELECT.text, [class^="divAction"] .svfilterdiv span.inputtext, 
[class^="divAction"] .svfilterdiv span.select, [class^="divAction"] .svfilterdiv span.text, 
[class^="divAction"] .svfilterdiv .mailselect, 
[class^="divAction"] .svfilterdiv SELECT.text, [class^="divAction"] .svfilterdiv .select, 
[class^="divAction"] .svfilterdiv .searchctrlselect, [class^="divAction"] .svfilterdiv .mailselect {
    width: 100% !important;
    margin-bottom: 15px;
}

[class^="divAction"] .floatleft:not(:has(.inputtext)):has(.textalignedimg) {
    left: calc(100% - 26px) !important;
}

[class^="divAction"] #filterverticaldiv .textalignedimg {
    top: 8px !important;
    left: unset !important;
}

.ActionParamsDiv #filterverticaldiv .systemviewfilterlabel,
.ActionParamsDiv #filterverticaldiv .systemviewfilter,
[class^="divAction"] .actionParamButton {
    margin-left: unset !important;
}

[class^="divAction"] .ActionParams {
    height: calc(100% - 60px) !important;
}

[class^="divAction"] .actionParamButton {
    height: auto !important;
}

[class^="divAction"] .actionParamButton,
[class^="divAction"] .ActionParams {
/*    height: auto !important;*/
    margin-bottom: 0px !important;
}

[class^="divAction"] .ActionParamsDiv {
    height: calc(100% - 45px) !important;
}

.ActionParamsDiv .systemviewfilterlabel {
    margin-top: 0 !important;
}

[class^="divAction"] .actionParamButton {
    padding: 15px;
    text-align: right !important;
}

[class^="divAction"] .actionParamButton .buttons {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

[class^="divAction"] .actionParamButton :last-child {
    margin-right: 0 !important;
}

.newPageTheme .modal-dialog {
    padding-bottom: 0 !important;
}

.newPageTheme .modal-dialog .btnsavepopup {
    padding-left: 0 !important;
}

.newPageTheme .modal-dialog .section {
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.newPageTheme .modal-dialog .section .sectiondetails,
.newPageTheme .modal-dialog .section fwkclass {
    padding: 0 !important;
}

.newPageTheme .modal-dialog div.formbutton {
    margin-right: 15px !important;
}

.newPageTheme .gridfields table [id*="_whlddlcurrency"] {
    width: 197px !important;
}

#ctl00_uxPgCPH_AddAttach {
    padding: 0 15px !important;
    display: flex;
    align-items: center;
    justify-content: end;
}

#hboxpgconfiglist th {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

#hboxpgconfiglist th div {
    font-size: var(--font-size-anchor)  !important;
}

.ConfirmActionText {
    padding: 15px 0 !important;
}

.newPageTheme .verifyotpsection {
    margin-top: 0 !important;
    box-sizing: border-box;
}

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

.newPageTheme .verifyotpPrntTbBrdr {
    width: 100% !important;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
}

.newPageTheme .divverifyotp {
    height: auto !important;
}

.divActionParamsParent {
    position: fixed !important;
}

.heading input {
    bottom: unset !important;
}

.dialogmaincontent .optionaltext1, .dialogmaincontent .optionaltext2, .dialogmaincontent .optionaltext3 {
    text-align: left !important;
}

@media screen and (min-width: 992px) and (max-width: 1048px) {
    .optionaltext1, .optionaltext2, .optionaltext3, .labelText, .labelText1, .labelText3, .labelText2, .requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7, .requiredtext1, .requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3 {
        width: auto !important;
    }
}

.dvimgback {
    margin-right: 10px;
}

.newPageTheme .scjobdescr {
    height: 30px;
}

.frm625 #divctrlrenderconfigid,
.frm625 #divvaluecalculaionid {
    float: none !important;
    height: auto !important;
}

.lnkFileUploadIcon img {
    height: 15px !important;
}

.roletabsection {
    margin: 0 !important;
}

.roledetailsdiv {
    height: unset !important;
}

.appmodules {
    width: calc(25% - 4px) !important;
}

.labelfield {
    text-align: left !important;
    float: unset !important;
}

.billandprice {
    margin-left: -120px !important;
}

.cart-panel {
    width: 40% !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border: none !important;
    margin-top: 0 !important;
}

/* Snackbar */
.custom-snackbar {
    padding-right: 8px;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    left: 15px;
    bottom: 8px;
    color: #fff !important;
    font-size: var(--font_size_value);
    background-color: #323232;
    border-radius: 4px;
    box-shadow: 0px 2px 1px -1px var(--box-shadow1), 0px 1px 1px 0px var(--box-shadow1), 0px 1px 3px 0px var(--box-shadow2);
    z-index: 9999;
}

body:has(#ctl00_ctl00_accordionmenutd) .custom-snackbar {
    left: 90px;
}

body:has(#accordionmenutd) .custom-snackbar {
    left: 214px;
}

.snackbar-message {
    min-width: 200px;
    max-width: 600px;
    padding: 14px 0px 14px 16px;
    line-height: 15px;
    flex: 1;
}

.snackbar-close {
    margin-left: 15px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.snackbar-close img {
    width: 22px;
    height: 22px;
    filter: invert(100%) hue-rotate(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-snackbar.success {
    background-color: var(--snackbar_success);
}

.custom-snackbar.error {
    background-color: var(--snackbar_error);
}

.custom-snackbar.info {
    background-color: var(--snackbar_info);
}

@media (max-width: 767px) {
    .custom-snackbar {
        left: 8px;
    }
}

/* Search Control */
.newserother {
    height: 32px !important;
    padding: 0 0 0 10px !important;
    background-color: white !important;
    border-color: rgba(204, 204, 204, 1) !important;
    border-radius: 4px 0 0 4px !important;
    background-image: url(../Images/dropdown-arrow-blue.png) !important;
}

.newserotheritem {
    width: 180px !important;
    height: 32px !important;
    margin: 0 0 !important;
    padding: 0 0 0 10px !important;
    background-color: white !important;
    border-color: rgba(204, 204, 204, 1) !important;
    border-radius: 0 !important;
    background-image: url(../Images/dropdown-arrow-blue.png) !important;
}

[id*="_newsectionid"] [id*="_newsectiondv"],
#custdtlsdv .divsearchresult {
    width: 100% !important;
    padding: 0 !important;
    background-color: rgba(234, 234, 234, 0.5);
}

#custdtlsdv #displaymain {
    width: 98% !important;
}

[id*="_newsectionid"] [id*="_newsectiondv"] span:not(.lbltext) {
    font-weight: var(--font-weight-bold)  !important;
}

[id*="_newsectionid"] [id*="_newuisearch"]:not(:has(.newserother)) .newserotheritem {
    border-radius: 4px 0 0 4px !important;
    margin: 0 15px 0 0 !important;
}

.sertxtctrl {
    width: 250px !important;
    height: 30px !important;
    padding: 0 8px !important;
    font-size: var(--font_size_value) ;
    background-color: white !important;
    border-color: rgba(204, 204, 204, 1) !important;
    border-radius: 0 !important;
}

.dvsearchctrl .mobstyle1 {
    width: 30px !important;
    min-width: 30px;
    height: 32px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea !important;
    border-radius: 0 4px 4px 0 !important;
}

.dvsearchctrl .searchimgall2 {
    width: unset !important;
    height: 14px !important;
    position: unset !important;
    float: unset !important;
}

[id*="_newsectionid"] .showtoggleborder {
    border-top: none !important;
}

[class*="divsearchresult"] .sercol01,
[class*="divsearchresult"] .sercol11 {
    width: 31% !important;
}

[id*="_newsectionid"]:not(:has(.showtoggle)) .sercol01,
[id*="_newsectionid"]:not(:has(.showtoggle)) .sercol11,
#custdtlsdv:not(:has(.showtoggle)) .sercol01,
#custdtlsdv:not(:has(.showtoggle)) .sercol11 {
    vertical-align: top !important;
    padding-top: 2px;
}

[id*="_newsectionid"] [id*="_divimg"].alignrightnew,
#custdtlsdv [id*="divimg"].alignrightnew {
    position: unset !important;
    padding-top: unset !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#custdtlsdv [id*="divimg"].alignrightnew .imgexpand1 {
    height: 15px;
    width: 15px;
    background: none;
    border: none;
}

.catbtnvd #ctl00_uxPgCPH_uxSearchCtrl_ddlPartytype {
    margin-right: 15px;
}

.serctrlbtn, .serctrlbtnact {
    height: 32px !important;
/*    margin-left: 15px !important;*/
    padding: 0 !important;
}

.search_sc_img {
    width: 16px;
    height: 19px;
    margin-right: 8px;
}

/*[id*="_AccNo"],*/
[id*="_newsectionid"]:has(.showtoggle) .sc_email,
[id*="_newsectionid"]:has(.showtoggle) .sc_mob,
[id*="_newsectionid"]:not(:has(.showtoggle)) .sc_email_mob,
[id*="_newsectionid"]:has(.showtoggle) .sc_address,
[id*="_newsectionid"]:has(.showtoggle) .sc_cust_since,
[id*="_newsectionid"]:has(.showtoggle) .sc_operator,
[id*="_newsectionid"]:has(.showtoggle) .sc_company_name,
[id*="_newsectionid"]:has(.showtoggle) .sc_parent,
#custdtlsdv .divsearchresult .showtoggle .sc_email,
#custdtlsdv .divsearchresult .showtoggle .sc_mob,
#custdtlsdv .divsearchresult .showtoggle .sc_address,
#custdtlsdv .divsearchresult .showtoggle .sc_cust_since,
#custdtlsdv .divsearchresult .showtoggle .sc_operator,
#custdtlsdv .divsearchresult .showtoggle .sc_company_name,
#custdtlsdv .divsearchresult .showtoggle .sc_parent {
    display: none;
}

#custdtlsdv .divsearchresult .sc_email_mob {
    display: none;
}

#custdtlsdv .divsearchresult .showtoggle .sc_email_mob {
    display: block;
}

[id*="_newsectionid"]:has(.sc_email_mob) .divsearchresultnew,
#custdtlsdv .divsearchresult {
    padding: 3px 5px !important;
    box-sizing: border-box;
}

[id*="_newsectionid"]:has(.sc_email_mob):not(:has(.showtoggle)) .divsearchresultnew,
#custdtlsdv:has(.sc_email_mob):not(:has(.showtoggle)) .divsearchresult {
    padding: 10px 5px !important;
}

[id*="_newsectionid"]:has(.sc_email_mob) .showtoggleborder,
[id*="_newsectionid"]:has(.sc_email_mob) .sercol10,
[id*="_newsectionid"]:has(.sc_email_mob) .divsearchresultnew2,
#custdtlsdv .divsearchresult .sercol10 {
    padding: 0px !important;
}

.sc_email_mob, .sc_email, .sc_address {
    padding-right: 15px;
}

.text-divider {
    width: 1px;
    height: 16px;
    position: relative;
}

.text-divider::after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-right: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 4px;
}

.spnoinitial {
    margin-left: unset !important;
}

.search input {
    padding: 0 !important;
}

.newPageTheme .AppChargelistheader {
    font-weight: var(--font-weight-normal)  !important;
}

div.heading {
    float: unset !important;
}

.search-box-wrap {
    display: block !important;
}

.order-search-box {
    width: auto !important;
    height: 28px !important;
}

.search-icon-holder {
    position: relative !important;
    right: 30px !important;
}

.dvtopadvsearch {
    top: 100px !important;
    display: flex;
    position: unset !important;
    width: max-content;
}
.newPageTheme .divsrvclass {
    background: none !important;
}

.newPageTheme .dlsrvcattrclass {
    background: none !important;
}

.dvlbladvsearch {
    width: 77px !important;
}

.sercol00:has(.initialdv) {
    vertical-align: top;
}

/* Structural */
.title {
    font-size: 14px !important;
    color: black !important;
}

.w-100 {
    width: 100% !important;
}

.w-100-30 {
    width: calc(100% - 30px) !important;
}

.w-80 {
    width: 80% !important;
}

.w-66 {
    width: 66% !important;
}

.w-50 {
    width: 50% !important;
}

.w-30 {
    width: 30% !important;
}
.w-84 {
    width: 84%;
}

.newPageTheme .m-0, .m-0 {
    margin: 0 !important;
}

.newPageTheme .mx-0, .mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.newPageTheme .my-0, .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

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

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

.newPageTheme .ms-0, .ms-0 {
    margin-left: 0 !important;
}

.newPageTheme .me-0, .me-0 {
    margin-right: 0 !important;
}

.newPageTheme .p-0, .p-0 {
    padding: 0 !important;
}

.newPageTheme .px-0, .px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.newPageTheme .py-0, .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

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

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

.newPageTheme .ps-0, .ps-0 {
    padding-left: 0 !important;
}

.newPageTheme .pe-0, .pe-0 {
    padding-right: 0 !important;
}

.newPageTheme .m-3, .m-3 {
    margin: 15px !important;
}

.newPageTheme .p-3, .p-3 {
    padding: 15px !important;
}

.newPageTheme .mx-3, .mx-3 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.newPageTheme .my-3, .my-3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.newPageTheme .px-3, .px-3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.newPageTheme .py-3, .py-3 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

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

.newPageTheme .me-3, .me-3 {
    margin-right: 15px !important;
}

.newPageTheme .mb-3, .mb-3 {
    margin-bottom: 15px !important;
}

.newPageTheme .ms-3, .ms-3 {
    margin-left: 15px !important;
}

.newPageTheme .pt-3, .pt-3 {
    padding-top: 15px !important;
}

.newPageTheme .pe-3, .pe-3 {
    padding-right: 15px !important;
}

.newPageTheme .pb-3, .pb-3 {
    padding-bottom: 15px !important;
}

.newPageTheme .ps-3, .ps-3 {
    margin-left: 15px !important;
}

.position-relative {
    position: relative;
}

.display-contents {
    display: contents;
}

.display-block {
    display: block !important;
}

.display-none {
    display: none !important;
}

.display-flex {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.flex-column {
    flex-direction: column !important;
}

.align-items-start {
    align-items: start !important;
}

.align-items-end {
    align-items: end !important;
}

.justify-content-start {
    justify-content: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-end {
    justify-content: end !important;
}

.bg-transparent {
    background-color: var(--transparent) !important;
}

.newPageTheme .PrntTbBrdr {
    padding: 15px;
}

/* Table with td and div */
.newPageTheme .PrntTbBrdr > tr:not(:has(td:nth-child(2))) > td:has(> div),
.newPageTheme .sectionfields > tr:not(:has(td:nth-child(2))) > td:has(> div),
.newPageTheme .PrntTbBrdr > tbody > tr:not(:has(td:nth-child(2))) > td:has(> div),
.newPageTheme .sectionfields > tbody > tr:not(:has(td:nth-child(2))) > td:has(> div) {
    width: 50% !important;
    display: block;
}

.newPageTheme .PrntTbBrdr > tr:has(td:nth-child(2)):not(:has(td:nth-child(3))) > td:has(> div),
.newPageTheme .sectionfields > tr:has(td:nth-child(2)):not(:has(td:nth-child(3))) > td:has(> div),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(2)):not(:has(td:nth-child(3))) > td:has(> div),
.newPageTheme .sectionfields > tbody > tr:has(td:nth-child(2)):not(:has(td:nth-child(3))) > td:has(> div) {
    width: 50% !important;
    display: revert;
}

.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(2)):not(:has(td:nth-child(3))) ~ tr:not(:has(td:nth-child(2))) > td:has(> div),
.newPageTheme .sectionfields > tbody > tr:has(td:nth-child(2)):not(:has(td:nth-child(3))) ~ tr:not(:has(td:nth-child(2))) > td:has(> div) {
    display: initial;
}

.newPageTheme .PrntTbBrdr > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) > td:has(> div),
.newPageTheme .sectionfields > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) > td:has(> div),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) > td:has(> div),
.newPageTheme .sectionfields > tbody > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) > td:has(> div),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) ~ tr:not(:has(td:nth-child(3))) > td:has(> div),
.newPageTheme .sectionfields > tbody > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) ~ tr:not(:has(td:nth-child(3))) > td:has(> div){
    width: 33% !important;
    display: revert;
}

/*.newPageTheme .PrntTbBrdr > tr:has(td:nth-child(4)):not(:has(td:nth-child(5))) > td:has(> div),
.newPageTheme .sectionfields > tr:has(td:nth-child(4)):not(:has(td:nth-child(5))) > td:has(> div),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(4)):not(:has(td:nth-child(5))) > td:has(> div),
.newPageTheme .sectionfields > tbody > tr:has(td:nth-child(4)):not(:has(td:nth-child(5))) > td:has(> div) {
    width: 25% !important;
    display: revert;
}

.newPageTheme .PrntTbBrdr > tr:has(td:nth-child(4)):not(:has(td:nth-child(6))) > td:has(> div),
.newPageTheme .sectionfields > tr:has(td:nth-child(4)):not(:has(td:nth-child(6))) > td:has(> div),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(4)):not(:has(td:nth-child(6))) > td:has(> div),
.newPageTheme .sectionfields > tbody > tr:has(td:nth-child(4)):not(:has(td:nth-child(6))) > td:has(> div) {
    width: 20% !important;
    display: revert;
}*/

.newPageTheme table.gridlist > tbody > tr:has(td:nth-child(2)):not(:has(td:nth-child(3))) > td {
    width: 50% !important;
}

.newPageTheme .grid .amount,
.newPageTheme .gridtable .subhead .amount {
    text-align: right !important
}

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

.horizontaldiv:has(.svfilterdiv:nth-child(1)):not(:has(.svfilterdiv:nth-child(2))) .filterButtons {
    width: 80% !important;
}

.horizontaldiv:has(.svfilterdiv:nth-child(2)):not(:has(.svfilterdiv:nth-child(3))) .filterButtons {
    width: 60% !important;
}

.horizontaldiv:has(.svfilterdiv:nth-child(3)):not(:has(.svfilterdiv:nth-child(4))) .filterButtons {
    width: 40% !important;
}

.horizontaldiv:has(.svfilterdiv:nth-child(4)):not(:has(.svfilterdiv:nth-child(5))) .filterButtons {
    width: 20% !important;
}

.horizontaldiv:has(.sysviewnamedropdiv.display):has(.svfilterdiv:nth-child(2)):not(:has(.svfilterdiv:nth-child(3))) .filterButtons {
    width: 80% !important;
}

.horizontaldiv:has(.sysviewnamedropdiv.display):has(.svfilterdiv:nth-child(3)):not(:has(.svfilterdiv:nth-child(4))) .filterButtons {
    width: 60% !important;
}

.horizontaldiv:has(.sysviewnamedropdiv.display):has(.svfilterdiv:nth-child(4)):not(:has(.svfilterdiv:nth-child(5))) .filterButtons {
    width: 40% !important;
}

.horizontaldiv:has(.sysviewnamedropdiv.display):has(.svfilterdiv:nth-child(5)):not(:has(.svfilterdiv:nth-child(6))) .filterButtons {
    width: 20% !important;
}

/* Table with td and no div */
/*.newPageTheme .PrntTbBrdr > tr > td:not(:has(> div)),
.newPageTheme .sectionfields > tr > td:not(:has(> div)),
.newPageTheme .PrntTbBrdr > tbody > tr > td:not(:has(> div)),
.newPageTheme .sectionfields > tbody > tr > td:not(:has(> div)) {
    display: flex !important;
    text-align: left;
}

.newPageTheme .PrntTbBrdr > tr > td[class*="optionalimg"],
.newPageTheme .PrntTbBrdr > tr > td[class*="optionalImg"],
.newPageTheme .PrntTbBrdr > tr > td[class*="requiredimg"],
.newPageTheme .PrntTbBrdr > tr > td[class*="requiredImg"],
.newPageTheme .sectionfields > tr > td[class*="optionalimg"],
.newPageTheme .sectionfields > tr > td[class*="optionalImg"],
.newPageTheme .sectionfields > tr > td[class*="requiredimg"],
.newPageTheme .sectionfields > tr > td[class*="requiredImg"],
.newPageTheme .PrntTbBrdr > tbody > tr > td[class*="optionalimg"],
.newPageTheme .PrntTbBrdr > tbody > tr > td[class*="optionalImg"],
.newPageTheme .PrntTbBrdr > tbody > tr > td[class*="requiredimg"],
.newPageTheme .PrntTbBrdr > tbody > tr > td[class*="requiredImg"],
.newPageTheme .sectionfields > tbody > tr > td[class*="optionalimg"],
.newPageTheme .sectionfields > tbody > tr > td[class*="optionalImg"],
.newPageTheme .sectionfields > tbody > tr > td[class*="requiredimg"],
.newPageTheme .sectionfields > tbody > tr > td[class*="requiredImg"] {
    display: none !important;
}

.newPageTheme .PrntTbBrdr > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) td:not(:has(> div)),
.newPageTheme .sectionfields > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) td:not(:has(> div)),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) td:not(:has(> div)),
.newPageTheme .sectionfields > tbody > tr:has(td:nth-child(3)):not(:has(td:nth-child(4))) td:not(:has(> div)) {
    width: 50% !important;
}*/

/* Table has 6 td's */
/*.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) {
    display: flex;
    flex-wrap: wrap;
}

.newPageTheme .PrntTbBrdr > tr:has(td:nth-child(6)) td:not(:has(> .subelement)),
.newPageTheme .sectionfields > tr:has(td:nth-child(6)) td:not(:has(> .subelement)),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) td:not(:has(> .subelement)),
.newPageTheme .sectionfields > tbody > tr:has(td:nth-child(6)) td:not(:has(> .subelement)) {
    width: 50% !important;
    position: relative;
}

.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(1),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(4) {
    order: 0;
}

.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(2),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(5) {
    order: 1;
}

.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(3),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(6) {
    order: 2;
}

.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(7),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(10) {
    order: 3;
}

.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(8),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(11) {
    order: 4;
}

.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(9),
.newPageTheme .PrntTbBrdr > tbody > tr:has(td:nth-child(6)) > td:nth-child(12) {
    order: 5;
}

@media (max-width: 767px) {
    .newPageTheme .PrntTbBrdr > tr > td,
    .newPageTheme .sectionfields > tr > td {
        width: 100% !important;
    }

    .newPageTheme input.text, .newPageTheme input.inputtext, .newPageTheme INPUT.price, .newPageTheme input.logininputtext, .newPageTheme textarea, .newPageTheme TEXTAREA.text, .newPageTheme .textarea, .newPageTheme .searchctrltext, .newPageTheme .searchctrlselect, .newPageTheme .select, .newPageTheme SELECT.text, .newPageTheme span.inputtext, .newPageTheme span.select, .newPageTheme span.text, .newPageTheme .mailselect, #ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile, .newPageTheme SELECT.text, .newPageTheme .select, .newPageTheme .searchctrlselect, .newPageTheme .mailselect, .newPageTheme .fileupload {
        width: 100% !important;
    }

    .newPageTheme div.entitysearchtext .searchimg,
    .newPageTheme .subelement .floatleft .searchimg {
        left: calc(100% - 26px) !important;
    }
}*/

@media screen and (min-width: 300px) and (max-width: 940px) {
    #dynarea #ctl00_uxPgCPH_uid, #dynarea #ctl00_uxPgCPH_pwd {
        right: 0;
    }

    .loginInfoCont .loginDesc {
        font-size: 25px;
        margin: 30px;
    }

    .loginFormCont {
        width: 100%;
    }
}

@media screen and (min-width: 300px) and (max-width: 768px) {
    .loginInfoCont .loginDesc {
        font-size: 20px;
        margin: 30px;
    }

    .angularpage-cont {
        height: calc(100vh - 50px) !important;
    }

    #ctl00_vertsliderdiv, .vertmenubg {
        display: none;
    }
}

@media screen and (min-width: 300px) and (max-width: 576px) {
    .clsVerAlignTop {
        flex-direction: column;
        height: 100vh;
    }

    .loginInfoCont {
        height: 30vh;
    }

    .loginInfoCont .loginDesc {
        font-size: 15px;
        margin: 15px;
    }

    .loginFormCont {
        width: 100%;
        height: 70vh;
    }

    .loginFormCont .loginLogoCont {
        padding: 40px 60px 0 15px;
    }

    .loginnw {
        padding: 0 15px;
    }
}

.k-grid td:has(input), .k-grid td:has(select), .k-grid td:has(textarea) {
    text-overflow: unset !important;
}

#menu_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    z-index: 99;
}

/* LCO Login */
.lcoLoginPage {
    width: 100%;
    height: 100vh !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-position: center;
    background-size: cover;
}

.lcoLoginPage .topbar-cont {
    padding: 15px 30px;
}

.lcoLoginPage .topbar-cont .loginLogoCont {
    flex: 0 0 18%;
    max-width: 18%;
}

.lcoLoginPage .topbar-cont .loginLogoCont .loginLogo {
    height: 30px;
    float: none;
}

.lcoLoginPage .topbar-cont .loginLogoCont .login-logo {
    height: 40px;
    float: none;
}

.lcoLoginPage .topbar-cont .login-heading {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.lcoLoginPage .topbar-cont .login-info, .login-container .login-info {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.lcoLoginPage .loginForm {
    margin: 30px 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.lcoLoginPage .loginFormCont {
    height: 63vh;
    flex: 0 0 32%;
    max-width: 32%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    background: transparent;
}

.lcoLoginPage .loginInfoCont {
    height: 63vh;
    flex: 0 0 68%;
    max-width: 68%;
    padding-left: 7rem;
    display: block;
    background: transparent;
    background-image: unset;
    box-sizing: border-box;
}

.lcoLoginPage .loginnw {
    height: 100%;
    padding: 2rem 3rem;
    background: #fff;
    border-radius: 5px !important;
    box-sizing: border-box;
}

.lcoLoginPage .loginnw .loginhd {
    font-size: 23px;
    font-weight: 700;
}

.lcoLoginPage .loginnw .loginuidpwd {
    font-size: 1rem;
    margin-top: 15px;
}

.lcoLoginPage .loginnw .tduidf .rgtpwd {
    padding-bottom: 0;
}

.togglePassword {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    padding: 4px;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    outline: none;
}

.togglePassword:focus {
    outline: none;
}

.togglePassword .icon {
    width: 20px;
    height: 20px;
    color: black;
    stroke: black;
    display: block;
}

.pwd-cont.show .icon-eye {
    display: none;
}

.pwd-cont.show .icon-eye-off {
    display: block !important;
}

.pwd-cont .icon-eye-off {
    display: none;
}

.lcoLoginPage .loginnw .logininputcontrol {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.logininputcontrol {
    position: relative;
}

.lcoLoginPage .tdpwdfrgtpwd {
    padding-bottom: 0px;
}

.lcoLoginPage .loginnw .loginformbutton {
    padding-bottom: 0px;
}

.lcoLoginPage .loginnw #password.logininputtext {
    padding-right: 35px;
}

.lcoLoginPage .loginnw .togglePassword {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    user-select: none;
}

.lcoLoginPage .loginnw .loginbtnsave {
    min-width: unset;
}

.lcoLoginPage .rememberForgotCont {
    padding: 30px 0 10px 0;
}

.lcoLoginPage #rememberMeCheck {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.lcoLoginPage .rememberMeCheckmark {
    width: 13px;
    height: 13px;
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    border: 2px solid #c5cee0;
    cursor: pointer;
}

.lcoLoginPage .rememberMeCheckmark::after {
    content: "";
    width: 4px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: translate(-60%, -60%) rotate(45deg);
    -ms-transform: translate(-60%, -60%) rotate(45deg);
    transform: translate(-60%, -60%) rotate(45deg);
    display: none;
}

input#rememberMeCheck:checked + .rememberMeCheckmark {
    background-color: var(--btn_background);
    border: 2px solid var(--btn_background);
}

input#rememberMeCheck:checked + .rememberMeCheckmark::after {
    display: block;
}

.lcoLoginPage #rememberMeLabel {
    color: #6b6c6f;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.lcoLoginPage .loginnw #lnkForgotPwd, #lnkResendOtpFP, #lnkResendOtp {
    font-size: 1rem;
}

.lcoLoginPage .loginnw #lnkForgotPwd, #lnkSkipNow {
    color: rgba(0, 0, 0, .6);
}

.lcoLoginPage .loginInfoCont .carousel {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(2,6,23,0.08);
    background: white;
}

.lcoLoginPage .loginInfoCont .slides {
    display: flex;
    height: 100%;
    transform: translateX(0%);
}

.lcoLoginPage .loginInfoCont .slide {
    min-width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    user-select: none;
    background-size: cover;
    background-position: center;
}

.lcoLoginPage .loginInfoCont .dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 12px;
    display: flex;
    gap: 8px;
    z-index: 5
}

.lcoLoginPage .loginInfoCont .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.45);
    border: 0;
    outline: none;
    cursor: pointer
}

.lcoLoginPage .loginInfoCont .dot[aria-current="true"] {
    background: rgba(255,255,255,0.95);
    transform: scale(1.15)
}

@media (hover:none) {
    .lcoLoginPage .loginInfoCont .dot {
        width: 14px;
        height: 14px
    }
}

body:has(.lcoLoginPage) .brandcopyright {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
    box-sizing: border-box;
}

body:has(.lcoLoginPage) #ctl00_footerdiv {
    display: none !important;
}

.lcoLoginPage .FooterText {
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
}

.playstore-icon {
    height: 35px;
}

/* LCO Login Popup */
.custom-modal {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.custom-modal-content {
    width: 480px;
    max-width: 100%;
    padding: 15px 95px;
    background: #fff;
    border-radius: 4px;
    animation: fadeDown .8s ease forwards;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes fadeDown {
    0% {
        opacity: 0;
    }
    70% {
        transform: translate(-50%, calc(-50% + 55px));
    }
    100% {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

.customCloseModal {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 25px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer;
}

.custom-modal-title {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    color: black;
    cursor: default;
}

.custom-modal-description {
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 300;
    color: #212529;
    cursor: default;
}

.tnc-title, .vc-title {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: black;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: default;
}

.tnc-agree-cont, .vc-verify-cont {
    display: flex;
    flex-wrap: wrap;
}

.tnc-agree-cont label {
    cursor: pointer;
}

.accept-tnc-check {
    margin-right: 5px;
    accent-color: var(--btn_background);
}

.tnc-link {
    color: var(--btn_background);
    font-weight: 700;
}

.text-italic {
    font-style: italic;
}

.vc-title, .verify-label {
    color: var(--btn_background);
}

.verify-label {
    font-weight: 500;
}

.skipNowCont, .resendOtpCont {
    margin-top: 5px;
}

.vc-verify-cont, .timer-cont {
    margin-bottom: 5px;
    cursor: default;
}

.link-disabled {
    color: rgba(0, 0, 0, .6) !important;
    pointer-events: none !important;
}

.no-events {
    pointer-events: none !important;
}

.otp-input {
    letter-spacing: 15px;
}

#quicklinks-dropdown {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

#butnQuicklinks:hover + #quicklinks-dropdown, #quicklinks-dropdown:hover {
    display: block;
}

.quicklinks-menu li {
    width: 100%;
    margin-top: 5px;
    padding: 5px 15px;
    text-align: center;
    list-style-type: none;
    background: darkgrey;
    border-radius: 4px;
    box-sizing: border-box;
}

.quicklinks-menu li:hover {
    background: grey;
}

.quicklinks-menu li a {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}

.whatsapp-icon {
    width: 90px;
}

#walletRefreshLink svg {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    display: flex;
    fill: var(--btn_background);
}

.welcentitybaldiv:has(#walletRefreshLink) {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#myCartLink {
    color: white;
    text-decoration: none;
}

.my-cart-icon {
    width: 25px;
    margin-right: 5px;
}

#ctl00_cartCount, #cartCount {
    color: white;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 500;
}

.btntopbar {
    font-weight: 600;
}

#userlcowelcome {
    gap: 15px;
}

#userlcowelcome label {
    max-width: 200px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: white;
    font-weight: 600;
}

#userlcowelcome .entitydtllabel, #myCartLink {
    font-weight: 600;
}

.welcentitynamediv {
    text-align: unset;
}

.welcentitybaldiv {
    text-align: unset;
}

.welcusernamediv {
    padding-top: unset;
    text-align: unset;
}

.fw-bold {
    font-weight: var(--font-weight-bold);
}

.ulm-cont {
    padding-left: 75px;
}

/* Announcement popup */
.img-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 11111;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-popup {
    padding: 5px;
    position: relative;
    background: white;
    border-radius: 5px;
}

.img-popup img {
    display: block;
    max-width: 70vw;
    max-height: 90vh;
    height: auto;
    border-radius: 5px;
}

.img-popup-close {
    width: 32px;
    height: 32px;
    background: white;
    color: darkgrey;
    font-size: 28px;
    font-weight: 200;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    top: -12px;
    right: -12px;
}

#lnkEntityId {
    color: white;
    text-decoration: none;
}

#ui-solo-link-1400 {
    line-break: anywhere;
}

A.contenthead:active {
    top: 0px !important;
}

.newPageTheme .errorconsole {
    height: unset !important;
}

.treeText .nodetext {
    white-space: break-spaces;
}

div[id*="ctl00_uxPgCPH_gvTreeview_ctl02_griddiv"] tr > td:first-child {
    vertical-align: top;
    padding: 3px 0px 0px 0px; 
}

.newPageTheme .frm10029 .card {
    background-color: var(--KPI_card_background);
    color: var(--KPI_card_font_color);
    border-radius: var(--KPI_card_border_radius);
    padding: var(--KPI_card_font_padding);
    margin: var(--KPI_card_margin);
    box-shadow: var(--KPI_card_box_shadow);
    display: flex;
    flex-direction: var(--KPI_card_orientation);
    justify-content: space-between;
    align-items: var(--KPI_card_align_items);
}

.newPageTheme .frm10029 .card-title {
    font-size: var(--KPI_card_title_font_size);
    font-weight: var(--KPI_card_title_font_weight);
    text-align: var(--KPI_card_title_text_align);
}

.newPageTheme .frm10029 .card-text {
    font-size: var(--KPI_card_text_font_size);
    font-weight: var(--KPI_card_text_font_weight);
    text-align: var(--KPI_card_text_text_align);
}

@media only screen and (min-device-width: 940px) and (min-width: 940px) {
    #loginInfoDetailMob {
        display: none !important;
    }
}

/* Login & Menu mobile responsive */
@media only screen and (max-device-width: 940px) and (max-width: 940px) {
    .showvertmenuclass.operationsMenu, .showvertmenuclass, .showvertmenuclassPlaceholder {
        display: none;
    }

    .lcoLoginPage {
        height: auto !important;
        min-height: 100vh;
    }

    .lcoLoginPage .topbar-cont {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }

    #loginInfoDetail {
        display: none !important;
    }

    .loginForm.clsVerAlignTop {
        height: auto !important;
    }

    .lcoLoginPage .loginForm {
        margin: 0 15px 15px 15px !important;
        flex-direction: column !important;
    }

    .lcoLoginPage .loginFormCont {
        width: 100% !important;
        height: unset !important;
        max-width: unset !important;
        margin-bottom: 15px;
        flex: unset !important;
    }

    .lcoLoginPage .loginInfoCont {
        width: 100% !important;
        height: 50vw !important;
        max-width: unset !important;
        padding-left: unset !important;
        flex: unset !important;
    }

    body:has(.lcoLoginPage) .brandcopyright {
        padding: 0 15px;
        background-color: #f2f2f5;
        flex-direction: column;
    }

    .copyright {
        text-align: left;
    }

    .newPageTheme A.FooterText {
        font-size: 10px !important;
    }

    A.FooterText:link, A.FooterText:link, .FooterText, A.FooterTextMQ:visited, A.FooterTextMQ:link, .FooterTextMQ, .FooterText {
        line-height: 18px;
        display: flex;
        text-align: center;
        padding: 10px 0;
    }

    body:has(.lcoLoginPage) .brandcopyright .mqbrand {
        margin-bottom: 10px;
        justify-content: center;
    }

    .mobtitleleft, #myCartLink {
        width: 100%;
    }

    .mobtitleleft {
        flex: 10;
        align-items: center;
    }

    .mobtitleright {
        width: auto;
    }

    .welcentitybaldiv {
        margin: 0 15px;
        display: flex;
        align-items: center;
        color: white;
    }

    .lblwelcentitybal, .lblwelcentitybal .currency {
        font-size: 12px !important;
    }

    .lblwelcentitybal .entitydtllabel {
        font-size: 14px !important;
    }

    #lnkTopup {
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    #myCartLink {
        margin: 0 0 0 15px;
        padding-right: 15px;
        flex: 1;
    }

    .mobhambmenu {
        margin: 0;
        width: 30px;
        height: auto;
        padding: 0 15px;
    }

    .mobtitlemenu {
        padding-top: 0px; 
    }

    .mobsearchdivalone {
        display: none;
        margin-left: 0px;
        display: flex;
        justify-content: end;
    }

    #ctl00_mobsearchlinkid {
        margin-right: 15px;
    }

    .mobsearchimg {
        padding: 0;
    }

    .mobentityname {
        height: 60px;
        overflow: hidden;
        display: -webkit-box;
        white-space: normal;
        text-overflow: ellipsis;
        width: 89%;
        box-sizing: border-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

@media only screen and (max-device-width: 940px) and (max-width: 940px) {
    .profileImage {
        width: 40px !important;
        height: unset !important;
    }

    .clsMar20 {
        margin: 15px !important;
    }

    .chpwdmenu {
        width: calc(100% - 30px) !important;
        margin: 0 15px !important;
    }

    .chpwdspan {
        padding-top: 6px !important;
    }
}

@media (max-width: 767px) {
    [id*="parentsubGrid"], [id*="divActionParams"] {
        width: 90% !important;
        height: 40vh !important;
        top: 20% !important;
        left: 5% !important;
    }
  
    [id*="parentsubGridParent"],
    [id*="divActionParamsParent"] {
        width: 100% !important;
        height: 100vh !important;
        top: 0 !important;
        left: 0 !important;
    }
  
    [id*="divActionParams"] {
        height: auto !important;
        padding-right: 0 !important;
    }
  
    [class^="divAction"] .ActionParamsDiv {
        width: calc(100% - 40px) !important;
    }

    .km-pane-wrapper{
        position: unset;
    } 

    .master .horizontaldiv .sysviewnamedropdiv, .master .horizontaldiv .svfilterdiv {
        width: 100% !important;
    }

    .master .horizontaldiv .filterButtons {
        margin-top: 15px;
    }

    .horizontaldiv{
        width: 100% !important;
        flex-direction: column !important;
        align-items: end !important;
    }
    [id*="filterhorizontaldiv"]{
        margin: 1% 0;
    }

    div.inputcontrol {
        margin-left: 0px !important; 
    }

    .svfilterdiv input.text,
    .newPageTheme .svfilterdiv input.inputtext,
    .newPageTheme .svfilterdiv .select,
    .newPageTheme .svfilterdiv .searchctrlselect,
    .newPageTheme .svfilterdiv .mailselect {
        width: 100% !important;
    }

    .lcoLoginPage .topbar-cont .login-heading {
        position: unset;
        left: unset;
        transform: unset;
    }
}

.ap-loader {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.ngx-foreground-spinner {
    width: var(--spinner_size);
    height: var(--spinner_size);
    color: var(--spinner_color);
}

.sk-three-bounce {
    margin: auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.sk-three-bounce > div {
    margin-top: 35%;
    width: 30%;
    height: 30%;
    background-color: currentColor;
    border-radius: 100%;
    display: inline-block;
    animation: sk-threeBounce-bounceDelay 1.4s infinite ease-in-out both;
}

.sk-three-bounce > div:nth-child(1) {
    animation-delay: -.32s;
}

.sk-three-bounce > div:nth-child(2) {
    animation-delay: -.16s;
}

@keyframes sk-threeBounce-bounceDelay {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

.svDashboardControls .svdash_grid {
    width: 100% !important;
}
.k-dropdown
.k-dropdown-wrap {
    border-radius: 4px !important;
    background-color: #fff !important;
    border: 1px solid rgba(204, 204, 204, 1);
}

    .k-select {
        background-color: #fff !important;
        border-radius: 4px !important;
    }

       /* .k-select:hover {
            background-color: #fff !important;
        }*/

.k-dropdown-wrap.k-state-default {
    background-color: #fff !important;
    background-image: none;
}

.k-input {
    background-color: #fff !important;
    line-height: 22px !important;
    color: black !important;
    font-size: var(--font_size_value) !important
}
.k-item{
    color:black;
}

    .k-dropdown-wrap.k-state-default.k-state-hover {
        border: 1px solid #3F3F3F;
    }

    .k-icon {
        color: #cc567d;
    }

        .k-icon:hover {
            color: #cc567d;
            background-color: #fff !important;
        }

.k-i-arrow-60-down::before {
    content: "" !important;
}
.k-i-arrow-60-down {
    background: url('../images/dropdown-arrow-blue.png') center no-repeat !important;
    background-size: 12px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
/*End KendoDropDown*/
/*Kendo ComoBox*/
.k-combobox
.k-dropdown-wrap {
    border-radius: 4px !important;
    background-color: #fff !important;
    border: 1px solid #C0C0C0;
}

#hrmenu > li .ui-parent-menu-icon-desc,
#hrmenu > li.ui-solo-menu > a,
#hrmenu > li > ul > li > a,
#hrmenu > li > ul > li > ul > li > a,
#hrmenu > li.ui-solo-menu > a > span,
#hrmenu > li > ul > li > a > span,
#hrmenu > li > ul > li > ul > li > a > span,
div.pagetitle,
.ui-dialog .ui-dialog-title,
.newPageTheme.dialogcontentmain div.pagetitle,
#hrmenu > li.ui-setting-menu > a,
.vertmenubg .showvertmenuclass #nav li a,
.userwc,
.uernme-welcome .dropdown li a {
    font-family: var(--secondary_font_family) !important;
}

.newPageTheme .frm203 .svcustominfo div.gridfields:not(.qualidetails):not(.priceplanpricing) {
    width: calc(100vw - 160px) !important;
}

.newPageTheme #dvrulessetting1 .subelement:not(td),
.newPageTheme #dvrulessetting1 .oldsubelement:not(td) {
    position: static !important;
}

.newPageTheme input[type="password"].logininputtext,
.newPageTheme input[type="password"].text {
    font-size: 13px !important;
    letter-spacing: 2px;
}

@supports (-webkit-appearance: none) {
    .newPageTheme input[type="password"].logininputtext,
    .newPageTheme input[type="password"].text {
        font-size: 13px !important;
        letter-spacing: 2px;
    }
}

@supports (-moz-appearance: none) {
    .newPageTheme input[type="password"].logininputtext,
    .newPageTheme input[type="password"].text {
        font-size: 9px !important;
        letter-spacing: 2px;
    }
}

@supports (-webkit-touch-callout: none) {
    .newPageTheme input[type="password"].logininputtext,
    .newPageTheme input[type="password"].text {
        font-size: 13px !important;
        letter-spacing: 2px;
    }
}

@media all and (-ms-high-contrast: none) {
    .newPageTheme input[type="password"].logininputtext,
    .newPageTheme input[type="password"].text {
        font-size: 13px !important;
        letter-spacing: 2px;
    }
}