@charset "UTF-8";

/** Author: Tactive
* Copyright 2023-2024 Tactive
Website: https://www.tactivesoft.com/
Contact: hello@tactive.io
File Purpose : Add Custom css
**/
:root[lang="ta"] .tac-previewer-design-inner,
:root[lang="ta"] .ost-dynamic-view-container {
    --ost-fs-13: 12px;

}

:root {
    --ost-main-theme-font-family: "Roboto", sans-serif;
    --ost-font-family: "Roboto", sans-serif;
    --ost-grid-font-family: "Roboto", sans-serif;

}

:root[data-theme=dark] {
    --ost-theme-page-backcolor-primary: #151521;
    --ost-theme-backcolor-primary: #1e1e2d;
    --ost-theme-backcolor-secondary: #009ef7;
    --ost-theme-backcolor-c1: #1e1e2d;
    --ost-theme-backcolor-c2: #000000;
    --ost-theme-backcolor-c3: #1e1e2d;
    --ost-theme-backcolor-c4: #252536;
    --ost-theme-backcolor-c5: #252536;
    --ost-theme-backcolor-c6: #151521;
    --ost-theme-backcolor-c7: #1e1e2d;
    --ost-theme-backcolor-c8: #252536;
    --ost-theme-backcolor-c9: #2B2B40;
    --ost-theme-backcolor-c10: #2B2B40;
    --ost-theme-backcolor-c11: #2B2B40;
    --ost-theme-backcolor-c12: #262638;
    --ost-theme-backcolor-c13: #28283a;
    --ost-theme-forecolor-primary: #ffffff;
    --ost-theme-forecolor-secondary: #212529;
    --ost-theme-forecolor-border: #444444;
    --ost-theme-forecolor-border-secondary: #333333;
    --ost-theme-forecolor-label: #9D9DA6;
    --ost-theme-forecolor-input-text: #ffffff;
    --ost-theme-forecolor-icon: #a1a5b7;
    --ost-theme-forecolor-headtext: #fafafa;
    --ost-theme-alert-back-color-primary: #0d6efd;
    --ost-theme-alert-back-color-secondary: #5a6268;
    --ost-theme-alert-back-color-success: #03a81b;
    --ost-theme-alert-back-color-danger: #ef3737;
    --ost-theme-alert-back-color-warning: #f06c2e;
    --ost-theme-alert-back-color-info: #0dcaf0;
    --ost-theme-alert-back-color-light: #2B2B40;
    --ost-theme-alert-back-color-dark: #212529;
    --ost-theme-alert-fore-color-primary: #ffffff;
    --ost-theme-alert-fore-color-secondary: #ffffff;
    --ost-theme-alert-fore-color-success: #ffffff;
    --ost-theme-alert-fore-color-danger: #ffffff;
    --ost-theme-alert-fore-color-warning: #212529;
    --ost-theme-alert-fore-color-info: #212529;
    --ost-theme-alert-fore-color-light: #ffffff;
    --ost-theme-alert-fore-color-dark: #ffffff;
    --ost-theme-font-family-primary: var(--ost-main-theme-font-family);
    --ost-theme-font-family-secondary: "";
    --ost-theme-font-size-standard: 14px;
    --ost-theme-font-size-label: 12px;
    --ost-theme-font-weight-label: 410;
    --ost-theme-font-size-small: 8px;
    --ost-theme-font-size-10px: 10px;
    --ost-theme-font-size-11px: 11px;
    --ost-theme-font-size-12px: 12px;
    --ost-theme-font-weight-Standard: 400;
    --ost-theme-font-weight-normal: normal;
    --ost-theme-font-weight-light: 100;
    --ost-theme-font-weight-Bold: 500;
    --ost-theme-font-weight-Ultra-Bold: 800;
    --ost-theme-font-weight-semi-Bold: 500;

    --ost-theme-border-style-standard: 1px solid;
    --ost-theme-border-style-none: 0px;
    --ost-theme-border-style-c1: 1px dashed;
    --ost-theme-border-style-c2: 1px dotted;
    --ost-theme-border-radius-standard: 3px;
    --ost-theme-border-radius-rounded: 100%;
    --ost-theme-border-radius-card: 10px;
    --ost-theme-border-radius-none: 0px;
    --ost-theme-box-shadow-standard: 0 0.25rem 1rem rgba(26, 26, 26, 0.45);
    --ost-theme-box-shadow-small: 1px 2px 3px 0px rgb(25, 25, 30);
    --ost-theme-box-shadow-medium: -2px 3px 6px 1px rgba(0, 0, 0, 0.36);
    --ost-theme-box-shadow-high: -3px 4px 9px 0px rgba(0, 0, 0, 0.36);
    --ost-theme-box-shadow-card: none;
    --ost-theme-letter-spacing-standard: normal;
    --ost-theme-letter-spacing-small: -1px;
    --ost-theme-letter-spacing-medium: 1px;
    --ost-theme-letter-spacing-high: 2px;
    --ost-theme-line-spacing-standard: 1.5;
    --ost-theme-line-spacing-small: 1;
    --ost-theme-line-spacing-medium: 1.2;
    --ost-theme-line-spacing-high: 1.8;
    --ost-theme-gradient-standard: linear-gradient(to bottom, var(--ost-theme-backcolor-primary) 0%, var(--ost-theme-backcolor-secondary) 100%);
    --ost-theme-gradient-button: linear-gradient(to bottom, var(--ost-theme-backcolor-primary) 0%, var(--ost-theme-backcolor-secondary) 100%);
    --ost-theme-gradient-page: linear-gradient(to bottom, var(--ost-theme-backcolor-primary) 0%, var(--ost-theme-backcolor-secondary) 100%);
    --ost-theme-gradient-card: linear-gradient(to bottom, var(--ost-theme-backcolor-primary) 0%, var(--ost-theme-backcolor-secondary) 100%);
    --ost-theme-form-control-height: 30px;
    --ost-form-control-margin-spacing: 5px;
    --ost-form-control-font-weight: 500;
    --ost-form-control-border-radius: 5px;
    --ost-grid-control-border-radius: 5px;
    --ost-theme-form-control-feild-font-size: 14px;
    --ost-grid-control-header-fontSize: 13px;
    --ost-grid-control-header-fontWeight: 500;
    --ost-grid-control-body-fontSize: 13px;
    --ost-grid-control-body-fontWeight: 400;
    --ost-theme-form-control-width: 100%;
    --ost-theme-form-control-minWidth: 80px;

    /***************************Custom Dark ******************/
    --ost-input-focus-border-color: #474761;
    --ost-table-highlight-bg-color: #27273e;
    --ost-list-bg-active-parent-color: #252536;
    --ost-list-bg-active-child-color: #1e1e2d;
    --ost-dropdown-bg-color: var(--ost-theme-backcolor-c9);
    --maskbg: rgb(0 0 0 / 65%);
    --ost-data-table-bg-highlight-border-color: #0d6efd;
    --ost-data-table-hover-bg--color: #2b2b38;
    --ost-tac-disabled-bg-color: #252536;
    --ost-tac-disabled-border-color: #36363c;
    --ost-secondary-table-header-color: #2B2B40;
    --ost-secondary-table-hover-color: #2b2b38;
    --ost-e-holder-bg-color: #2B2B40;
    --ost-e-holder-border-color: #0d6efd;
    --ost-mb-list-bg-color: #252536;
    --ost-nav-hover-bg-color: #333333;
    --ost-frame-border-color: #fff;
    --ost-frame-notch-border-color: #ccc;
    --ost-frame-bg-color: transparent;

}

/***********************************************Start Theme root ***************/

:root {

    --ost-theme-page-backcolor-primary: #ebeff8
        /* #f5f6fa*/
    ;
    --ost-theme-backcolor-primary: #14274e;
    /* --ost-theme-backcolor-secondary: #0370c0; */
    --ost-theme-backcolor-secondary: #0d6efd;
    --ost-theme-backcolor-c1: #ffffff;
    --ost-theme-backcolor-c2: #000000;
    --ost-theme-backcolor-c3: #f5f5f5;
    --ost-theme-backcolor-c4: #e2e2e2;
    --ost-theme-backcolor-c5: #f9fbfc;
    --ost-theme-backcolor-c6: #a9b2c5;
    --ost-theme-backcolor-c7: #ffffff;
    --ost-theme-backcolor-c8: #f1f1f1;
    --ost-theme-backcolor-c9: #eeeeee;
    --ost-theme-backcolor-c10: #edf4ff;
    /* --ost-theme-backcolor-c10: #d4dae5; */
    --ost-theme-backcolor-c11: #edf2f6;
    --ost-theme-backcolor-c12: #f4f8fb;
    --ost-theme-backcolor-c13: #f9f9f9;
    --ost-theme-forecolor-primary: #212529;
    --ost-theme-forecolor-secondary: #ffffff;
    --ost-theme-forecolor-border: #c2cad8;
    --ost-theme-forecolor-border-secondary: #E6E6E6;
    --ost-theme-forecolor-label: #000000;
    --ost-theme-forecolor-input-text: #333333;
    --ost-theme-forecolor-icon: #212529;
    --ost-theme-forecolor-headtext: #212529;
    --ost-theme-alert-back-color-primary: #14274e;
    --ost-theme-alert-back-color-secondary: #5a6268;
    --ost-theme-alert-back-color-success: #03a81b;
    --ost-theme-alert-back-color-danger: #ef3737;
    --ost-theme-alert-back-color-warning: #f06c2e;
    --ost-theme-alert-back-color-info: #0dcaf0;
    --ost-theme-alert-back-color-light: #f8f9fa;
    --ost-theme-alert-back-color-dark: #212529;
    --ost-theme-alert-fore-color-primary: #ffffff;
    --ost-theme-alert-fore-color-secondary: #ffffff;
    --ost-theme-alert-fore-color-success: #ffffff;
    --ost-theme-alert-fore-color-danger: #ffffff;
    --ost-theme-alert-fore-color-warning: #212529;
    --ost-theme-alert-fore-color-info: #212529;
    --ost-theme-alert-fore-color-light: #212529;
    --ost-theme-alert-fore-color-dark: #ffffff;
    --ost-theme-font-family-primary: var(--ost-main-theme-font-family);
    --ost-theme-font-family-secondary: "";
    --ost-theme-font-size-standard: 14px;
    --ost-theme-font-size-label: 12px;
    --ost-theme-font-weight-label: 410;
    --ost-theme-font-size-small: 8px;
    --ost-theme-font-size-10px: 10px;
    --ost-theme-font-size-11px: 11px;
    --ost-theme-font-size-12px: 12px;
    --ost-theme-font-weight-Standard: 400;
    --ost-theme-font-weight-normal: normal;
    --ost-theme-font-weight-light: 100;
    --ost-theme-font-weight-Bold: 600;
    --ost-theme-font-weight-Ultra-Bold: 800;
    --ost-theme-font-weight-semi-Bold: 500;
    --ost-theme-border-style-standard: 1px solid;
    --ost-theme-border-style-none: 0px;
    --ost-theme-border-style-c1: 1px dashed;
    --ost-theme-border-style-c2: 1px dotted;
    --ost-theme-border-radius-standard: 3px;
    --ost-theme-border-radius-rounded: 100%;
    --ost-theme-border-radius-card: 10px;
    --ost-theme-border-radius-none: 0px;
    --ost-theme-box-shadow-standard: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
    --ost-theme-box-shadow-small: 0 0.125rem 0.25rem 0 rgba(20, 39, 78, 0.4);
    --ost-theme-box-shadow-medium: -2px 3px 6px 1px rgba(10, 10, 10, 0.36);
    --ost-theme-box-shadow-high: -3px 4px 9px 0px rgba(0, 0, 0, 0.36);
    --ost-theme-box-shadow-card: none;
    --ost-theme-letter-spacing-standard: normal;
    --ost-theme-letter-spacing-small: -1px;
    --ost-theme-letter-spacing-medium: 1px;
    --ost-theme-letter-spacing-high: 2px;
    --ost-theme-line-spacing-standard: 1.5;
    --ost-theme-line-spacing-small: 1;
    --ost-theme-line-spacing-medium: 1.2;
    --ost-theme-line-spacing-high: 1.8;
    --ost-theme-gradient-standard: linear-gradient(to bottom, var(--ost-theme-backcolor-primary) 0%, var(--ost-theme-backcolor-secondary) 100%);
    --ost-theme-gradient-button: linear-gradient(to bottom, var(--ost-theme-backcolor-primary) 0%, var(--ost-theme-backcolor-secondary) 100%);
    --ost-theme-gradient-page: linear-gradient(to bottom, var(--ost-theme-backcolor-primary) 0%, var(--ost-theme-backcolor-secondary) 100%);
    --ost-theme-gradient-card: linear-gradient(to bottom, var(--ost-theme-backcolor-primary) 0%, var(--ost-theme-backcolor-secondary) 100%);
    --ost-theme-form-control-height: 30px;
    --ost-theme-form-control-feild-font-size: 14px;
    --ost-form-control-margin-spacing: 5px;
    --ost-form-control-font-weight: 500;
    --ost-form-control-border-radius: 5px;
    --ost-grid-control-border-radius: 5px;
    --ost-grid-control-header-fontSize: 13px;
    --ost-grid-control-header-fontWeight: 500;
    --ost-grid-control-body-fontSize: 13px;
    --ost-grid-control-body-fontWeight: 400;
    --ost-theme-form-control-width: 100%;
    --ost-theme-form-control-minWidth: 80px;
    --ost-frame-border-color: #222;
    --ost-frame-notch-border-color: #444;
    --ost-frame-bg-color: #fff;
}

/***********************************************End Theme root ***************/
/***********************************************common root ***************/
:root {
    /* global theme  */
    --ost-global-theme-primary: var(--ost-theme-backcolor-primary);
    --ost-global-theme-secodary: var(--ost-theme-backcolor-secondary);
    --ost-global-sidebar-header-borderColor: var(--ost-theme-backcolor-secondary);
    /* color */

    --ost-font-family: var(--ost-theme-font-family-primary);
    --ost-primary: var(--ost-theme-backcolor-primary);
    --ost-primary-second: var(--ost-theme-backcolor-secondary);
    --ost-success: var(--ost-theme-alert-back-color-success);
    --ost-warning: var(--ost-theme-alert-back-color-warning);
    --ost-danger: var(--ost-theme-alert-back-color-danger);
    --ost-bg-signinpage: var(--ost-theme-backcolor-c6);
    --ost-bg-signinpage-card-color: var(--ost-theme-backcolor-c1);
    --ost-bg-light-white: var(--ost-theme-backcolor-c6);
    --ost-bg-white: var(--ost-theme-backcolor-c1);
    --ost-light-border: var(--ost-theme-forecolor-border);
    --ost-lable-color: var(--ost-theme-forecolor-label);
    --ost-nav-icon-color: var(--ost-theme-forecolor-icon);
    --ost-footer-text-color: #fff;
    --ost-border-color: var(--ost-theme-forecolor-border);
    --ost-pagination-bg-color: var(--ost-theme-backcolor-c3);
    --ost-pagination-color: var(--ost-theme-forecolor-primary);
    --ost-pagination-active-color: var(--ost-theme-backcolor-secondary);
    --ost-text-alt-color: var(--ost-theme-forecolor-headtext);
    --ost-head-color: var(--ost-theme-forecolor-headtext);
    --ost-text-color: var(--ost-theme-forecolor-primary);
    --ost-text-dark: var(--ost-theme-forecolor-primary);
    --ost-bg-alt-success: var(--ost-theme-alert-back-color-success);
    --ost-bg-alt-warning: var(--ost-theme-alert-back-color-warning);
    --ost-bg-alt-info: var(--ost-theme-alert-back-color-info);
    --ost-bg-alt-danger: var(--ost-theme-alert-back-color-danger);
    --ost-icon-bg-color: var(--ost-theme-backcolor-c8);

    --ost-input-checkbox-bg-color: var(--ost-theme-backcolor-secondary);

    /*sidemenu */
    --ost-side-menu-bg-color: var(--ost-theme-backcolor-c1);

    /* Theme card  and modal*/

    --ost-card-bg-alt-white: var(--ost-theme-backcolor-c1);
    --ost-card-bg: var(--ost-theme-backcolor-c1);
    --ost-side-panel-page-link: var(--ost-common-white-color);
    --ost-side-panel-page-active-color: var(--ost-theme-backcolor-primary);
    --ost-side-panel-list-icon-text-color: var(--ost-theme-forecolor-headtext);
    /* width height */
    --tav-min-width-btn: var(--ost-theme-form-control-minWidth);
    --ost-height-30: 30px;
    /* size */
    --ost-fs-14: var(--ost-theme-font-size-standard);
    --ost-fs-13: var(--ost-theme-font-size-label);
    --ost-fs-8: var(--ost-theme-font-size-small);
    /* border radius */
    --ost-border-radius-025rem: var(--ost-theme-border-radius-standard);
    --ost-border-radius-0: var(--ost-theme-border-radius-none);
    --ost-border-radius-10: var(--ost-theme-border-radius-card);


    /* --ost-pagination-bg-color: var(--ost-theme-backcolor-c4); */
    --ost-pagination-bg-color: transparent;
    --ost-pagination-border-color: var(--ost-theme-forecolor-border);
    --ost-data-table-footer-bg-color: var(--ost-theme-backcolor-c5);
    --ost-data-table-bg-color: var(--ost-theme-backcolor-c5);
    --ost-data-table-form-control-border-color: var(--ost-theme-forecolor-border);
    --ost-data-table-form-control-text-color: var(--ost-theme-forecolor-primary);
    --ost-data-table-row-highlight-bg-color: #fff8dd;
    --ost-data-table-row-highlight-text-color: var(--ost-theme-forecolor-primary);
    /* commmon bg and border colors  */
    --ost-dropdown-bg-color: var(--ost-theme-backcolor-c1);
    --ost-card-alt-bg-color: var(--ost-theme-backcolor-c5);

    --ost-common-text-color333: var(--ost-theme-forecolor-primary);
    --ost-common-dadada-color: var(--ost-theme-forecolor-border);
    --ost-common-white-color: var(--ost-theme-forecolor-secondary);
    --ost-common-text-black-color: var(--ost-theme-forecolor-primary);
    --ost-common-border-tac-color: var(--ost-theme-forecolor-border);
    /* input  */
    --ost-input-group-border-color: var(--ost-theme-forecolor-border);
    --ost-input-group-text-color: var(--ost-theme-forecolor-label);
    --ost-form-control-margin-spacing: 5px;

    /* font weight  */
    --ost-font-weight-600: var(--ost-theme-font-weight-Bold);
    --ost-font-weight-500: var(--ost-theme-font-weight-semi-Bold);
    --ost-font-weight-400: var(--ost-theme-font-weight-Standard);
    --ost-font-weight-normal: var(--ost-theme-font-weight-normal);

    --ost-font-weight-Standard: var(--ost-theme-font-weight-Standard);
    --ost-font-weight-normal: var(--ost-theme-font-weight-normal);
    --ost-font-weight-light: var(--ost-theme-font-weight-light);
    --ost-font-weight-Bold: var(--ost-theme-font-weight-Bold);
    --ost-font-weight-Ultra-Bold: var(--ost-theme-font-weight-Ultra-Bold);
    --ost-font-weight-semi-Bold: var(--ost-theme-font-weight-semi-Bold);

    /* input  */
    --ost-input-feild-font-size: var(--ost-theme-form-control-feild-font-size);
    --ost-input-bg-color: var(--ost-theme-backcolor-c7);
    --ost-input-border-color: var(--ost-theme-forecolor-border);
    --ost-input-text-color: var(--ost-theme-forecolor-input-text);
    --ost-input-focus-bg-color: var(--ost-theme-backcolor-c7);
    --ost-input-focus-text-color: var(--ost-theme-forecolor-primary);
    --ost-bg-primary: var(--ost-theme-alert-back-color-primary);
    --ost-color-primary-alt: #0d6efd;
    --ost-bg-primary-alt: #0d6efd;
    --ost-bg-secondary: var(--ost-theme-alert-back-color-secondary);
    --ost-bg-success: var(--ost-theme-alert-back-color-success);
    --ost-bg-info: var(--ost-theme-alert-back-color-info);
    --ost-bg-warning: var(--ost-theme-alert-back-color-warning);
    --ost-bg-danger: var(--ost-theme-alert-back-color-danger);
    --ost-bg-light: var(--ost-theme-alert-back-color-light);
    --ost-bg-light-text-color: var(--ost-theme-alert-fore-color-light);
    --ost-bg-dark: var(--ost-theme-alert-back-color-dark);
    --ost-tac-disabled: var(--ost-theme-backcolor-c8);
    --ost-tac-disabled-bg-color: #eee;
    --ost-tac-disabled-border-color: #c2cad8;
    /* button */
    --ost-btn-primary: var(--ost-theme-alert-back-color-primary);
    --ost-btn-secondary: var(--ost-theme-alert-back-color-secondary);
    --ost-btn-success: var(--ost-theme-alert-back-color-success);
    --ost-btn-info: var(--ost-theme-alert-back-color-info);
    --ost-btn-warning: var(--ost-theme-alert-back-color-warning);
    --ost-btn-danger: var(--ost-theme-alert-back-color-danger);
    --ost-btn-light: var(--ost-theme-alert-back-color-light);
    --ost-btn-light-text-color: var(--ost-theme-alert-fore-color-light);
    --ost-btn-dark: var(--ost-theme-alert-back-color-dark);
    /* navbar and footer */
    --ost-navbar-bg-color: var(--ost-theme-backcolor-primary);
    --ost-navbar-border-color: var(--ost-theme-backcolor-primary);
    --ost-footer-border-color: var(--ost-theme-backcolor-primary);
    --ost-footer-bg-color: var(--ost-theme-backcolor-primary);
    /* badge  */

    --ost-label-text-primary: var(--ost-theme-alert-back-color-primary);
    --ost-label-text-secondary: var(--ost-theme-alert-back-color-secondary);
    --ost-label-text-success: var(--ost-theme-alert-back-color-success);
    --ost-label-text-info: var(--ost-theme-alert-back-color-info);
    --ost-label-text-warning: var(--ost-theme-alert-back-color-warning);
    --ost-label-text-danger: var(--ost-theme-alert-back-color-danger);
    --ost-label-text-light: var(--ost-theme-alert-back-color-light);
    --ost-label-text-dark: var(--ost-theme-alert-back-color-dark);
    --ost-label-text-gray: var(--ost-theme-alert-back-color-dark);
    /**********************custom******************************/
    /****************Dropdown*****************/
    --ost-dropdown-bx-bg-color: var(--ost-theme-backcolor-c9);
    --ost-dropdown-bx-bg-color-alt: var(--ost-theme-backcolor-c1);
    --ost-dropdown-bx-text-color: var(--ost-text-color);
    --ost-dropdown-bx-hover-and-active-text-color: var(--ost-primary-second);
    --ost-dropdown-bx-hover-bg-color: var(--ost-theme-backcolor-c8);
    /* modal  */
    --ost-boxmodal-header-bg-color: var(--ost-theme-backcolor-c5);
    --ost-boxmodal-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-boxmodal-footer-bg-color: var(--ost-theme-backcolor-c5);
    --ost-boxmodal-footer-text-color: var(--ost-theme-forecolor-primary);
    --ost-boxmodal-body-bg-color: var(--ost-theme-backcolor-c1);
    --ost-boxmodal-border-color: var(--ost-theme-forecolor-border);
    --ost-modal-bg: var(--ost-theme-forecolor-secondary);
    --ost-modal-background-color: var(--ost-theme-backcolor-c1);
    /* common color  */
    --ost-list-bg-active-parent-color: #e9ecef;
    --ost-list-bg-active-child-color: #fafafa;
    --ost-table-highlight-bg-color: #EEF2FF;
    --ost-sidebar-nav-item-nav-bg-color: rgb(233 233 233 / 17%);
    --ost-sidebar-nav-item-nav-link-color: #999999;
    --ost-data-table-selected-row-bg-color: #EEF2FF;
    --ost-data-table-selected-row-text-color: #4338CA;
    --ost-ui-droppable-color: #b5e1ff;
    --ost-tooltip-arrow-border-color: #ebf0f4;
    --ost-tooltip-border-color: rgba(27, 31, 36, .15);
    --ost-tooltip-bg-color: #ebf0f4;
    --ost-tooltip-text-color: #24292f;
    --ost-input-focus-border-color: #86b7fe;
    --ost-dropdown-link-color: #697a8d;
    --ost-dropdown-link-hover-bg: rgba(67, 89, 113, 0.04);
    --ost-tab-bg-light: #f4f5fa;
    --ost-tab-link-color: #a1a5b7;
    --ost-primary-hover: #2b3f6a;
    --ost-primary-second-hover: #e8f0fe;
    --ost-success-hover: #049b1a;
    --ost-light-blue: #024d87;
    --ost-light-gray: #979797;
    --ost-bg-label-primary: transparent;
    --ost-bg-label-secondary: transparent;
    --ost-bg-label-success: transparent;
    --ost-bg-label-info: transparent;
    --ost-bg-label-warning: transparent;
    --ost-bg-label-danger: transparent;
    --ost-bg-label-light: transparent;
    --ost-bg-label-dark: transparent;
    --ost-bg-label-gray: transparent;

    /* padding  */
    --ost-tree-padding: 3px 5px;
    /* radius */
    --ost-border-radius-10: 10px;
    --ost-border-radius-5: 5px;
    /* width height */
    --ost-width-30: 30px;
    --ost-dropdown-min-width: 12rem;
    /* size */
    --ost-fs-40: 40px;
    --ost-fs-39: 39px;
    --ost-fs-38: 38px;
    --ost-fs-37: 37px;
    --ost-fs-36: 36px;
    --ost-fs-35: 35px;
    --ost-fs-34: 34px;
    --ost-fs-33: 33px;
    --ost-fs-32: 32px;
    --ost-fs-31: 31px;
    --ost-fs-30: 30px;
    --ost-fs-29: 29px;
    --ost-fs-28: 28px;
    --ost-fs-27: 27px;
    --ost-fs-26: 26px;
    --ost-fs-25: 25px;
    --ost-fs-24: 24px;
    --ost-fs-23: 23px;
    --ost-fs-22: 22px;
    --ost-fs-21: 21px;
    --ost-fs-20: 20px;
    --ost-fs-19: 19px;
    --ost-fs-18: 18px;
    --ost-fs-17: 17px;
    --ost-fs-16: 16px;
    --ost-fs-15: 15px;
    --ost-fs-12: 13px;
    --ost-fs-11: 11px;
    --ost-fs-10: 10px;
    --ost-fs-9: 9px;
    --ost-fs-8: 8px;
    --ost-fs-7: 7px;
    --ost-fs-6: 6px;
    --ost-fs-5: 5px;
    --ost-fs-4: 4px;
    --ost-fs-3: 3px;
    --ost-fs-2: 2px;
    --ost-fs-1: 1px;
    --ost-fs-0875: 0.875rem;
    /* button  */
    --ost-btn-icon-active-bg-color: #e8f0fe;
    --ost-btn-light-bg-color: #f9fafb;
    --ost-btn-light-bg-hover-color: #f8f9fa;

    /* avatar  */
    --ost-avatar-initial-bg-color: #9da8b5;
    /* border radius */
    --ost-border-radius-1: 1px;
    --ost-border-radius-2: 2px;
    --ost-border-radius-3: 3px;
    --ost-border-radius-4: 4px;
    --ost-border-radius-5: 5px;
    --ost-border-radius-6: 6px;
    --ost-border-radius-7: 7px;
    --ost-border-radius-8: 8px;
    --ost-border-radius-9: 9px;

    /* tag common  */
    --tag-bs-white: #ffffff;
    --tag-bs-primary: #0168fa;
    --tag-bs-secondary: #E1E3EA;
    --tag-bs-light: #F9F9F9;
    --tag-bs-success: #50cd89;
    --tag-bs-info: #0dcaf0;
    --tag-bs-warning: #ffc700;
    --tag-bs-danger: #f1416c;
    --tag-bs-dark: #181C32;
    --tag-bs-primary-active: #0095e8;
    --tag-bs-secondary-active: #B5B5C3;
    --tag-bs-light-active: #F4F4F4;
    --tag-bs-success-active: #47be7d;
    --tag-bs-info-active: #03c0e6;
    --tag-bs-warning-active: #f1bc00;
    --tag-bs-danger-active: #d9214e;
    --tag-bs-dark-active: #131628;
    --tag-bs-primary-light: #f1faff;
    --tag-bs-secondary-light: #F9F9F9;
    --tag-bs-success-light: #e8fff3;
    --tag-bs-info-light: #f8f5ff;
    --tag-bs-warning-light: #fff8dd;
    --tag-bs-danger-light: #ffe8ea;
    --tag-bs-dark-light: #F4F4F4;
    --tag-bs-primary-inverse: #ffffff;
    --tag-bs-secondary-inverse: #3F4254;
    --tag-bs-light-inverse: #7E8299;

    /* ost New design    */
    /* sidebar  */
    --ost-new-sidebar-bg-color: var(--ost-theme-backcolor-c1);
    --ost-new-sidebar-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-header-bg-color: var(--ost-theme-backcolor-c1);
    --ost-new-sidebar-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sidebar-header-border-color: var(--ost-theme-forecolor-border);


    --ost-new-sidebar-content-bg-color: '';
    --ost-new-sidebar-content-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sidebar-content-text-hover-color: '';
    --ost-new-sidebar-content-text-highlight-color: '';
    --ost-new-sidebar-footer-bg-color: '';
    --ost-new-sidebar-footer-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-footer-text-color: '';
    /* sidebar  */
    --ost-new-sidebar-bg-color: var(--ost-theme-backcolor-c1);
    --ost-new-sidebar-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-sidebar-header-bg-color: var(--ost-theme-backcolor-c1);
    --ost-new-sidebar-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sidebar-header-border-color: var(--ost-theme-forecolor-border);

    --ost-new-sidebar-list-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sidebar-list-bg-color: transparent;
    --ost-new-sidebar-list-hover-bg-color: var(--ost-theme-backcolor-c10);
    --ost-new-sidebar-list-hover-text-color: var(--ost-theme-backcolor-secondary);
    --ost-new-sidebar-list-hightlight-bg-color: var(--ost-theme-backcolor-c10);
    --ost-new-sidebar-list-hightlight-border-color: var(--ost-theme-backcolor-secondary);
    --ost-new-sidebar-list-hightlight-text-color: var(--ost-theme-backcolor-secondary);
    --ost-new-sidebar-list-hightlight-icon-color: var(--ost-theme-backcolor-secondary);

    --ost-new-sidebar-content-bg-color: '';
    --ost-new-sidebar-content-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sidebar-content-text-hover-color: '';
    --ost-new-sidebar-content-text-highlight-color: '';
    --ost-new-sidebar-footer-bg-color: '';
    --ost-new-sidebar-footer-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-footer-text-color: '';
    /* header  */
    --ost-new-nav-header-bg-color: var(--ost-theme-backcolor-c1);
    --ost-new-nav-header-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-nav-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-nav-header-hover-color: '';
    --ost-new-nav-header-icon-color: var(--ost-nav-icon-color);
    --ost-new-nav-header-icon-hover-color: var(--ost-theme-backcolor-secondary);
    --ost-new-nav-header-icon-hover-bgcolor: var(--ost-theme-backcolor-c10);
    --ost-new-nav-header-highlight-bg-color: var(--ost-theme-backcolor-c10);
    --ost-new-nav-header-highlight-text-color: var(--ost-theme-backcolor-secondary);

    --ost-new-nav-header-selectbox-bg-color: var(--ost-theme-backcolor-c8);
    --ost-new-nav-header-selectbox-border-color: var(--ost-theme-backcolor-c8);
    --ost-new-nav-header-selectbox-text-color: var(--ost-theme-forecolor-primary);


    --ost-new-nav-header-dropdown-bg-color: '';
    --ost-new-nav-header-dropdown-border-color: '';
    --ost-new-nav-header-dropdown-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-nav-header-dropdown-text-hover-color: '';
    --ost-nav-hover-bg-color: rgba(60, 64, 67, 0.078);
    /* sub Header  */
    --ost-new-sub-header-bg-color: var(--ost-theme-backcolor-c1);
    --ost-new-sub-header-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-sub-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-hover-color: var(--ost-primary-second-hover);
    --ost-new-sub-header-highlight-bg-color: var(--ost-primary-second-hover);
    --ost-new-sub-header-highlight-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-bredcrumb-text-color: var(--ost-theme-backcolor-secondary);
    /* body  */
    --ost-new-main-layout-bg-color: var(--ost-theme-page-backcolor-primary);
    --ost-new-main-layout-border-color: var(--ost-theme-forecolor-border);
    --ost-new-main-layout-text-color: var(--ost-theme-forecolor-primary);

    --ost-border-primary: var(--ost-bg-primary-alt);
    --ost-border-secondary: var(--ost-bg-danger);
    --ost-border-success: var(--ost-bg-success);
    --ost-border-warning: var(--ost-bg-warning);
    --ost-border-danger: var(--ost-bg-danger);
    --ost-border-light: var(--ost-theme-forecolor-border-secondary);
    --ost-table-hoverIconbgColor: var(--ost-theme-backcolor-c11);


}

:root[data-theme~="blue"] {
    /* global theme  */
    --ost-global-theme-primary: #005197;
    --ost-global-theme-secodary: #00ffdf;
    --ost-global-sidebar-header-borderColor: #27669c;
    --ost-global-sidebar-header-hoverBgColor: #1a5f9a;
    --ost-global-sidebar-header-hoverTextColor: var(--ost-global-theme-secodary);
    --ost-global-sidebar-header-HightlightBgColor: #27669c;

    --ost-global-sidebar-header-HightlightTextColor: var(--ost-global-theme-secodary);


    --ost-global-table-headerBgColor: #e6edff;
    --ost-global-table-headerColor: #333333;
    --ost-global-table-headerHoverBgColor: var(--ost-global-table-headerBgColor);
    --ost-global-table-BorderColor: #c2cad8;
    --ost-global-table-PaginationBgColor: var(--ost-global-theme-primary);
    /* page background  */
    --ost-new-theme-page-backcolor: #e8f1f2;
    --ost-new-main-layout-bg-color: var(--ost-new-theme-page-backcolor);
    /* Header  */
    --ost-new-nav-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-nav-header-border-color: var(--ost-global-sidebar-header-borderColor);
    --ost-new-nav-header-text-color: #fff;
    --ost-new-nav-header-text-hover-color: var(--ost-global-theme-secodary);
    --ost-new-nav-header-icon-color: #fafafa;
    --ost-new-nav-header-icon-hover-color: var(--ost-global-sidebar-header-hoverTextColor);
    --ost-new-nav-header-icon-hover-bgcolor: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-nav-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-nav-header-highlight-text-color: #ffffff;
    --ost-new-nav-header-selectbox-bg-color: #3e8afa;
    --ost-new-nav-header-selectbox-border-color: #3e8afa;
    --ost-new-nav-header-selectbox-text-color: #fff;
    --ost-theme-backcolor-secondary: var(--ost-global-theme-primary);
    /* Home animation  */
    --ost-new-homepage-animate-bgcolor-primary: var(--ost-global-theme-primary);
    --ost-new-homepage-animate-bgcolor-secondary: #1b1f4d;
    /* subHeader  */
    --ost-new-sub-header-bg-color: #fff;
    --ost-new-sub-header-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-sub-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-text-hover-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-hover-color: var(--ost-primary-second-hover);
    --ost-new-sub-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-sub-header-highlight-text-color: #ffffff;
    --ost-new-sub-header-bredcrumb-text-color: var(--ost-global-theme-primary);



    /* Side Bar  */
    --ost-new-sidebar-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-border-color: var(--ost-new-nav-header-border-color);
    --ost-new-sidebar-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-header-text-color: #fff;
    --ost-new-sidebar-header-border-color: '';
    --ost-new-sidebar-list-text-color: var(--ost-theme-forecolor-primary);

    --ost-new-sidebar-list-text-color: #fff;
    --ost-new-sidebar-list-bg-color: transparent;
    --ost-new-sidebar-list-hover-bg-color: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-sidebar-list-hover-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-bg-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-border-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-icon-color: #fff;

    --ost-new-sidebar-content-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-content-text-color: #fff;
    --ost-new-sidebar-content-text-hover-color: '';
    --ost-new-sidebar-content-text-highlight-color: '';
    --ost-new-sidebar-footer-bg-color: '';
    --ost-new-sidebar-footer-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-footer-text-color: '';

    /* Button  */
    --ost-new-nav-button-primary-bg-color: var(--ost-global-theme-primary);
    /* table  */
    --ster-theme-primary-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-table-pagination-bg-color: var(--ost-global-table-PaginationBgColor);
    --ost-color-primary-alt: var(--ost-global-theme-primary);
    --ster-theme-light-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-theme-light-table-head-color: var(--ost-global-table-headerColor);
    --ster-theme-light-table-border-color: var(--ost-global-table-BorderColor);
    --ster-theme-light-table-border-color-th: var(--ost-global-table-BorderColor);
    --ost-table-hoverIconbgColor: #0000000f;
    /* common */
    --ost-theme-border-radius-standard: 5px;
    --ost-form-control-font-weight: 500;
    --ost-theme-font-weight-label: 410;
    --ost-tac-disabled: #f6f6f6;
    --ost-tac-disabled-bg-color: #f6f6f6;
    --ost-tac-disabled-border-color: #0000003b;
    --ost-input-border-color: #0000003b;
    --ost-theme-form-control-height: 30px;
    --ost-theme-title-color: var(--ost-global-theme-primary);
    --ost-input-gr-icon-color: rgb(106, 120, 136);
    --ost-form-control-margin-spacing: 5px;
    --ost-horizontal-tab-header-active-bg-color: rgb(222, 229, 236);
    --ost-data-active-light: #F1F6FC;
    --ost-lable-color: var(--ost-common-text-black-color);
}

:root[data-theme~="green"] {
    /* global theme  */
    --ost-global-theme-primary: #024f38;
    --ost-global-theme-secodary: #FF9800;
    --ost-global-sidebar-header-borderColor: #036f4e;
    --ost-global-sidebar-header-hoverBgColor: #045b41;
    --ost-global-sidebar-header-hoverTextColor: var(--ost-global-theme-secodary);
    --ost-global-sidebar-header-HightlightBgColor: #045b41;
    --ost-global-sidebar-header-HightlightTextColor: var(--ost-global-theme-secodary);


     --ost-global-table-headerBgColor: #e6ffe7;
    --ost-global-table-headerColor: #333333;
    --ost-global-table-headerHoverBgColor: var(--ost-global-table-headerBgColor);   
    --ost-global-table-BorderColor: #c2cad8;
    --ost-global-table-PaginationBgColor: var(--ost-global-theme-primary);
    /* page background  */
    --ost-new-theme-page-backcolor: #dddcf9;
    --ost-new-main-layout-bg-color: var(--ost-new-theme-page-backcolor);
    /* Header  */
    --ost-new-nav-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-nav-header-border-color: var(--ost-global-sidebar-header-borderColor);
    --ost-new-nav-header-text-color: #fff;
    --ost-new-nav-header-text-hover-color: var(--ost-global-theme-secodary);
    --ost-new-nav-header-icon-color: #fafafa;
    --ost-new-nav-header-icon-hover-color: var(--ost-global-sidebar-header-hoverTextColor);
    --ost-new-nav-header-icon-hover-bgcolor: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-nav-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-nav-header-highlight-text-color: #ffffff;
    --ost-new-nav-header-selectbox-bg-color: #3e8afa;
    --ost-new-nav-header-selectbox-border-color: #3e8afa;
    --ost-new-nav-header-selectbox-text-color: #fff;
    --ost-theme-backcolor-secondary: var(--ost-global-theme-primary);
    /* Home animation  */
    --ost-new-homepage-animate-bgcolor-primary: var(--ost-global-theme-primary);
    --ost-new-homepage-animate-bgcolor-secondary: #1b1f4d;
    /* subHeader  */
    --ost-new-sub-header-bg-color: #fff;
    --ost-new-sub-header-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-sub-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-text-hover-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-hover-color: var(--ost-primary-second-hover);
    --ost-new-sub-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-sub-header-highlight-text-color: #ffffff;
    --ost-new-sub-header-bredcrumb-text-color: var(--ost-global-theme-primary);



    /* Side Bar  */
    --ost-new-sidebar-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-border-color: var(--ost-new-nav-header-border-color);
    --ost-new-sidebar-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-header-text-color: #fff;
    --ost-new-sidebar-header-border-color: '';
    --ost-new-sidebar-list-text-color: var(--ost-theme-forecolor-primary);

    --ost-new-sidebar-list-text-color: #fff;
    --ost-new-sidebar-list-bg-color: transparent;
    --ost-new-sidebar-list-hover-bg-color: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-sidebar-list-hover-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-bg-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-border-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-icon-color: #fff;

    --ost-new-sidebar-content-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-content-text-color: #fff;
    --ost-new-sidebar-content-text-hover-color: '';
    --ost-new-sidebar-content-text-highlight-color: '';
    --ost-new-sidebar-footer-bg-color: '';
    --ost-new-sidebar-footer-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-footer-text-color: '';

    /* Button  */
    --ost-new-nav-button-primary-bg-color: var(--ost-global-theme-primary);
    /* table  */
    --ster-theme-primary-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-table-pagination-bg-color: var(--ost-global-table-PaginationBgColor);
    --ost-color-primary-alt: var(--ost-global-theme-primary);
    --ster-theme-light-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-theme-light-table-head-color: var(--ost-global-table-headerColor);
    --ster-theme-light-table-border-color: var(--ost-global-table-BorderColor);
     --ster-theme-light-table-border-color-th: var(--ost-global-table-BorderColor);
    --ost-table-hoverIconbgColor: #0000000f;
    /* common */
    --ost-theme-border-radius-standard: 5px;
    --ost-form-control-font-weight: 500;
    --ost-theme-font-weight-label: 410;
    --ost-tac-disabled: #f6f6f6;
    --ost-tac-disabled-bg-color: #f6f6f6;
    --ost-tac-disabled-border-color: #0000003b;
    --ost-input-border-color: #0000003b;
    --ost-theme-form-control-height: 30px;
    --ost-theme-title-color: var(--ost-global-theme-primary);
    --ost-input-gr-icon-color: rgb(106, 120, 136);
    --ost-form-control-margin-spacing: 5px;
    --ost-horizontal-tab-header-active-bg-color: rgb(222, 229, 236);
    --ost-data-active-light: #F1F6FC;
    --ost-lable-color: rgb(42, 96, 188);
}

:root[data-theme~="purple"] {
    /* global theme  */
    --ost-global-theme-primary: #3c096c;
    --ost-global-theme-secodary: #80ed99;
    --ost-global-sidebar-header-borderColor: #460285;
    --ost-global-sidebar-header-hoverBgColor: #460285;
    --ost-global-sidebar-header-hoverTextColor: var(--ost-global-theme-secodary);
    --ost-global-sidebar-header-HightlightBgColor: #460285;

    --ost-global-sidebar-header-HightlightTextColor: var(--ost-global-theme-secodary);


    --ost-global-table-headerBgColor: #f5e8ff;
    --ost-global-table-headerColor: #333333;
    --ost-global-table-headerHoverBgColor: var(--ost-global-table-headerBgColor);   
    --ost-global-table-BorderColor: #c2cad8;
    --ost-global-table-PaginationBgColor: var(--ost-global-theme-primary);
    /* page background  */
    --ost-new-theme-page-backcolor: #dddcf9;
    --ost-new-main-layout-bg-color: var(--ost-new-theme-page-backcolor);
    /* Header  */
    --ost-new-nav-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-nav-header-border-color: var(--ost-global-sidebar-header-borderColor);
    --ost-new-nav-header-text-color: #fff;
    --ost-new-nav-header-text-hover-color: var(--ost-global-theme-secodary);
    --ost-new-nav-header-icon-color: #fafafa;
    --ost-new-nav-header-icon-hover-color: var(--ost-global-sidebar-header-hoverTextColor);
    --ost-new-nav-header-icon-hover-bgcolor: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-nav-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-nav-header-highlight-text-color: #ffffff;
    --ost-new-nav-header-selectbox-bg-color: #3e8afa;
    --ost-new-nav-header-selectbox-border-color: #3e8afa;
    --ost-new-nav-header-selectbox-text-color: #fff;
    --ost-theme-backcolor-secondary: var(--ost-global-theme-primary);
    /* Home animation  */
    --ost-new-homepage-animate-bgcolor-primary: var(--ost-global-theme-primary);
    --ost-new-homepage-animate-bgcolor-secondary: #1b1f4d;
    /* subHeader  */
    --ost-new-sub-header-bg-color: #fff;
    --ost-new-sub-header-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-sub-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-text-hover-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-hover-color: var(--ost-primary-second-hover);
    --ost-new-sub-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-sub-header-highlight-text-color: #ffffff;
    --ost-new-sub-header-bredcrumb-text-color: var(--ost-global-theme-primary);



    /* Side Bar  */
    --ost-new-sidebar-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-border-color: var(--ost-new-nav-header-border-color);
    --ost-new-sidebar-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-header-text-color: #fff;
    --ost-new-sidebar-header-border-color: '';
    --ost-new-sidebar-list-text-color: var(--ost-theme-forecolor-primary);

    --ost-new-sidebar-list-text-color: #fff;
    --ost-new-sidebar-list-bg-color: transparent;
    --ost-new-sidebar-list-hover-bg-color: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-sidebar-list-hover-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-bg-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-border-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-icon-color: #fff;

    --ost-new-sidebar-content-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-content-text-color: #fff;
    --ost-new-sidebar-content-text-hover-color: '';
    --ost-new-sidebar-content-text-highlight-color: '';
    --ost-new-sidebar-footer-bg-color: '';
    --ost-new-sidebar-footer-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-footer-text-color: '';

    /* Button  */
    --ost-new-nav-button-primary-bg-color: var(--ost-global-theme-primary);
    /* table  */
    --ster-theme-primary-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-table-pagination-bg-color: var(--ost-global-table-PaginationBgColor);
    --ost-color-primary-alt: var(--ost-global-theme-primary);
    --ster-theme-light-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-theme-light-table-head-color: var(--ost-global-table-headerColor);
    --ster-theme-light-table-border-color: var(--ost-global-table-BorderColor);
   --ster-theme-light-table-border-color-th: var(--ost-global-table-BorderColor);
    --ost-table-hoverIconbgColor: #0000000f;
    /* common */
    --ost-theme-border-radius-standard: 5px;
    --ost-form-control-font-weight: 500;
    --ost-theme-font-weight-label: 410;
    --ost-tac-disabled: #f6f6f6;
    --ost-tac-disabled-bg-color: #f6f6f6;
    --ost-tac-disabled-border-color: #0000003b;
    --ost-input-border-color: #0000003b;
    --ost-theme-form-control-height: 30px;
    --ost-theme-title-color: var(--ost-global-theme-primary);
    --ost-input-gr-icon-color: rgb(106, 120, 136);
    --ost-form-control-margin-spacing: 5px;
    --ost-horizontal-tab-header-active-bg-color: rgb(222, 229, 236);
    --ost-data-active-light: #F1F6FC;
    --ost-lable-color: rgb(42, 96, 188);
}

:root[data-theme~="red"] {
    /* global theme  */
    --ost-global-theme-primary: #a4161a;
    --ost-global-theme-secodary: #FFC107;
    --ost-global-sidebar-header-borderColor: #ab3134;
    --ost-global-sidebar-header-hoverBgColor: #ab3134;
    --ost-global-sidebar-header-hoverTextColor: var(--ost-global-theme-secodary);
    --ost-global-sidebar-header-HightlightBgColor: #ab3134;

    --ost-global-sidebar-header-HightlightTextColor: var(--ost-global-theme-secodary);


    --ost-global-table-headerBgColor: #fff6e6;
    --ost-global-table-headerColor: #333333;
    --ost-global-table-headerHoverBgColor: var(--ost-global-table-headerBgColor);   
    --ost-global-table-BorderColor: #c2cad8;
    --ost-global-table-PaginationBgColor: var(--ost-global-theme-primary);
    /* page background  */
    --ost-new-theme-page-backcolor: #dddcf9;
    --ost-new-main-layout-bg-color: var(--ost-new-theme-page-backcolor);
    /* Header  */
    --ost-new-nav-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-nav-header-border-color: var(--ost-global-sidebar-header-borderColor);
    --ost-new-nav-header-text-color: #fff;
    --ost-new-nav-header-text-hover-color: var(--ost-global-theme-secodary);
    --ost-new-nav-header-icon-color: #fafafa;
    --ost-new-nav-header-icon-hover-color: var(--ost-global-sidebar-header-hoverTextColor);
    --ost-new-nav-header-icon-hover-bgcolor: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-nav-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-nav-header-highlight-text-color: #ffffff;
    --ost-new-nav-header-selectbox-bg-color: #3e8afa;
    --ost-new-nav-header-selectbox-border-color: #3e8afa;
    --ost-new-nav-header-selectbox-text-color: #fff;
    --ost-theme-backcolor-secondary: var(--ost-global-theme-primary);
    /* Home animation  */
    --ost-new-homepage-animate-bgcolor-primary: var(--ost-global-theme-primary);
    --ost-new-homepage-animate-bgcolor-secondary: #1b1f4d;
    /* subHeader  */
    --ost-new-sub-header-bg-color: #fff;
    --ost-new-sub-header-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-sub-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-text-hover-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-hover-color: var(--ost-primary-second-hover);
    --ost-new-sub-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-sub-header-highlight-text-color: #ffffff;
    --ost-new-sub-header-bredcrumb-text-color: var(--ost-global-theme-primary);



    /* Side Bar  */
    --ost-new-sidebar-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-border-color: var(--ost-new-nav-header-border-color);
    --ost-new-sidebar-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-header-text-color: #fff;
    --ost-new-sidebar-header-border-color: '';
    --ost-new-sidebar-list-text-color: var(--ost-theme-forecolor-primary);

    --ost-new-sidebar-list-text-color: #fff;
    --ost-new-sidebar-list-bg-color: transparent;
    --ost-new-sidebar-list-hover-bg-color: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-sidebar-list-hover-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-bg-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-border-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-icon-color: #fff;

    --ost-new-sidebar-content-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-content-text-color: #fff;
    --ost-new-sidebar-content-text-hover-color: '';
    --ost-new-sidebar-content-text-highlight-color: '';
    --ost-new-sidebar-footer-bg-color: '';
    --ost-new-sidebar-footer-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-footer-text-color: '';

    /* Button  */
    --ost-new-nav-button-primary-bg-color: var(--ost-global-theme-primary);
    /* table  */
    --ster-theme-primary-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-table-pagination-bg-color: var(--ost-global-table-PaginationBgColor);
    --ost-color-primary-alt: var(--ost-global-theme-primary);
    --ster-theme-light-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-theme-light-table-head-color: var(--ost-global-table-headerColor);
    --ster-theme-light-table-border-color: var(--ost-global-table-BorderColor);
     --ster-theme-light-table-border-color-th: var(--ost-global-table-BorderColor);
    --ost-table-hoverIconbgColor: #0000000f;
    /* common */
    --ost-theme-border-radius-standard: 5px;
    --ost-form-control-font-weight: 500;
    --ost-theme-font-weight-label: 410;
   --ost-tac-disabled: #f6f6f6;
    --ost-tac-disabled-bg-color: #f6f6f6;
    --ost-tac-disabled-border-color: #0000003b;
    --ost-input-border-color: #0000003b;
    --ost-theme-form-control-height: 30px;
    --ost-theme-title-color: var(--ost-global-theme-primary);
    --ost-input-gr-icon-color: rgb(106, 120, 136);
    --ost-form-control-margin-spacing: 5px;
    --ost-horizontal-tab-header-active-bg-color: rgb(222, 229, 236);
    --ost-data-active-light: #F1F6FC;
    --ost-lable-color: rgb(42, 96, 188);
}

:root[data-theme~="black"] {
    /* global theme  */
    --ost-global-theme-primary: #282f32;
    --ost-global-theme-secodary: #03d10b;
    --ost-global-sidebar-header-borderColor: #4d5559;
    --ost-global-sidebar-header-hoverBgColor: #363c3f;
    --ost-global-sidebar-header-hoverTextColor: var(--ost-global-theme-secodary);
    --ost-global-sidebar-header-HightlightBgColor: #363c3f;

    --ost-global-sidebar-header-HightlightTextColor: var(--ost-global-theme-secodary);


   --ost-global-table-headerBgColor: #f4f9ff;
    --ost-global-table-headerColor: #333333;
    --ost-global-table-headerHoverBgColor: var(--ost-global-table-headerBgColor);   
    --ost-global-table-BorderColor: #c2cad8;
    --ost-global-table-PaginationBgColor: var(--ost-global-theme-primary);
    /* page background  */
    --ost-new-theme-page-backcolor: #dddcf9;
    --ost-new-main-layout-bg-color: var(--ost-new-theme-page-backcolor);
    /* Header  */
    --ost-new-nav-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-nav-header-border-color: var(--ost-global-sidebar-header-borderColor);
    --ost-new-nav-header-text-color: #fff;
    --ost-new-nav-header-text-hover-color: var(--ost-global-theme-secodary);
    --ost-new-nav-header-icon-color: #fafafa;
    --ost-new-nav-header-icon-hover-color: var(--ost-global-sidebar-header-hoverTextColor);
    --ost-new-nav-header-icon-hover-bgcolor: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-nav-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-nav-header-highlight-text-color: #ffffff;
    --ost-new-nav-header-selectbox-bg-color: #3e8afa;
    --ost-new-nav-header-selectbox-border-color: #3e8afa;
    --ost-new-nav-header-selectbox-text-color: #fff;
    --ost-theme-backcolor-secondary: #006ae6;
    /* Home animation  */
    --ost-new-homepage-animate-bgcolor-primary: var(--ost-global-theme-primary);
    --ost-new-homepage-animate-bgcolor-secondary: #1b1f4d;
    /* subHeader  */
    --ost-new-sub-header-bg-color: #fff;
    --ost-new-sub-header-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-sub-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-text-hover-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-hover-color: var(--ost-primary-second-hover);
    --ost-new-sub-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-sub-header-highlight-text-color: #ffffff;
    --ost-new-sub-header-bredcrumb-text-color: var(--ost-global-theme-primary);



    /* Side Bar  */
    --ost-new-sidebar-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-border-color: var(--ost-new-nav-header-border-color);
    --ost-new-sidebar-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-header-text-color: #fff;
    --ost-new-sidebar-header-border-color: '';
    --ost-new-sidebar-list-text-color: var(--ost-theme-forecolor-primary);

    --ost-new-sidebar-list-text-color: #fff;
    --ost-new-sidebar-list-bg-color: transparent;
    --ost-new-sidebar-list-hover-bg-color: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-sidebar-list-hover-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-bg-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-border-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-icon-color: #fff;

    --ost-new-sidebar-content-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-content-text-color: #fff;
    --ost-new-sidebar-content-text-hover-color: '';
    --ost-new-sidebar-content-text-highlight-color: '';
    --ost-new-sidebar-footer-bg-color: '';
    --ost-new-sidebar-footer-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-footer-text-color: '';

    /* Button  */
    --ost-new-nav-button-primary-bg-color: var(--ost-global-theme-primary);
    /* table  */
    --ster-theme-primary-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-table-pagination-bg-color: var(--ost-global-table-PaginationBgColor);
    --ost-color-primary-alt: var(--ost-global-theme-primary);
    --ster-theme-light-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-theme-light-table-head-color: var(--ost-global-table-headerColor);
    --ster-theme-light-table-border-color: var(--ost-global-table-BorderColor);
     --ster-theme-light-table-border-color-th: var(--ost-global-table-BorderColor);
    --ost-table-hoverIconbgColor: #0000000f;
    /* common */
    --ost-theme-border-radius-standard: 5px;
    --ost-form-control-font-weight: 500;
    --ost-theme-font-weight-label: 410;
    --ost-tac-disabled: #f6f6f6;
    --ost-tac-disabled-bg-color: #f6f6f6;
    --ost-tac-disabled-border-color: #0000003b;
    --ost-input-border-color: #0000003b;
    --ost-theme-form-control-height: 30px;
    --ost-theme-title-color: var(--ost-global-theme-primary);
    --ost-input-gr-icon-color: rgb(106, 120, 136);
    --ost-form-control-margin-spacing: 5px;
    --ost-horizontal-tab-header-active-bg-color: rgb(222, 229, 236);
    --ost-data-active-light: #F1F6FC;
    --ost-lable-color: rgb(42, 96, 188);
}

:root[data-theme~="bluedark"] {

    /* global theme  */
    --ost-global-theme-primary: #01205c;
    --ost-global-theme-secodary: #fe7e40;
    --ost-global-sidebar-header-borderColor: #1f3e7f;
    --ost-global-sidebar-header-hoverBgColor: #1f3e7f;
    --ost-global-sidebar-header-hoverTextColor: var(--ost-global-theme-secodary);
    --ost-global-sidebar-header-HightlightBgColor: #1f3e7f;

    --ost-global-sidebar-header-HightlightTextColor: var(--ost-global-theme-secodary);

--ost-global-table-headerBgColor: #e6e9ff;
    --ost-global-table-headerColor: #333333;
    --ost-global-table-headerHoverBgColor: var(--ost-global-table-headerBgColor);   
    --ost-global-table-BorderColor: #c2cad8;
    --ost-global-table-PaginationBgColor: var(--ost-global-theme-primary);

    /* page background  */

    --ost-new-theme-page-backcolor: #f5f5fd;
    /* Header  */
    --ost-new-nav-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-nav-header-border-color: var(--ost-global-sidebar-header-borderColor);
    --ost-new-nav-header-text-color: #fff;
    --ost-new-nav-header-text-hover-color: var(--ost-global-theme-secodary);
    --ost-new-nav-header-icon-color: #fafafa;
    --ost-new-nav-header-icon-hover-color: var(--ost-global-sidebar-header-hoverTextColor);
    --ost-new-nav-header-icon-hover-bgcolor: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-nav-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-nav-header-highlight-text-color: #ffffff;
    --ost-new-nav-header-selectbox-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-nav-header-selectbox-border-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-nav-header-selectbox-text-color: #fff;

    /* Home animation  */
    --ost-new-homepage-animate-bgcolor-primary: var(--ost-global-theme-primary);
    --ost-new-homepage-animate-bgcolor-secondary: #071d47;
    /* sub Header  */
    --ost-new-sub-header-bg-color: #fff;
    --ost-new-sub-header-border-color: var(--ost-theme-forecolor-border-secondary);
    --ost-new-sub-header-text-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-text-hover-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-color: var(--ost-theme-forecolor-primary);
    --ost-new-sub-header-icon-hover-color: var(--ost-primary-second-hover);
    --ost-new-sub-header-highlight-bg-color: var(--ost-global-sidebar-header-HightlightBgColor);
    --ost-new-sub-header-highlight-text-color: #ffffff;
    --ost-new-sub-header-bredcrumb-text-color: var(--ost-global-theme-primary);
    /* sidebar  */
    /* Side Bar  */
    --ost-new-sidebar-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-border-color: var(--ost-new-nav-header-border-color);
    --ost-new-sidebar-header-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-header-text-color: #fff;
    --ost-new-sidebar-header-border-color: '';
    --ost-new-sidebar-list-text-color: var(--ost-theme-forecolor-primary);

    --ost-new-sidebar-list-text-color: #fff;
    --ost-new-sidebar-list-bg-color: transparent;
    --ost-new-sidebar-list-hover-bg-color: var(--ost-global-sidebar-header-hoverBgColor);
    --ost-new-sidebar-list-hover-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-bg-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-border-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-text-color: var(--ost-global-theme-secodary);
    --ost-new-sidebar-list-hightlight-icon-color: #fff;

    --ost-new-sidebar-content-bg-color: var(--ost-global-theme-primary);
    --ost-new-sidebar-content-text-color: #fff;
    --ost-new-sidebar-content-text-hover-color: '';
    --ost-new-sidebar-content-text-highlight-color: '';
    --ost-new-sidebar-footer-bg-color: '';
    --ost-new-sidebar-footer-border-color: var(--ost-theme-forecolor-border);
    --ost-new-sidebar-footer-text-color: '';



    /* Button  */
    --ost-new-nav-button-primary-bg-color: var(--ost-global-theme-primary);
    --ost-theme-primary-blue-color: var(--ost-global-theme-primary);
    --ost-bg-primary-alt: var(--ost-global-theme-primary);
    --ost-theme-backcolor-secondary: var(--ost-global-theme-primary);
    --ost-btn-primary: var(--ost-global-theme-primary);

    /* table  */
    --ster-theme-primary-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-table-pagination-bg-color: var(--ost-global-table-PaginationBgColor);
    --ost-color-primary-alt: var(--ost-global-theme-primary);
    --ster-theme-light-table-head-bg: var(--ost-global-table-headerBgColor);
    --ster-theme-light-table-head-color: var(--ost-global-table-headerColor);
    --ster-theme-light-table-border-color: var(--ost-global-table-BorderColor);
    --ster-theme-light-table-border-color-th: var(--ost-global-table-BorderColor);
    --ost-table-hoverIconbgColor: #0000000f;


    /* Dashboard  */
    --ost-new-main-layout-bg-color: #cdd8ed;
    --ost-new-design-dashboard-bg-color: #f4f5f8;

    /* common */
    --ost-theme-border-radius-standard: 5px;
    --ost-tac-disabled: #f6f6f6;
    --ost-tac-disabled-bg-color: #f6f6f6;
    --ost-tac-disabled-border-color: #0000003b;
    --ost-input-border-color: #0000003b;
    --ost-theme-form-control-height: 30px;
    --ost-theme-title-color: var(--ost-global-theme-primary);
    /* --ost-main-theme-font-family : "Roboto", "Helvetica", "Arial", sans-serif;
    --ost-grid-font-family: "Rubik", sans-serif; */
    --ost-input-gr-icon-color: rgb(106, 120, 136);
    --ost-form-control-margin-spacing: 5px;
    --ost-horizontal-tab-header-active-bg-color: rgb(222, 229, 236);
    --ost-data-active-light: #F1F6FC;
    --ost-lable-color: rgb(42, 96, 188);


}

*,
::after,
::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

/* sign in  */



.ost-theme-portal-web #login_container {
    width: 100%;
    margin: 0px auto auto;
    overflow-x: hidden;

}

.ost-theme-portal-web form#fromLogin,
.ost-theme-portal-web div#updatepnl,
.ore-form-center,
.ost-theme-portal-web #login_container {
    height: 100%;
}

.ost-theme-portal-web .ore-form-center {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.ost-theme-portal-web .m-subheader>div {
    width: 100%;
    height: 50px;
}

.ost-theme-portal-web .m-subheader {
    background: var(--ost-new-sub-header-bg-color);
    border-bottom: 1px solid var(--ost-new-sub-header-border-color);
    box-shadow: 0px 8px 8px rgb(33 40 48 / 3%);

    padding: 0px 10px !important;
    margin: 0px;
    border-radius: 0;

}

.ost-theme-portal-web .mr-auto b,
.ost-theme-portal-web .mr-auto a {
    color: var(--ost-new-sub-header-text-color);
}

.ost-theme-portal-web .ore-rightmenu,
.ost-theme-portal-web .ore-rightmenu button {
    color: var(--ost-new-sub-header-icon-color);
}

.ost-theme-portal-web .mr-auto b,
.ost-theme-portal-web .m-dropdown__toggle.ore-title {
    line-height: normal;
    padding: 0 0px;
    font-weight: var(--ost-font-weight-500);
    font-size: var(--ost-fs-14);
}

.ost-theme-portal-web .mr-auto .ore-breadcrumb {
    display: block !important;
    font-size: 0.8rem;
    color: var(--ost-new-sub-header-bredcrumb-text-color);
    border-left: var(--ost-border-color) 0px solid;
    padding-left: 0;
    margin-top: 3px;
}

.e-toolbar .e-icons.e-btn-icon {
    position: relative;
}

.ost-theme-portal-web .ore-rightmenu button.ladda-button {
    position: relative !important;
    z-index: 99;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ost-fs-16) !important;
}

.ost-theme-portal-web .ore-rightmenu button.ladda-button:hover:after,
.ost-theme-portal-web .ore-rightmenu button.ladda-button:focus:after {
    background-color: var(--ost-new-sub-header-icon-hover-color);
    border: none;
    box-shadow: none;
    opacity: 1;
    transform: scale(.7);
}

.ost-theme-portal-web .ore-rightmenu button.ladda-button::after {
    content: "";
    margin: 0;
    border-width: 0 !important;
    display: block;
    opacity: 0;
    position: absolute;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
    bottom: -7px;
    left: -7px;
    right: -7px;
    top: -7px;
    background: 0 0;
    border-radius: 50%;
    box-sizing: border-box;
    transform: scale(0);
    transition-property: transform, opacity;
}

.ost-theme-portal-web .ore-titlelogo {
    font-size: var(--ost-fs-15);
    font-weight: var(--ost-font-weight-600);

    text-transform: uppercase;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--ost-new-nav-header-text-color);
}

.ost-theme-portal-web .m-topbar {
    width: 100%;
}

.ost-theme-portal-web .m-stack__item.m-topbar__nav-wrapper {
    text-align: right;
}

.ost-theme-portal-web .m-stack__item.m-brand {
    /* width: 3.55rem; */
    border-right: 1px solid var(--ost-new-sidebar-border-color);
}

.ost-theme-portal-web .m-header .m-header-head {

    padding: 0 10px;
    box-shadow: none !important;
}

.ost-theme-portal-web .m-grid__item.m-aside-left {
    /* width: 3.55rem; */
    border-right: 1px solid var(--ost-new-sidebar-border-color);
    box-shadow: 8px 0px 8px rgb(33 40 48 / 3%);
}

.ost-theme-portal-web .m-aside-left--minimize .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link {
    padding: 0 !important;
}

.ost-theme-portal-web .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon {

    color: var(--ost-new-nav-header-icon-color) !important;
    font-weight: 500;
}

.ost-theme-portal-web .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i:before {
    -webkit-text-fill-color: unset !important;
    background: none !important;
}

.ost-theme-portal-web .m-page--fluid .m-header,
.m-page--wide .m-header {

    background-color: var(--ost-new-nav-header-bg-color);
    border-bottom: 1px solid var(--ost-new-nav-header-border-color) !important;
    overflow: hidden;
}

.ost-theme-portal-web .m-brand {
    height: 100% !important;
    background: var(--ost-new-nav-header-bg-color);

}

.ost-theme-portal-web .pace.pace-inactive .pace-progress {
    height: 0;
}

.ost-theme-portal-web .m-aside-left.m-aside-left--skin-dark {
    background-color: var(--ost-new-sidebar-bg-color);
}

.ost-theme-portal-web .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link>.m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    color: var(--ost-new-sidebar-list-text-color) !important;

}

.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span {
    background: var(--ost-new-sidebar-header-text-color) !important;
}

.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after,
.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before {
    background: var(--ost-new-sidebar-header-text-color) !important;
}

.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span,
.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after,
.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before {
    background: var(--ost-new-sidebar-list-hover-text-color) !important;
}

.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__heading .m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__heading .m-menu__link-text,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-text {
    color: var(--ost-new-sidebar-list-hover-text-color) !important;
}

.ost-theme-portal-web .mCustomScrollBox::-webkit-scrollbar-thumb {
    background: #aaa !important;
}

.ost-theme-portal-web .mCustomScrollBox::-webkit-scrollbar-thumb {
    background: #aaa !important;

}

.ost-theme-portal-web .mCustomScrollBox::-webkit-scrollbar-track {
    background: #837e7e26 !important;
    border: 0 !important;
}

.ost-theme-portal-web .mCustomScrollBox::-webkit-scrollbar-track {
    background: #837e7e26 !important;
    border: 0 !important;
}

.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover {
    background-color: var(--ost-new-sidebar-list-hover-bg-color) !important;
}

.ost-theme-portal-web .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text,
.ost-theme-portal-web .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {

    font-weight: 480;
}

.ost-theme-portal-web .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {

    width: 30px;
    font-size: var(--ost-fs-18) !important;
    text-align: center;
}

.ost-theme-portal-web .m-aside-left--minimize .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    width: 100% !important;
}


.ost-theme-portal-web .m-aside-left--minimize .m-aside-left,
.ost-theme-portal-web .m-brand--minimize .m-brand {
    width: 70px;
}

.ost-theme-portal-web .m-aside-left,
.ost-theme-portal-web .m-brand {
    width: 275px;

}

.ost-theme-portal-web .m-brand {
    padding: 0 10px;
}

/* Form Control  */
.ost-theme-portal-web .form-group.form-md-line-input .form-control.edited~label:after {
    background: #005197 !important;
    height: 0px;
}

.ost-theme-portal-web input.k-input-inner.form-control {
    border-width: 0px !important;
    min-height: var(--ost-theme-form-control-height) !important;
    font-family: var(--ost-font-family) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    font-size: var(--ost-input-feild-font-size) !important;
    padding: 0 8px !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
}

.ost-theme-portal-web label.control-label {
    font-size: var(--ost-theme-font-size-label) !important;
    margin-bottom: 0px !important;
    margin-left: 0 !important;
    font-weight: var(--ost-theme-font-weight-label) !important;
    color: var(--ost-lable-color) !important;
}

.ost-theme-portal-web body .form-group.form-md-line-input.form-md-floating-label .form-control.ctrlmandatory~label,
.ost-theme-portal-web .form-group.form-md-line-input.form-md-floating-label .form-control~label.control-label.Ore-invalid,
.ost-theme-portal-web body .form-group.form-md-line-input.form-md-floating-label .form-control.ctrlmandatory1~label,
.ost-theme-portal-web body .form-group.form-md-line-input.form-md-floating-label.ctrlmandatory label {
    --bs-danger-rgb: 255, 55, 55;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.ost-theme-portal-web .form-group.form-md-line-input.form-md-floating-label .form-control~label {
    color: var(--ost-lable-color) !important;
    top: 0px !important;
    padding: 0px;
    border-width: 0px;
    font-family: var(--ost-font-family);
    bottom: unset !important;
    margin: 0 !important;
    font-weight: var(--ost-theme-font-weight-label) !important;
}

.ost-theme-portal-web #overviewprocessallocation span.k-widget.k-combobox.form-control.ctrlmandatory.k-combobox-clearable {
    border-width: 0px !important;
}

.ost-theme-portal-web .form-group.form-md-line-input .k-input,
.ost-theme-portal-web .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
}

.ost-theme-portal-web .bootstrap-tagsinput .tag {
    color: #fff;
    background: var(--ost-bg-secondary);
    padding: 5px 5px 5px 10px;
    border-radius: 3px;
}

.ost-theme-portal-web body .modal-body .fileuploader-items {
    margin: 0 !important;
    height: auto !important;
}

.ost-theme-portal-web .form-group.form-md-line-input input {
    font-family: var(--ost-font-family) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    font-size: var(--ost-input-feild-font-size) !important;
}

.ost-theme-portal-web .bootstrap-tagsinput {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: auto;
}

.ost-theme-portal-web .k-button-md.k-icon-button,
.ost-theme-portal-web .k-button-solid-base:hover,
.ost-theme-portal-web .k-button-solid-base.k-hover {
    min-width: 30px;
    color: var(--ost-input-text-color) !important;
    background: transparent !important;
    border-color: var(--ost-theme-forecolor-border) !important;


}

.ost-theme-portal-web .form-group.form-md-line-input.form-md-floating-label.k_num_crtl .form-control.ctrlmandatory~label {
    border-bottom: 0px solid red;
}

.ost-theme-portal-web .form-group.form-md-line-input .k-input:hover,
.ost-theme-portal-web .form-group.form-md-line-input .k-input.k-hover,
.ost-theme-portal-web .form-group.form-md-line-input .form-control.input-sm:hover {
    border-color: var(--ost-primary-second) !important;
}

.ost-theme-portal-web .k-disabled {
    color: var(--ost-input-text-color) !important;
    background: var(--ost-tac-disabled-bg-color) !important;
    border-color: var(--ost-tac-disabled-border-color) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.ost-theme-portal-web .row[class*=' col-'] {
    padding-left: 0;
    padding-right: 0;
    /* margin: 0; */
}

.ost-theme-portal-web .row [class*='col-']:not([class*='col-md-offset-']),
.ost-theme-portal-web [class*='col-']:not([class*='col-md-offset-']) [class*='col-']:not([class*='col-md-offset-']) {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

}

.ost-theme-portal-web .form-group.form-md-line-input,
.ost-theme-portal-web .form-group.form-md-line-input.form-md-floating-label {

    min-height: var(--ost-theme-form-control-height) !important;
    margin-bottom: var(--ost-form-control-margin-spacing) !important;
}

.ost-theme-portal-web .tab-content .row {
    margin: 0;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li.open,
.ost-theme-portal-web .tabbable-line>.nav-tabs>li:hover {
    border-bottom: 2px solid var(--ost-theme-backcolor-secondary) !important;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li.active,
.ost-theme-portal-web .tabbable-line>.nav-tabs>li.open,
.ost-theme-portal-web .tabbable-line>.nav-tabs>li:hover {
    color: var(--ost-theme-backcolor-secondary) !important;
    font-weight: 500;
    border-bottom: 2px solid var(--ost-theme-backcolor-secondary) !important;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li.active>a,
.ost-theme-portal-web .tabbable-line>.nav-tabs>li:hover>a {

    color: var(--ost-theme-backcolor-secondary) !important;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li.active>a,
.ost-theme-portal-web .tabbable-line>.nav-tabs>li.active:hover>a,
.ost-theme-portal-web .tabbable-line>.nav-tabs>li:hover>a {
    font-weight: var(--ost-font-weight-500) !important;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li>a {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--ost-common-text-color333);
    font-size: var(--ost-fs-14) !important;
    font-weight: var(--ost-font-weight-500) !important;
    border-width: 0px !important;
}

.ost-theme-portal-web .form-group.form-md-line-input .form-control.input-sm {
    padding: 0 !important;
    min-height: var(--ost-theme-form-control-height) !important;
}

.ost-theme-portal-web .form-group.form-md-line-input .form-control.input-sm,
.ost-theme-portal-web .ore-STop-left .form-group.form-md-line-input .form-control,
.ost-theme-portal-web body .modal-body .form-group.form-md-line-input.form-md-floating-label .form-control#vounoid {

    min-height: var(--ost-theme-form-control-height) !important;
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
    padding: 0 8px !important;
}

.ost-theme-portal-web .form-group.form-md-line-input .form-control[readonly]~*,
.ost-theme-portal-web .form-group.form-md-line-input .form-control[readonly] {
    background-color: var(--ost-theme-backcolor-c5) !important;
}

/* .ost-theme-portal-web .form-group.form-md-line-input .form-control[readonly], */
.ost-theme-portal-web .form-group.form-md-line-input .form-control[disabled],
.ost-theme-portal-web fieldset[disabled] .form-group.form-md-line-input .form-control {

    color: var(--ost-input-text-color) !important;
    background: var(--ost-tac-disabled-bg-color) !important;
    border-color: var(--ost-tac-disabled-border-color) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.ost-theme-portal-web .form-group.form-md-line-input.form-md-floating-label .form-control.ctrlmandatory~label {
    border: 0px;
    margin-top: 0 !important;
    top: 0px !important;
    bottom: unset;
    background: transparent !important;
    opacity: 1 !important;
}

.ost-theme-portal-web .form-group.form-md-line-input .form-control~label:after {
    border-width: 0px !important;
    background: transparent !important;
    border-color: transparent !important;
}

.ost-theme-portal-web .form-group.form-md-line-input.k_num_crtl.form-md-floating-label {

    display: flex;
    align-items: center;
    grid-gap: 3px;
}

.ost-theme-portal-web .clsrefratctrl {
    position: relative !important;
    margin: 0 !important;
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
    padding: 8px;
    /* height: var(--ost-theme-form-control-height) !important; */
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: var(--ost-theme-border-radius-standard);
    overflow: hidden;
    font-weight: 00 !important;
    font-size: var(--ost-fs-16) !important;
}

.ost-theme-portal-web .form-group.R .btn-group {
    margin-top: 16px;
    margin-bottom: 5px;
}

.ost-theme-portal-web .m-aside-left .ore-search_div .input-group .form-control,
.ost-theme-portal-web .m-aside-left .input-group.m-drop_down,
.ost-theme-portal-web .m-aside-left .input-group.ost-m-drop_down,
.ost-theme-portal-web .m-aside-left .ore-search_div .input-group .form-control::placeholder,
.ost-theme-portal-web .m-aside-left .ore-search_div .input-group .form-control:focus,
.ost-theme-portal-web .m-aside-left .form-control:focus {
    background: #ffffff1c !important;
    border-color: var(--ost-new-sidebar-border-color) !important;
    color: var(--ost-new-sidebar-header-text-color) !important;
}

.ost-theme-portal-web .m-aside-left .ore-search_div .input-group .form-control::placeholder {
    background: transparent !important;
}

.ost-theme-portal-web .ore-search_div button i {
    font-size: 1.5rem !important;
    color: var(--ost-new-nav-header-icon-color) !important;
}

.ost-theme-portal-web .m-aside-left--minimize .ore-search_div button.searchbtn-icn {
    position: relative;
    top: 0;
    right: 0;
}

.ost-theme-portal-web .m-aside-left--minimize .ore-search_div input#input_search_menu_1 {
    display: none;
}

.ost-theme-portal-web .m-aside-left--minimize .ore-search_div {
    display: block;
    padding: 10px 0px;
    text-align: center;

}

.ost-theme-portal-web .ore-search_div {
    padding: 10px 10px !important;
}

.ost-theme-portal-web .m-aside-left--minimize .m-aside-menu .m-menu__nav {
    padding: 0px 0 40px 0;
}

.ost-theme-portal-web #runTimeHtml>div>div.col-md-12 {
    padding: 0rem !important;

}

/* .ost-theme-portal-web  .ore-dynportlet { */

/* background-color: var(--ost-new-main-layout-bg-color); */
/* } */
.ost-theme-portal-web .tabbable-custom {

    padding: 0rem;

}

.ost-theme-portal-web .tabbable-custom>.tab-content {
    border: 0;

    background-color: var(--ost-card-bg);
    border-radius: 0px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 100vh;
    max-height: calc(100vh - 108px);
    overflow: auto;
}

.ost-theme-portal-web .col-md-12.o-widget {
    padding: 0 !important;
}

/* .ost-theme-portal-web  .tab-content .tab-pane > div > div > div > div.col-md-12 { */
/* padding: 0 !important; */
/* } */
.ost-theme-portal-web .tabbable-line>.tab-content {
    padding: 15px 0px;
    border-width: 0px !important;
    border-color: var(--ost-border-color) !important;
}

.ost-theme-portal-web .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-topbar__username {

    color: var(--ost-new-nav-header-text-color);

}

.ost-theme-portal-web .m-topbar .m-topbar__nav.m-nav>.m-nav__item:hover:before {
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    background: var(--ost-new-nav-header-icon-hover-bgcolor);
    left: 0;
    right: 0;
    /* opacity: 0.5; */
    transform: scale(1.1);
}

.ost-theme-portal-web .m-topbar .m-topbar__nav.m-nav>.m-nav__item {
    position: relative;
}

.ost-theme-portal-web .username {
    color: var(--ost-new-nav-header-text-color) !important;
}

.ost-theme-portal-web .m-brand.m-brand--skin-dark {
    background: var(--ost-new-sidebar-bg-color);
    border-bottom: var(--ost-new-sidebar-border-color) 1px solid;
}

.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span,
.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after,
.ost-theme-portal-web .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before {
    background: var(--ost-new-sidebar-header-text-color);
}

.ost-theme-portal-web .ore-search_div .input-group .form-control,
.ost-theme-portal-web .input-group.m-drop_down,
.ost-theme-portal-web .input-group.ost-m-drop_down {

    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color) !important;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
}

.ost-theme-portal-web .form-control.m-drop_down .form-control,
.ost-theme-portal-web .form-control.ost-m-drop_down .form-control {
    height: 100% !important;
    font-family: var(--ost-font-family) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    font-size: var(--ost-input-feild-font-size) !important;
    /* padding: 0 8px !important; */
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
}

.ost-theme-portal-web .form-control.m-drop_down span.input-group-addon.input-sm,
.ost-theme-portal-web .form-control.ost-m-drop_down span.input-group-addon.input-sm {

    height: 100%;
}

.ost-theme-portal-web .ore-search_div button {

    right: 5px;

}

.ost-theme-portal-web .ore-search_div .searchbtn-icn {

    color: var(--ost-common-text-black-color);

    z-index: 99;
}

.ost-theme-portal-web body .input-group.m-drop_down.form-control.m-drop_down .form-control {
    padding: 0 8px !important;
}

.ost-theme-portal-web .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link {
    padding: 0px 5px 0px 5px !important;
}

.ost-theme-portal-web body li.m-menu__item.m-menu__item--submenu.classic-sidemenu.m-menu__item--open:hover,
.ost-theme-portal-web body li.m-menu__item.m-menu__item--submenu.classic-sidemenu.m-menu__item--open:hover>.m-menu__item.m-menu__item--open,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open,
.ost-theme-portal-web li.m-menu__item.m-menu__item--submenu.classic-sidemenu.m-menu__item--open>.m-menu__submenu li.m-menu__item:hover {
    background: transparent !important;
}

.ost-theme-portal-web .m-menu__submenu li.m-menu__item:hover {
    background: var(--ost-theme-backcolor-c10) !important;
}

.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__ver-arrow,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__ver-arrow,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-text,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text,
.ost-theme-portal-web .m-menu__item--submenu a i {
    /* font-size: var(--ost-fs-11); */
    color: var(--ost-new-sidebar-list-text-color) !important;
}

.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:hover>.m-menu__heading .m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:hover>.m-menu__link .m-menu__link-icon,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:hover>.m-menu__heading .m-menu__link-text,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:hover>.m-menu__link .m-menu__link-text,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:hover>.m-menu__heading .m-menu__ver-arrow,
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:hover>.m-menu__link .m-menu__ver-arrow {
    color: var(--ost-new-sidebar-list-hover-text-color) !important;
}

.ost-theme-portal-web .form-group.R button,
.ost-theme-portal-web .form-group.R .btn-group {
    width: auto;
}

.ost-theme-portal-web button.btn.blue span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ost-theme-portal-web .btn.blue:not(.btn-outline) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ost-theme-backcolor-secondary);
    border-color: var(--ost-theme-backcolor-secondary);
    border-radius: var(--ost-theme-border-radius-standard);
    padding: 8px 10px !important;
    line-height: normal;
}

.ost-theme-portal-web .ore-rightmenu-mobile {
    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web .m-portlet__nav-link.mt-ladda-btn.ladda-button {
    background: transparent;
    border-width: 0;
}

.ost-theme-portal-web .ore-search_div .input-group .form-control,
.ost-theme-portal-web .input-group-addon,
.ost-theme-portal-web .ore-search_div .input-group-btn,
.ost-theme-portal-web .ore-search_div .input-group {

    justify-content: center;
}

.ost-theme-portal-web .m-menu__item--active {
    background: var(--ost-new-sidebar-list-hover-bg-color) !important;
}

.ost-theme-portal-web div#tendermanagement {
    margin: 0;
}

.ost-theme-portal-web .form-group.col-md-offset-4 .btn-group {
    padding-left: 2px;
    margin: 6px 0;
}

.ost-theme-portal-web .tab-content>.active {
    padding: 0px 0;
}

/* .ost-theme-portal-web .form-group { */
/* margin-top: 3px; */
/* margin-bottom: 3px; */
/* } */
.ost-theme-portal-web .form-group.form-md-line-input textarea.form-control {
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-theme-border-radius-standard);
    padding: 8px 8px !important;
}

.ost-theme-portal-web #dynpageContainer {
    height: 100% !important;
    /* height: calc(100dvh - 34px); */
    overflow-x: hidden !important;
}

.ost-theme-portal-web .form-group.form-md-line-input textarea.form-control.edited {
    border-color: var(--ost-theme-forecolor-border) !important;
}

.ost-theme-portal-web .k-button.k-state-active:hover,
.ost-theme-portal-web .k-button:active:hover {
    color: var(--ost-input-text-color) !important;
    border-color: var(--ost-theme-forecolor-border) !important;
    background: transparent !important;
}

.ost-theme-portal-web label:after {
    content: none !important;
}

.ost-theme-portal-web .m-aside-left--minimize .m-aside-menu .m-menu__nav>.m-menu__item.m-menu__item--hover>.m-menu__submenu {
    box-shadow: none !important;
    display: none !important;
}

.ost-theme-portal-web span.input-group-btn button:focus .ost-theme-portal-web .k-state-selected,
.ost-theme-portal-web .k-state-selected:link,
.ost-theme-portal-web .k-state-selected:visited,
.k-list>.k-state-selected,
.ost-theme-portal-web .k-list>.k-state-highlight,
.k-panel>.k-state-selected,
.ost-theme-portal-web .k-button:active,
.ost-theme-portal-web .k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.ost-theme-portal-web .k-draghandle.k-state-selected:hover,

.ost-theme-portal-web .k-marquee-color {

    background-color: transparent !important;
}

.ost-theme-portal-web .k-scheduler .k-scheduler-toolbar .k-state-selected a,
.ost-theme-portal-web .k-scheduler .k-scheduler-toolbar .k-state-hover a,
.ost-theme-portal-web .k-scheduler .k-scheduler-toolbar .k-state-selected a span,
.ost-theme-portal-web .k-scheduler .k-scheduler-toolbar .k-state-hover a span {
    color: #fff !important;
}

.ost-theme-portal-web .k-scheduler .k-link:link,
.ost-theme-portal-web .k-scheduler .k-link:visited,
.ost-theme-portal-web .k-scheduler .k-nav-current.k-state-hover .k-link {
    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web .k-scheduler .k-scheduler-toolbar .k-state-selected,
.ost-theme-portal-web .k-scheduler .k-scheduler-toolbar .k-state-hover {
    background: var(--ost-theme-backcolor-secondary) !important;
    border-color: var(--ost-theme-backcolor-secondary) !important;
    color: #fff !important;
}

.ost-theme-portal-web .k-gantt-toolbar .k-state-default,
.ost-theme-portal-web .k-scheduler .k-header {
    border-color: var(--ost-border-color);
}

/* modal  */
.ost-theme-portal-web .modal-content,
.ost-theme-portal-web #filtermodal .modal-content,
.ost-theme-portal-web #taskfiltermodal .modal-content {
    position: relative;
    background-color: var(--ost-modal-background-color) !important;
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
    border: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web .modal-header,
.ost-theme-portal-web .modal .modal-header {
    background: var(--ost-modal-bg) !important;
    color: var(--ost-head-color) !important;
    font-weight: var(--ost-font-weight-600) !important;
    position: relative;
    border-bottom: 1px solid var(--ost-border-color) !important;
    min-height: 45px;
    display: flex;
    align-items: center;
    padding: 8px 15px !important;
}

.ost-theme-portal-web #ore_dynpge .modal-header {
    padding: 10px 15px !important;
}

.ost-theme-portal-web .modal-title {
    color: var(--ost-head-color) !important;
    font-weight: var(--ost-font-weight-600) !important;
    font-size: var(--ost-fs-15) !important;
}

.ost-theme-portal-web button.bootbox-close-button.close {
    padding: 0px 7px !important;
    color: var(--ost-head-color) !important;
    top: 0 !important;
    bottom: 0;
    height: 100% !important;
    background: transparent !important;
    outline: none !important;
    border-width: 0px !important;
}

.ost-theme-portal-web .modal-scrollable {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto !important;
}

.ost-theme-portal-web .menunavigate-dialog .bootbox-body,
.ost-theme-portal-web .search-dialog .bootbox-body {
    text-align: center !important;
}

.ost-theme-portal-web .menunavigate-dialog .modal-dialog {
    width: 400px;
}

.ost-theme-portal-web .menunavigate-dialog .modal-footer,
.ost-theme-portal-web .modal-footer.cnfrmalrt {

    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
}

.ost-theme-portal-web .menunavigate-dialog .modal-footer button,
.ost-theme-portal-web .modal-footer.cnfrmalrt button {
    margin: 0 !important;
}

.ost-theme-portal-web .modal-footer .sign_btn,
.ost-theme-portal-web .modal-footer .sign_btn:hover,
.ost-theme-portal-web body .sign_btn,
.ost-theme-portal-web body .sign_btn:hover {
    background: var(--ost-theme-backcolor-secondary);
    border: 1px solid var(--ost-theme-backcolor-secondary);
    padding: 5px 10px;
}
.ost-theme-portal-web body .clsgrdaddbtn {
    padding: 5px 10px;
}

.ost-theme-portal-web .menunavigate-dialog .modal-footer button,
.ost-theme-portal-web .modal-footer.cnfrmalrt button {
    margin: 0 !important;
    min-width: 70px;
}

.ost-theme-portal-web .modal-footer .cancel_btn,
.ost-theme-portal-web .modal-footer .cancel_btn:hover,
.ost-theme-portal-web body .cancel_btn,
.ost-theme-portal-web body .cancel_btn:hover {
    background: var(--ost-btn-secondary) !important;
    border: 1px solid var(--ost-btn-secondary) !important;
    padding: 7px 10px;
    color: #fff !important;
}

.ost-theme-portal-web .menunavigate-dialog .modal-footer {

    padding-top: 0;
}

.ost-theme-portal-web .modal-footer .sign_btn:hover,
.ost-theme-portal-web .modal-footer .cancel_btn:hover,
.ost-theme-portal-web body .sign_btn:hover,
.ost-theme-portal-web body .cancel_btn:hover {
    opacity: 0.8;
}

.ost-theme-portal-web .modal-backdrop,
.ost-theme-portal-web .modal-backdrop.fade.in {
    background-color: rgb(0 0 0 / 80%) !important;

}

.ost-theme-portal-web .modal .modal-content .modal-footer {
    width: 100%;
    margin: 0 !important;
    display: flex;
    align-items: center;
    padding: 10px !important;
    border-top: 1px solid var(--ost-border-color) !important;

}

.ost-theme-portal-web .row.ShowsSearchCtrl {
    margin: 0 !important;
    padding: 5px 0px 0px 0px !important;
    background-color: var(--ost-card-bg) !important;
    border-bottom: 1px solid var(--ost-border-color);
}

.ost-theme-portal-web .ore-STop-left #BtnSearch {

    position: relative;

    right: 0;
    top: 0 !important;
    min-height: var(--ost-theme-form-control-height) !important;
    margin-bottom: 6px;
    width: 35px;
    background-color: var(--ost-btn-light) !important;
    color: var(--ost-btn-light-text-color) !important;
    border: 0px solid var(--ost-light-border) !important;
    border-radius: var(--ost-theme-border-radius-standard) !important;
}

.ost-theme-portal-web .ore-STop-left {
    flex: 1;
    position: relative;
    padding-right: 0;
    display: flex;
    align-items: end;
    gap: 3px;
}

.ost-theme-portal-web .modal-footer {
    /* grid-gap: 5px; */
    display: flex;
    align-items: center;
    padding: 10px !important;
    border-top: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web .form-group.R button.btn.btn-sm[image="fa fa-search"]>i {
    display: none;
}

.ost-theme-portal-web .form-group.R button.btn.btn-sm[image="fa fa-search"] {
    position: relative;
    right: 0;
    top: 0 !important;
    min-height: var(--ost-theme-form-control-height) !important;
    margin-bottom: 0;
    width: 35px;
    background-color: var(--ost-btn-light) !important;
    color: var(--ost-btn-light-text-color) !important;
    border: 1px solid var(--ost-light-border) !important;
    border-radius: var(--ost-theme-border-radius-standard) !important;
    padding: 0 !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web .form-control.m-drop_down span.input-group-btn,
.ost-theme-portal-web .form-control.ost-m-drop_down span.input-group-btn {
    padding: 0 !IMPORTANT;
    border-left: 0px solid var(--ost-light-border) !important;
}

.ost-theme-portal-web .form-control.m-drop_down .input-group-btn .btn,
.ost-theme-portal-web .form-control.ost-m-drop_down .input-group-btn .btn {
    background: transparent;
    width: 35px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ost-input-feild-font-size) !important;
}

.ost-theme-portal-web .form-control.m-drop_down .input-group-btn .btn i,
.ost-theme-portal-web .form-control.ost-m-drop_down .input-group-btn .btn i {
    font-size: var(--ost-input-feild-font-size) !important;
}

.ost-theme-portal-web .m-drop_down.input-group.m-drop_down span.input-group-addon.input-sm,
.ost-theme-portal-web .ost-m-drop_down.input-group.ost-m-drop_down span.input-group-addon.input-sm {
    width: 25px;
    padding-right: 0 !important;

}

.ost-theme-portal-web ul.ore-searchfilter {
    margin: 0;
    padding: 0 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ost-theme-portal-web .modal-header .close {

    order: 2;
}

/* Table css   */
.ost-theme-portal-web #GridTab {
    padding: 10px;
    height: 100%;
    padding-top: 0;
}

.ost-theme-portal-web div#grdSearch .k-grid-content {
    margin-bottom: 0 !important;
    /* height: 100dvh; */
    max-height: calc(100dvh - 275px);
}

.ost-theme-portal-web .k-pager-sizes .k-input-md .k-input-inner,
.ost-theme-portal-web .k-pager-sizes .k-picker-md .k-input-inner {
    padding-block: 4px;
    padding-inline: 5px;
}

:root[data-theme=dark] {
    /* default Table */
    --ster-theme-table-body-color: #fff;
    --ster-theme-table-border-color: #444444;
    --ster-theme-table-color: var(--ster-theme-table-body-color);
    --ster-theme-table-bg: transparent;
    --ster-theme-table-accent-bg: transparent;
    --ster-theme-table-striped-color: var(--ster-theme-table-body-color);
    --ster-theme-table-striped-bg: rgba(0, 0, 0, 0.05);
    --ster-theme-table-head-bg: #fff;
    --ster-theme-table-head-color: #212529;
    --ster-theme-table-hover-color: var(--ster-theme-table-body-color);
    --ster-theme-table-hover-bg: rgba(0, 0, 0, 0.075);
    --ster-theme-table-active-color: var(--ster-theme-table-body-color);
    --ster-theme-table-active-bg: var(--ster-them-table-hover-bg);
    --ster-theme-table-font-size: var(--ost-grid-control-body-fontSize);
    /* Primary Table  */
    --ster-theme-primary-table-color: var(--ster-theme-table-color);
    --ster-theme-primary-table-bg: transparent;
    --ster-theme-primary-table-border-color: #444444;
    --ster-theme-primary-table-striped-bg: #f6faff;
    --ster-theme-primary-table-striped-color: #fff;
    --ster-theme-primary-table-head-bg: #227dff;
    --ster-theme-primary-table-head-color: #fff;
    --ster-theme-primary-table-hover-bg: rgb(191 209 236 / 10%);
    --ster-theme-primary-table-hover-color: #fff;
    --ster-theme-primary-table-active-bg: var(--ster-theme-primary-table-hover-bg);
    --ster-theme-primary-table-active-color: var(--ster-theme-primary-table-head-bg);
    /* secondary Table  */
    --ster-theme-secondary-table-color: var(--ster-theme-table-color);
    --ster-theme-secondary-table-bg: transparent;
    --ster-theme-secondary-table-border-color: #cbcdd2;
    --ster-theme-secondary-table-striped-bg: #fbfbfb;
    --ster-theme-secondary-table-striped-color: #000;
    --ster-theme-secondary-table-head-bg: #677793;
    --ster-theme-secondary-table-head-color: #fff;
    --ster-theme-secondary-table-hover-bg: rgb(209 210 212 / 10%);
    --ster-theme-secondary-table-hover-color: #000;
    --ster-theme-secondary-table-active-bg: var(--ster-theme-secondary-table-hover-bg);
    --ster-theme-secondary-table-active-color: var(--ster-theme-secondary-table-head-bg);
    /* success Table  */
    --ster-theme-success-table-color: var(--ster-theme-table-color);
    --ster-theme-success-table-bg: transparent;
    --ster-theme-success-table-border-color: rgb(12 136 66 / 30%);
    --ster-theme-success-table-striped-bg: #f6fffb;
    --ster-theme-success-table-striped-color: #000;
    --ster-theme-success-table-head-bg: #0c8842;
    --ster-theme-success-table-head-color: #fff;
    --ster-theme-success-table-hover-bg: rgb(193 214 204 / 10%);
    --ster-theme-success-table-hover-color: #fff;
    --ster-theme-success-table-active-bg: var(--ster-theme-success-table-hover-bg);
    --ster-theme-success-table-active-color: var(--ster-theme-success-table-head-bg);
    /* info Table  */
    --ster-theme-info-table-color: var(--ster-theme-table-color);
    --ster-theme-info-table-bg: transparent;
    --ster-theme-info-table-border-color: rgb(191 226 233 / 30%);
    --ster-theme-info-table-striped-bg: #f6feff;
    --ster-theme-info-table-striped-color: #000;
    --ster-theme-info-table-head-bg: #00b8d4;
    --ster-theme-info-table-head-color: #fff;
    --ster-theme-info-table-hover-bg: rgb(191 226 233 / 10%);
    --ster-theme-info-table-hover-color: #fff;
    --ster-theme-info-table-active-bg: var(--ster-table-hover-bg);
    --ster-theme-info-table-active-color: var(--ster-table-head-bg);
    /* danger table  */
    --ster-theme-danger-table-color: var(--ster-theme-table-color);
    --ster-theme-danger-table-bg: transparent;
    --ster-theme-danger-table-border-color: #dfc2c4;
    --ster-theme-danger-table-striped-bg: #fff7f8;
    --ster-theme-danger-table-striped-color: #000;
    --ster-theme-danger-table-head-bg: #dc3545;
    --ster-theme-danger-table-head-color: #fff;
    --ster-theme-danger-table-hover-bg: rgb(229 199 202 / 10%);
    --ster-theme-danger-table-hover-color: #fff;
    --ster-theme-danger-table-active-bg: var(--ster-theme-danger-table-hover-bg);
    --ster-theme-danger-table-active-color: var(--ster-theme-danger-table-head-bg);
    /* warning Table  */
    --ster-theme-warning-table-color: var(--ster-theme-table-color);
    --ster-theme-warning-table-bg: transparent;
    --ster-theme-warning-table-border-color: #e6dbb9;
    --ster-theme-warning-table-striped-bg: #fffbf0;
    --ster-theme-warning-table-striped-color: #000;
    --ster-theme-warning-table-head-bg: #ffc107;
    --ster-theme-warning-table-head-color: #000;
    --ster-theme-warning-table-hover-bg: rgb(236 225 190 / 10%);
    --ster-theme-warning-table-hover-color: #fff;
    --ster-theme-warning-table-active-bg: var(--ster-theme-warning-table-hover-bg);
    --ster-theme-warning-table-active-color: var(--ster-theme-warning-table-head-bg);
    /* light Table  */
    --ster-theme-light-table-color: var(--ster-theme-table-color);
    --ster-theme-light-table-bg: transparent;
    --ster-theme-light-table-border-color: #3b3c46;
    --ster-theme-light-table-border-color-th: var(--ster-theme-light-table-border-color);
    --ster-theme-light-table-striped-bg: #fbfbfb;
    --ster-theme-light-table-striped-color: #000;
    --ster-theme-light-table-head-bg: #2b2b40;
    --ster-theme-light-table-head-color: #fff;
    --ster-theme-light-table-hover-bg: #2b2b3a;
    --ster-theme-light-table-hover-color: #fff;
    --ster-theme-light-table-active-bg: var(--ster-theme-light-table-hover-bg);
    --ster-theme-light-table-active-color: #fff;
    /* dark Table  */
    --ster-theme-dark-table-color: var(--ster-theme-table-color);
    --ster-theme-dark-table-bg: transparent;
    --ster-theme-dark-table-border-color: #dee2e6;
    --ster-theme-dark-table-striped-bg: #f7f7f7;
    --ster-theme-dark-table-striped-color: #000;
    --ster-theme-dark-table-head-bg: #3b4863;
    --ster-theme-dark-table-head-color: #fff;
    --ster-theme-dark-table-hover-bg: rgb(50 53 57 / 5%);
    --ster-theme-dark-table-hover-color: #fff;
    --ster-theme-dark-table-active-bg: var(--ster-theme-dark-table-hover-bg);
    --ster-theme-dark-table-active-color: var(--ster-theme-dark-table-head-bg);
}

:root {
    /* default Table */
    --ster-theme-table-body-color: #212529;
    --ster-theme-table-border-color: #dee2e6;
    --ster-theme-table-color: var(--ster-theme-table-body-color);
    --ster-theme-table-bg: transparent;
    --ster-theme-table-accent-bg: transparent;
    --ster-theme-table-striped-color: var(--ster-theme-table-body-color);
    --ster-theme-table-striped-bg: rgba(0, 0, 0, 0.05);
    --ster-theme-table-head-bg: #fff;
    --ster-theme-table-head-color: #212529;
    --ster-theme-table-hover-color: var(--ster-theme-table-body-color);
    --ster-theme-table-hover-bg: rgba(0, 0, 0, 0.075);
    --ster-theme-table-active-color: var(--ster-theme-table-body-color);
    --ster-theme-table-active-bg: var(--ster-them-table-hover-bg);
    --ster-theme-table-font-size: var(--ost-grid-control-body-fontSize);
    /* Primary Table  */
    --ster-theme-primary-table-color: var(--ster-theme-table-color);
    --ster-theme-primary-table-bg: transparent;
    --ster-theme-primary-table-border-color: #b8cbe5;
    --ster-theme-primary-table-striped-bg: #f6faff;
    --ster-theme-primary-table-striped-color: #000;
    --ster-theme-primary-table-head-bg: #227dff;
    --ster-theme-primary-table-head-color: #fff;
    --ster-theme-primary-table-hover-bg: rgb(191 209 236 / 20%);
    --ster-theme-primary-table-hover-color: #000;
    --ster-theme-primary-table-active-bg: var(--ster-theme-primary-table-hover-bg);
    --ster-theme-primary-table-active-color: var(--ster-theme-primary-table-head-bg);
    /* secondary Table  */
    --ster-theme-secondary-table-color: var(--ster-theme-table-color);
    --ster-theme-secondary-table-bg: transparent;
    --ster-theme-secondary-table-border-color: #cbcdd2;
    --ster-theme-secondary-table-striped-bg: #fbfbfb;
    --ster-theme-secondary-table-striped-color: #000;
    --ster-theme-secondary-table-head-bg: #677793;
    --ster-theme-secondary-table-head-color: #fff;
    --ster-theme-secondary-table-hover-bg: rgb(209 210 212 / 20%);
    --ster-theme-secondary-table-hover-color: #000;
    --ster-theme-secondary-table-active-bg: var(--ster-theme-secondary-table-hover-bg);
    --ster-theme-secondary-table-active-color: var(--ster-theme-secondary-table-head-bg);
    /* success Table  */
    --ster-theme-success-table-color: var(--ster-theme-table-color);
    --ster-theme-success-table-bg: transparent;
    --ster-theme-success-table-border-color: #b9d0c3;
    --ster-theme-success-table-striped-bg: #f6fffb;
    --ster-theme-success-table-striped-color: #000;
    --ster-theme-success-table-head-bg: #0c8842;
    --ster-theme-success-table-head-color: #fff;
    --ster-theme-success-table-hover-bg: rgb(193 214 204 / 20%);
    --ster-theme-success-table-hover-color: #000;
    --ster-theme-success-table-active-bg: var(--ster-theme-success-table-hover-bg);
    --ster-theme-success-table-active-color: var(--ster-theme-success-table-head-bg);
    /* info Table  */
    --ster-theme-info-table-color: var(--ster-theme-table-color);
    --ster-theme-info-table-bg: transparent;
    --ster-theme-info-table-border-color: #b8d9dd;
    --ster-theme-info-table-striped-bg: #f6feff;
    --ster-theme-info-table-striped-color: #000;
    --ster-theme-info-table-head-bg: #00b8d4;
    --ster-theme-info-table-head-color: #fff;
    --ster-theme-info-table-hover-bg: rgb(191 226 233 / 20%);
    --ster-theme-info-table-hover-color: #000;
    --ster-theme-info-table-active-bg: var(--ster-table-hover-bg);
    --ster-theme-info-table-active-color: var(--ster-table-head-bg);
    /* danger table  */
    --ster-theme-danger-table-color: var(--ster-theme-table-color);
    --ster-theme-danger-table-bg: transparent;
    --ster-theme-danger-table-border-color: #dfc2c4;
    --ster-theme-danger-table-striped-bg: #fff7f8;
    --ster-theme-danger-table-striped-color: #000;
    --ster-theme-danger-table-head-bg: #dc3545;
    --ster-theme-danger-table-head-color: #fff;
    --ster-theme-danger-table-hover-bg: rgb(229 199 202 / 20%);
    --ster-theme-danger-table-hover-color: #000;
    --ster-theme-danger-table-active-bg: var(--ster-theme-danger-table-hover-bg);
    --ster-theme-danger-table-active-color: var(--ster-theme-danger-table-head-bg);
    /* warning Table  */
    --ster-theme-warning-table-color: var(--ster-theme-table-color);
    --ster-theme-warning-table-bg: transparent;
    --ster-theme-warning-table-border-color: #e6dbb9;
    --ster-theme-warning-table-striped-bg: #fffbf0;
    --ster-theme-warning-table-striped-color: #000;
    --ster-theme-warning-table-head-bg: #ffc107;
    --ster-theme-warning-table-head-color: #000;
    --ster-theme-warning-table-hover-bg: rgb(236 225 190 / 20%);
    --ster-theme-warning-table-hover-color: #000;
    --ster-theme-warning-table-active-bg: var(--ster-theme-warning-table-hover-bg);
    --ster-theme-warning-table-active-color: var(--ster-theme-warning-table-head-bg);
    /* light Table  */
    --ster-theme-light-table-color: var(--ster-theme-table-color);
    --ster-theme-light-table-bg: transparent;
    --ster-theme-light-table-border-color: #c0cdd7;
    --ster-theme-light-table-border-color-th: var(--ster-theme-light-table-border-color);
    --ster-theme-light-table-striped-bg: #fbfbfb;
    --ster-theme-light-table-striped-color: #000;
    --ster-theme-light-table-head-bg: #f2f7ff;
    --ster-theme-light-table-head-color: #333;
    --ster-theme-light-table-hover-bg: #f5fff8;
    --ster-theme-light-table-hover-color: #000;
    --ster-theme-light-table-active-bg: var(--ster-theme-light-table-hover-bg);
    --ster-theme-light-table-active-color: #000;

    /* dark Table  */
    --ster-theme-dark-table-color: var(--ster-theme-table-color);
    --ster-theme-dark-table-bg: transparent;
    --ster-theme-dark-table-border-color: #dee2e6;
    --ster-theme-dark-table-striped-bg: #f7f7f7;
    --ster-theme-dark-table-striped-color: #000;
    --ster-theme-dark-table-head-bg: #3b4863;
    --ster-theme-dark-table-head-color: #fff;
    --ster-theme-dark-table-hover-bg: rgb(50 53 57 / 5%);
    --ster-theme-dark-table-hover-color: #000;
    --ster-theme-dark-table-active-bg: var(--ster-theme-dark-table-hover-bg);
    --ster-theme-dark-table-active-color: var(--ster-theme-dark-table-head-bg);
}

.ost-theme-portal-web body .k-table,
.ost-theme-portal-web body .k-grid,
.ost-theme-portal-web body table.table,
.ost-theme-portal-web body .k-grid table,
.ost-theme-portal-web body .modal table {
    --ster-body-color: var(--ster-theme-table-body-color);
    --ster-border-color: var(--ster-theme-table-border-color);
    --ster-table-color: var(--ster-theme-light-table-color);
    --ster-table-bg: var(--ster-theme-light-table-bg);
    --ster-table-border-color: var(--ster-theme-light-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-light-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-light-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-light-table-head-bg);
    --ster-table-head-color: var(--ster-theme-light-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-light-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-light-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-light-table-active-bg);
    --ster-table-active-color: var(--ster-theme-light-table-active-color);
    --ster-table-font-size: var(--ster-theme-table-font-size);
    --ster-table-pagination-bg-color: var(--ster-table-head-bg);
    --ster-table-pagination-text-color: var(--ster-table-head-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);
    --ster-table-pagination-bg-color: var(--ost-theme-backcolor-secondary);
    --ster-table-pagination-text-color: #fff;



    width: 100%;
    margin-bottom: 1rem;
    color: var(--ster-table-color);
    vertical-align: top;
    border-color: var(--ster-table-border-color);
    font-size: var(--ster-table-font-size);
    --ster-table-caption-header-height: 0px;
    margin: 0 !important;

}



/* Primary Table  */
.ost-theme-portal-web body .k-table-primary,
.ost-theme-portal-web body table.table.table-primary,
.ost-theme-portal-web body .k-grid table.table-primary {
    --ster-table-color: var(--ster-theme-primary-table-color);
    --ster-table-bg: var(--ster-theme-primary-table-bg);
    --ster-table-border-color: var(--ster-theme-primary-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-primary-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-primary-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-primary-table-head-bg);
    --ster-table-head-color: var(--ster-theme-primary-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-primary-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-primary-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-primary-table-active-bg);
    --ster-table-active-color: var(--ster-theme-primary-table-active-color);
    --ster-table-pagination-bg-color: var(--ster-theme-primary-table-head-bg);
    --ster-table-pagination-text-color: var(--ster-theme-primary-table-head-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);


}

/* secondary table  */
.ost-theme-portal-web body .k-table-secondary,
.ost-theme-portal-web body table.table.table-secondary,
.ost-theme-portal-web body .k-grid table.table-secondary {
    --ster-table-color: var(--ster-theme-secondary-table-color);
    --ster-table-bg: var(--ster-theme-secondary-table-bg);
    --ster-table-border-color: var(--ster-theme-secondary-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-secondary-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-secondary-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-secondary-table-head-bg);
    --ster-table-head-color: var(--ster-theme-secondary-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-secondary-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-secondary-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-secondary-table-active-bg);
    --ster-table-active-color: var(--ster-theme-secondary-table-active-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);

}

/* Success Table  */
.ost-theme-portal-web body .k-table-success,
.ost-theme-portal-web body table.table.table-success,
.ost-theme-portal-web body .k-grid table.table-success {
    --ster-table-color: var(--ster-theme-success-table-color);
    --ster-table-bg: var(--ster-theme-success-table-bg);
    --ster-table-border-color: var(--ster-theme-success-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-success-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-success-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-success-table-head-bg);
    --ster-table-head-color: var(--ster-theme-success-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-success-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-success-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-success-table-active-bg);
    --ster-table-active-color: var(--ster-theme-success-table-active-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);

}

/* Info Table  */
.ost-theme-portal-web body .k-table-info,
.ost-theme-portal-web body table.table.table-info,
.ost-theme-portal-web body .k-grid table.table-info {
    --ster-table-color: var(--ster-theme-info-table-color);
    --ster-table-bg: var(--ster-theme-info-table-bg);
    --ster-table-border-color: var(--ster-theme-info-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-info-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-info-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-info-table-head-bg);
    --ster-table-head-color: var(--ster-theme-info-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-info-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-info-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-info-table-active-bg);
    --ster-table-active-color: var(--ster-theme-info-table-active-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);

}

/* Warning Table  */
.ost-theme-portal-web body .k-table-warning,
.ost-theme-portal-web body table.table.table-warning,
.ost-theme-portal-web body .k-grid table.table-warning {
    --ster-table-color: var(--ster-theme-warning-table-color);
    --ster-table-bg: var(--ster-theme-warning-table-bg);
    --ster-table-border-color: var(--ster-theme-warning-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-warning-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-warning-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-warning-table-head-bg);
    --ster-table-head-color: var(--ster-theme-warning-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-warning-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-warning-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-warning-table-active-bg);
    --ster-table-active-color: var(--ster-theme-warning-table-active-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);

}

/* Danger Table  */
.ost-theme-portal-web body .k-table-danger,
.ost-theme-portal-web body table.table.table-danger,
.ost-theme-portal-web body .k-grid table.table-danger {
    --ster-table-color: var(--ster-theme-danger-table-color);
    --ster-table-bg: var(--ster-theme-danger-table-bg);
    --ster-table-border-color: var(--ster-theme-danger-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-danger-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-danger-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-danger-table-head-bg);
    --ster-table-head-color: var(--ster-theme-danger-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-danger-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-danger-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-danger-table-active-bg);
    --ster-table-active-color: var(--ster-theme-danger-table-active-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);

}

/* Light Table  */
.ost-theme-portal-web body .k-table-light,
.ost-theme-portal-web body table.table.table-light,
.ost-theme-portal-web body .k-grid table.table-light {
    --ster-table-color: var(--ster-theme-light-table-color);
    --ster-table-bg: var(--ster-theme-light-table-bg);
    --ster-table-border-color: var(--ster-theme-light-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-light-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-light-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-light-table-head-bg);
    --ster-table-head-color: var(--ster-theme-light-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-light-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-light-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-light-table-active-bg);
    --ster-table-active-color: var(--ster-theme-light-table-active-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);
    --ster-table-pagination-bg-color: #227dff;
    --ster-table-pagination-text-color: #fff;

}

/* Dark Table  */
.ost-theme-portal-web body .k-table-dark,
.ost-theme-portal-web body table.table.table-dark,
.ost-theme-portal-web body .k-grid table.table-dark {
    --ster-table-color: var(--ster-theme-dark-table-color);
    --ster-table-bg: var(--ster-theme-dark-table-bg);
    --ster-table-border-color: var(--ster-theme-dark-table-border-color);
    --ster-table-striped-bg: var(--ster-theme-dark-table-striped-bg);
    --ster-table-striped-color: var(--ster-theme-dark-table-striped-color);
    --ster-table-head-bg: var(--ster-theme-dark-table-head-bg);
    --ster-table-head-color: var(--ster-theme-dark-table-head-color);
    --ster-table-hover-bg: var(--ster-theme-dark-table-hover-bg);
    --ster-table-hover-color: var(--ster-theme-dark-table-hover-color);
    --ster-table-active-bg: var(--ster-theme-dark-table-active-bg);
    --ster-table-active-color: var(--ster-theme-dark-table-active-color);
    color: var(--ster-table-color);
    border-color: var(--ster-table-border-color);

}

.ost-theme-portal-web body .k-table> :not(caption)>*>th,
.ost-theme-portal-web body table.table> :not(caption)>*>th,
.ost-theme-portal-web body .modal table> :not(caption)>*>th,
.ost-theme-portal-web body .k-grid table> :not(caption)>*>th {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 12px;
}

.ost-theme-portal-web body .k-table>thead,
.ost-theme-portal-web body table.table>thead,
.ost-theme-portal-web body .modal table>thead,
.ost-theme-portal-web body .k-grid table>thead {
    background-color: var(--ster-table-head-bg);
    color: var(--ster-table-head-color);
}

.ost-theme-portal-web body .k-table .e-pager .e-currentitem,
.ost-theme-portal-web body .k-table .e-pager .e-currentitem:hover {

    background: var(--ster-table-pagination-bg-color) !important;
    border-color: var(--ster-table-pagination-bg-color) !important;
    color: var(--ster-table-pagination-text-color) !important;
}

.ost-theme-portal-web body .k-table .e-pager div.e-icons {
    color: var(--ster-table-pagination-bg-color);
}

.ost-theme-portal-web body .k-table> :not(caption) th,
.ost-theme-portal-web body table.table> :not(caption) th,
.ost-theme-portal-web body .modal table> :not(caption) th,
.ost-theme-portal-web body .k-grid table> :not(caption) th {
    background-color: var(--ster-table-head-bg) !important;
    color: var(--ster-table-head-color) !important;
    border-color: var(--ster-table-head-bg) !important;
    font-size: var(--ost-grid-control-header-fontSize) !important;
    font-weight: var(--ost-grid-control-header-fontWeight) !important;
}

.ost-theme-portal-web body .k-table> :not(caption) td,
.ost-theme-portal-web body .k-table> :not(caption) th,
.ost-theme-portal-web body table.table> :not(caption) td,
.ost-theme-portal-web body .modal table> :not(caption) th,
.ost-theme-portal-web body .k-grid table> :not(caption) td,
.ost-theme-portal-web body .k-grid table> :not(caption) th {
    padding: 0.25rem 0.5rem !important;
    background-color: var(--ster-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--ster-table-accent-bg);
    border-color: var(--ster-theme-light-table-border-color) !important;
    color: var(--ster-table-color);

}

.ost-theme-portal-web body .modal .k-table>tbody>tr td {
    padding: 0.15rem 0.5rem;
    background-color: var(--ster-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--ster-table-accent-bg);
    border-color: var(--ster-theme-light-table-border-color);
    color: var(--ster-table-color);
    font-size: var(--ster-table-font-size);
}

.ost-theme-portal-web body .k-grid .k-grid-header .k-table-th {

    text-transform: capitalize;
}

.ost-theme-portal-web body .stac_colspan span {
    color: var(--ster-table-color) !important;
    font-size: var(--ster-table-font-size);
    font-weight: var(--ost-font-weight-500);
    text-transform: capitalize;
}

.ost-theme-portal-web body .k-table>tbody,
.ost-theme-portal-web body table.table>tbody,
.ost-theme-portal-web body .modal table>tbody,
.ost-theme-portal-web body .k-grid table>tbody {
    vertical-align: inherit;
}

.ost-theme-portal-web body .k-table>thead,
.ost-theme-portal-web body table.table>thead,
.ost-theme-portal-web body .modal table>thead,
.ost-theme-portal-web body .k-grid table>thead {
    vertical-align: bottom;
}

.ost-theme-portal-web body .k-table-group-divider {
    border-top: 2px solid currentcolor;
}

.caption-top {
    caption-side: top;
}

.ost-theme-portal-web body .k-table.k-table-sm> :not(caption)>*>*,
.ost-theme-portal-web body table.table.table-sm> :not(caption)>*>*,
.ost-theme-portal-web body .modal table.table-sm> :not(caption)>*>*,
.ost-theme-portal-web body .k-grid table.table-sm> :not(caption)>*>* {
    padding: 0.25rem 0.25rem;
}

.ost-theme-portal-web body .k-table-bordered> :not(caption)>*,
.ost-theme-portal-web body table.table.table-bordered> :not(caption)>*,
.ost-theme-portal-web body .modal table.table-bordered> :not(caption)>*,
.ost-theme-portal-web body .k-grid table.table-bordered> :not(caption)>* {
    border-width: 1px 0;
}

.ost-theme-portal-web body .k-table-bordered> :not(caption)>*>*,
.ost-theme-portal-web body table.table.table-bordered> :not(caption)>*>*,
.ost-theme-portal-web body table.table-bordered> :not(caption)>*>*,
.ost-theme-portal-web body .k-grid table.table-bordered> :not(caption)>*>* {
    border-width: 1px 1px;
}

.ost-theme-portal-web body .k-table-borderless> :not(caption)>*>*,
.ost-theme-portal-web body table.table.table-borderless> :not(caption)>*>*,
.ost-theme-portal-web body .modal table.table-borderless> :not(caption)>*>*,
.ost-theme-portal-web body .k-grid table.table-borderless> :not(caption)>*>* {
    border-bottom-width: 0;
}

.ost-theme-portal-web body .k-table-borderless> :not(:first-child),
.ost-theme-portal-web body table.table.table-borderless> :not(:first-child),
.ost-theme-portal-web body .modal table.table-borderless> :not(:first-child),
.ost-theme-portal-web body .k-grid table.table-borderless> :not(:first-child) {
    border-top-width: 0;
}

.ost-theme-portal-web body .k-table-striped>tbody>tr:nth-of-type(odd)>,
.ost-theme-portal-web body table.table.table-striped>tbody>tr:nth-of-type(odd)>*,
.ost-theme-portal-web body .modal table.table-striped>tbody>tr:nth-of-type(odd)>*,
.ost-theme-portal-web body .k-grid table.table-striped>tbody>tr:nth-of-type(odd)>* {
    --ster-table-accent-bg: var(--ster-table-striped-bg);
    color: var(--ster-table-striped-color);
}

.ost-theme-portal-web body .k-table-striped-columns> :not(caption)>tr> :nth-child(even),
.ost-theme-portal-web body table.table.table-striped-columns> :not(caption)>tr> :nth-child(even),
.ost-theme-portal-web body .modal table.table-striped-columns> :not(caption)>tr> :nth-child(even),
.ost-theme-portal-web body .k-grid table.table-striped-columns> :not(caption)>tr> :nth-child(even) {

    --ster-table-accent-bg: var(--ster-table-striped-bg);
    color: var(--ster-table-striped-color);
}

.ost-theme-portal-web body .k-table-active {
    --ster-table-accent-bg: var(--ster-table-active-bg);
    color: var(--ster-table-active-color);
    font-weight: bold;
}

.ost-theme-portal-web body .k-table-hover>tbody>.ost-theme-portal-web body .k-table-active:hover>*,
.ost-theme-portal-web body table.table.table-hover>tbody>.ost-theme-portal-web body table.table.table-active:hover>*,
.ost-theme-portal-web body .modal table.table-hover>tbody>.ost-theme-portal-web body table.table-active:hover>* {
    color: var(--ster-table-active-color);
}

body .ost-theme-portal-web body .k-table>tbody>.ost-theme-portal-web body .k-table-active * {
    color: var(--ster-table-active-color) !important;
}

.ost-theme-portal-web body .k-table-hover>tbody>tr:hover>*,
.ost-theme-portal-web body table.table.table-hover>tbody>tr:hover>*,
.ost-theme-portal-web body .modal table.table-hover>tbody>tr:hover>*,
.ost-theme-portal-web body .k-grid table.table-hover>tbody>tr:hover>* {
    --ster-table-accent-bg: var(--ster-table-hover-bg);
    color: var(--ster-table-hover-color);
}


.ost-theme-portal-web body .k-table-layout-fixed-width {
    table-layout: fixed;
}

.ost-theme-portal-web body table.table.table-striped>tbody>tr:nth-of-type(odd),
.ost-theme-portal-web body .k-grid table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--ster-table-striped-bg);
    color: var(--ster-table-color);
}

.ost-theme-portal-web body table.table.table-hover>tbody>tr:hover,
.ost-theme-portal-web body table.table>tbody>tr.active>td,
.ost-theme-portal-web body table.table>tbody>tr.active>th,
.ost-theme-portal-web body table.table>tbody>tr>td.active,
.ost-theme-portal-web body table.table>tbody>tr>th.active,
.ost-theme-portal-web body table.table>tfoot>tr.active>td,
.ost-theme-portal-web body table.table>tfoot>tr.active>th,
.ost-theme-portal-web body table.table>tfoot>tr>td.active,
.ost-theme-portal-web body table.table>tfoot>tr>th.active,
.ost-theme-portal-web body table.table>thead>tr.active>td,
.ost-theme-portal-web body table.table>thead>tr.active>th,
.ost-theme-portal-web body table.table>thead>tr>td.active,
.ost-theme-portal-web body table.table>thead>tr>th.active {
    background-color: var(--ster-table-hover-bg);
    color: var(--ster-table-color);
}

.ost-theme-portal-web body table.table>tbody>tr td {
    color: var(--ster-table-color);
    font-size: var(--ster-table-font-size) !important;
}

.ost-theme-portal-web body .k-table-fixed-head thead {
    position: sticky;
    top: var(--ster-table-caption-header-height);
    z-index: 99;
    background-color: var(--ster-table-head-bg);
    color: var(--ster-table-head-color);
}

.ost-theme-portal-web body .k-table-responsive,
.ost-theme-portal-web body table.table.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ost-theme-portal-web body .k-table-striped-columns> :not(caption)>tr>th:nth-child(even),
.ost-theme-portal-web body table.table.table-striped-columns> :not(caption)>tr>th:nth-child(even),
.ost-theme-portal-web body .k-grid table.table-striped-columns> :not(caption)>tr>th:nth-child(even) {
    --ster-table-accent-bg: var(--ster-table-head-bg);
    color: var(--ster-table-head-color);
}

/*********************************Responsive **********************************/

@media(max-width: 850px) {
    body .ost-theme-portal-web body .k-table-main-container {
        max-height: calc(100dvh - var(--ost-html-table-fix-height) - 140px);
    }

}

@media (max-width: 575.98px) {
    .ost-theme-portal-web body .k-table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {

    .ost-theme-portal-web body .k-table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile {
        display: block;
        width: 100%;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile .ost-theme-portal-web body .k-table-header-container,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile .ost-theme-portal-web body .k-table-footer-container,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right .ost-theme-portal-web body .k-table-header-container,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right .ost-theme-portal-web body .k-table-footer-container,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom .ost-theme-portal-web body .k-table-header-container,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom .ost-theme-portal-web body .k-table-footer-container {
        display: block;
    }



    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile thead,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile tbody,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile thead th {
        display: block;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile thead {
        float: left;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile tbody tr {
        display: table-cell;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile tbody td {
        display: block;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile td {
        vertical-align: middle;
        box-sizing: border-box;
        width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile th {
        vertical-align: middle;
        box-sizing: border-box;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile th,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile td {
        height: 35px;

    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-horizontal-head-fixed-on-mobile {
        table-layout: auto;
    }

    /* Single row oneby one  */
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right thead,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom thead {
        display: none;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom tbody,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom tr,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom th,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom td {
        display: block;
        white-space: normal;
        width: 100%;
        border-width: 0;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right tbody,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right tr,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right th,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right td {
        display: block;
        white-space: nowrap;
        width: 100%;
        border-width: 0;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right tr,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom tr {
        border-bottom: 1px solid var(--ster-table-border-color);
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right td[ster-data-title]:before {
        content: attr(ster-data-title);
        float: left;
        text-align: left;
        display: flex;
        padding-right: 12px;
        font-weight: 600;
        color: var(--ster-table-head-bg);
        color: var(--ster-theme-table-color);
        width: 50%;
        font-size: 12px;
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom td[ster-data-title]:before {
        content: attr(ster-data-title);
        text-align: left;
        display: flex;
        padding-right: 12px;
        font-weight: 600;
        color: var(--ster-table-head-bg);
        color: var(--ster-theme-table-color);
    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right td,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right td * {
        text-align: right !important;
        justify-content: end;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom td,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom td * {
        text-align: left;
        justify-content: start;
        white-space: normal;

    }

    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-left-right,
    .ost-theme-portal-web body .k-table.ost-theme-portal-web body .k-table-layout-onebyone-on-moble-top-bottom {
        display: block;
        width: 100%;
    }

}

@media (max-width: 991.98px) {
    .ost-theme-portal-web body .k-table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

}

@media (max-width: 1199.98px) {
    .ost-theme-portal-web body .k-table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399.98px) {
    .ost-theme-portal-web body .k-table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.ost-theme-portal-web body .k-table-footer-container .e-control.e-pager {
    border-width: 0;
    box-shadow: 0px -1px 7px 2px #00000012;
}

.ost-theme-portal-web body .k-grid .k-grid-header .k-table-th {
    color: var(--ster-theme-light-table-head-color) !important;
    background: var(--ster-table-head-bg) !important;
}

.ost-theme-portal-web body .k-grid .k-cell-inner {

    margin: 0 !important;
}

.ost-theme-portal-web body .k-grid-header-wrap,
.ost-theme-portal-web body .k-grid-footer-wrap {

    border-color: var(--ster-theme-light-table-border-color);
}

.ost-theme-portal-web body .k-grid .k-table> :not(caption)>*>*,
.ost-theme-portal-web body .k-grid table> :not(caption)>*>* {
    border-width: 1px 1px !important;
    border-style: solid !important;
    border-color: var(--ster-theme-light-table-border-color) !important;
    border-left-width: 0px !important;
    border-top-width: 0px !important;
}

.ost-theme-portal-web body .k-grid table .k-table-tfoot td {
    border-width: 0px 0px !important;
}

.ost-theme-portal-web body .k-grid .k-table> :not(caption)>*>* {
    background-color: var(--ster-table-bg);
    color: var(--ster-table-color) !important;
    font-size: var(--ster-table-font-size);
    font-weight: var(--ost-font-weight-400);
}

.ost-theme-portal-web body .k-grid .k-grid-md .k-table-th>.k-cell-inner>.k-link,
.ost-theme-portal-web body .k-grid-md .k-table-th>.k-cell-inner>.k-link {
    padding-block: 0;
    padding-inline: 0;
}

.ost-theme-portal-web body .k-column-title {

    --ost-grid-font-family: var(--ost-main-theme-font-family);
    font-family: var(--ost-grid-font-family) !important;
}

.ost-theme-portal-web body .k-grid .k-table-row.k-table-alt-row, .ost-theme-portal-web body .k-grid tr, .ost-theme-portal-web body .k-grid.k-widget .k-grid-content tr {
    background-color: transparent;
}

.ost-theme-portal-web body .k-grid .k-table-tbody>.k-table-row:not(.k-detail-row):hover,
.ost-theme-portal-web body .k-grid .k-table-tbody>.k-table-row:not(.k-detail-row).k-hover {
    --ster-table-accent-bg: var(--ster-table-hover-bg) !important;
    color: var(--ster-table-hover-color) !important;
    background: var(--ster-table-accent-bg) !important;
}

.ost-theme-portal-web body .legend-bg-approved {
    color: var(--ost-bg-alt-success);
    border-radius: 3px;
    font-weight: 600;

    line-height: normal;
    /* text-align: left; */
}

.ost-theme-portal-web body .legend-bg-pending {
    color: var(--ost-bg-alt-info);
    border-radius: 3px;
    font-weight: 600;
    line-height: normal;
}

.ost-theme-portal-web body .legend-bg-closed {
    color: var(--ost-bg-dark);
    border-radius: 3px;
    font-weight: 600;
    line-height: normal;
}

.ost-theme-portal-web body .legend-bg-rejected {
    color: var(--ost-bg-alt-danger);
    border-radius: 3px;
    font-weight: 600;
    line-height: normal;
}

.ost-theme-portal-web body .k-grid .k-table-th:focus,
.ost-theme-portal-web body .k-grid .k-table-th.k-focus,
.ost-theme-portal-web body .k-grid td:focus,
.ost-theme-portal-web body .k-grid td.k-focus,
.ost-theme-portal-web body .k-grid .k-table-td:focus,
.ost-theme-portal-web body .k-grid .k-table-td.k-focus,
.ost-theme-portal-web body .k-grid .k-master-row>td:focus,
.ost-theme-portal-web body .k-grid .k-master-row>td.k-focus,
.ost-theme-portal-web body .k-grid .k-grouping-row>td:focus,
.ost-theme-portal-web body .k-grid .k-grouping-row>td.k-focus,
.ost-theme-portal-web body .k-grid .k-detail-row>td:focus,
.ost-theme-portal-web body .k-grid .k-detail-row>td.k-focus,
.ost-theme-portal-web body .k-grid .k-group-footer>td:focus,
.ost-theme-portal-web body .k-grid .k-group-footer>td.k-focus,
.ost-theme-portal-web body .k-grid .k-master-row>.k-table-td:focus,
.ost-theme-portal-web body .k-grid .k-master-row>.k-table-td.k-focus,
.ost-theme-portal-web body .k-grid .k-grouping-row>.k-table-td:focus,
.ost-theme-portal-web body .k-grid .k-grouping-row>.k-table-td.k-focus,
.ost-theme-portal-web body .k-grid .k-detail-row>.k-table-td:focus,
.ost-theme-portal-web body .k-grid .k-detail-row>.k-table-td.k-focus,
.ost-theme-portal-web body .k-grid .k-group-footer>.k-table-td:focus,
.ost-theme-portal-web body .k-grid .k-group-footer>.k-table-td.k-focus,
.ost-theme-portal-web body .k-grid .k-grid-pager:focus,
.ost-theme-portal-web body .k-grid .k-grid-pager.k-focus {
    box-shadow: 0 0 0 1px var(--ost-theme-backcolor-secondary) inset !important;
}

.ost-theme-portal-web body .k-grid td.k-selected,
.ost-theme-portal-web body .k-grid .k-table-row.k-selected>td,
.ost-theme-portal-web body .k-grid .k-table-td.k-selected,
.ost-theme-portal-web body .k-grid .k-table-row.k-selected>.k-table-td {
    background-color: rgba(35, 189, 224, 0.25);
    --ster-table-accent-bg: var(--ster-table-active-bg);
    color: var(--ster-table-active-color) !important;
    font-weight: 600 !important;
    background: var(--ster-table-accent-bg) !important;
}

.ost-theme-portal-web body .k-grid button.k-button.k-button-md.k-button-flat.k-button-flat-primary.k-selected {
    background: var(--ster-table-pagination-bg-color) !important;
    border-color: var(--ster-table-pagination-bg-color) !important;
    color: var(--ster-table-pagination-text-color) !important;
}

.ost-theme-portal-web body .k-grid button.k-button.k-button-md.k-button-flat {
    min-width: 25px !important;
    height: 25px;
    padding: 5px 6px !important;
    border-radius: 50% !important;

    background: transparent;
    border-color: var(--ost-border-color);
    color: var(--ost-nav-icon-color);
    border-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web body .k-grid .k-pager {
    grid-gap: 0px;
    padding: 5px 10px;
    background: transparent !important;
    color: var(--ster-body-color);
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
}

.ost-theme-portal-web body .k-grid .k-pager-info {

    /* flex: 0 1 0%; */
    /* order: -1; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    padding: 0 !important;
}

.ost-theme-portal-web body .k-grid .k-pager-sizes {
    gap: 1ex;
    /* margin-left: auto; */
    padding: 0 !important;
    order: 10;
}

.ost-theme-portal-web body .k-grid span.k-button-text {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    font-size: 12px;
    height: 100%;
    line-height: normal;
}

.ost-theme-portal-web body .k-grid .k-button-md.k-icon-button .k-button-icon {
    min-width: 100%;
    min-height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web body .k-grid .k-grid-column-menu .k-icon.k-svg-icon {
    color: var(--ster-table-head-color);
}

.ost-theme-portal-web body .k-grid .k-grid-header .k-grid-filter:hover,
.ost-theme-portal-web body .k-grid .k-grid-header .k-header-column-menu:hover,
.ost-theme-portal-web body .k-grid .k-grid-header .k-grid-header-menu:hover,
.ost-theme-portal-web body .k-grid .k-grid-header .k-hierarchy-cell .k-icon:hover {
    background-color: var(--ost-table-hoverIconbgColor);
}

.ost-theme-portal-web body .k-grid,
.ost-theme-portal-web body .k-grid-content {
    background-color: transparent !important;
    width: 100%;
    overflow-x: auto !important;
}

.ost-theme-portal-web body .k-picker-solid {
    border-color: var(--ost-input-border-color);
    color: var(--ost-input-text-color);
    background-color: var(--ost-input-bg-color);
}

.ost-theme-portal-web body .lssearch {
    background-color: transparent !important;
    color: var(--ost-btn-light-text-color) !important;
    border: 1px solid var(--ost-light-border) !important;
}

.ost-theme-portal-web body .lssearch:hover {
    background-color: var(--ost-btn-light) !important;
    color: var(--ost-btn-light-text-color) !important;

}

.ost-theme-portal-web body .k-popup {
    border-color: var(--ost-border-color);
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-modal-background-color) !important;

}

.ost-theme-portal-web body .k-menu:not(.k-context-menu)>.k-item {
    color: var(--ost-common-text-black-color);
    margin: 0 !important;
}

.ost-theme-portal-web body .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover,
.ost-theme-portal-web body .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover {
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-theme-backcolor-c10);
}

.ost-theme-portal-web body .k-content {
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-card-bg);
}

.ost-theme-portal-web body .k-menu-group,
.k-menu.k-context-menu {

    color: var(--ost-common-text-black-color);
    background-color: var(--ost-card-bg);
}

.ost-theme-portal-web body .k-input-md .k-input-inner,
.ost-theme-portal-web body .k-picker-md .k-input-inner {
    height: 100%;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);

}

.ost-theme-portal-web body .k-input-solid {

    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
}

.ost-theme-portal-web body #rep_con_favs {
    cursor: pointer !important;
    font-size: var(--ost-fs-16) !important;
    margin-top: 0 !important;
    position: relative;
    top: 0px;
    min-height: 30px;
    min-width: 30px;
}

.ost-theme-portal-web body .ore-count {
    top: -7px;
    right: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web body #rep_con_favs i,
.ore-rightmenu i {
    padding: 0 3px;
    /* width: 100%; */
    /* height: 100%; */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    vertical-align: middle;

}

.ost-theme-portal-web body i.unfav {
    color: var(--ost-common-text-black-color) !important;
}

.ost-theme-portal-web body i.fav {
    font-weight: 1000 !important;
    color: var(--ost-theme-backcolor-secondary) !important;
    background: var(--ost-theme-backcolor-c10);
    border-radius: 50%;
}

.ost-theme-portal-web body .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i {
    font-size: 1.5rem;
    color: var(--ost-new-nav-header-icon-color);
}

.ost-theme-portal-web .m-topbar .m-topbar__nav.m-nav>.m-nav__item:hover span.m-nav__link-icon>i {
    color: var(--ost-new-nav-header-icon-hover-color);
}

.ost-theme-portal-web body .change-background {
    background: var(--ster-table-active-bg) !important;
}


.ost-theme-portal-web body .portlet {
    box-shadow: none;
    display: flex;
    flex-direction: column;
    /* border: 1px solid var(--ost-border-color); */
    margin-bottom: var(--ost-form-control-margin-spacing) !important;
    /* border-radius : var(--ost-theme-border-radius-standard) !important; */
}

/* .ost-theme-portal-web body .portlet>.portlet-title { */
/* border-bottom: 1px solid var(--ost-border-color); */

/* padding: 8px 5px; */
/* } */
.ost-theme-portal-web body .portlet>.portlet-title>.caption {
    font-size: var(--ost-fs-16) !important;
    font-weight: var(--ost-font-weight-600);
    color: var(--ost-common-text-black-color);
    /* padding: 0 !important; */
}

.ost-theme-portal-web body .portlet>.portlet-title>.caption span {
    font-family: var(--ost-font-family) !important;
    color: var(--ost-common-text-black-color);
}

/* .ost-theme-portal-web body .portlet>.portlet-body { */

/* padding: 5px; */
/* } */
/* Report screen design changes  */
.ost-theme-portal-web body .modal .modal-content .modal-header .close {
    font-family: inherit;
    color: var(--ost-common-text-black-color) !important;
    text-indent: 0;
    height: auto !important;
    width: auto !important;
    padding: 0px !important;
    line-height: normal !important;
    min-height: 25px !important;
    min-width: 25px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border-width: 0px !important;
    opacity: 1;
    order: 2;
}

.ost-theme-portal-web body .modal .modal-content .modal-header .close span {
    line-height: normal;
    color: var(--ost-common-text-black-color) !important;
}

.ost-theme-portal-web .modal-scrollable .modal {
    position: relative;
    bottom: auto !important;
}

.ost-theme-portal-web body .modal {
    /* background: rgba(0, 0, 0, 0.5); */
    /* width: auto !important; */
    /* height: auto !important; */
    margin: auto auto !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    border-radius: 5px !important;
    /* height: 100%; */
    /* background: transparent ; */
    /* box-shadow: none; */
    border-width: 0;
}

.ost-theme-portal-web body .gridpopup-n>.modal-body {
    height: auto;
    overflow-y: auto !important;
    padding: 10px;
}

.ost-theme-portal-web body .modal-body .row {
    margin: 0;
}

.ost-theme-portal-web body .modal-dialog {
    margin: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100% !important;
}

.ost-theme-portal-web body .modal-content {

    width: 100%;
}

.ost-theme-portal-web body .modal-footer .btn.default:not(.btn-outline):hover {
    opacity: 0.8;
}

.ost-theme-portal-web .modal-footer .btn.default:not(.btn-outline),
.ost-theme-portal-web .modal-footer .btn.default:not(.btn-outline):hover {
    color: #fff !important;
    background-color: var(--ost-bg-secondary) !important;
    border: 1px solid var(--ost-bg-secondary) !important;

}

.ost-theme-portal-web body .inputPlugIframe.col-md-12,
.ost-theme-portal-web body .rpSec.sh.col-md-12.col-sm-12 {
    padding: 0;
}

.ost-theme-portal-web body .modal .modal-content .modal-body {
    padding: 10px;
}

.ost-theme-portal-web body .bootstrap-switch {
    border-color: var(--ost-border-color);
    border-radius: 30px;
}

.ost-theme-portal-web body .bootstrap-switch .bootstrap-switch-handle-on,
.ost-theme-portal-web body .bootstrap-switch .bootstrap-switch-handle-off,
.ost-theme-portal-web body .bootstrap-switch .bootstrap-switch-label {
    padding: 0px 8px !important;
    height: 100% !important;
    line-height: 23px !important;
}

.ost-theme-portal-web body .genReportView .rpSec .ore-leave-details {
    border-radius: 5px;
    box-shadow: none !important;
    background-color: var(--ost-card-bg);
}

.ost-theme-portal-web body .genReportView .rpSec>.col-md-12.col-sm-12.col-xs-12 {
    padding: 0rem;
}

.ost-theme-portal-web body .genReportView .rpSec {
    display: flex;
    flex-direction: column;
}

.ost-theme-portal-web body .ore-report-padding {
    padding: 0 !important;
}

.ost-theme-portal-web body .ore-tabview {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0px solid var(--ost-border-color);
}

.ost-theme-portal-web body .ore-tabview>.col-md-12 {
    padding: 0;
}

.ost-theme-portal-web body .ore-tabview .ore-searchfright {
    /* top: 0 !important; */
    z-index: 99;
}

.ost-theme-portal-web body .topToolAlign-no.forTextSize .k-input-solid {
    display: flex;
    align-items: center;
}

.ost-theme-portal-web body .topToolAlign-no.forTextSize .k-input-solid.input-xsmall {
    width: 100% !important;
}

.ost-theme-portal-web body .genReportView button.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {
    border-width: 0px;
    border-left: 0px solid var(--ost-border-color);
    border-radius: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    background: transparent !important;
}

.ost-theme-portal-web body .genReportView span.k-icon.k-svg-icon.k-svg-i-caret-alt-down.k-button-icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ost-fs-11) !important;
}

/* .ost-theme-portal-web body .genReportView .k-input.k-combobox span.k-clear-value { */
/* display: none; */
/* } */

/* .ost-theme-portal-web body .genReportView .k-input.k-combobox.k-hover span.k-clear-value { */
/* display: block; */
/* } */

.ost-theme-portal-web body .ore-leave-details .tab-content>.sampletree {
    border-right: 1px solid var(--ost-border-color);
    height: 100% !important;
    overflow-x: hidden;
    overflow-y: auto;

}

.ost-theme-portal-web body div#reportBody_container {
    height: 100dvh;
    max-height: calc(100dvh - 140px);
}

.ost-theme-portal-web body .jstree.jstree-1 {
    width: 100% !important;
}

.ost-theme-portal-web body .sampletree.row.ore-report-padding [id^="headtitles_"] {
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--ost-fs-14) !important;
    color: var(--ost-common-text-color333) !important;
    font-weight: var(--ost-font-weight-600);
}

.ost-theme-portal-web body .sampletree.row.ore-report-padding [class*="testss_"] {
    padding: 5px 10px !important;
    min-height: 40px !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 100% !important
}

.ost-theme-portal-web body div#reportBody_container.tab-content .tab-pane .row.ore-report-padding {
    border-bottom: 1px solid var(--ost-border-color);
    min-height: 40px;
    padding: 5px 5px !important;
    margin: 0 !important;
}

.ost-theme-portal-web body .reprtREPBODY_items {
    padding: 10px !important;
    overflow: auto;
    /* height: 100%; */
}

.ost-theme-portal-web body i#user_alpha {
    background: var( --ost-global-sidebar-header-borderColor);
    color: #fff;
    border-radius: 100%;
    padding: 3px 0;
    font-size: normal;
    font-style: normal;
    font-weight: 600;
    width: 30px;
    height: 30px;
    display: inline-flex;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.ost-theme-portal-web body .ore-reportaction-hov i {
    font-size: var(--ost-fs-14);
    border-radius: 100%;
    border: #ccc 1px solid;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: transparent;
    color: var(--ost-btn-light-text-color);
    border: 1px solid var(--ost-border-light);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web body div#reportBody_container.tab-content .tab-pane {

    height: 100%;
    overflow: auto;

}

.ost-theme-portal-web body .topToolAlign-no.forTextSize {
    padding: 5px 10px !important;
}

.ost-theme-portal-web body ul#ore_report_tab.m-tabs-line {
    border-bottom-width: 0px;
}

.ost-theme-portal-web body .k-grid .k-grid-header,
.ost-theme-portal-web body .k-header {
    border-bottom: 0px solid #C2CAD8 !important;
    background: transparent !important;
	text-align: center;
}

.ost-theme-portal-web body .k-grid {
    border: 1px solid var(--ost-border-color) !important;
    padding: 0 !important;
    /* overflow-x: hidden !important; */

}

.ost-theme-portal-web body div#reportBody_container .k-grid {
    height: 100% !important;

}

.ost-theme-portal-web body div#reportBody_container .k-grid .k-grid-container {
    height: 100dvh;
    max-height: calc(100dvh - 320px);
    overflow: auto;
}

.ost-theme-portal-web body div#reportBody_container .k-grid .k-grid-content {
    font-size: 12px;
    height: 100% !important;

}

.ctrlmandatory.input-group.m-drop_down.dpncaption {
    border-color: var(--ost-input-border-color) !important;
}

.ost-theme-portal-web body .k-grid .k-pager-numbers {
    grid-gap: 3px;
    display: flex;
    align-items: center;
}

.ost-theme-portal-web body .k-pager-wrap span {
    display: inline-block !important;
    color: var(--ster-table-color);
    font-weight: 400;
}

.ost-theme-portal-web body .k-grid button.k-button.k-button-md.k-button-flat.k-button-flat-primary.k-selected span.k-button-text {
    color: var(--ster-table-pagination-text-color) !important;
}

.ost-theme-portal-web body .k-pager-wrap span {
    line-height: normal;
}

.k-input-inner {
    padding: 2px 5px;
}

.ost-theme-portal-web body .k-grid .k-pager-sizes {

    /* display: flex !important; */
    align-items: center;
}

.ost-theme-portal-web body .k-grid .k-pager-sizes span.k-picker.k-dropdownlist.k-picker-solid.k-picker-md span.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {
    border-width: 0;
    min-width: 20px;
    padding: 0;
    margin: 0;
}

.ost-theme-portal-web body .k-grid .k-pager-sizes span.k-picker.k-dropdownlist.k-picker-solid.k-picker-md {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.ost-theme-portal-web body .grid_wrapper.tactive-dashboard-grid-table .k-pager-wrap.k-grid-pager.pagerTop.k-pager.k-pager-md {
    display: none;
}

.ost-theme-portal-web body .genReportView .grid_wrapper.tactive-dashboard-grid-table .k-pager-wrap.k-grid-pager.pagerTop.k-pager.k-pager-md {
    display: none !important;
}

.ost-theme-portal-web body div#reportBody_container .k-grid>.k-grid-container .k-grid .k-grid-container {
    height: 100%;
    max-height: 100% !important;
}

.ost-theme-portal-web body .genReportView tr:nth-child(odd) {
    background: transparent !important;
}


/* .ost-theme-portal-web body.m-page--fluid { */
/* overflow-x: hidden !important; */
/* } */

.ost-theme-portal-web body .m-grid.m-grid--ver-desktop.m-grid--desktop>.m-grid__item.m-grid__item--fluid {
    /* height: 100% !important; */
    margin: 0 !important;

}

.ost-theme-portal-web body div#m_toolbrrspnsve {
    background-color: var(--ost-card-bg);
}

footer#m-footer {
    display: none !important;
}

.ost-theme-portal-web body p,
.ost-theme-portal-web body h1,
.ost-theme-portal-web body h2,
.ost-theme-portal-web body h3,
.ost-theme-portal-web body h4,
.ost-theme-portal-web body h5,
.ost-theme-portal-web body h6,

.ost-theme-portal-web body table,
.ost-theme-portal-web body td,
.ost-theme-portal-web body div,
.ost-theme-portal-web body b,
.ost-theme-portal-web body text,
.ost-theme-portal-web body xmp,
.ost-theme-portal-web body pre {
    font-family: var(--ost-font-family) !important;
}

.ost-theme-portal-web body .k-grid .k-toolbar {
    background-color: var(--ost-theme-backcolor-c5);
    display: flex;
    align-items: center;
    padding: 3px 5px !important;
}

.ost-theme-portal-web body .k-button-icon,
.ost-theme-portal-web body .k-split-button-arrow {
    padding-left: 0;
    padding-right: 0;
}

.ost-theme-portal-web body .m-tabs-line a.m-tabs__link,
.ost-theme-portal-web body .m-tabs-line.nav.nav-tabs .nav-link {
    color: var(--ost-common-text-black-color) !important;
    font-weight: 500 !important;
    padding: 10px 8px !important;
    font-size: var(--ost-fs-14);
}

.ost-theme-portal-web body .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active,
.ost-theme-portal-web body .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover,
.ost-theme-portal-web body .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active,
.ost-theme-portal-web body .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover {
    color: var(--ost-theme-backcolor-secondary) !important;
    font-weight: 500;
    border-bottom-color: var(--ost-theme-backcolor-secondary) !important;
    background: transparent;
}

.ost-theme-portal-web body .ore-cmn-tab.m-quick-sidebar .m-tabs>li.active {
    color: var(--ost-color-primary-alt);
    font-weight: 600;
    border-bottom-color: 3px solid var(--ost-color-primary-alt) !important;
}

.ost-theme-portal-web body .m-tabs-line a.m-tabs__link i,
.ost-theme-portal-web body .m-tabs-line.nav.nav-tabs .nav-link i {
    color: var(--ost-common-text-black-color) !important;
    font-size: 11px;
    opacity: 0.5;

    width: 13px;
    text-align: right;
    margin: 0;
    display: inline-block;
}



.ost-theme-portal-web body .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active>i,
.ost-theme-portal-web body .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover>i,
.ost-theme-portal-web body .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active>i,
.ost-theme-portal-web body .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover>i {
    opacity: 1;
}

/* .ost-theme-portal-web body .m-subheader .mr-auto { */
/* display: flex; */
/* flex-direction: column; */
/* } */
.ost-theme-portal-web body span#searchterm:empty {
    display: none;
}

.ost-theme-portal-web body span.k-widget.k-combobox.form-control.ctrlmandatory.k-combobox-clearable {

    height: 100% !important;
}

.ost-theme-portal-web body span.k-dropdown-wrap.k-state-default,
.ost-theme-portal-web body .k-numeric-wrap,
.ost-theme-portal-web body .k-picker-wrap.k-state-default,
.ost-theme-portal-web body span.k-dropdown-wrap {
    border: none !important;
    margin-left: 0;
    /* padding: 0 !important; */

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
    height: 100% !important;
    /* padding: 0 50px 0 0px !important; */
}

.ost-theme-portal-web body .k-widget.k-combobox {
    width: 100%;
}

.ost-theme-portal-web span.k-widget.k-combobox.form-control .k-input {
    border-width: 0px !important
}

.ost-theme-portal-web body .k-state-default>.k-select {

    border-left: 0px solid var(--ost-input-border-color) !important;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ost-theme-portal-web .input-group.m-drop_down .form-control.input-sm {
    border-width: 0px !important;
}

.ost-theme-portal-web body .modal .modal-content .modal-body>.row {
    margin: 0 !important;
}

.ost-theme-portal-web body .k-picker-wrap input.k-input.form-control {
    border-bottom: #CCC 0px solid !important;
    border-width: 0px !important;
}

.ost-theme-portal-web body .k-combobox>.k-dropdown-wrap>.k-i-close {
    right: 30px !important;
    margin: auto;
    top: 0 !important;
    bottom: 0 !important;
    height: 100%;
    transform: none;
    min-width: 20px;
    background: var(--ost-input-bg-color);
}

.ost-theme-portal-web body .k-state-default>.k-select .k-icon {
    font-size: var(--ost-fs-14) !important;
    top: 0 !important;
}

.ost-theme-portal-web body .form-group.form-md-line-input .form-control .form-control {
    height: auto !important;
    margin: 0;
    min-height: var(--ost-theme-form-control-height);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.ost-theme-portal-web body .form-group.form-md-line-input>.form-control {
    /* height: auto !important; */
    min-height: var(--ost-theme-form-control-height);
}

.ost-theme-portal-web body .view-rate-enquiry .form-group .k-input {
    display: flex;
}

.ost-theme-portal-web body .k-button-md.k-icon-button {

    border-radius: 0;
}

.ost-theme-portal-web body #dvprojects .modal-body {
    padding: 0 !important;
}

.ost-theme-portal-web body #dvprojects .modal-content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ost-theme-portal-web #dvprojects.modal .modal-content .modal-footer {

    margin-top: 0 !important;
    z-index: 99999999;
    background: var(--ost-card-bg);
}

.ost-theme-portal-web body #headid .form-group.form-md-line-input {
    margin: 8px 0 !important;
}

.ost-theme-portal-web body div#modalSt_MMPDPRSTAT_ItemType .modal-body,
.ost-theme-portal-web body div#divstatus .modal-body {
    padding: 0;
}

.ost-theme-portal-web body .modal-body .dataTables_scrollBody {
    min-width: 100%;
    overflow-y: auto !important;
    border-bottom: 0px solid #e7ecf1 !important;
    width: 100% !important;
}

.ost-theme-portal-web body table.dataTable.no-footer>thead {
    background: transparent;
}

.ost-theme-portal-web body table.dataTable .form-group.form-md-line-input.form-md-floating-label {
    margin: 8px 0px !important;
}

.ost-theme-portal-web body tbody#projectlist tr td , .ost-theme-portal-web body td{
    font-size: var(--ost-grid-control-body-fontSize) !important;
	    font-weight: var(--ost-grid-control-body-fontWeight);
}

.ost-theme-portal-web body input[type=checkbox] {
    width: 1em;
    font-size: 14px;
    height: 1em !important;
    margin-top: 0.125em;
    vertical-align: top;
    background-color: var(--ost-input-bg-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--ost-input-border-color) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
   border-radius: 3px;
}

.ost-theme-portal-web body input[type=checkbox]:checked {
    background-color: var(--ost-theme-backcolor-secondary) !important;
    border-color: var(--ost-theme-backcolor-secondary) !important;
    border: 1px solid var(--ost-theme-backcolor-secondary) !important;
}
.ost-theme-portal-web body td input[type="checkbox"], .ost-theme-portal-web body th input[type="checkbox"] {
    margin-left: 3px !important;
    background-color: var(--ost-input-bg-color);
    border: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web body input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.ost-theme-portal-web body input[type=file]:focus,
.ost-theme-portal-web body input[type=checkbox]:focus,
.ost-theme-portal-web body input[type=radio]:focus {

    border-color: var(--ost-theme-backcolor-secondary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
}
.ost-theme-portal-web body #clsorelabourbill .k-grid-content.k-auto-scrollable {
    
    max-height: calc(100vh - 255px);
}
.ost-theme-portal-web body .k-grid table tbody tr td {
    font-size: var(--ster-table-font-size);
}
.ost-theme-portal-web body .k-grid table tbody tr td {
    font-weight: var(--ost-grid-control-body-fontWeight) !important;
    font-size: var(--ost-grid-control-body-fontSize) !important;
}
.ost-theme-portal-web body .k-grid .k-grid-header th.k-header>.k-link {
    display: block;
    min-height: auto;
    line-height: normal;
    margin: 0 !important;
    padding: 2px 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative !important;
    font-weight: var(--ost-form-control-font-weight) !important;
}
.ost-theme-portal-web body #clsorelabourbill .k-pager-wrap.k-grid-pager.k-widget {
    padding: 5px 0px 2px 0px !important;
    margin: 0px 0px !important;
	    border-top: 1px solid var(--ost-pagination-border-color) !important
}

.ost-theme-portal-web body #clsorelabourbill .k-grid-content.k-auto-scrollable , .ost-theme-portal-web body .k-grid-content.k-auto-scrollable{
   
        overflow-y: scroll !important;
    overflow-x: auto !important;
}
.ost-theme-portal-web body #clsorelabourbill .k-grid .k-grid-header th span {
    padding: 2px 5px;
}
.ost-theme-portal-web body .k-grid .k-header>.k-grid-filter,
 .ost-theme-portal-web body .k-grid .k-header>.k-header-column-menu {
    float: right;   
    padding: 1px 2px;
    position: relative;
    z-index: 1;
    margin-top: 0;
    margin-bottom: 0;
}
.ost-theme-portal-web body input#headcheck {
    margin-top: 0.325rem !important;
}
.ost-theme-portal-web body .k-grid a.k-link.k-state-active.k-state-border-down,
.ost-theme-portal-web body .k-grid .k-header.k-with-icon.k-state-border-down {
    background: var(--ster-table-active-bg) !important;
}

.ost-theme-portal-web body .k-grid table> :not(caption)>*>* {
    border-width: 1px 1px !important;
    border-left: 0px !important;
    border-top: 0px !important;
}

.ost-theme-portal-web body .k-grid .k-pager-wrap.k-grid-pager,
.ost-theme-portal-web body .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    display: flex;
    align-items: center;
    padding: 5px 10px !important;
    margin: 0 !important;
    width: auto !important;
    background-color: var(--ost-pagination-bg-color);
    border-color: var(--ost-pagination-border-color) !important;
    color: var(--ost-data-table-text-color);
    opacity: 1;
    font-size: var(--ost-fs-12);
    overflow: hidden;
    max-width: 100% !important;
    border-top: 1px solid var(--ost-pagination-border-color) !important;
}

.ost-theme-portal-web body .k-grid .k-pager-wrap .k-link {
    min-width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px !important;
    color: var(--ost-common-text-black-color) !important;
    border: 1px solid var(--ost-border-color) !important;
    display: flex;
    align-items: center;
    justify-content: center;

}

.ost-theme-portal-web body .k-grid .k-pager-wrap .k-state-selected {
    background: var(--ster-table-pagination-bg-color) !important;
    min-width: 25px;
    border: 1px solid var(--ster-table-pagination-bg-color) !important;
    height: 25px;
    border-radius: 50%;
    line-height: 25px !important;
    color: var(--ster-table-pagination-text-color) !important;
}

.ost-theme-portal-web body .k-grid .k-pager-wrap .k-link:hover {
    background: var(--ost-theme-backcolor-c9) !important;
    color: var(--ost-common-text-black-color) !important;
}

.ost-theme-portal-web body #RequisitionDet .k-grid-content.k-auto-scrollable,
.ost-theme-portal-web body #Requisition .k-grid-content.k-auto-scrollable,
.ost-theme-portal-web body .comtreeheight,
.ost-theme-portal-web body #Transfers .k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    overflow: scroll !important;
    max-height: calc(100dvh - 285px);
}

.ost-theme-portal-web body .k-grid table>tbody>tr:hover>* {
    --ster-table-accent-bg: var(--ster-table-hover-bg);
    color: var(--ster-table-hover-color);
    background-color: var(--ster-table-accent-bg);
}

.ost-theme-portal-web body div#m_toolbrrspnsve {
    background-color: var(--ost-card-bg);
}

.ost-theme-portal-web body .k-grid table thead th a {
    color: var(--ster-table-head-color) !important;
}

.ost-theme-portal-web body .k-grid .k-pager-wrap .k-link.k-pager-nav {
    border-color: transparent !important;
}

@media (min-width: 992px) {

    /* width */
    .ost-theme-portal-web ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    /* Track */
    .ost-theme-portal-web ::-webkit-scrollbar-track {
        background: #837e7e26;
    }

    /* Handle */
    .ost-theme-portal-web ::-webkit-scrollbar-thumb {
        background: #aaa;
    }

    /* Handle on hover */
    .ost-theme-portal-web ::-webkit-scrollbar-thumb:hover {
        background: #888;
    }

    [data-theme=dark].ost-theme-portal-web ::-webkit-scrollbar-thumb {
        background: #454554;
    }

    [data-theme=dark].ost-theme-portal-web ::-webkit-scrollbar-thumb:hover {
        background: #6f6f81;
    }
}

.ost-theme-portal-web body .ore-tabview.col-md-12.col-md-padding0,
.ost-theme-portal-web body .ore-tabview {
    background: var(--ost-card-bg) !important;
}

.ost-theme-portal-web body .nav-tabs {
    border-bottom: 1px solid var(--ost-border-color);
    top: 0;
    /* position: sticky; */
    z-index: 9;
    background-color: var(--ost-card-bg);
}


.ost-theme-portal-web body .k-grid span.k-dropdown-wrap.k-state-default {
    --ost-theme-form-control-height: 25px !important;
    padding: 0 !important;
    /* display: flex !important; */
    /* align-items: center; */
    width: 100% !important;
}

.ost-theme-portal-web body .k-grid span.k-dropdown-wrap.k-state-default span.k-input {
    height: 100% !important;
    display: flex !important;
    align-items: center;
    min-height: var(--ost-theme-form-control-height) !important;
    width: 100% !important;
    flex: 1;
}

.ost-theme-portal-web body .k-state-default>.k-select {
    bottom: 0;
    display: flex !important;
    margin: 0 !important;

}

.ost-theme-portal-web body .k-picker-wrap .k-select,
.ost-theme-portal-web body .k-numeric-wrap .k-select,
.ost-theme-portal-web body .k-dropdown-wrap .k-select {
    bottom: 0;
}

.ost-theme-portal-web body #RequisitionDet span.k-pager-sizes.k-label {
    margin-left: auto;
}

.ost-theme-portal-web body col {
    min-width: 35px;
}

.ost-theme-portal-web body input#headprstatallocheck {
    margin-left: 0px;
    /* padding: 4px 0px !important; */
    margin-top: 1px;
}

.ost-theme-portal-web body col.k-hierarchy-col {
    min-width: auto !important;
}

.ost-theme-portal-web body .k-grid .tooltip {
    position: fixed !important;
    opacity: 1;
}

.ost-theme-portal-web body .k-context-menu.k-menu-vertical>.k-item>.k-link,
.ost-theme-portal-web body .k-context-menu.k-menu-vertical>.k-item>.k-link,
.ost-theme-portal-web body .k-menu .k-menu-group .k-item>.k-link {
    padding: 5px 5px !important;
    line-height: normal !important;
    font-weight: 500;

}

.ost-theme-portal-web body .k-context-menu.k-menu-vertical>.k-item>.k-link input[type="checkbox"],
.ost-theme-portal-web body .k-menu .k-menu-group .k-item>.k-link input[type="checkbox"] {
    margin: 0;
    margin-right: 5px;
}

.ost-theme-portal-web body .k-menu .k-link.k-state-active,
.k-menu .k-state-hover>.k-link {
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-theme-backcolor-c10);
    border-color: var(--ost-border-color);
    background-image: none;
}

.ost-theme-portal-web body .k-menu .k-item>.k-link {

    padding: 8px !important;
    line-height: normal;


}

.ost-theme-portal-web body .k-menu .k-item {
    background-color: var(--ost-dropdown-bg-color);
    border-color: var(--ost-border-color) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-width: 0px !important;

}

.ost-theme-portal-web body .k-menu .k-input,
.k-multiselect-wrap,
.k-textbox>input,
.ost-theme-portal-web body .k-menu input.k-textbox,
.ost-theme-portal-web body .k-menu input.k-textbox:hover,
.ost-theme-portal-web body .k-menu textarea.k-textbox,
textarea.k-textbox:hover {
    background-color: var(--ost-input-bg-color);
    color: var(--ost-input-text-color);
    width: auto;
}

.ost-theme-portal-web body .k-menu form.k-filter-menu .k-textbox,
.ost-theme-portal-web body .k-menu form.k-filter-menu .k-widget {

    width: 100% !important;
    height: 100% !important;
    /* --ost-theme-form-control-height: 30px; */
    min-height: var(--ost-theme-form-control-height);
    margin: 0 !important;
    margin-bottom: var(--ost-form-control-margin-spacing) !important;
}

.ost-theme-portal-web body .k-menu form.k-filter-menu .k-textbox,
.ost-theme-portal-web body .k-menu form.k-filter-menu .k-widget span.k-dropdown-wrap.k-state-default {
    height: 100% !important;
    line-height: var(--ost-theme-form-control-height) !important;
    display: flex;
    align-items: center;
    border-color: var(--ost-input-border-color);
    background-color: var(--ost-input-bg-color);
    font-size: var(--ost-input-feild-font-size);
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
}

.ost-theme-portal-web body .k-group.k-menu-group .k-action-buttons {
    border-top-color: var(--ost-border-color);
}

.ost-theme-portal-web body .k-group.k-menu-group .k-action-buttons {
    border-top-color: var(--ost-border-color);
    width: 100% !important;
    bottom: 0 !important;
    padding: 5px 0px !important;
    position: relative !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.ost-theme-portal-web body .k-group.k-menu-group .k-button.k-primary {
    color: #fff;
    border-color: var(--ost-primary-second);

    background-color: var(--ost-primary-second);

}

.ost-theme-portal-web body .k-group.k-menu-group .k-button {
    color: var(--ost-common-text-black-color);
    border-color: var(--ost-light-border);
    background-color: var(--ost-label-text-light);
}

.ost-theme-portal-web body .k-menu .k-item>.k-link>.k-icon {
    margin: 0 !important;
    margin-right: 5px !important;
    font-size: var(--ost-fs-14) !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    color: var(--ost-common-text-black-color);
    width: 20px;
    height: 20px;
}

.ost-theme-portal-web body ul.ore-status-listing li,
.ost-theme-portal-web body #overview2 ul.ore-status-listing li {
    padding: 2px 5px 2px 5px !important;
    font-size: var(--ost-fs-12);
    border: 1px solid;
    border-radius: 3px;
    /* text-transform: uppercase; */
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.ost-theme-portal-web body #overview2 ul.ore-status-listing li span.circle {
    border-radius: 3px !important;
}

:root {
    --ost-txt-sts-orange: #ea9714;
    --ost-txt-sts-red: #f54545;
    --ost-txt-sts-gray: #959595;
    --ost-txt-sts-purple: #a05bd0;
    --ost-txt-sts-blue: #349fd0;
    --ost-txt-sts-green: #72b45e;

}

/*

.ost-theme-portal-web body .blue.textcls b {
    color: var(--ost-txt-sts-blue) !important;
}

.ost-theme-portal-web body .orange.textcls b {
    color: var(--ost-txt-sts-orange) !important;
}

.ost-theme-portal-web body .red.textcls b {
    color: var(--ost-txt-sts-red) !important;
}

.ost-theme-portal-web body .green.textcls b {
    color: var(--ost-txt-sts-green) !important;
}

.ost-theme-portal-web body .gray.textcls b {
    color: var(--ost-txt-sts-gray) !important;
}

.ost-theme-portal-web body .purlple.textcls b {
    color: var(--ost-txt-sts-purlple) !important;
}

.ost-theme-portal-web body .orange.textcls {
    background-color: var(--ost-txt-sts-orange);
    color: #fff;
    border-color: var(--ost-txt-sts-orange) !important;
}

.ost-theme-portal-web body .red.textcls {
    background-color: var(--ost-txt-sts-red);
    color: #fff !important;
    border-color: var(--ost-txt-sts-red) !important;
}

.ost-theme-portal-web body .gray.textcls {
    background-color: var(--ost-txt-sts-gray);
    color: #fff;
    border-color: var(--ost-txt-sts-gray) !important;
}

.ost-theme-portal-web body .purple.textcls {
    background-color: var(--ost-txt-sts-purple);
    color: #fff;
    border-color: var(--ost-txt-sts-purple) !important;
}

.ost-theme-portal-web body .blue.textcls {
    background-color: var(--ost-txt-sts-blue);
    color: #fff;
    border-color: var(--ost-txt-sts-blue) !important;
}

.ost-theme-portal-web body .green.textcls {
    background-color: var(--ost-txt-sts-green);
    color: #fff;
    border-color: var(--ost-txt-sts-green) !important;
}



.ost-theme-portal-web body .textcls b {
    color: #fff !important;
}

.ost-theme-portal-web body .textcls span.circle {
    background: #fff !important;
}
*/
.ost-theme-portal-web body ul.ore-status-listing {

    display: flex;
    align-items: center;
    grid-gap: 5px;
    padding: 10px 0px;
    margin: 0 !important;
}

.ost-theme-portal-web body .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label input {
    padding: 0 8px;
    height: 100%;
    border-width: 0px !important;
    min-height: var(--ost-theme-form-control-height) !important;
}

.ost-theme-portal-web body .form-group.form-md-line-input .input-group {
    padding-top: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.ost-theme-portal-web body .form-group.form-md-line-input.has-error .input-group-addon {

    min-width: 35px;
    border-width: 0px;
    border-left: 0px solid var(--ost-input-border-color);
    color: var(--ost-input-text-color) !important;

}

.ost-theme-portal-web body .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label.pull-right {
    margin: 0 !important;
    --ost-theme-form-control-height: 28px;
}

.ost-theme-portal-web body .col-md-12.legentview.col-md-padding0 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--ost-border-color);
    margin-bottom: 10px;
    padding: 0 !important;
}

.ost-theme-portal-web body button#btnProcessAllocation {
    font-size: 9px !important;
    margin-top: 0;
    padding: 6px 10px;
    font-weight: bold;
    width: 100%;
}

.ost-theme-portal-web body #overviewprocessallocation span.k-dropdown-wrap.k-state-disabled.k-dropdown-wrap {
    height: initial !important;
    padding: 0;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.ost-theme-portal-web body #overviewprocessallocation span.k-select {
    min-width: 35px;
    border-left: 0px solid var(--ost-input-border-color) !important;
}

.ost-theme-portal-web body button#btnApplyProject {
    font-size: 11px !important;
    margin-top: 20px;
    padding: 10px 10px !important;
    font-weight: bold;
    /* margin-top: 0 !important; */
    margin-bottom: 0px;
    width: 100%;
}

.ost-theme-portal-web body #overviewprocessallocation .col-md-2 {
    padding-left: 5px !important;
}

.ost-theme-portal-web body .m-checkbox label {
    margin-bottom: 0 !important;
}

.ost-theme-portal-web #overviewprocessallocation.form-group.form-md-line-input,
.ost-theme-portal-web #overviewprocessallocation .form-group.form-md-line-input.form-md-floating-label {

    margin-bottom: 0 !important;
}

.ost-theme-portal-web body #overviewprocessallocation .col-md-12.legentview.col-md-padding0 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--ost-border-color);
    margin-bottom: 10px;
    padding: 0px 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.ost-theme-portal-web body label {
    font-size: var(--ost-fs-13) !important;
    margin-left: 0 !important;
    font-weight: var(--ost-font-weight-500) !important;
    color: var(--ost-lable-color) !important;
}

.ost-theme-portal-web body div#div_SaveProcessAllocation {
    margin: 0 !important;
    padding: 10px 0px;
}

.ost-theme-portal-web body #div_ProcessAllocation .k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    overflow: auto;
    max-height: calc(100dvh - 345px);
}

.ost-theme-portal-web body div#div_ProcessAllocation.k-grid .k-pager-sizes {

    margin-left: auto;
}

.ost-theme-portal-web body div#div_SaveProcessAllocation [class^='col-'] {
    padding: 0;
}

.ost-theme-portal-web body .k-grid table tbody tr td {

    white-space: nowrap;
}

.ost-theme-portal-web body .k-grid table tbody tr td:focus {
    box-shadow: 0 0 0 1px #0d6efd inset !important;
}

.ost-theme-portal-web body .k-button,
.ost-theme-portal-web body .k-widget {
    box-shadow: none !important;
}

.ost-theme-portal-web body .tab-content {
    background: var(--ost-card-bg);
}

.ost-theme-portal-web body #overviewprocessallocation span.k-widget.k-combobox.form-control.ctrlmandatory.k-combobox-clearable {

    border-color: var(--ost-theme-forecolor-border) !important;
}

.ost-theme-portal-web body .m-checkbox>span {
    border: 1px solid var(--ost-border-color);
}

.ost-theme-portal-web body .m-checkbox>input:checked~span {
    border: 1px solid var(--ost-input-checkbox-bg-color);
    background-color: var(--ost-input-checkbox-bg-color);
    color: #fff !important;
}

.ost-theme-portal-web body .m-checkbox>input:checked~span:after {
    border-color: #fff;
}

.k-autocomplete,
.k-block,
.k-button-group .k-tool,
.k-calendar th,
.k-content,
.k-dropdown-wrap,
.k-dropzone-active,
.k-editable-area,
.k-filter-row>th,
.k-footer-template td,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-content-locked,
.k-grid-footer,
.k-grid-footer-locked,
.k-grid-footer-wrap,
.k-grid-header,
.k-grid-header-locked,
.k-grid-header-wrap,
.k-group,
.k-group-footer td,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-header,
.k-input,
.k-pager-refresh,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-panel>.k-item>.k-link,
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar>.k-item>.k-link,
.k-popup.k-align .k-list .k-item:last-child,
.k-separator,
.k-slider-track,
.k-splitbar,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-textbox,
.k-textbox>input,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-treemap-tile,
.k-upload-files,
.k-widget {
    border-color: var(--ost-border-color);
}

.ost-theme-portal-web body .form-group.form-md-line-input .form-control {
    border-bottom-width: 0px;
}

.ost-theme-portal-web body #reldatetype span.k-dropdown-wrap.k-state-default.edited {
    margin-left: 0px !important;
}

.ost-theme-portal-web body .col-md-12[style="margin-left: -15px !important;"] {
    margin-left: 0px !important;
    position: relative;
    /* left: 10px; */
    padding-left: 14px !important;
}

.ost-theme-portal-web body #raised input.k-input.k-widget.form-control.textraised {
    border-bottom: #c2cad8 0px solid !important;
    width: 100% !important;
}

.ost-theme-portal-web body .form-group.form-md-line-input.form-md-floating-label.tooltips.ondemandcls span.k-dropdown-wrap.k-state-default span.k-dropdown-wrap.k-state-default,
.ost-theme-portal-web body .form-group.form-md-line-input.form-md-floating-label.tooltips.ondemandcls span.k-dropdown-wrap.k-state-default span.k-dropdown-wrap.k-state-default span.k-select {
    border-width: 0px !important;
}

.ost-theme-portal-web body .modal-body .form-group.form-md-line-input.form-md-floating-label {
    min-height: var(--ost-theme-form-control-height) !important;
    margin-bottom: var(--ost-form-control-margin-spacing);
    min-width: 100%;
    white-space: nowrap;
}

/* .ost-theme-portal-web body  #raised .k-icon.k-i-arrow-60-down { */
/* display: block; */
/* } */
.ost-theme-portal-web body .form-group.form-md-line-input.form-md-floating-label.tooltips.ondemandcls span.k-dropdown-wrap.k-state-default {

    padding: 0 32px 0 0px !important;
}

.ost-theme-portal-web body td.k-hierarchy-cell a.k-icon {
    font-size: 14px !important;
}


.ost-theme-portal-web body #m_toolbrrspnsve .k-grid span.k-pager-sizes.k-label {
    margin-left: auto;
}

.ost-theme-portal-web body .m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile).m-grid--root {

    height: 100%;
}

.ost-theme-portal-web body.m-content--skin-light2,
.ost-theme-portal-web body .tac-bg-layout {
    background-color: var(--ost-theme-backcolor-c1);
    margin: 0 !important;
}

.ost-theme-portal-web body #reldatetype span.k-dropdown-wrap.k-state-default {
    margin-left: 0px !important;
}

.ost-theme-portal-web body #reldatetype span.k-widget.k-combobox.form-control.ctrlmandatory.k-combobox-clearable.edited {
    width: 100% !important;
}

.ost-theme-portal-web body div#dvprojects {
    padding-right: 0;
}

.ost-theme-portal-web body div#genReportView {
    height: 100%;
}

.ost-theme-portal-web body .genReportView .ore-tabview {
    border-bottom: 1px solid var(--ost-border-color);
}


.ost-theme-portal-web body .ore-rightmenu a,
.ost-theme-portal-web body #btnClose1 {
    margin-left: 0px !important;
    color: var(--ost-nav-icon-color) !important;
}

.ost-theme-portal-web body .k-tooltip .k-callout {
    color: var(--ost-theme-backcolor-c7) !important;

}

.ost-theme-portal-web body .k-tooltip.k-popup {
    background-color: var(--ost-card-bg) !important;
    color: var(--ost-common-text-black-color) !important;
    font-size: var(--ost-fs-12);
    width: auto !important;
    min-width: 80px;
}

.ost-theme-portal-web body .k-window {
    color: var(--ost-common-text-color333);
    background-color: var(--ost-modal-bg);
    box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12));
    border-color: var(--ost-border-color);
    border-radius: 5px;
    overflow: hidden;
}

.ost-theme-portal-web body .tooltip-inner {
    background-color: var(--ost-card-bg) !important;
    color: var(--ost-common-text-black-color) !important;
    box-shadow: -2px 2px 7px 0px rgb(0 0 0 / 5%) !important;
    border: 1px solid var(--ost-border-light);
}

.ost-theme-portal-web body .tooltip.bottom .tooltip-arrow,
.ost-theme-portal-web body .tooltip.bottom-left .tooltip-arrow,
.ost-theme-portal-web body .tooltip.bottom-right .tooltip-arrow {

    border-bottom-color: var(--ost-border-color);

}

.ost-theme-portal-web body .k-grid .k-pager-sizes .k-widget.k-dropdown {

    width: auto;
    min-width: auto;
    margin: 0 5px;
}

.ost-theme-portal-web body .k-grid .k-pager-sizes span.k-dropdown-wrap.k-state-default {
    margin-left: 0px !important;
    width: auto !important;
}

.ost-theme-portal-web body .k-grid .k-pager-sizes span.k-dropdown-wrap.k-state-default {
    --ost-theme-form-control-height: 25px !important;

    padding: 0 35px 0 0px !important;
}

.ost-theme-portal-web body .k-grid tr.k-state-selected {
    background-color: var(--ster-table-active-bg) !important;
    border-width: 0px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    color: var(--ster-table-active-color);
    position: relative;
}

.ost-theme-portal-web body .k-grid a.k-pager-refresh.k-link {
    margin: 0 5px;
}

.ost-theme-portal-web body div.k-grid-norecords {
    text-align: center;
    justify-content: center;
}

.ost-theme-portal-web body .row.col-md-12 .form-group.pull-right {

    margin-top: 6px;
}

.ost-theme-portal-web body .k-window-title {
    padding: 0 !important;
    position: relative;
    line-height: normal;
    margin: 0 !important;
    font-size: var(--ost-fs-15);
    color: var(--ost-head-color) !important;
    font-weight: var(--ost-font-weight-600) !important;
    top: 0;
    left: 0;
    right: 0;
}

.ost-theme-portal-web body .k-window-titlebar {
    background: var(--ost-modal-background-color) !important;
    color: var(--ost-head-color) !important;
    font-weight: var(--ost-font-weight-600) !important;
    position: relative;
    border-bottom: 1px solid var(--ost-border-color) !important;
    min-height: 45px;
    margin-top: 0 !important;
}

.ost-theme-portal-web body button.k-window-titlebar-action.k-button {
    border-radius: 50%;
    width: 20px;
    min-width: 20px !important;
    height: 20px;
    border-width: 0;
}

.ost-theme-portal-web body .k-window-titlebar-actions {
    margin: 0 !important;
    border-width: 0 !important;
}

.ost-theme-portal-web body div#ratetemplate_rathmiscjon_footer button {
    margin: 0 !important;
    border-radius: 3px;
    padding: 8px 15px !important;
}

.ost-theme-portal-web body div#ratetemplate_rathmiscjon_footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;

    grid-gap: 8px;
    padding-top: 10px;
}

.ost-theme-portal-web body .portlet>.portlet-title {
    margin: 0;
    border-width: 0;
}

.ost-theme-portal-web body .hsOverlayConfirm {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.48);
    z-index: 11100;
    margin-left: 0;
    top: 0;
    left: 0;
    right: 0;
}

.ost-theme-portal-web body div#grdclsvtmmtreqactivity_attachbtnpattach {
    margin-top: var(--ost-theme-form-control-height) !important;
}

.ost-theme-portal-web body .gridpopup-n>.modal-body {
    height: 100% !important;
    max-height: calc(100% - 100px);
}

.ost-theme-portal-web .modal-footer .btn,
.ost-theme-portal-web .modal-footer button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 3px !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    font-size: 12px;
    padding: 7px 10px !important;
    line-height: normal;
    font-family: var(--ost-font-family);
    font-size: 12px !important;
}

.ost-theme-portal-web .modal-footer .btn:last-child,
.ost-theme-portal-web .modal-footer button:last-child {
    margin-right: 0 !important;
}

.ost-theme-portal-web .modal-footer .btn+.btn:hover {
    opacity: 0.9;
}

/* dropdown  */
.ost-theme-portal-web .k-list-container.k-popup .k-list-item.k-selected,
.ost-theme-portal-web .k-list-container.k-popup .k-selected.k-list-optionlabel,
.ost-theme-portal-web .k-list-container.k-popup .k-list-optionlabel.k-state-selected.k-state-focused,
.ost-theme-portal-web .k-list-container.k-popup .k-list>.k-state-selected.k-state-focused,
.ost-theme-portal-web .k-list-container.k-popup .k-popup .k-list .k-state-focused {
    border: 1px solid transparent !important;
    color: var(--ost-dropdown-bx-bg-color-alt) !important;
    background-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;

}

.ost-theme-portal-web .k-list-container.k-popup .k-item.k-state-hover,
.ost-theme-portal-web .k-list-container.k-popup .k-list-item.k-state-hover {
    background: var(--ost-dropdown-bx-hover-bg-color) !important;
    color: var(--ost-dropdown-bx-text-color) !important;
    border: 1px solid transparent !important
}

.ost-theme-portal-web .k-list-container.k-popup .k-list-item:focus,
.ost-theme-portal-web .k-list-container.k-popup .k-list-optionlabel:focus,
.ost-theme-portal-web .k-list-container.k-popup .k-list-item.k-focus,
.ost-theme-portal-web .k-list-container.k-popup .k-focus.k-list-optionlabel {
    box-shadow: none;
}

.ost-theme-portal-web .k-list-container.k-popup .k-list-md .k-list-item,
.ost-theme-portal-web .k-list-container.k-popup .k-list-md .k-list-optionlabel {
    font-weight: var(--ost-font-weight-400) !important;
    padding: 5px 5px !important;
    font-size: var(--ost-fs-12);
    color: var(--ost-dropdown-bx-text-color);

}

.ost-theme-portal-web .k-popup.k-calendar-container,
.ost-theme-portal-web .k-popup.k-list-container {
    font-family: var(--ost-font-family) !important;
}

.ost-theme-portal-web .k-list-container.k-popup .k-fieldselector .k-list .k-item,
.ost-theme-portal-web .k-list-container.k-popup .k-list-optionlabel,
.ost-theme-portal-web .k-list-container.k-popup .k-list .k-item,
.ost-theme-portal-web .k-list-container.k-popup>.k-group-header,
.ost-theme-portal-web .k-list-container.k-popup>.k-virtual-wrap>.k-group-header {
    font-family: var(--ost-font-family) !important;
    padding: 5px 5px !important;
    font-size: var(--ost-fs-12);
    color: var(--ost-dropdown-bx-text-color);
    line-height: normal;
    min-height: auto;
    background: var(--ost-dropdown-bg-color);
    font-weight: var(--ost-font-weight-400);
    border: 1px solid transparent !important;
}

.ost-theme-portal-web .k-autocomplete,
.ost-theme-portal-web .k-colorpicker,
.ost-theme-portal-web .k-combobox,
.ost-theme-portal-web .k-datepicker,
.ost-theme-portal-web .k-datetimepicker,
.ost-theme-portal-web .k-dropdown,
.ost-theme-portal-web .k-numerictextbox,
.ost-theme-portal-web .k-selectbox,
.ost-theme-portal-web .k-textbox,
.ost-theme-portal-web .k-timepicker,
.ost-theme-portal-web .k-toolbar .k-split-button {
    width: 100%;
}

.ost-theme-portal-web body .modal .modal-content .modal-body .row [class^='col-'] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


.ost-theme-portal-web body #dvFilterModal .row>.col-md-12:nth-child(-n+2),
.ost-theme-portal-web body #dvFilterModal1 .row>.col-md-12:nth-child(-n+2) {
    padding: 0 !important;
}

.ost-theme-portal-web .k-list-container.k-popup .k-list-item-text::before,
.ost-theme-portal-web .k-list-container.k-popup .k-list-header-text::before,
.ost-theme-portal-web .k-list-container.k-popup .k-list-optionlabel::before {
    position: absolute !important;
}

.ost-theme-portal-web .k-list-container.k-popup .k-list-content {

    overflow-y: auto !important;

}

.ost-theme-portal-web body .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner .k-link,
.ost-theme-portal-web body .k-calendar .k-calendar-td.k-selected .k-link {
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--ost-dropdown-bx-bg-color-alt);
    background-color: var(--ost-dropdown-bx-hover-and-active-text-color);
    border-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    box-shadow: none !important;
}

.ost-theme-portal-web body .k-calendar .k-calendar-cell-inner .k-link,
.ost-theme-portal-web body .k-calendar .k-link {

    font-size: var(--ost-fs-12) !important;
    color: var(--ost-common-text-black-color);


}

.ost-theme-portal-web body .k-calendar .k-calendar-th,
.ost-theme-portal-web body .k-calendar .k-calendar-caption,
.ost-theme-portal-web body .k-calendar .k-meta-header,
.ost-theme-portal-web body .k-calendar .k-month-header {
    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web body .k-calendar th {
    background-color: var(--ost-theme-backcolor-c12);
}

.ost-theme-portal-web body .k-content.k-calendar-table {
    margin: 0;
    width: 100%;
}

.ost-theme-portal-web body .k-calendar-view.k-calendar-monthview {
    padding: 0 !important;
    margin: 0 !important;

}

.ost-theme-portal-web body .k-calendar .k-header {
    border-color: inherit;
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-card-bg) !important;
    box-shadow: 0 1px 16px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web body .k-calendar .k-calendar-td:focus .k-calendar-cell-inner .k-link,
.ost-theme-portal-web body .k-calendar .k-calendar-td:focus .k-link,
.ost-theme-portal-web body .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner .k-link,
.ost-theme-portal-web body .k-calendar .k-calendar-td.k-focus .k-link {
    color: var(--ost-dropdown-bx-bg-color-alt) !important;
    background-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    border-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    box-shadow: none !important;
}

.ost-theme-portal-web body #reldatetype span.k-dropdown-wrap.k-state-default.edited.k-state-focused.k-state-hover.k-state-active.k-state-border-down {
    margin-left: 0px !important;
}

.ost-theme-portal-web body div.k-widget.k-calendar td.k-state-selected.k-state-focused .k-link {
    color: var(--ost-dropdown-bx-bg-color-alt) !important;
    background-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    border-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    box-shadow: none !important;
}

.ost-theme-portal-web body .k-calendar-container .k-button.k-state-focused .k-link,
.ost-theme-portal-web body .k-calendar-container .k-grid-header th.k-state-focused .k-link,
.ost-theme-portal-web body .k-calendar-container .k-list>.k-state-focused .k-link,
.ost-theme-portal-web body .k-calendar-container .k-listview>.k-state-focused .k-link,
.ost-theme-portal-web body .k-calendar-container .k-state-focused .k-link,
td.k-state-focused .k-link {
    color: var(--ost-dropdown-bx-bg-color-alt) !important;
    background-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    border-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    box-shadow: none !important;
}

.ost-theme-portal-web body .k-calendar-container .k-state-hover .k-link,
.ost-theme-portal-web body .k-calendar-container .k-state-focused .k-link {
    background: var(--ost-dropdown-bx-hover-bg-color) !important;
    color: var(--ost-dropdown-bx-text-color) !important;
}

.ost-theme-portal-web body .k-calendar-container .k-state-hover,
.ost-theme-portal-web body .k-calendar-container .k-state-focused {
    background-color: transparent !important;
    border: 0px solid #999 !important;
}

.ost-theme-portal-web body .k-calendar-container .k-draghandle.k-state-selected:hover .k-link,
.ost-theme-portal-web body .k-calendar-container .k-ghost-splitbar-horizontal .k-link,
.ost-theme-portal-web body .k-calendar-container .k-ghost-splitbar-vertical .k-link,
.ost-theme-portal-web body .k-calendar-container .k-list>.k-state-highlight .k-link,
.ost-theme-portal-web body .k-calendar-container .k-list>.k-state-selected .k-link,
.ost-theme-portal-web body .k-calendar-container .k-marquee-color .k-link,
.ost-theme-portal-web body .k-calendar-container .k-panel>.k-state-selected .k-link,
.ost-theme-portal-web body .k-calendar-container .k-scheduler .k-scheduler-toolbar .k-state-selected .k-link,
.ost-theme-portal-web body .k-calendar-container .k-scheduler .k-today.k-state-selected .k-link,
.ost-theme-portal-web body .k-calendar-container .k-state-selected .k-link,
.k-state-selected:link .k-link,
.ost-theme-portal-web body .k-calendar-container .k-state-selected:visited .k-link,
.ost-theme-portal-web body .k-calendar-container .k-state-focused .k-link {

    color: var(--ost-dropdown-bx-bg-color-alt) !important;
    background-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    border-color: var(--ost-dropdown-bx-hover-and-active-text-color) !important;
    box-shadow: none !important;
}

.ost-theme-portal-web body .k-calendar-container .k-state-hover .k-link {
    background: var(--ost-dropdown-bx-hover-bg-color) !important;
    color: var(--ost-dropdown-bx-text-color) !important;
}

.ost-theme-portal-web body .k-no-data,
.ost-theme-portal-web body .k-nodata {
    color: var(--ost-common-text-black-color) !important;

}

.ost-theme-portal-web body .k-popup .k-no-data,
.ost-theme-portal-web body .k-popup .k-nodata {
    color: transparent !important;

}

.ost-theme-portal-web body .atrctlBtn {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    height: 100%;
}

.ost-theme-portal-web body .modal-body .fileuploader-items .fileuploader-items-list {

    padding: 0px 0px !important;
    border-radius: 3px;
    margin: 0 5px !important;
}

.ost-theme-portal-web body .modal-body .fileuploader-items li {
    border: 1px solid var(--ost-border-color) !important;
    border-radius: 3px;
    padding: 8px 8px !important;
    background-color: var(--ost-card-bg) !important;
}

.ost-theme-portal-web body .modal-body .fileuploader-items li:hover {
    background-color: var(--ost-theme-backcolor-c5) !important;
}

body .modal-body .fileuploader-items li .descdiv h5 {
    font-size: var(--ost-fs-13) !important;
    color: var(--ost-common-text-black-color) !important;
}

.ost-theme-portal-web body ul.fileuploader-items-list li .descdiv span {
    font-size: var(--ost-fs-11) !important;
    color: var(--ost-common-text-black-color) !important;
    opacity: 0.8;
}

.ost-theme-portal-web body ul.fileuploader-items-list li .icondiv {

    width: 35px !important;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ost-border-light);
    border-radius: 3px;
    background-color: var(--ost-theme-backcolor-c5);
}

.ost-theme-portal-web body .modal-body .fileuploader-items .icngroupdiv .btn-group .btn {
    padding: 0 !important;
    width: 30px;
    height: 30px;
    text-align: center;
    color: var(--ost-common-text-black-color) !important;
    background-color: var(--ost-bg-light);
    border: 1px solid var(--ost-light-border) !important;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.ost-theme-portal-web body .modal-body .fileuploader-items .icngroupdiv .btn-group p b,
.ost-theme-portal-web body .modal-body .fileuploader-items .btn.btn-secondary i {

    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web body .col-md-12.edited .form-group.form-md-line-input.form-md-floating-label {
    padding-top: 0;
}

.ost-theme-portal-web body .modal-body .col-md-12 .col-md-12 .form-group.form-md-line-input.form-md-floating-label input.form-control.ctrlmandatory.k-input-inner {
    border-width: 0 !important;
}

.ost-theme-portal-web body .modal-body input#urlvalue_cus,
.ost-theme-portal-web body .modal-body input#description_cus {
    border-bottom-width: 0px;
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
    padding: 0 8px;
}

.ost-theme-portal-web body .k-grid .k-pager select.k-dropdown.k-picker {
    display: none !important;
}

.ost-theme-portal-web body .k-grid .k-pager .k-pager-numbers {
    display: flex !important;
}

.ost-theme-portal-web body .k-grid .k-pager .k-pager-info {
    display: inline-block;
    margin-right: 5px;
}

.ost-theme-portal-web body #addattch_cus div#Div2 {
    max-height: calc(100dvh - 200px) !important;
    height: 100% !important;
    padding: 15px 10px !important;
}

.ost-theme-portal-web body .itsfile {
    text-align: right;
}

.ost-theme-portal-web body .col-md-12.clsimgtag_cus .form-group.form-md-line-input.form-md-floating-label {
    padding-top: 0;
}

.ost-theme-portal-web body #addattch_cus div#Div2>.col-md-12 {
    padding: 0;
}

.ost-theme-portal-web body .tobeclosedonview .col-md-6 {
    top: 0 !important;

}

.ost-theme-portal-web body .tobeclosedonview label {

    margin-top: 0 !important;
}

.ost-theme-portal-web body .tobeclosedonview {
    display: flex;
    align-items: center;
    height: auto !important;
    padding: 5px 0px !important;
}

.ost-theme-portal-web body #addattch_cus button.bootbox-close-button.close {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    top: 4px !important;
}

html.ost-theme-portal-web body button.sign_btn:focus,
/* html.ost-theme-portal-web body .btn:focus , */
html.ost-theme-portal-web body button.cancel_btn:focus {
    box-shadow: 1px 4px 10px 0px rgb(0 0 0 / 15%) !important;
}

html.ost-theme-portal-web body div#grdclsvtmmtreqactivity_btnviewhistory {
    margin: 0;
    margin-bottom: 5px;
}

.ost-theme-portal-web body .k-menu .k-item>.k-link.k-menu-link.k-active {
    background-color: var(--ost-dropdown-bx-hover-and-active-text-color);
    color: var(--ost-dropdown-bx-bg-color-alt);
}

.ost-theme-portal-web body span.k-link.k-menu-link.k-active span.k-icon {
    color: #fff !important;
    opacity: 1;
}

.ost-theme-portal-web body .k-menu-popup .k-button-solid-primary,
.ost-theme-portal-web body .k-menu-popup .k-button-solid-primary:hover {
    border-color: var(--ost-theme-backcolor-secondary) !important;
    color: #fff !important;
    background-color: var(--ost-theme-backcolor-secondary) !important;
}

.ost-theme-portal-web body .k-menu-popup .k-button-solid-base:not(.k-icon-button),
 .ost-theme-portal-web body .k-menu-popup .k-button-solid-base:not(.k-icon-button):hover {
    border-color: var(--ost-bg-secondary) !important;
    color: #fff !important;
    background-color: var(--ost-bg-secondary) !important;

}

.ost-theme-portal-web body .k-group.k-menu-group .k-first {
    margin-top: 0;
}

.ost-theme-portal-web body .k-filter-help-text {
    font-size: var(--ost-fs-14);
    font-weight: var(--ost-font-weight-500);
    text-align: center;
}

.ost-theme-portal-web body span.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    background-color: var(--ost-input-bg-color) !important;
}

.ost-theme-portal-web body .k-menu-popup .k-menu-group .k-item>.k-link:active,
.ost-theme-portal-web body .k-menu-popup .k-menu-group .k-item>.k-link.k-active,
.ost-theme-portal-web body .k-menu-popup .k-menu-group .k-item>.k-link.k-selected,
.ost-theme-portal-web body .k-menu-popup .k-menu.k-context-menu .k-item>.k-link:active,
.ost-theme-portal-web body .k-menu-popup .k-menu.k-context-menu .k-item>.k-link.k-active,
.ost-theme-portal-web body .k-menu-popup .k-menu.k-context-menu .k-item>.k-link.k-selected {
    color: var(--ost-dropdown-bx-bg-color-alt);
    background-color: var(--ost-dropdown-bx-hover-and-active-text-color);
}

.ost-theme-portal-web body .k-menu-popup .k-menu-group .k-item>.k-link:active span.k-icon {
    color: var(--ost-dropdown-alt-color);
}

.ost-theme-portal-web body div#grdSearch {
    width: 100% !important;
}

.ost-theme-portal-web body .ore-breadcrumb a:hover,
.ost-theme-portal-web body .ore-breadcrumb a:focus {
    color: var(--ost-theme-backcolor-secondary) !important;
    text-decoration: none;
}

div#divcredate .form-group.form-md-line-input .form-control {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color) !important;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
}

.ost-theme-portal-web body .modal-footer.cnfrmalrt,
.ost-theme-portal-web body #m_pop_out .modal-footer {
    border-top: 0 !important;
}

.ost-theme-portal-web body #m_pop_out .modal-footer {

    border-top: 0 !important;
    padding: 10px !important;
    justify-content: center;
}

.ost-theme-portal-web body #m_pop_out .modal-footer {
    border-top: 0px !important;
}

.ost-theme-portal-web body div#switch_switchbtnCopyDetails {
    margin-top: 5px;
}

.ost-theme-portal-web body #m_pop_out .modal-body.orelabel {
    text-align: center;
    font-size: var(--ost-fs-15);
}

.ost-theme-portal-web body div#starttop {
    margin-top: 0;
    padding-left: 0;
}

.ost-theme-portal-web .row [class*=' col-md'] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* .ost-theme-portal-web body div.bs-modal-lg.modal-overflow .modal-dialog.modal-lg  .modal-body { */
/* padding: 0; */
/* } */
/* .ost-theme-portal-web body div.bs-modal-lg.modal-overflow  .modal-dialog.modal-lg { */
/* max-width: 600px; */
/* } */
.ost-theme-portal-web body .modal .modal-content .modal-header .close span {
    font-size: var(--ost-fs-16);
}

/* .ost-theme-portal-web body #overviewspage ul.ore-status-listing li .circle { */
/* width: 25px !important; */
/* } */

.ost-theme-portal-web body ul.ore-status-listing ul.ore-status-listing {
    padding: 0;
}

.ost-theme-portal-web body #overviewspage .k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    max-height: calc(100dvh - 335px);
}

.ost-theme-portal-web body #overviewspage .k-grid-content.k-auto-scrollable .k-grid-content.k-auto-scrollable {
    height: 100% !important;
}

.ost-theme-portal-web body .k-grid-content.k-auto-scrollable .k-grid-content.k-auto-scrollable {
    height: 100% !important;
    max-height: 100% !important;
}

.ost-theme-portal-web body div.k-grid-footer {
    border-bottom-width: 0px !important;

}

.ost-theme-portal-web body #overviewspage ul.ore-status-listing {
    padding: 10px 0px !important;
    margin: 0 !important;
}

.ost-theme-portal-web body .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label.pull-right {

    margin-bottom: 0px !important;
}

.clslogout .bootbox-body,
.clslogout .bootbox-body div {
    text-align: center;
    font-weight: 400 !important;
}

.ost-theme-portal-web body #m_pop_out .modal-footer button {
    min-width: 70px;
}

/* voucher entry css  */
ul#tbVoucher {
    margin: 0 !important;
}

/* .ost-theme-portal-web body .ore-tabview .ore-searchfright { */


/* margin: auto;     */
/* display: flex; */
/* align-items: center; */
/* justify-content: end; */

/* } */
.ost-theme-portal-web body .rcntEntdVchrscrlAnchor>.k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    max-height: calc(100dvh - 285px);
}

.ost-theme-portal-web body .rcntEntdVchrscrlAnchor {
    height: 100% !important;
}

.ost-theme-portal-web body #overview .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label.pull-right,
.ost-theme-portal-web body #vendoroverview .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label.pull-right {

    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.ost-theme-portal-web body .righside-smallicon {
    padding: 0;
}

.ost-theme-portal-web body #overview1>.col-md-12.legentview.col-md-padding0 {
    margin: 0;
    border-width: 0;
}

.ost-theme-portal-web body #tab_VouView .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label.pull-right {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.ost-theme-portal-web body #gvVouGridView .k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    max-height: calc(100dvh - 280px);
}

.ost-theme-portal-web body div#gvVouGridView {
    height: 100% !important;
}

/* .ost-theme-portal-web body #tab_Voucher ul li:last-child,.ost-theme-portal-web body #tab_action li :last-child,.ost-theme-portal-web body #tab_Report ul :last-child { */
/* border-bottom-width: 0px !important; */
/* } */
.ost-theme-portal-web body #tab_Voucher li,
.ost-theme-portal-web body #tab_action li,
.ost-theme-portal-web body #tab_Report li {
    padding: 5px 5px;
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-card-bg);
    /* border-width: 0; */
    border-color: var(--ost-border-color) !important;
    /* margin: 0 !important; */
}

.ost-theme-portal-web body #tab_Voucher ul,
.ost-theme-portal-web body #tab_action ul,
.ost-theme-portal-web body #tab_Report ul {
    /* border: 1px solid var(--ost-border-color); */
    height: 100%;
}

.ost-theme-portal-web body #tab_Voucher li:hover,
#tab_action li:hover,
.ost-theme-portal-web body #tab_Report li:hover {
    background-color: var(--ost-theme-backcolor-c10);
}

.ost-theme-portal-web body #tab_ChqPrt .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label.pull-right {
    margin-top: 10px !important;
}

.ost-theme-portal-web body .Ore-hide-div {
    display: none;
}

.ost-theme-portal-web body .portlet.light {
    padding: 12px 20px 15px 20px;
    background-color: var(--ost-card-bg);
}

.ost-theme-portal-web body .ore-product-boxstatic {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: var(--ost-card-bg);
    padding: 10px;
    margin-bottom: 0 !important;

}

.ost-theme-portal-web body div#dvAlertChqPrt {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: var(--ost-fs-14);
}

.ost-theme-portal-web body div#m_toolbrrspnsve {
    background-color: var(--ost-card-bg) !important;
}

.ost-theme-portal-web body #dvChqPrint .k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    max-height: calc(100dvh - 326px);
    overflow-y: auto;
}

.ost-theme-portal-web body .modal .modal-content .modal-body .row [class^='col-'] {
    height: auto !important;
    left: 0 !important;
    right: 0 !important;
}

.ost-theme-portal-web .modal .modal-content .modal-footer .pull-right.col-md-padding0 {
    text-align: right !important;
}

.ost-theme-portal-web body #dvBank .modal-body,
#dvBank .modal-body .dash_portlet {
    overflow: hidden !important;
    padding: 0 !important;
}

.ost-theme-portal-web body thead.k-state-selected,
tbody.k-state-selected {
    color: var(--ster-table-color);
    border-width: 0px !important;
    background: transparent !important;
}

.ost-theme-portal-web body #dvChqFilter .modal-body {
    padding: 10px;
    margin: 0 !important;
}

.ost-theme-portal-web body .form-group input#insno {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color) !important;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
}

.ost-theme-portal-web body span.k-numeric-wrap input.k-formatted-value.form-control.k-input {
    border-width: 0 !important;
}

.ost-theme-portal-web body span.k-widget.k-numerictextbox.form-control .k-numeric-wrap {
    padding: 0px 35px 0 0px !important;
}

.ost-theme-portal-web body input#insamnt {
    border-width: 0px !important;
}

.ost-theme-portal-web body .port-container .dash_portlet {
    width: 100% !important;
}

.ost-theme-portal-web body .col-lg-12.col-md-12.col-md-padding0.csProj .form-group.form-md-line-input.form-md-floating-label.cusInp.selPr {
    margin-bottom: 0 !important;
}

.ost-theme-portal-web body .modal .modal-header h3 {
    font-weight: var(--ost-font-weight-600);
    font-size: var(--ost-fs-15) !important;
}

.ost-theme-portal-web body .tooltip-dpngrid~.modal-backdrop+.k-animation-container .k-tooltip-content,
.ost-theme-portal-web body .k-animation-container .k-tooltip-content {
    background-color: var(--ost-card-bg) !important;
    color: var(--ost-common-text-black-color) !important;
    background: 0;

    border-radius: 5px !important;
    min-width: auto !important;
    position: relative;
    opacity: 1;
    padding: 4px;
    display: block;
    margin: 0 auto;
    word-break: break-word;
    max-width: 250px;
    font-weight: 500;
}

.ost-theme-portal-web body div#dpngrd_dropdownlistprojcode {

    margin-bottom: 10px !important;
}

.ost-theme-portal-web body div#dpngrd_dropdownlistprojcode .k-grid-content.k-auto-scrollable {
    height: 100% !important;
    min-height: 200px;
}

.ost-theme-portal-web body .k-grid table thead th .k-icon {
    color: var(--ster-table-head-color) !important;
    width: 13px !important;
    height: 13px !important;
	    left: 0;
		    font-size: 11px !important;
}

.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-primary,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-primary:hover,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-primary.k-hover {
    border-color: var(--ost-color-primary-alt);
    color: #fff;
    background-color: var(--ost-color-primary-alt);

}

.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base:hover,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base.k-hover,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base:focus,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base.k-focused {
    border-color: var(--ost-light-border);
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-label-text-light);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-primary:hover,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-primary.k-hover,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base:hover,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base.k-hover,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base:focus,
.ost-theme-portal-web body .k-filter-menu-container .k-actions .k-button-solid-base.k-focused {
    opacity: 0.8;
}

.ost-theme-portal-web body input[type="radio"],
.ost-theme-portal-web body input[type="checkbox"] {
    margin-right: 5px !important;
}

.ost-theme-portal-web .k-disabled button {
    border-color: var(--ost-tac-disabled-border-color) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.ost-theme-portal-web .k-disabled {
    opacity: 0.8 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.ost-theme-portal-web .ore-tabview .tabbable-line {
    width: 100%;
}

.ost-theme-portal-web .gridpopup-l.modal {
    background: var(--ost-modal-bg) !important;

}

.ost-theme-portal-web #filtermodal .modal-body,
.ost-theme-portal-web #taskfiltermodal .modal-body {
    padding: 15px 10px 15px !important;
}

.ost-theme-portal-web #lblsavesearch {
    font-weight: 400 !important;
}

.ost-theme-portal-web #uniform-chksavesearch {
    float: left;
    margin-top: -1px !important;
    opacity: 1 !important;
}

.ost-theme-portal-web .k-list-container table td {
    padding: 0 0.5rem !important;
}

.ost-theme-portal-web .k-grid .k-icon {
    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web body .k-grid .k-pager-sizes {

    margin-left: auto;
}

.ost-theme-portal-web body .k-grid button.k-pager-refresh.k-button {
    margin-left: 0;
}

.ost-theme-portal-web body #dvFilterVou.modal .modal-content .modal-body [class*='col-'] {
    padding-left: 5px !important;
    padding-right: 5px !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ost-theme-portal-web .modal-header h5 {
    font-size: 15px !important;
    font-weight: 600;
}

.ost-theme-portal-web #bodyvou .mCSB_container {
    height: 100%;

}

.ost-theme-portal-web .tab-pane div#overview1 {
    padding: 0;
}

.ost-theme-portal-web .tab-pane div#overview {
    /* border-bottom: 1px solid var(--ost-border-color); */
    margin-bottom: 10px;
}

.ost-theme-portal-web body #dvFilterVou.modal .modal-content .modal-body>* .col-md-12.col-md-padding0 {
    padding: 0 !important;
}

.ost-theme-portal-web #dvFProject .modal-body,
.ost-theme-portal-web #dvtype .modal-body,
.ost-theme-portal-web #dvparty .modal-body,
.ost-theme-portal-web #dvinstyp .modal-body,
.ost-theme-portal-web #dvstatus .modal-body,
.ost-theme-portal-web #modalSt_MMPDPUROPR_ItemType .modal-body,
.ost-theme-portal-web #acsproject .modal-body,
.ost-theme-portal-web #acsclient .modal-body,
.ost-theme-portal-web #acsmodule .modal-body {
    padding: 0 !important;
}

.ost-theme-portal-web div.radio,
.ost-theme-portal-web div.checker {
    margin-right: 0;
    margin-left: 0px;
}

.ost-theme-portal-web .modal-footer {

    position: sticky;
    bottom: 0;
    background-color: var(--ost-modal-background-color);
    right: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.ost-theme-portal-web .modal-header,
.ost-theme-portal-web .modal .modal-header {
    right: 0;
    left: 0;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 999;
}

.ost-theme-portal-web div#addattch_cus {
    margin: auto !important;
}

.ost-theme-portal-web .modal-scrollable {

    background: rgba(0, 0, 0, 0.48) !important;
}

.ost-theme-portal-web body div#gridContent_grdPurchaseDetail {
    height: 100dvh;
    max-height: calc(100dvh - 125px);
    overflow: auto;
}

.ost-theme-portal-web body .blockUI {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    margin: auto !important;
    z-index: 99999999 !important;

}

.ost-theme-portal-web body .blockUI .spinner {

    width: 100%;
    text-align: center;
    position: absolute;
    margin: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web body .k-grid td.k-hierarchy-cell a.k-icon.k-i-expand {
    font: normal normal normal 14px / 1 FontAwesome !important;
    margin-top: 0;
}

.ost-theme-portal-web body .k-grid td.k-hierarchy-cell a.k-icon.k-i-expand:before {
    content: "\f0da";
    font-size: 12px;
}

.ost-theme-portal-web body .GST-m_modal_1s .row {
    margin: 0;
}

.ost-theme-portal-web body .k-icon {
    color: var(--ost-common-text-color333);
}

.ost-theme-portal-web body .sal_view span.k-treeview-leaf {
    display: inline-block;
}

.ost-theme-portal-web body .k-treeview {
    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web body .k-group {
    background-color: var(--ost-theme-backcolor-c12);
}

.ost-theme-portal-web body .k-treeview .k-group,
.ost-theme-portal-web body .k-treeview .k-toolbar,
.ost-theme-portal-web body .k-treeview .k-grouping-header,
.ost-theme-portal-web body .k-treeview .k-pager-wrap,
.ost-theme-portal-web body .k-treeview .k-group-footer td,
.ost-theme-portal-web body .k-treeview .k-grid-footer,
.ost-theme-portal-web body .k-treeview .k-footer-template td,
.ost-theme-portal-web body .k-treeview .k-widget .k-status,
.ost-theme-portal-web body .k-calendar th,
.ost-theme-portal-web body .k-treeview .k-dropzone-hovered,
.ost-theme-portal-web body .k-treeview .k-widget.k-popup {
    background-color: var(--ost-theme-backcolor-c12);
}

.ost-theme-portal-web body .k-treeview-leaf:hover,
.ost-theme-portal-web body .k-treeview-leaf.k-hover {
    color: var(--ost-common-text-color333);
    background-color: var(--ost-theme-backcolor-c10);
}

.ost-theme-portal-web body .k-treeview-leaf:focus,
.ost-theme-portal-web body .k-treeview-leaf.k-focus {
    box-shadow: inset 0 0 0 2px var(--ost-theme-backcolor-c10);
}

.ost-theme-portal-web .HsSFContainer [style="border:#ccc 1px solid;"] {
    border-color: var(--ost-border-color) !important;
    border-radius: 3px;
    overflow: hidden;
}

.ost-theme-portal-web .HsSFContainer .pull-right {
    box-shadow: none !important;
    width: auto;
}

.ost-theme-portal-web .HsSFContainer .pull-right button {
    margin: 5px !important;
    font-size: 10px;
    padding: 5px 10px !important;
    height: 30px;
    border-radius: 3px;
    border-color: transparent;
}


.ost-theme-portal-web .k-treeview-leaf.k-selected,
.ost-theme-portal-web .k-treeview-leaf.k-selected:hover {
    color: #ffffff !important;
    background-color: var(--ost-theme-backcolor-secondary);
}

.ost-theme-portal-web .k-treeview-leaf.k-selected .HsSFlistView .HsSFEdit,
.ost-theme-portal-web .k-treeview-leaf.k-selected:hover .HsSFlistView .HsSFEdit {
    color: #ffffff !important;
}

.ost-theme-portal-web .k-treeview-md .k-treeview-leaf {
    color: var(--ost-common-text-color333);
    font-weight: 500;
    border-radius: 5px;
    margin: 2px;
}

.ost-theme-portal-web .input-group .input-group-addon {
    color: var(--ost-common-text-color333);
    border-color: var(--ost-border-color);
    background-color: transparent !important;
    border-width: 0px !important;
}

.ost-theme-portal-web .salientsearch .input-group,
.ost-theme-portal-web input#STFsaljson_addtemplate,
.ost-theme-portal-web input#searchsupp {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;

}

.ost-theme-portal-web .salientsearch .input-group .form-control,
.ost-theme-portal-web input#STFsaljson_addtemplate,
.ost-theme-portal-web input#searchsupp {
    padding: 0 8px !important;
    font-family: var(--ost-font-family) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
}

.ost-theme-portal-web .salientsearch .form-group.form-md-line-input.form-md-floating-label .form-control~label {

    top: -20px !important;

}

.ost-theme-portal-web .ore-workflowbx-top {
    background: var(--ost-card-bg);
    box-shadow: none;
    border: 1px solid var(--ost-border-light);
}

.ost-theme-portal-web .ore-workflowbx {
    background: var(--ost-card-bg);
    box-shadow: none;
    position: relative;
    border: 1px solid var(--ost-border-light);
}

.ost-theme-portal-web .ore-datetime {
    left: -38px;
    top: 8px;

}

.ost-theme-portal-web .ore-workflowbx::after {

    border-right: 10px solid var(--ost-border-light);

}

.ost-theme-portal-web .ore-workflowbx-top h4,
.ost-theme-portal-web .ore-datetime h5,
.ost-theme-portal-web .ore-workflowbx h4 {

    color: var(--ost-common-text-color333);

}

.ost-theme-portal-web .ore-workflowbx-top .ore-FLeft p {
    color: var(--ost-theme-backcolor-secondary);
}

.ost-theme-portal-web .ore-workflowbx-top span,
.ost-theme-portal-web .ore-datetime span,
.ost-theme-portal-web .ore-workflowbx p {
    color: var(--ost-common-text-black-color);

    opacity: 0.5;
}

.ost-theme-portal-web ul.ore-workflow li {
    margin: 0;
    padding: 0 0px 15px 10px;
    list-style: none;
    border-left: var(--ost-border-light) 1px solid;
    position: relative;
}

.ost-theme-portal-web .ore-workflowbx h3 {
    color: var(--ost-theme-backcolor-primary);
}

.ost-theme-portal-web ul.ore-workflow {
    padding: 0 0 0px 35px !important;
}

.ost-theme-portal-web .form-group.form-md-line-input span.input-group-btn {
    min-width: 30px;
}

.ost-theme-portal-web .k-input-values input.k-input-inner {
    padding: 0 !important;
}

.ost-theme-portal-web .ladda-button .ladda-progress {

    background: var(--ost-common-text-black-color);
}

.ost-theme-portal-web span.k-multiselect.k-input.form-control.input-sm.k-multiselect-clearable.k-input-solid.k-input-md.k-rounded-md {
    padding: 0 5px !important;
}

.ost-theme-portal-web div#atrlist_grdPurchaseDetail_atrattr {
    /* padding: 10px; */
    display: inline-block;
    width: 100%;
}

.ost-theme-portal-web .btn.green:not(.btn-outline),
.ost-theme-portal-web .btn.green:not(.btn-outline):hover,
.ost-theme-portal-web .btn.green:not(.btn-outline):focus,
.ost-theme-portal-web .btn.green:not(.btn-outline):active {
    color: #fff;
    background-color: var(--ost-bg-alt-success);
    border-color: var(--ost-bg-alt-success);
}

.ost-theme-portal-web .btn.grey:not(.btn-outline),
.ost-theme-portal-web .btn.grey:not(.btn-outline):hover,
.ost-theme-portal-web .btn.grey:not(.btn-outline):focus,
.ost-theme-portal-web .btn.grey:not(.btn-outline):active {
    color: #fff !important;
    background-color: var(--ost-btn-secondary) !important;
    border-color: var(--ost-btn-secondary) !important;
}

.ost-theme-portal-web .btn.grey:not(.btn-outline):hover,
.ost-theme-portal-web .btn.grey:not(.btn-outline):focus,
.ost-theme-portal-web .btn.grey:not(.btn-outline):active,
.ost-theme-portal-web .btn.green:not(.btn-outline):hover,
.ost-theme-portal-web .btn.green:not(.btn-outline):focus,
.ost-theme-portal-web .btn.green:not(.btn-outline):active {
    opacity: 0.8;
}

.ost-theme-portal-web body .grdNavIcons {

    margin-top: 3px;
}

.ost-theme-portal-web body .modal-header-grdinfo {

    margin-top: 0;

}

.ost-theme-portal-web body .k-grid.dpngrdcls {
    min-height: 100px;
    margin-bottom: 10px !important;
}

.ost-theme-portal-web body .modal-body {

    display: inline-block;
    width: 100%;
}

.ost-theme-portal-web body div#dpnrefresh_dropdownlistrefslno,
.ost-theme-portal-web body div#dpnwingrdreset_dropdownlistrefslno {
    min-width: 35px;
    min-height: var(--ost-theme-form-control-height);
    padding: 6px 0px !important;
    border: 1px solid var(--ost-light-border);
    border-radius: var(--ost-theme-border-radius-standard);
    text-align: center;
    margin-bottom: 0px;
    margin-left: 5px;
    background-color: var(--ost-bg-light);
    margin-top: 15px;
}

.ost-theme-portal-web body .dpnwincls>* .col-md-10 {
    padding-left: 0;
    padding-right: 0;
}

.ost-theme-portal-web body .attachd-dialog .modal-content {


    width: 100%;
}

.ost-theme-portal-web body .attachd-dialog .modal-dialog {
    margin: auto !important;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.ost-theme-portal-web body .attachd-dialog {
    margin: auto !important;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;

}

.ost-theme-portal-web body .k-window[aria-labelledby="winatt_wnd_title"] {
    max-width: 40%;
    right: 0 !important;
    left: 0 !important;
    position: fixed !important;
    margin: 0 auto;
}

.ost-theme-portal-web body .progress_div td {
    vertical-align: middle !important;
    --ost-common-text-black-color: #212529;
    color: var(--ost-common-text-black-color) !important;
    font-size: 12px;

    padding: 4px 5px !important;

}

.ost-theme-portal-web body .btn.btn-primary {
    background-color: var(--ost-theme-backcolor-secondary);
    border-color: var(--ost-theme-backcolor-secondary);
    color: #fff !important;
}

.ost-theme-portal-web body .btn.btn-info {
    color: #fff;
    background-color: var(--ost-bg-alt-info);
    border-color: var(--ost-bg-alt-info);
}

.ost-theme-portal-web body #tskactions .la,
.ost-theme-portal-web body #tskviewactions .la,
.ost-theme-portal-web body #divHomeicon .la {
    color: var(--ost-common-text-black-color);
    font-weight: 600;
}

.ost-theme-portal-web #dynpageContainer .m-content.m-flowcontent .ore-task-details {
    background: var(--ost-card-bg);
    box-shadow: none !important;
    border-radius: 0px !important;
    overflow: hidden;
}

.ost-theme-portal-web .ore-dynportlet #dynpageContainer .m-content.m-flowcontent .row {
    margin: 0;
}

.ost-theme-portal-web #dynpageContainer .m-content.m-flowcontent .ore-task-details {
    padding: 0px 0px !important;
    margin: 0px 0px;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .ore-message__head {
    padding: 5px 0px !important;
    margin-bottom: 0 !important;
    height: auto;
    border-color: var(--ost-border-color) !important;
}

.ost-theme-portal-web .ore-dynportlet #dynpageContainer .m-content.m-flowcontent .row>.col-md-12 {
    padding: 0 !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details div#pager {
    margin-top: 6px;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details div#pager {
    margin-top: 0;
    font-size: 0.8rem;
    font-weight: 400;
    padding: 0;
    background: transparent;
}

.ost-theme-portal-web body .gridpopup-l .modal-body {
    height: 100dvh;
    max-height: calc(100dvh - 130px);
    overflow: auto;
    margin: 0;
}

.ost-theme-portal-web body #filtermodal,
.ost-theme-portal-web body #taskfiltermodal {

    top: 0% !important;


    bottom: 0 !important;
}

.ost-theme-portal-web body #filtermodal .modal-md,
.ost-theme-portal-web body #taskfiltermodal .modal-md {
    max-width: 500px !important;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


.ost-theme-portal-web body .view-rate-enquiry .row [class^='col-'] {
    margin: 0 !important;
}

.ost-theme-portal-web body .ore-supplier-box {
    margin: 0 !important;
    box-shadow: 0 1px 15px 1px rgba(113, 106, 202, .08);
    background-color: var(--ost-card-bg);
    margin-bottom: 15px !important;
    border: 1px solid var(--ost-border-light);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}

.ost-theme-portal-web body .ore-product__head h3 {
    margin: 0;
}

.ost-theme-portal-web body .ore-product__head {
    margin: 0 !important;
    padding: 10px !important;
    border-bottom: 1px solid var(--ost-border-color);
}

.ost-theme-portal-web body .ore-compare-box {
    padding: 15px 5px !important;
    height: 100%;
    overflow: auto;
}

.ost-theme-portal-web body div#myview .form-group.form-md-line-input,
.ost-theme-portal-web body div#myview {
    padding: 0;
}

.ost-theme-portal-web body h5#typeid {
    padding: 0 !important;
    margin: 0 !important;
    font-size: var(--ost-fs-13) !important;
    margin-bottom: 0px !important;
    margin-left: 0 !important;
    font-weight: var(--ost-font-weight-600) !important;
}

.ost-theme-portal-web body div#divSupplierDtls {
    height: auto;
    border: 0px solid;
    padding: 0px;
}

.ost-theme-portal-web body .m-radio-inline {
    width: 100% !important;
}

.ost-theme-portal-web body .k-pager-numbers-wrap button.k-pager-nav.k-button {
    border-radius: 50%;
    margin: 0 3px;
}

.ost-theme-portal-web body .k-pager-numbers-wrap select.k-dropdown {
    border: 1px solid var(-ost-b);
    font-family: var(--ost-font-family) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    font-size: var(--ost-input-feild-font-size) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color);
}

.ost-theme-portal-web body .k-pager {
    border-color: var(--ost-border-color);
    color: var(--ost-common-text-black-color);
    background-color: transparent;
}

.ost-theme-portal-web body .imageList li {
    border-radius: 5px;
    border: 1px solid var(--ost-border-color);
    background-color: var(--ost-card-bg) !important;

}

.ost-theme-portal-web body .modal .modal-content .modal-header button.bootbox-close-button.close {
    /* text-indent: 1000px !important; */
    position: relative !important;
    color: transparent !important;
    margin: 0 !important;
}

.ost-theme-portal-web body .modal .modal-content .modal-header button.bootbox-close-button.close:before {
    content: "\f00d" !important;
    display: flex;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: var(--ost-head-color) !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    align-items: center;
    justify-content: center;
}

/* .ost-theme-portal-web body .ondemandborder .k-select:has(span.k-icon.k-i-arrow-60-down) { */
/* display: none !important; */
/* } */

.ost-theme-portal-web body .form-group.form-md-line-input.form-md-floating-label.tooltips.ondemandcls span.k-dropdown-wrap.k-state-default:has(span.k-icon.k-i-arrow-60-down) {
    padding: 0 15px 0 0px !important;
}

.ost-theme-portal-web body .m-subheader.common_header1 {
    border-width: 0;
}

.ost-theme-portal-web body table.table.dataTable tr th {
    border-bottom-width: 0 !important;
}

.ost-theme-portal-web body tbody#statlist tr td,
.ost-theme-portal-web body tbody#Reqprojectlist tr td,
.ost-theme-portal-web body table.table.dataTable td {
    font-size: var(--ster-table-font-size) !important;

}

.ost-theme-portal-web body .input-group.m-drop_down span.input-group-btn {
    opacity: 1 !important;
}

.ost-theme-portal-web body th.thstatus1 {
    width: 58px;
}

.ost-theme-portal-web body .modal .modal-content .modal-body {

    overflow-x: hidden;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .m-checkbox>span {
    border: 1px solid var(--ost-border-color);
    margin: auto;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details ul.ore-searchfilter li {
    padding: 0 !important;
    margin: 0 !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details label.m-checkbox {
    width: 30px;
    height: 30px;
    margin: auto !important;
    display: flex;
    align-items: center;

}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details ul.ore-searchfilter li {

    width: auto !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details #divhalltask .ore-STop-left .form-group {
    margin: 0 !important;
    padding: 0;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details #divhalltask .ore-STop-left {
    margin-left: 0px !important;
    margin: 0 !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .ore-STop-left #BtntaskSearch {
    border: 0;
    outline: 0;
    position: relative;
    top: 0;
    right: 0;
    margin: 0 !important;
    min-height: var(--ost-theme-form-control-height) !important;
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: transparent;
    border: 1px solid var(--ost-border-color) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details div#pager {

    width: auto !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .k-pager-numbers-wrap button.k-pager-nav.k-button {
    border-radius: 50%;
    margin: 0 0px;
    border-width: 0;
    padding: 0;
    height: 25px !important;
    width: 25px !important;
    min-width: 25px !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .ore-message__head li {
    display: flex;
    align-items: center;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details ul.ore-topsearchfright li {
    margin: 0;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details ul.ore-topsearchfright {
    margin: 0px 0 0;
    padding: 0;
    float: right;
    display: flex;
    align-items: center;

    height: 100%;
    grid-gap: 5px;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .tabbable-line.tab_cus {
    height: 100% !important;

    overflow: auto;
    padding: 0;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details {

    display: flex;
    flex-direction: column;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details div#tblmytasks {
    height: 100dvh !important;
    max-height: calc(100dvh - 150px);
    border-width: 0px !important;
    border-radius: 0px !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .table-responsive.ore-mytask-table {
    margin: 0 !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .tabbable-line.tab_cus .tab-content {
    padding: 0px 0px;
}

.ost-theme-portal-web .ore-userlisting .imgDesc .m-checkbox>span,
.ost-theme-portal-web .ore-userlisting .imgDesc .m-radio>span {

    height: 10px !important;
    width: 10px !important;
}

.ost-theme-portal-web body div.k-widget.k-calendar .k-link {
    text-align: center;
    /* padding: 2px 0px; */
}

div#dvChqPrint {
    margin-top: 10px !important;
}

.ost-theme-portal-web body .nav-tabs {
    width: 100% !important;
}

.ost-theme-portal-web body .modal .tabbable-line>.tab-content {

    display: inline-block;
    width: 100%;
}

.ost-theme-portal-web body .modal [class^='col-'] {
    padding-left: 5px;
    padding-right: 5px;
    height: auto !important;
}

.ost-theme-portal-web body .k-icon.k-svg-icon.ondemandcbo svg {
    display: none;
}

.ost-theme-portal-web body .k-icon.k-svg-icon.ondemandcbo {
    font-size: var(--ost-input-feild-font-size) !important;
}

.ost-theme-portal-web body div#sample2 {
    margin-top: 0;
    font-size: 30px;
    text-align: center;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ost-theme-portal-web body .input-group-btn .btn.focus,
.ost-theme-portal-web body .input-group-btn .btn:focus,
.ost-theme-portal-web body .input-group-btn .btn:hover {
    color: var(--ost-common-text-black-color) !important;

}

.ost-theme-portal-web .form-group.form-md-line-input span.input-group-btn {

    top: 0 !important;
}

.ost-theme-portal-web body #header_ctrl_task .la {
    color: var(--ost-common-text-black-color) !important;

}

.ost-theme-portal-web body .ost-main-grid-panel-container {
    height: 100dvh;
    max-height: calc(100dvh - 108px);
    overflow: auto;
    padding: 10px 0px;
}

.ost-theme-portal-web body .form-group.form-md-line-input input.form-control {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color) !important;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
    padding: 0 8px;
    margin: 0 !important;
}

.ost-theme-portal-web body .form-group .k-widget .k-state-default .form-control,
.ost-theme-portal-web body .form-group .k-input .form-control,
.ost-theme-portal-web body .form-group .k-input.form-control .form-control,
.ost-theme-portal-web body .input-group.m-drop_down .form-control {
    background: transparent;
    border-width: 0 !important;
    /* padding: 0 !important; */
}

.ost-theme-portal-web body .ost-card {
    background-color: var(--ost-card-bg) !important;
    padding: 0 !important;
}

.ost-btn-component.btn.btn-sm.btn-secondary {
    background: var(--ost-btn-secondary);
    border: 1px solid var(--ost-btn-secondary) !important;
    color: #fff !important;
}

.ost-btn-component.btn.btn-sm.btn-primary {
    background-color: var(--ost-theme-backcolor-secondary);
    border: 1px solid var(--ost-theme-backcolor-secondary) !important;
    border-color: var(--ost-theme-backcolor-secondary);
    color: #fff !important;
}

.ost-btn-component.btn.btn-primary i,
.ost-btn-component.btn.btn-secondary i {
    color: #fff;
}

.ost-theme-portal-web body .port-container .dash_portlet {

    display: block !important;
}

.ost-theme-portal-web body .ost-salary-process-screen {
    height: 100dvh;
    max-height: calc(100dvh - 100px);
    overflow-y: auto;
    padding: 10px 0px;
    overflow-x: hidden;
}

.ost-theme-portal-web body .ost-salary-process-screen #id_startpayroll>.row {
    margin: 0;

}

.ost-theme-portal-web body div#Rproject,
div#Semployee,
div#Sdept {
    margin-top: auto !important;
    top: 0 !important;
    bottom: 0 !important;
}

.ost-theme-portal-web body #id_pay .modal-footer .row .col-md-3,
.ost-theme-portal-web body #id_pay .modal-footer .row .col-md-6 {
    width: auto !important;
    max-width: none;
    flex: 0 0 auto;
}

.ost-theme-portal-web body .input-group.m-drop_down.form-control.m-drop_down .form-control,
.ost-theme-portal-web body .input-group.ost-m-drop_down.form-control.ost-m-drop_down .form-control {
    border-radius: 0px !important;
    border-width: 0 !important;
}

.ost-theme-portal-web body #gvVouGridView .k-grid-content.k-auto-scrollable .k-grid-content.k-auto-scrollable,
.ost-theme-portal-web body .k-grid-content.k-auto-scrollable .k-grid-content.k-auto-scrollable {
    height: 100% !important;
    max-height: 100% !important;
    padding-right: 0 !important;
}

.ost-theme-portal-web body .m-aside-menu .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-text,
.ost-theme-portal-web body .m-aside-menu .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text {
    font-size: 13px !important;
    font-weight: 420;
    text-transform: capitalize;
    word-break: break-word;
}

.ost-theme-portal-web body .ost-tendermgmt #istemplate {

    padding-top: 5px;
}

.ost-theme-portal-web body #m_tabs_1_1 .pull-right {
    color: #ccc;
    padding-right: 0;
}

.ost-theme-portal-web body .m-aside-menu a.m-menu__link.m-menu__toggle span.m-menu__link-text {
    font-weight: 400 !important;

}

.ost-theme-portal-web body .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item>.m-menu__submenu>.m-menu__subnav>.m-menu__item>.m-menu__link span.m-menu__link-text {
    font-weight: 400;

}

.ost-theme-portal-web body #m_tabs_1_1 .form-group.form-md-line-input .input-group {
    padding-top: 0;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    width: 100% !important;
    align-items: center;
    padding: 0;
}

.ost-theme-portal-web body #m_tabs_1_1 .form-group.form-md-line-input.has-error .input-group-addon {

    min-height: var(--ost-theme-form-control-height);
    display: flex;
}

.ost-theme-portal-web body #m_tabs_1_1 .input-group .input-group-addon>i {
    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web body #overviewspage .ore-searchfright {
    display: inline-block;
    vertical-align: middle;
}

.ost-theme-portal-web body ul.ore-topproduct-filterfright.freightcls button {
    border-color: transparent;
    outline: none;
    padding: 0;
    margin: 0 0px 0px 5px !important;
}

.ost-theme-portal-web body ul.ore-topproduct-filterfright.freightcls li {
    margin: 0 0px 0px 0px;
}

.ost-theme-portal-web body ul.ore-topproduct-filterfright.freightcls {
    display: flex;
    align-items: center;
    /* grid-gap: 3px !important; */
}

.ost-theme-portal-web body .view-rate-enquiry .step-2 {
    padding: 10px 0px;
}

.ost-theme-portal-web body div#CS_Grid {
    padding: 0px !important;
    border-width: 0px 0px 0px 0px !important;
}

.ost-theme-portal-web body .ore-supplier-innerbox {
    padding: 0 !important;
    border: 0;
}

.ost-theme-portal-web body .ore-product__head>.row {
    align-items: center;
}

.ost-theme-portal-web body .ost-gl-flex {
    grid-gap: 5px;
}

.ost-theme-portal-web body .comparitive .imagecls {
    padding: 10px 0px;
    padding: 10;
    display: inline-block;
    width: 100%;
}

.ost-theme-portal-web body .ost-scroller-header {
    padding: 5px;
    border-bottom: 1px solid var(--ost-border-color);
}

.ost-theme-portal-web body .ost-scroller-content {
    overflow: auto;
    max-height: calc(100dvh - 90px);
    height: 100dvh;
    padding: 15px 0px;
}

.ost-theme-portal-web body button#justcompare,
.ost-theme-portal-web body .comparitive .imagecls {
    margin: 0 !important;
}

.ost-theme-portal-web body .ore-compare-box button#loadid {
    position: absolute;
    bottom: 6px;
    margin: 0 !important;
}

.ost-theme-portal-web body .ore-compare-box .col_pd {
    position: relative;
}

.ost-theme-portal-web body .m-subheader .ladda-button .ladda-spinner div {
    background: var(--ost-common-text-black-color) !important;
}

.ost-theme-portal-web body button.ladda-button .ladda-spinner div {
    background: #fff !important;
}

.ost-theme-portal-web body .ost-scroller-content .k-grid .k-grid-content.k-auto-scrollable {
    height: 100%;
}

.ost-theme-portal-web body .ost-scroller-content .k-grid .k-grid-header {
    position: sticky;
    top: 0;
}

.ost-theme-portal-web body .ost-scroller-content .k-grid .k-pager-wrap.k-grid-pager.k-widget {
    background: transparent;

    position: sticky;
    bottom: 0;
}

.ost-theme-portal-web body .modal-scrollable .modal.fade.in {
    top: 0 !important;
}

.ost-theme-portal-web body button#bnktrn {
    margin: 0 5px;
}

.ost-theme-portal-web .tabbable-line {
    margin: 0 !important;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li {
    margin: 0 !important;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li>a.active {
    border-bottom: 2px solid var(--ost-theme-backcolor-secondary) !important;
    color: var(--ost-theme-backcolor-secondary) !important;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li:hover a.active {
    border-width: 0 !important;
}

.ost-theme-portal-web .content_pane,
.ost-theme-portal-web .content_pane .col_pd_r {
    padding: 0 !important;
}

.ost-theme-portal-web .content_pane .row [class*=' col-md'] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0;
}


.ost-theme-portal-web button#Process {

    width: 100%;
}

.ost-theme-portal-web .RP_Pane .btn-group {
    display: flex;
    align-items: center;
    padding-top: 14px;
}

.ost-theme-portal-web .head_cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--ost-theme-backcolor-c5);
    border: 1px solid var(--ost-border-color);
    border-radius: 5px;
    padding: 10px !important;
    margin-bottom: 10px;
}

.ost-theme-portal-web .HeadInfo {

    overflow: auto !important;
    padding: 0 !important;
}

.ost-theme-portal-web .head_cont span.head_title {
    padding: 0;
    display: inline-block;
    font-size: var(--ost-fs-15);
    font-weight: var(--ost-font-weight-600);
    flex: 1;
}

.ost-theme-portal-web .head_cont span.pull-right {

    flex: 1.5;
}

.ost-theme-portal-web .port-header h4 b {
    font-weight: var(--ost-font-weight-600);
}

.ost-theme-portal-web button#ProcTyp_Search {
    width: 35px;
    background-color: var(--ost-btn-light) !important;
    color: var(--ost-btn-light-text-color) !important;
    border: 1px solid var(--ost-light-border) !important;
    border-radius: var(--ost-theme-border-radius-standard) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    position: relative;
    top: -3px;
    outline: 0;
}

.ost-theme-portal-web #tab_allocation_4 .row.col-md-12 {
    padding: 0 !important;
}

.ost-theme-portal-web button.load_all.loadbtnhd.load_item {
    margin: 5px 5px;

    float: right;
}

.ost-theme-portal-web div#dpnErrorMsg_dropdownlistprojcode {
    margin: 10px 15px !important;
}

.ost-theme-portal-web #uniform-chksavesearch {

    padding: 0px 0px !important;
    margin: 0 !important;
    margin-top: -2px !important;
}

.ost-theme-portal-web body .k-button .k-icon.k-svg-icon.k-button-icon {
    color: inherit;
}

.ost-theme-portal-web span#headDetail label {
    font-weight: 400 !important;
    font-size: 12px !important;
    background: var(--ost-theme-backcolor-c3);
    padding: 4px 5px;
    border-radius: 3px;
}

.ost-theme-portal-web span#headDetail b {
    font-size: 13px !important;
}

.ost-theme-portal-web span#headDetail b,
.ost-theme-portal-web span#headDetail label {
    margin: 0 !important;

}

.ost-theme-portal-web span#headDetail {
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.ost-theme-portal-web .k-grid-header .k-grid-filter.k-active,
.ost-theme-portal-web .k-grid-header .k-header-column-menu.k-active,
.ost-theme-portal-web .k-grid-header .k-grid-header-menu.k-active,
.ost-theme-portal-web .k-grid-header .k-hierarchy-cell .k-icon.k-active,
.ost-theme-portal-web .k-grid-header .k-grid-filter.k-active:hover,
.ost-theme-portal-web .k-grid-header .k-header-column-menu.k-active:hover,
.ost-theme-portal-web .k-grid-header .k-grid-header-menu.k-active:hover,
.ost-theme-portal-web .k-grid-header .k-hierarchy-cell .k-icon.k-active:hover {
    color: #ffffff !important;
    background-color: var(--ost-theme-backcolor-secondary) !important;
}

.ost-theme-portal-web .k-grid-header .k-grid-filter.k-active .k-icon,
.ost-theme-portal-web .k-grid-header .k-header-column-menu.k-active .k-icon,
.ost-theme-portal-web .k-grid-header .k-grid-header-menu.k-active .k-icon,
.ost-theme-portal-web .k-grid-header .k-hierarchy-cell .k-icon.k-active .k-icon,
.ost-theme-portal-web .k-grid-header .k-grid-filter.k-active:hover .k-icon,
.ost-theme-portal-web .k-grid-header .k-header-column-menu.k-active:hover .k-icon,
.ost-theme-portal-web .k-grid-header .k-grid-header-menu.k-active:hover .k-icon,
.ost-theme-portal-web .k-grid-header .k-hierarchy-cell .k-icon.k-active:hover .k-icon {
    color: inherit !important;
    opacity: 1;
}

.ost-theme-portal-web .k-grid .k-grid-md .k-grid-header .k-grid-filter,
.ost-theme-portal-web .k-grid .k-grid-md .k-grid-header .k-header-column-menu,
.ost-theme-portal-web .k-grid .k-grid-md .k-grid-header .k-grid-header-menu,
.ost-theme-portal-web .k-grid-md .k-grid-header .k-grid-filter,
.ost-theme-portal-web .k-grid-md .k-grid-header .k-header-column-menu,
.ost-theme-portal-web .k-grid-md .k-grid-header .k-grid-header-menu {
    padding: 2px 2px;
    width: auto;
    height: auto;
    /* bottom: calc(8px + calc(1.4285714286* 1em) / 2 - calc(1.4285714286em + 8px) / 2); */
    border-radius: 3px;
    margin: 0 0px 0px 4px;
}

.ost-theme-portal-web body .k-grid .k-grid-header .k-table-th .k-column-title {
    line-height: normal;
}

.ost-theme-portal-web body .k-grid .k-grid-header .k-table-th span.k-column-title {
    line-height: normal;
}

.ost-theme-portal-web span#headDetail label:empty {
    padding: 0;
}

.ost-theme-portal-web body td input[type="checkbox"],
.ost-theme-portal-web body th input[type="checkbox"] {
    margin-left: 3px !important;
}

.ost-theme-portal-web body .modal.fade.in {

    margin-top: auto !important;

}

.ost-theme-portal-web body .ore-acticn-btn {
    border-radius: 100%;
    border: 1px solid var(--ost-border-color);
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: var(--ost-theme-backcolor-c5);
    font-size: 14px;
}

.ost-theme-portal-web body .ore-acticn-btn:hover {
    background: var(--ost-theme-backcolor-secondary);
    border: var(--ost-theme-backcolor-secondary) 1px solid;
    color: #fff;
}

.ost-theme-portal-web body .ore-task_acticn-hov {
    top: 3px;
    background: var(--ost-card-bg);

}

.ost-theme-portal-web .ore-task-details .tabbable-line {
    margin: 0 !important;
    padding: 0px 10px !important;
}

.ost-theme-portal-web #dynpageContainer .m-content.m-flowcontent .ore-task-details {

    border: 0px solid var(--ost-border-color);
}

.ost-theme-portal-web .ore-task-details #pager,
.ost-theme-portal-web .ore-task-details #listpager {
    width: auto !important;
    margin-top: 0;
    display: inline-block;
    border-width: 0;
    padding: 0 !important;
    margin-right: 7px;
}

.ost-theme-portal-web .m-flowcontent .ore-task-details .ore-message-body {
    padding: 10px 5px !important;
}

.ost-theme-portal-web .m-flowcontent .ore-message-body .k-listview {
    border-width: 0;
}

.ost-theme-portal-web .m-flowcontent .ore-task-details .ore-mytask-box {
    border: 1px solid var(--ost-border-light);
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 6px #00000012;
}

.ost-theme-portal-web .m-flowcontent .ore-task-details .ore-innerbx {
    padding: 20px;
    border-bottom: #ebedf2 1px solid;
    margin-bottom: 5px;
    border-color: var(--ost-border-light) !important;
}

.ost-theme-portal-web .m-flowcontent .ore-task-details ul.ore-mytasklist {
    margin: 0px 0 0;
    padding: 0;
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.ost-theme-portal-web .m-flowcontent .ore-task-details .ore-innerbx {

    margin-bottom: 5px;
    min-height: 8rem;
    height: 100%;
    max-height: 8rem;
    overflow: auto;
    padding: 10px !important;
    padding-bottom: 0px !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details .tabbable-line.tab_cus {
    height: 100% !important;
    overflow: auto;
    padding: 0 !important;
    max-height: calc(100dvh - 140px);
    overflow: auto;
}

.ost-theme-portal-web .m-flowcontent .ore-task-details ul.ore-searchfilter {

    flex-wrap: nowrap;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details ul.ore-topsearchfright li a i {
    margin: 0 !important;
    padding: 0 !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details ul.ore-topsearchfright li a {
    padding: 5px;
    background: var(--ost-btn-light);
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--ost-common-text-black-color);
    border-radius: 5px;
    text-decoration: none !important;
}

.ost-theme-portal-web .m-stack__item.m-brand {

    border-bottom-width: 0px !important;
}

/* .ost-theme-portal-web ::-webkit-scrollbar-thumb { */

/* border-radius: 0px !important; */
/* border: 0px solid #fff !important; */
/* } */
/* .ost-theme-portal-web .k-scrollbar-vertical {

     border-right: 1px solid var(--ost-border-color); 
     width: 0 !important; 
} */

.ost-theme-portal-web span.k-icon.clsViewIcon {
    display: flex !important;
}

.ost-theme-portal-web span.k-numeric-wrap.k-state-disabled {

    border-color: var(--ost-tac-disabled-border-color) !important;
    background: var(--ost-tac-disabled-bg-color) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.ost-theme-portal-web .k-numeric-wrap .k-select {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-left: 0px solid var(--ost-input-border-color) !important;
    min-width: 30px;
}

.ost-theme-portal-web body .modal-body .port-container .row.dash_portlet {
    display: block !important;
    border: 0px solid var(--ost-border-color);
    padding: 0 !important;
}

.ost-theme-portal-web body div#dvFilterVou .modal-body .mCustomScrollBox,
.ost-theme-portal-web body div#dvFilterVou .modal-body .mCustomScrollbar,
.ost-theme-portal-web body div#dvutrno .modal-body .mCustomScrollBox,
.ost-theme-portal-web body div#dvutrno .modal-body .mCustomScrollbar {
    overflow: auto;
    /* user-select: all; */
    /* touch-action: auto; */
    max-height: 100% !important;
    height: 100% !important;
}

.ost-theme-portal-web body div#dvutrno .modal-body .mCustomScrollbar>div>.col-md-12,
.mCSB_container>div>.col-md-6 {
    padding-left: 5px;
}

.ost-theme-portal-web body .modal-body .modal-header * {
    margin: 0;
}

.ost-theme-portal-web body span.k-dropdown-wrap.k-state-disabled.k-dropdown-wrap {
    background: var(--ost-tac-disabled-bg-color) !important;
    border-color: var(--ost-tac-disabled-border-color) !important;
    /* border: 1px solid var(--ost-tac-disabled-border-color) !important; */
    pointer-events: none !important;
    cursor: not-allowed !important;

}

.ost-theme-portal-web body span.k-dropdown-wrap.k-dropdown-wrap span.k-select {
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 0px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web body div#VoucherView {
    margin: 15px 0px !important;
}

.ost-theme-portal-web body div#Utrnoupdate,
.ost-theme-portal-web body div#VoucherView {
    height: 100% !important;
}

.ost-theme-portal-web [class*='col-'].ost-report-divright3 {
    margin-top: 19px !important;
}

.ost-theme-portal-web body div#dvutrno [class*=' col-'] {
    height: auto !important;
    padding-left: 5px;
    padding-right: 5px;
}

.ost-theme-portal-web body .k-grid tr .k-state-focused {
    background: transparent !important;
    box-shadow: 0 0 0 1px var(--ost-theme-backcolor-secondary) inset !important;
}

.ost-theme-portal-web body .k-grid tr td {

    border-color: var(--ster-theme-light-table-border-color) !important;
}

.ost-theme-portal-web body #divRejSug,
.ost-theme-portal-web body #divForward {
    margin-top: auto !important;

}

.ost-theme-portal-web body #divRejSug .close,
.ost-theme-portal-web body #divForward .close {
    top: 0px !important;
    padding: 0 !important;
}

.ost-theme-portal-web body .ore-multi {
    border-bottom: 0px solid #c2cad8 !important;
}

div#tblbodyemployeedetail1 {
    overflow: hidden;
}

.ost-theme-portal-web body div#tblbodyemployeedetail1.k-grid table thead th a {

    padding: 0 !important;

}

.ost-theme-portal-web body div#tblbodyemployeedetail1.k-grid table thead th a .k-icon:before {

    height: auto;

}

.ost-theme-portal-web body div#Sdept,
.ost-theme-portal-web body div#Semployee {
    margin-top: auto !important;
}

.ost-theme-portal-web body .ost-salary-process-screen div#mainpage {
    padding: 10px !important;
    border: 1px solid var(--ost-border-color) !important;
    border-radius: 5px;
    box-shadow: 1px 1px 9px #0000001a;
    overflow: hidden;
}

.ost-theme-portal-web body .ost-salary-process-screen div#mainpage .modal-footer {
    padding: 10px !important;
    margin: 0 !important;
    position: absolute;
    left: 0;
    right: 0;
}

.ost-theme-portal-web body .ost-salary-process-screen div#mainpage span#lblempdet {
    font-size: 15px;
}

.ost-theme-portal-web body .ost-salary-process-screen div#mainpage label {
    font-weight: 500 !important;
    /* font-size: 14px !important; */
    margin: 0;
    padding-top: 0;
}

.ost-theme-portal-web body .ost-salary-process-screen div#mainpage .m-checkbox-list {
    text-align: right;
    margin-top: 0;
}

.ost-theme-portal-web body .ost-salary-process-screen div#mainpage .m-checkbox>span,
.ost-theme-portal-web body .ost-salary-process-screen div#mainpage .m-radio>span {

    top: 0px;

}

.ost-theme-portal-web body .ost-salary-process-screen div#mainpage .m-checkbox-list label {
    font-weight: 410 !important;
    font-size: 14px !important;
}

.ost-theme-portal-web body .ost-salary-process-screen .sideline {
    border-left: #cccc 0px solid;
    height: 100%;
    padding: 10px !important;
}

.ost-theme-portal-web body .ost-salary-process-screen #payprocesslog {
    width: 100%;
    height: 400px;
    border: 1px solid var(--ost-border-color);
    border-radius: 5px;
}

.ost-theme-portal-web body .ost-salary-process-screen #payroll_summary .note.note-success {
    border-color: var(--ost-success) !important;
    background-color: #f6ffec !important;

}

.ost-theme-portal-web body .ost-salary-process-screen #payroll_summary .note {
    padding: 15px 0px !important;
    border: 1px solid var(--ost-border-color) !important;
    border-radius: 5px;
    box-shadow: 1px 1px 9px #0000001a;
    overflow: hidden;
}

.ost-theme-portal-web body .ost-salary-process-screen #payroll_summary .fonthead span#lblpayproc {
    font-size: 15px;
    font-weight: 600;
}

.ost-theme-portal-web body .ost-salary-process-screen #payroll_summary button#btnview {
    float: right;
    background: var(--ost-success);
    border-color: var(--ost-success);
}

#payroll_success .k-header.k-grid-toolbar {
    padding: 0;
}

div#mainhead1 {
    margin: 0;
}

#payroll_success .k-grid-content.k-auto-scrollable {
    height: 100dvh;
    max-height: calc(100dvh - 250px);
}

#payroll_success .k-dropdown-wrap.k-state-default {
    font-size: 0.8rem;
    margin-top: 0;
}

.ost-theme-portal-web body .k-grid a.k-pager-refresh.k-link {

    order: 11;
}

.ost-theme-portal-web body .k-grid table tbody tr td>div {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100% !important;
}

/* .ost-theme-portal-web body .k-grid .k-grid-header .k-resize-handle,
.ost-theme-portal-web body .k-grid>.k-resize-handle {

    border-right: 1px solid var(--ost-border-color);
} */



.ost-theme-portal-web body form.k-filter-menu.k-popup .k-action-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: 0;
    padding: 0;
    margin: 0;
    border-color: var(--ost-border-color);
}

.ost-theme-portal-web body form.k-filter-menu.k-popup .k-combobox,
.ost-theme-portal-web body form.k-filter-menu.k-popup .k-datepicker,
.ost-theme-portal-web body form.k-filter-menu.k-popup .k-dropdown,
.ost-theme-portal-web body form.k-filter-menu.k-popup .k-multiselect,

.ost-theme-portal-web body form.k-filter-menu.k-popup span.k-dropdown-wrap.k-state-default,
.ost-theme-portal-web body form.k-filter-menu.k-popup .k-numeric-wrap.k-state-default,
.ost-theme-portal-web body form.k-filter-menu.k-popup .k-picker-wrap.k-state-default {
    height: auto !important;
    min-height: auto !important;
}

.ost-theme-portal-web body form.k-filter-menu.k-popup .k-action-buttons button.k-button.k-primary {
    background-color: var(--ost-theme-backcolor-secondary);
    border-color: var(--ost-theme-backcolor-secondary);
	    color: #fff;
}
.ost-theme-portal-web body form.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up {
    padding: 0;
}
.ost-theme-portal-web body form.k-filter-menu.k-popup .k-action-buttons .k-button {
    color: var(--ost-common-text-color333);
    border-color: var(--ost-border-light);
    background-color: var(--ost-btn-light);
}

.ost-theme-portal-web body .ore-payview .ore-proimg {
    position: absolute;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: 1px solid var(--ost-border-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 11px #00000014;
}

.ost-theme-portal-web body .ore-salarydiv {
    border: 0px solid var(--ost-border-color);
    margin: 0px 5px 10px;
    border-radius: 5px;
    /* box-shadow: 1px 1px 1px #0000001c; */
    padding: 0px 10px;
}

.ost-theme-portal-web body ul.ore-empdet-div {
    margin: 0;
    padding: 20px;
    border: 1px solid var(--ost-border-color);
    box-shadow: 0px 5px 7px #0000001c;
    min-height: 120px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ost-theme-portal-web body .ore-salarydiv h3 {
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    color: var(--ost-common-text-black-color);
    font-weight: 500;
    line-height: 20px;
}

.ost-theme-portal-web body .ore-salarydiv span {
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: var(--ost-common-text-black-color);
    font-weight: normal;
    line-height: 10px;
}

.ost-theme-portal-web body #dvSalaryDet {

    margin-bottom: 50px !important;
}

.ost-theme-portal-web body .modal#dvFormula {
    font-size: 14px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.ost-theme-portal-web body span.csSlnoChild0 {
    font-weight: 600;
}

.ost-theme-portal-web body .ore-payview .first img {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    object-fit: cover;
}

.ost-theme-portal-web body .k-grid-footer-wrap,
.ost-theme-portal-web body .k-grid-header-wrap {

    /* border-width: 0 0px 0 0 !important; */
    zoom: 1;
}

.ost-theme-portal-web body .ost-scroller-content>.col-md-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.ost-theme-portal-web body .ost-scroller-content .ost-load-loaddet {
    display: flex;
    align-items: center;
    justify-content: start;
    padding-top: 10px;
}

.ost-theme-portal-web body .ost-scroller-content>.col-md-12.pull-right {
    padding-top: 10px;
}

.ost-theme-portal-web body .ost-scroller-content label#noEmp,
.ost-theme-portal-web body .ost-scroller-content label#trAmt {
    background: var(--ost-theme-backcolor-c3);
    padding: 1px 5px;
    border-radius: 5px;
    margin: 0 !important;
}

.ost-theme-portal-web body div#uniform-chkinclude {

    display: inline-block;
}

.ost-theme-portal-web body #m_pop_out {
    margin-top: auto !important;
}

.ost-formgroup-button {
    width: 35px;
    background-color: transparent !important;
    color: var(--ost-btn-light-text-color) !important;
    border-left: 1px solid var(--ost-light-border) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-formgroup-multiple {
    display: flex;
    align-items: center;
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color) !important;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
    padding: 0 0px;
    margin: 0 !important;
}

.ost-theme-portal-web body .ost-formgroup-multiple-container .ost-formgroup-multiple input.form-control {
    border-width: 0 !important;
}

.ost-theme-portal-web .ost-tendermgmt div#tendermanagement,
.ost-theme-portal-web div#tendermanagement {
    margin-top: 0 !important;
}

.ost-theme-portal-web body #m_toolbrrspnsve .k-grid span.k-pager-sizes.k-label {
    margin-left: auto;
    min-height: 28px;
}

.ost-theme-portal-web body .dataTables_scrollBody .m-scrollable .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.ost-theme-portal-web body .dataTables_scrollBody .m-scrollable .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
}

.ost-theme-portal-web body #excexporttyp1 .form-group.form-md-line-input.form-md-floating-label {
    padding: 0;
}

.ost-theme-portal-web body #exccaption {
    margin: 0;
    font-size: 13px !important;
    margin-bottom: 3px;
}

.ost-theme-portal-web body #excexporttyp1 .row.col-md-12 {
    padding: 0;
}

.ost-theme-portal-web body #excexporttyp1 {

    padding: 0;
}

.ost-theme-portal-web body .ore-supplier-box>.k-grid {
    border-width: 0px !important;

}

.ost-theme-portal-web body div#dvFilterModal {
    width: 100% !important;
    margin-left: auto !important;
    margin-top: auto !important;
    margin: auto !important;
}

.ost-theme-portal-web body .k-content.k-calendar-table {
    margin: 0;
    width: 100% !important;
}

.ost-theme-portal-web body button#salientclose {
    margin-left: 5px !important;
    float: right;
}

#Body1 .page-container .page-content>.row {
    margin: 0 !important;
}

.ost-theme-portal-web input#salienttreeSearch {
    border-width: 0 !important;
}

.ost-theme-portal-web .salientsearch .input-group span.input-group-addon {
    border-left: 1px solid var(--ost-theme-forecolor-border) !important;
}

.ost-theme-portal-web .ost-voucher .container-fluid {
    padding: 0;
}

.ost-theme-portal-web #RequisitionDet,
.ost-theme-portal-web #Orders,
.ost-theme-portal-web #Transfers,
.ost-theme-portal-web #div_ProcessAllocation {
    margin-top: 12px !important;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .form-group.form-md-line-input>.form-control {
    height: auto !important;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .tble-rw-tmpl {
    padding: 3px 0;
    background: var(--ost-theme-backcolor-c13);
    border-bottom: 1px solid var(--ost-border-light);
}

.ost-theme-portal-web body .comparitive.ost-comparitive .ore-fright-btn.fa.fa-file-excel-o {
    border-radius: 100%;
    border: var(--ost-border-color) 1px solid;
    padding: 7px 5px 7px 6px;
    width: 30px;
    height: 30px;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .comparitive.ost-comparitive .cmprecls {
    border-radius: 100%;
    border: var(--ost-border-color) 1px solid;
    padding: 7px 5px 7px 6px;
    width: 30px;
    height: 30px;
}

.ost-theme-portal-web body .comparitive.ost-comparitive ul.ore-topproduct-filterfright.freightcls li {
    margin: 0 0px 0px 0px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.ost-theme-portal-web body .comparitive.ost-comparitive #exccaption {
    margin: 0;
    font-size: 13px !important;
    margin-bottom: 0;
    flex: none;
}

.ost-theme-portal-web body.comparitive.ost-comparitive #excexporttyp1 .form-group.form-md-line-input.form-md-floating-label {
    padding: 0;
    margin: 0 !important;
}

.ost-theme-portal-web body .comparitive.ost-comparitive #myview1 .form-group.form-md-line-input.form-md-floating-label.edited {
    padding: 0;
    margin: 0 !important;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .ore-product__head.headclass .form-group.form-md-line-input.form-md-floating-label {
    padding: 0 !important;
    margin: 0 !important;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .pagercls {
    margin: 0px 0px;
    width: 100%;
    border-width: 0;
    padding-left: 5px;
    padding-right: 5px;
    justify-content: end;
}

.ost-theme-portal-web body .comparitive.ost-comparitive button.k-pager-nav.k-button.k-button-flat.k-button-flat-base.k-icon-button {
    border-width: 0;
    padding: 0;
    margin: 0;
    min-width: auto;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .imageList li {
    border-radius: 5px;
    border: 1px solid var(--ost-border-light);
    background-color: var(--ost-card-bg) !important;
    box-shadow: 1px 1px 6px #0000001a;
    position: relative;
    margin: 0;
    padding: 15px !important;
    width: 100% !important;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .ore-userlisting .ore-avatar img {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    margin-right: 15px;
    border: 1px solid var(--ost-border-color);
    padding: 4px;
    box-shadow: 1px 1px 4px #0000001c;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .ore-userlisting .imgDesc h2 {

    font-size: 15px !important;
}

.ost-theme-portal-web body .comparitive.ost-comparitive #divSupplierDtls .k-listview-content {
    display: grid;
    grid-template-columns: 47% 47%;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px 10px;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .ore-product__head.headclass {
    padding: 5px 10px !important;
}

.ost-theme-portal-web body .comparitive.ost-comparitive .m-checkbox>span,
.ost-theme-portal-web body .comparitive.ost-comparitive .m-radio>span {

    height: 15px !important;
    width: 15px !important;
}

.ost-theme-portal-web body .ost-tendermgmt .tab-content {
    background: var(--ost-card-bg);
    padding: 0 5px;
    display: inline-block;
    width: 100%;
}

*,
::after,
::before {
    box-sizing: border-box !important;
}

.ost-theme-portal-web body #dvFilterModal .modal-body h2 {
    margin: 0px 0px 10px;
    padding: 10px 2px;
    border-bottom: 1px dashed var(--ost-border-color);
    color: var(--ost-common-text-color333);
}

.ost-theme-portal-web body label#ln_proj {
    font-size: var(--ost-fs-13) !important;
}

.ost-theme-portal-web body .ost-vouchercs .form-group.form-md-line-input.form-md-floating-label .form-control~label {
    font-size: var(--ost-fs-13) !important;
}

.ost-theme-portal-web body .ost-vouchercs .ore_onepx {
    border-bottom: 1px solid var(--ost-border-color);
    overflow: hidden;
    padding: 8px 0px 0px;
    margin-bottom: 0px;
    min-height: 40px;
}

.ost-theme-portal-web body .ost-vouchercs div#dvCashPay {
    margin-top: 0px !important;
    padding: 0 !important;
}

.ost-theme-portal-web body .ost-vouchercs .ore_onepx>.d-flex {
    align-items: center;
}

.ost-theme-portal-web body .ost-vouchercs #m_quick_sidebar_voucher li.active .nav-link,
.ost-theme-portal-web body .ost-vouchercs #m_quick_sidebar_voucher li:hover .nav-link {
    color: var(--ost-theme-backcolor-secondary) !important;
}

.ost-theme-portal-web body .ost-vouchercs #m_quick_sidebar_voucher li.active {
    border-bottom: 2px solid var(--ost-border-primary) !important;
    color: var(--ost-theme-backcolor-secondary) !important;
    font-weight: 500;
    border-bottom: 2px solid var(--ost-theme-backcolor-secondary) !important;
    background: transparent;
    margin: 0;
}

.ost-theme-portal-web body .ost-vouchercs #m_quick_sidebar_voucher li:hover {
    border-color: var(--ost-border-primary) !important;
}

.ost-theme-portal-web body .ost-vouchercs #m_quick_sidebar_voucher li {
    border-bottom: 2px solid transparent;
    margin: 0;
}

.ost-theme-portal-web body .ost-vouchercs div#dvSecond1 {
    top: 0px !important;
}

.ost-theme-portal-web body .ost-vouchercs div#dvDetails_1 {
    margin-top: -10px !important;
    padding-bottom: 0px;
}

.ost-theme-portal-web body .ost-vouchercs .spvoucherdate {

    margin-top: 0px;
}

/* .ost-theme-portal-web body [style="visibility: hidden;"] { */
/* display: none; */
/* } */
.ost-theme-portal-web body .ost-vouchercs #endisid_additionalinfobtn span {
    left: 0 !important;
    margin-top: -5px;
}

.ost-theme-portal-web body .ost-vouchercs .ore-inner-title {

    padding: 0px 0px;
    border-bottom: 0px solid var(--ost-border-color);
}

.ost-theme-portal-web body .ost-vouchercs .ore-fbox {
    background: transparent;
    padding: 10px;
    box-shadow: none;
}

.ost-theme-portal-web body .ost-vouchercs .txtnarr {
    position: relative;
    float: none;
}

.ost-theme-portal-web body .ost-vouchercs div#dvFirst1 {
    height: 100% !important;
    border-right: 1px solid var(--ost-border-color);
}

.ost-theme-portal-web body .ost-vouchercs #dvFirst1 .ore-fbox {
    height: 100% !important;
    /* margin: 5px 0px 0px 0px; */
}

.ost-theme-portal-web body .ost-vouchercs div#dvSecond1 {
    top: 0px !important;
    height: 100% !important;

}

.ost-theme-portal-web body .ost-vouchercs #dvFirst1,
.ost-theme-portal-web body .ost-vouchercs #dvFirst2 {
    top: 0px !important;
    padding: 0;
}

.ost-theme-portal-web body .ost-vouchercs .ore-innertitlefcenter span {
    text-align: left;
}

.ost-theme-portal-web body .ost-vouchercs .ore_tds_staticscreen .ore-tac-form.form-group.form-md-line-input.form-md-floating-label {
    border-bottom: 0px solid #eaeaea !important;
}

.ost-theme-portal-web body .ost-vouchercs .ore_tds_staticscreen .ore-tabview .tabbable-line {
    flex-wrap: wrap;
}

.ost-theme-portal-web body .ost-vouchercs #m_quick_sidebar_voucher {
    border-width: 0;
}

.ost-theme-portal-web body .ost-vouchercs #voucherdetailsdatetemp .ore-innertitlefcenter span {
    display: inline-flex !important;
    align-items: center;
}

.ost-theme-portal-web body .ost-vouchercs span#temphead2 {
    margin-right: 4px;
}

.ost-theme-portal-web body .ost-vouchercs #dvEntry,
.ost-theme-portal-web body .ost-vouchercs #dvShowDetail {
    top: 0px !important;
}

.ost-theme-portal-web body .ost-vouchercs .dvShowDetailContent {

    /* overflow: auto; */
    height: fit-content !important;
}

.ost-theme-portal-web body .ost-vouchercs div#dvShowDetail {
    height: 100% ! IMPORTANT;
}

.ost-theme-portal-web body .ost-vouchercs .FrMatching {
    margin-top: 0;

}

.ost-theme-portal-web body .ost-vouchercs div#dvShowDetail {
    height: 100% ! IMPORTANT;
    border-right: 1px solid var(--ost-border-color);
}

.ost-theme-portal-web .ost-voucher .container-fluid>.col-md-12 {
    padding: 0;

}

.ost-theme-portal-web .ost-voucher .tab-content .csMainTab {
    padding: 0 10px !important;
}

.ost-theme-portal-web body .ost-vouchercs ul#m_quick_sidebar_voucher a {
    padding: 5px 8px !important;
    font-size: var(--ost-fs-14);
    color: var(--ost-common-text-color333);
}

.ost-theme-portal-web body .ost-vouchercs .ore_tds_staticscreen .ore-tabview .tabbable-line .btn {
    margin: 5px 0px;
}

.ost-theme-portal-web body .k-grid#grdSearch .k-pager .k-pager-info {
    display: inline-block !important;
}

.ost-theme-portal-web .form-group.form-md-line-input textarea.form-control {

    height: auto;
}

.ost-theme-portal-web body .k-window {
    z-index: 100080 !important;
}

.ost-theme-portal-web body span#switchoff {
    margin-top: 0px !important;
}

.ost-theme-portal-web body div#excexporttyp1 {
    width: 230px !important;
}

.ost-theme-portal-web body #excexporttyp1 .form-group.form-md-line-input.form-md-floating-label {
    padding: 0;
    margin-bottom: 0 !important;
}

.ost-theme-portal-web body #overviewspage ul.ore-status-listing li {
    padding-left: 3px !important;
}

/* .ost-theme-portal-web body #overviewspage ul.ore-status-listing li .circle { */

/* border-radius: 3px !important; */
/* } */
.ost-theme-portal-web body .ondemandcbo span.k-icon.k-i-arrow-60-down {
    display: none;
}

.ost-theme-portal-web div#dvBank .modal-dialog.modal-md {
    max-width: 600px;
}

.ost-theme-portal-web div#m_pop_out {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.ost-theme-portal-web body .k-grid#grdSearch .k-pager span.k-pager-sizes>span {
    display: inline-flex !important;
}

.ost-theme-portal-web body .m-quick-sidebar {
   
    width: 320px !important;
   
}
.ost-theme-portal-web body  .m-quick-sidebar {
    background-color: var(--ost-card-bg);  
    box-shadow: -9px 0px 19px 0px rgb(0 0 0 / 8%);
    border-left: 1px solid var(--ost-border-light);
    padding: 0;
}
.ost-theme-portal-web body .m-quick-sidebar.m-quick-sidebar__content {
    height: 100%;
}
.ost-theme-portal-web body  .m-quick-sidebar.m-quick-sidebar--tabbed .m-quick-sidebar__close {
    top: 8px;
    right: 10px;
    color: var(--ost-common-text-black-color) !important;
}
.ost-theme-portal-web body  .m-quick-sidebar.m-quick-sidebar--tabbed .m-tabs.m-tabs-line {
    margin: 0px 0px 0px 0px !important;
}
.ost-theme-portal-web body .m-quick-sidebar .m-quick-sidebar__content .tab-content {
    padding: 0px;
}
.ost-theme-portal-web body .m-quick-sidebar #m_quick_sidebar_tabs.nav.nav-tabs .nav-link {
   
    padding: 14px 15px !important;
   
}
.ost-theme-portal-web body .m-quick-sidebar .m-list-settings .m-list-settings__group .m-list-settings__heading {
  
    color: var(--ost-common-text-black-color);
}
.ost-theme-portal-web body .m-quick-sidebar .m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon {
    color: var(--ost-common-text-black-color);
    background: var(--ost-theme-backcolor-c3);
    
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
}
.ost-theme-portal-web body .m-quick-sidebar .m-nav>.m-nav__item>.m-nav__link .m-nav__link-text {
    color: var(--ost-common-text-black-color);
    font-weight: var(--ost-font-weight-500);
    font-size: 13px;
    padding-left: 10px;
}
.ost-theme-portal-web body .m-quick-sidebar .m-nav>.m-nav__item>.m-nav__link:hover {
    text-decoration: none;
    background: var(--ost-theme-backcolor-c5);
    
}
.ost-theme-portal-web body .m-quick-sidebar .m-nav>.m-nav__item>.m-nav__link {
    padding: 8px 10px;
    border-radius: 0;
	transition: 0.5s all !important;
}
.ost-theme-portal-web body .m-quick-sidebar .m-nav>.m-nav__item>.m-nav__link:hover .m-nav__link-icon {
    background: var(--ost-color-primary-alt);
    color: #fff !important;
}
.ost-theme-portal-web body .m-quick-sidebar .m-nav>.m-nav__item>.m-nav__link:hover .m-nav__link-text {
    color: var(--ost-color-primary-alt) !important;
    
}
.ost-theme-portal-web body .m-quick-sidebar .m-list-settings .m-list-settings__group .m-list-settings__heading {
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--ost-common-text-black-color);
    padding: 10px;
}

.ost-theme-portal-web body .m-quick-sidebar  .m-quick-sidebar__content {
    display: flex;
    flex-direction: column;
   
    height: 100%;
}
.ost-theme-portal-web body .m-quick-sidebar .m-quick-sidebar__content .tab-content {
    padding: 0px;
    height: 100% !important;
    overflow: auto;
}
.ost-theme-portal-web body .m-quick-sidebar #oretask {
    padding: 10px;
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li .ore-taskbox {
    border-bottom: var(--ost-border-light) 1px dashed;
    margin-bottom: 5px;
    display: flex;
   
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid var(--ost-border-light);
    list-style: none;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #0000000f;
}
.ost-theme-portal-web body .m-quick-sidebar .ore-taskbox .ore-icnleft i {
    border-radius: 50%;
    width: 35px;
    border: 1px solid var(--ost-border-color);
    padding: 9px 10px;
    background: var(--ost-theme-backcolor-c5);
    color: var(--ost-common-text-color333);
    font-size: 14px;
    box-shadow: 0px 0px 6px 0px #00000014;
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li .time {
    color: var(--ost-common-text-color333);
    padding: 5px 0;
    font-size: 10px !important;
    opacity: 0.6;
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li h3, .ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li a {
    font-size: .88rem;
    color: var(--ost-common-text-color333);
    font-weight: 450;
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li h4 {
    
    color: var(--ost-common-text-black-color);
    font-weight: 500;
  
}
.ost-theme-portal-web body .m-quick-sidebar .ore-cntfright p {
    margin-top: 0;
    color: var(--ost-common-text-black-color);
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li .fleftprice p {
    color: var(--ost-common-text-black-color);
    font-size: 0.85rem !important;
    margin: 0;
    padding: 0;
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li .fleftprice b {
    color: var(--ost-color-primary-alt);
    font-size: 1rem;
    font-weight: 600;
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li .fleftprice {
    float: left;
    margin-top: 6px;
}
.ost-theme-portal-web body .m-quick-sidebar ul.ore-mytask li .pending {
    border: #ea8d3a 1px solid;
    border-radius: 25px;
    padding: 2px 10px;
    color: #ea8d3a;
}
.ost-theme-portal-web body .m-quick-sidebar #m_quick_sidebar_tabs_messenger .viewmore_div {
       border-top: 1px solid var(--ost-border-light);
	       padding: 10px 10px;
    position: sticky;
    bottom: 0;
    background: var(--ost-card-bg);
}

.ost-theme-portal-web body .m-quick-sidebar .viewmore_div a {
    color: var(--ost-common-text-black-color);
    font-size: 11px;
    
}
.ost-theme-portal-web body .m-quick-sidebar  .ore-taskbox .ore-cntfright {
    margin-left: 0;
}
.ost-theme-portal-web body .m-quick-sidebar.m-quick-sidebar--tabbed .m-quick-sidebar__close {
    top: 12px;
    right: 15px;
    color: var(--ost-common-text-black-color) !important;
    z-index: 999;
}

.ost-theme-portal-web body .ore-product-boxstatic {
    margin-top: 0 !important;
}

.ost-theme-portal-web body #tabledats {
    height: 100% !important;
}

.ost-theme-portal-web body #overviewspage #tabledats .k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    max-height: calc(100dvh - 288px);
}

.ost-theme-portal-web body .form-group.form-md-line-input .form-control button.k-input-button.k-button {
    border-width: 0 0px 0px 1px;
}

.ost-theme-portal-web body #lspagetitle {
    font-size: var(--ost-fs-14) !important;
}

.ost-theme-portal-web body .m-subheader #header_ctrl {
    /* display: flex !important; */
    align-items: center;
}

/* .ost-theme-portal-web body .k-popup .k-animation-container .k-popup { */

/* overflow-x: hidden !important; */
/* } */
.ost-theme-portal-web body .k-filterable.k-content .k-icon-button .k-button-icon {
    color: var(--ost-common-text-color333) !important;
}

.ost-theme-portal-web body .k-filterable.k-content .k-icon-button {
    border-color: var(--ost-border-color) !important;
}

.ost-theme-portal-web body .k-numerictextbox input {
    text-align: right !important;
}

.ost-theme-portal-web body .k-numerictextbox span.k-icon.k-svg-icon.k-svg-i-exclamation-circle {
    display: none !important;
}

/* .ost-theme-portal-web body  .righside-smallicon .cstxtpad0.form-group.form-md-line-input.form-md-floating-label.csTxtSearch { */
/* width: auto !important; */
/* border-bottom-width: 0px !important; */
/* } */

.ost-theme-portal-web body .k-icon.k-i-loading.k-input-loading-icon.k-hidden.clsViewIcon,
.ost-theme-portal-web body .k-hidden {
    display: none !important;
}

/* .ost-theme-portal-web body#ore_dynpge span.k-pager-info.k-label { */
/* display: flex !important; */
/* } */

.ost-theme-portal-web body#ore_dynpge .k-pager-sizes span {
    display: flex !important;
}

.ost-theme-portal-web body .orecustomcombo .modal-footer {
    display: block !important;
}

.ost-theme-portal-web body .orecustomcombo button.bootbox-close-button.close {
    height: auto !important;
    bottom: auto;
    top: 13px !important;
}

.ost-theme-portal-web body .k-chip-md {
    padding-block: 3px;
    padding-inline: 2px;
    font-size: 14px;
    line-height: normal;
    position: relative;
    top: -1px;
}


.ost-theme-portal-web body .ost-Allocation .form-group span.input-group-btn.dpnbtn button {
    background: transparent;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

.ost-theme-portal-web body .ost-Allocation .form-group span.input-group-btn.dpnbtn {
    min-width: 30px;
    color: var(--ost-input-text-color) !important;
    background: transparent !important;
    border-color: var(--ost-theme-forecolor-border) !important;
    border-left: 1px solid var(--ost-theme-forecolor-border) !important;
}

.ost-theme-portal-web body .ost-Allocation .form-group .form-control.input-group.ost-m-drop_down input.form-control.input-sm {
    border-width: 0px !important;
    padding: 0 8px !important;
    height: 100%;
}

.ost-theme-portal-web body .ost-Allocation .form-group .form-control.input-group.ost-m-drop_down {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color) !important;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
    padding: 0 0px;
    margin: 0 !important;
}

.ost-theme-portal-web body .ost-Allocation .form-group:has(.form-control.input-group.ost-m-drop_down.ctrlmandatory) label.control-label {
    color: var;
    --bs-danger-rgb: 220, 53, 69;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.ost-theme-portal-web body .k-input-md .k-input-values,
.ost-theme-portal-web body .k-picker-md .k-input-values {
    padding: 0;

}

.ost-theme-portal-web body span.k-numeric-wrap.k-state-default {
    padding-right: 35px;
}


.ost-theme-portal-web body .k-numerictextbox>.k-numeric-wrap>input {
    background: transparent;
    text-indent: 0 !important;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details div#pager {
    width: auto !important;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-right: 7px;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details div#pager>.k-pager-info.k-label {
    margin: 0 !important;
    PADDING: 0;
}

.ost-theme-portal-web body .boqmanagement div#tendermanagement {
    margin-top: 0px !important;
    padding-bottom: 15px !important;
}

.ost-theme-portal-web .boqmanagement1 div#tendermanagement {
    margin-top: 0px !important;
    padding-bottom: 15px !important;
}

.ost-theme-portal-web .k-widget.k-window.col-md-12.col-md-padding0.csFile {
    top: 0 !important;
    bottom: 0;
    right: 0 !important;
    left: 0 !important;
    margin: 30px auto !important;
    /* width: 100% !important; */
    position: fixed !important;
    border: 1px solid var(--ost-border-color) !important;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 10%) !important;
    overflow-y: hidden;
    overflow-x: hidden;
}

.ost-theme-portal-web body .k-window-titlebar {
    margin: 0 !important;
}

.ost-theme-portal-web body .boqmanagement div#BOQ_boqtree {
    height: 76vh !important;
    overflow: auto !important;
}

.ost-theme-portal-web body #schfullview div#overview {
    margin-top: 0;
}

.ost-theme-portal-web body .k-window-titlebar {

    position: sticky;
    top: 0;
    z-index: 9999999;
}

.ost-theme-portal-web body .ost-schdashboard .csTxtSearch.form-group.form-md-line-input.form-md-floating-label {
    width: auto !important;
}

.ost-theme-portal-web body .ost-schdashboard .input-group.right-addon {
    border-bottom: 0px solid #c2cad8 !important;
}

.ost-theme-portal-web body div#schfullview div#overview,
.ost-theme-portal-web body div#schfullview div#gantt_here {
    padding: 0px 0px !important;
}

.ost-theme-portal-web body .k-window {

    padding: 0 !important;
}

.ost-theme-portal-web body .k-window-titlebar {
    margin: 0 !important;
    padding: 10px;
}

.ost-theme-portal-web body div#schfullview .footer-panel {
    background: #f9f9f9;
    display: block;
    padding: 5px 0px 8px 10px;
    right: 0px;
    border: 0px solid #ddd;
}

.ost-theme-portal-web body .k-window {

    padding: 0 !important;
    border-color: var(--ost-border-color) !important;
    box-shadow: 0px 3px 11px rgb(0 0 0 / 10%) !important;
}

.ost-theme-portal-web body a.k-button.k-bare.k-button-icon.k-window-action[aria-label="Close"] {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px !important;
    color: var(--ost-common-text-black-color);
    border-color: var(--ost-border-light);
}

.ost-theme-portal-web body .k-window-titlebar .k-window-actions {

    padding-top: 0.5em;

}

.ost-theme-portal-web body .ost-vouchercs .ore_onepx {

    position: sticky;
    top: 0;
    z-index: 999;
    background: var(--ost-card-bg);
}

.ost-theme-portal-web body .m-brand .m-brand__tools .m-brand__toggler span {
    overflow: visible;
}

.ost-theme-portal-web body .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
    background-color: var(--ost-dropdown-bg-color);
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 8%);
    border: 1px solid var(--ost-border-light);
    border-radius: 5px !important;
    overflow: hidden;
}

.ost-theme-portal-web body .m-dropdown .m-dropdown__wrapper .m-dropdown__body {
    padding: 0px 0px !important;

}

.ost-theme-portal-web body .m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon {
    color: var(--ost-common-text-black-color);
    font-size: 15px;
}

.ost-theme-portal-web body .m-dropdown .m-nav>.m-nav__item>.m-nav__link .m-nav__link-text {
    color: var(--ost-common-text-black-color);
    font-weight: 400;
}

.ost-theme-portal-web body .m-dropdown.m-dropdown--align-right.m-dropdown--align-push .m-dropdown__wrapper {
    margin-right: 0;
}

.ost-theme-portal-web body .m-dropdown__arrow.m-dropdown__arrow--right.m-dropdown__arrow--adjust {
    right: 8px !important;
}

.ost-theme-portal-web body .m-dropdown.m-dropdown--arrow .m-dropdown__arrow:before,
.ost-theme-portal-web body .m-dropdown.m-dropdown--arrow.m-dropdown--up .m-dropdown__arrow:before {
    position: relative;
    top: 1px;
    margin-top: 0;
    font-size: 40px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--ost-dropdown-bg-color);
    content: '' !important;
    right: 0px;
    position: absolute;
}

.ost-theme-portal-web body .m-dropdown.m-dropdown--arrow .m-dropdown__wrapper {
    padding-top: 5px;
}

.ost-theme-portal-web body .m-dropdown .m-nav>.m-nav__item>.m-nav__link {

    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

.ost-theme-portal-web body .m-dropdown .m-nav>.m-nav__item>.m-nav__link:hover {
    background: var(--ost-theme-backcolor-secondary);
}

.ost-theme-portal-web body .m-dropdown .m-nav>.m-nav__item>.m-nav__link:hover .m-nav__link-text,
.ost-theme-portal-web body .m-dropdown .m-nav>.m-nav__item>.m-nav__link:hover .m-nav__link-icon {
    color: #fff !important;
}

.ost-theme-portal-web body .ore-fright-btn:hover,
.ost-theme-portal-web body .ore-reportaction-hov i:hover {
    background: var(--ost-theme-backcolor-secondary);
    color: #fff !important;
    cursor: pointer;
    border-color: var(--ost-theme-backcolor-secondary);
    box-shadow: 1px 5px 4px #00000024;
}

.ost-theme-portal-web body .k-grid table tbody tr td {

    font-weight: 400;
}

.ost-theme-portal-web body .ore-fright-btn {
    border-radius: 100%;
    border: var(--ost-border-light) 1px solid;
    padding: 8px !important;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    text-align: center;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1px;
    color: var(--ost-common-text-black-color) !important;
}

.ost-theme-portal-web body .m-tooltip.tooltip .arrow {
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    right: 0px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--ost-border-color);
    left: 0;
    margin: auto;
}
.ost-theme-portal-web body  .tooltip.in {
    opacity: 1;
    filter: alpha(opacity = 100);
}

.ost-theme-portal-web body .m-tooltip.tooltip .tooltip-inner {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
}

.ost-theme-portal-web .k-grid .k-icon {

    padding: 0;
}

.ost-theme-portal-web body .BOQHideMe .txtSearch {
    margin-bottom: 10px !important;
}

.ost-theme-portal-web body .form-group:has(.ctrlmandatory) label, 
.ost-theme-portal-web body .ctrlmandatory label,
 .ost-theme-portal-web body .form-group.ctrlmandatory.clsView label.clsViewlbl {
    --bs-danger-rgb: 255, 55, 55;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.ost-theme-portal-web body .k-column-menu.k-popup,
.ost-theme-portal-web body .k-menu .k-animation-container .k-menu-group {
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-modal-background-color) !important;
    border-radius: 5px;
    box-shadow: 1px 1px 12px #00000045 !important;
    background: var(--ost-card-bg) !important;
    border: 1px solid var(--ost-border-light) !important;
}

.ost-theme-portal-web body .k-grid .k-grid-header th.k-header>.k-link,
.ost-theme-portal-web body span {
    font-family: var(--ost-font-family);
    /* font-weight: var(--ost-form-control-font-weight) !important; */
}
.ost-theme-portal-web body .k-grid .k-grid-header th.k-header>.k-link{
	    font-weight: var(--ost-grid-control-header-fontWeight) !important;
}
.ost-theme-portal-web body .nav .nav-link {
    font-family: var(--ost-font-family) !important;
}

.ost-theme-portal-web body span.m-nav__link .m-nav__link-text,
.ost-theme-portal-web body .m-nav>.m-nav__item>.m-nav__link span,
.ost-theme-portal-web body .m-topbar .m-topbar__nav.m-nav>.m-nav__item a,
.ost-theme-portal-web body li.m-menu__item a,
.ost-theme-portal-web body li.m-menu__item span,
.ost-theme-portal-web body .ore-breadcrumb a {
    font-family: var(--ost-font-family) !important;
}

.ost-theme-portal-web .tabbable-line>.nav-tabs>li>a {
    font-family: var(--ost-font-family) !important;
}

.ost-theme-portal-web body #lbldtitlee,
.ost-theme-portal-web body #lbldtitle,
.ost-theme-portal-web body #lblddshtitle,
.ost-theme-portal-web button.btn span,
.ost-theme-portal-web .btn {
    font-family: var(--ost-font-family) !important;
}

.ost-theme-portal-web body .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text,
.ost-theme-portal-web body .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {

    font-size: 13px !important;
    text-transform: capitalize;

}

.ost-theme-portal-web body .ore-dynportlet,
.ost-theme-portal-web body .row.ShowsSearchCtrl {

    background: var(--ost-card-bg) !important;
    background-color: var(--ost-card-bg) !important;
}

.ost-theme-portal-web body .m-dropdown.m-dropdown--inline {
    display: inline-flex;
}

.ost-theme-portal-web body .boqmanagement1 div#BOQ_boqtree {
    height: 100vh !important;
    overflow: auto !important;
    max-height: calc(100vh - 165px);
}

.ost-theme-portal-web body .boqmanagement1 .ore-searchfright {
    width: auto;
    padding: 0 !important;
}

.ost-theme-portal-web body .righside-smallicon {
    padding: 0 !important;
}

.ost-theme-portal-web body .mr-auto {
    margin-right: auto !important;
    margin-left: 0;
}

.ost-theme-portal-web body .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__heading,
.ost-theme-portal-web body .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link {
    height: 30px !important;
}

/*
.m-aside-menu p {
    text-align: center;
    color: var(--ost-common-text-black-color);
    font-size: var(--ost-fs-11);
    border-top: var(--ost-border-color) 1px solid !important;
    padding: 10px 0;
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0;
    background-color: var(--ost-side-menu-bg-color);
}
#m_ver_menu {
    height: 100vh !important;
}
*/
.ost-theme-portal-web .k-list-container tr:nth-child(odd) {
    background: transparent !important;
}

.ost-theme-portal-web div#mis.m-checkbox-list .m-checkbox>span {
    display: none;
}

.ost-theme-portal-web div#mis.m-checkbox-list .m-checkbox {
    padding: 0 !important;
    display: flex;
    align-items: center;
    margin: 0 !important;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;
    width: 100%;
    font-size: 12px !important;
}

.ost-theme-portal-web #addstructure .col-md-2.col-sm-12.col-xs-12.dvFilCamp {
    display: flex;
    align-items: center;
}

.ost-theme-portal-web #addstructure .col-md-2.col-sm-12.col-xs-12.dvFilCamp .m-form__group.form-group {
    margin: 0 !important;
}

.ost-theme-portal-web .form-group.form-md-line-input.form-md-floating-label .form-control~label {
    font-size: var(--ost-theme-font-size-label) !important;
}

.ost-theme-portal-web .form-control.m-drop_down span.input-group-addon.input-sm input[type=checkbox] {
    margin: 0 !important;
	    border-radius: 3px;
}

.ost-theme-portal-web body .modal .modal-header h3 small {
    font-size: 14px;
    font-weight: 400;
}

html.ost-theme-portal-web ::-webkit-scrollbar {

    width: 6px !important;
    height: 6px !important;
}

html.ost-theme-portal-web ::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    border-width: 0px 0px 0px 0px !important;
    background: #837e7e26 !important;
}

html.ost-theme-portal-web ::-webkit-scrollbar-thumb {
    background-color: #aaa !important;
    border-radius: 16px !important;
    border: 0px solid #fff !important;
}

html.ost-theme-portal-web ::-webkit-scrollbar-thumb:hover {
    background: #555 !important;
}

.ost-theme-portal-web body .k-group.k-treeview-group .k-radio,
.ost-theme-portal-web body .k-group.k-treeview-group input.k-checkbox {
    opacity: 1;
}

.ost-theme-portal-web body .k-group.k-treeview-group .k-treeview-toggle .k-icon {
    padding: 0px;

}

.ost-theme-portal-web body .k-treeview .k-group.k-treeview-group .k-item {

    padding: 0 0 0 30px;
}

.ost-theme-portal-web body .ost-pmcostcodemapp .portlet.light.bordered.boqdet {
    padding: 0;
    height: 100vh !important;
    border: 1px solid var(--ost-border-light) !important;
    max-height: calc(100dvh - 165px);
    /* overflow: auto; */
}

.ost-theme-portal-web body .ost-pmcostcodemapp .portlet.light .portlet-body {
    padding-top: 0px;
    height: 100% !important;
    overflow: auto;
}

.ost-theme-portal-web body .ost-pmcostcodemapp div.k-treeview {
    height: 100% !important;
}

.ost-theme-portal-web body .ost-pmcostcodemapp .portlet.light.bordered>.portlet-title {
    border-bottom: 1px solid var(--ost-border-light) !important;
    padding: 5px;
    display: flex;
    align-items: center;
}

.ost-theme-portal-web body .ost-pmcostcodemapp .portlet.light.bordered>.portlet-title .ore-searchfright {
    width: 100%;
    flex: 1;
}

.ost-theme-portal-web body .ost-pmcostcodemapp .portlet.light.bordered>.portlet-title .ore-searchfright {
    position: relative;
    top: 0;
    right: 0;
}

.ost-theme-portal-web body .ost-pmcostcodemapp .portlet.light.bordered>.portlet-title .boqdet2 {
    line-height: normal;
    padding-left: 5px;
    color: var(--ost-common-text-black-color);
    font-weight: 600;
    font-size: 15px;
}

.ost-theme-portal-web body .k-treeview-lines label {
    font-weight: normal !important;
}

.ost-theme-portal-web body .ost-pmcostcodemapp .k-treeview-mid {
    grid-gap: 5px;
}

.ost-theme-portal-web body .ost-pmcostcodemapp .k-treeview ul.k-group.k-treeview-group {
    background: transparent !important;
}

.ost-theme-portal-web body b,
.ost-theme-portal-web body strong {
    font-weight: var(--ost-font-weight-600) !important;
}

/*.ost-theme-portal-web body .k-grid .k-grid-header, .ost-theme-portal-web body .k-header {
   
     border-right: 1px solid transparent !important; 
}*/
.ost-theme-portal-web body .k-numerictextbox input {

    height: auto !important;

}

.ost-theme-portal-web body .k-display-block {
    display: block;
}

.ost-theme-portal-web body td .k-numerictextbox input {
    background-color: transparent !important;
    background: transparent !important;
    height: auto !important;
}

.ost-theme-portal-web body .k-input,
.ost-theme-portal-web body .k-picker {

    display: inline-flex;
    flex-flow: row nowrap;
    align-items: stretch;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    appearance: none;
}

.ost-theme-portal-web body .ost-schdashboard #vendortable {
    height: 100% !important;
    overflow: hidden !important;
}

.ost-theme-portal-web body .ost-schdashboard .k-grid .k-pager-sizes {
    display: flex !important;
    align-items: center;
}

.ost-theme-portal-web body #vendortable .k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    max-height: calc(100dvh - 278px);
}

/* .ost-theme-portal-web body #overviewspage .ore-topstatus-padding ul.ore-status-listing { */
/* padding: 0px 6px 8px !important; */
/* } */
.ost-theme-portal-web body body .k-grid table thead th a {
    font-size: 14px !important;
}

.ost-theme-portal-web .ore-breadcrumb span.m-nav__link .m-nav__link-text,
.ost-theme-portal-web .ore-breadcrumb a {
    font-weight: 400;
}

.ost-theme-portal-web body ul#ore_report_tab.m-tabs-line .m-tabs__item {
    margin-bottom: 0px;
}

.ost-theme-portal-web body .genReportView .k-grid tr td {

    font-size: var(--ost-grid-control-body-fontSize) !important;
}

.ost-theme-portal-web body .k-grid .k-grid-header .k-table-th span.k-column-title {
    font-size: var(--ost-grid-control-header-fontSize) !important;
    font-weight: var(--ost-grid-control-header-fontWeight) !important;
}

.ost-theme-portal-web body .k-button.k-selected::before,
.ost-theme-portal-web body .k-button.k-selected::after {
    opacity: 1;
    background: transparent !important;
}

.ost-theme-portal-web body .k-grid {

    border-radius: 3px !important;
}

/* .ost-theme-portal-web body .k-grid .k-grid-header col { */
/* min-width: 60px; */
/* } */
.ost-theme-portal-web .genReportView .rpSec .k-button-solid-base {
    border-color: var(--ost-border-color) !important;
    color: var(--ost-common-text-black-color) !important;
    background-color: var(--ost-btn-light) !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

.ost-changereqmgnt input#txtSearch {
    border-bottom: 0px solid #c2cad8 !important;
}

.ost-theme-portal-web body .genReportView .rpSec .k-grid .k-table> :not(caption)>*>* {
    /* border-width: 1px 1px !important; */
    /* border-width: 1px 1px !important; */
    border-style: solid !important;
    border-color: var(--ster-theme-light-table-border-color) !important;
    border-left-width: 0px !important;
    border-top-width: 0px !important;
}

.ost-theme-portal-web body h1,
.ost-theme-portal-web body h2,
.ost-theme-portal-web body h3,
.ost-theme-portal-web body h4,
.ost-theme-portal-web body h5,
.ost-theme-portal-web body h6,
.ost-theme-portal-web body input,
.ost-theme-portal-web body label,
.ost-theme-portal-web body li,
.ost-theme-portal-web body p,
.ost-theme-portal-web body span {
    letter-spacing: normal !important;
}

.ost-theme-portal-web body .k-input-spinner .k-spinner-increase,
.ost-theme-portal-web body .k-input-spinner .k-spinner-decrease {

    font-size: 0 !important;
}

.ost-changereqmgnt #tabledats .k-grid-content.k-auto-scrollable {
    height: 100vh !important;
    max-height: calc(100vh - 240px);
}

.ost-theme-portal-web body .k-grid td {

    line-height: normal !important;

}

.ost-theme-portal-web body div#status1:empty {
    height: auto !important;
}

.ost-theme-portal-web body div#status1:empty {
    height: auto !important;
    border-width: 0px !important;
}

.ost-theme-portal-web body .ore-AR-padding {
    padding: 10px 10px;

}

.ost-theme-portal-web body .ore-title-Cbx {

    height: auto !important;
}

.ost-theme-portal-web body .row.ore-LRpadding {
    margin: 0 !important;
}

.ost-theme-portal-web body .k-column-menu .k-sprite,
.ost-theme-portal-web body .k-gantt-views>.k-current-view>.k-link:after,
.ost-theme-portal-web body .k-grid-mobile .k-resize-handle-inner:after,
.ost-theme-portal-web body .k-grid-mobile .k-resize-handle-inner:before,
.ost-theme-portal-web body .k-i-drag-and-drop,
.k-icon,
.ost-theme-portal-web body .k-pager-numbers .k-current-page .k-link:after,
.ost-theme-portal-web body .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after,
.ost-theme-portal-web body .k-tool-icon {
    font-size: 14px !important;
}

.ost-theme-portal-web body ul.summarydetail {
    padding-right: 0px !important;
}

.ost-theme-portal-web body ul.summarydetail li {
    margin-top: 0;
}

.ost-theme-portal-web body .datarow .form-group.form-md-line-input.form-md-floating-label {
    padding-top: 20px !important;

}

.ost-theme-portal-web body ul.summarydetail li {

    margin-top: 0 !important;
}

.ost-theme-portal-web body .panel-default {
    border-color: #ddd;
    margin: 0 !important;
}

/* .ost-theme-portal-web body ._tooltips { */
/* padding: 0em 0em 0em 0em !important; */
/* } */
.ost-theme-portal-web body #firstnode {
    padding-left: 0px;
    padding-right: 0 !important;
}

.ost-theme-portal-web body .ost-changereqmgnt input#txtSearch {
    border-bottom: 0px solid #c2cad8 !important;
}

.ost-theme-portal-web body div#divattribut {
    border-bottom: 0px solid #c2cad8 !important;
}

.ost-theme-portal-web body #maindivattribut {
    margin-top: 0px !important;
}

.ost-theme-portal-web body i#attributmodal {
    padding-top: 5px;
    margin-top: 4px;
    float: right;
    position: absolute;
    right: 8px;
    z-index: 9999;

}

/* .ost-theme-portal-web body .k-input, .ost-theme-portal-web body .k-picker { */

/* margin-bottom: var(--ost-form-control-margin-spacing) !important; */
/* } */
.ost-theme-portal-web body button.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {
    border-width: 0 0 0 0px;
	    background: transparent !important;
}

.ost-theme-portal-web body .span_expand {
    position: absolute;
    right: 0px;
    top: 5px;
    padding: 6px;
}

.ost-theme-portal-web body ul.summarydetail {
    padding: 0px !important;
}

.ost-theme-portal-web body div#costcodedetails2 {
    border-left: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web body .second .form-group.form-md-line-input.form-md-floating-label.edited {
    padding-top: 0px !important;
}

.ost-theme-portal-web body .ore-searchfright {
    width: auto;
}

.ost-theme-portal-web body .righside-smallicon .btn-group .btn.active,
.ost-theme-portal-web body .righside-smallicon .input-group.btn-group .btn:active {
    background-color: var(--ost-theme-backcolor-secondary) !important;
    color: #fff !important;
}

.ost-theme-portal-web body .ore-tabview .ore-searchfright {
    top: 5px !important;
    z-index: 99;
    bottom: 0;
    margin: auto !important;
}

.ost-theme-portal-web body div#costcodedetails {
    height: 100% !important;
    /* padding: 10px !important; */
    border-radius: 5px;
}

.ost-theme-portal-web body #costcodedetails .portlet.light.bordered {
    padding: 0 !important;
    border-color: var(--ost-border-light) !important;

    margin: 0 3px;
}

.ost-theme-portal-web body #costcodedetails .portlet.light.bordered .portlet-title.tabbable-line {
    border-bottom-color: var(--ost-border-light) !important;
    padding: 5px 8px;

}

.ost-theme-portal-web body .portlet-body.tab-content {
    padding-top: 0px;
    overflow: auto;
}

.ost-theme-portal-web body div#costcodenormal {
    height: 64vh !important;
}

.ost-theme-portal-web body div#costboqgrid {
    height: 63.5vh !important;
}

.ost-theme-portal-web body .ost-changereqmgnt #status1 {
    height: 67vh !important;
}

/*.ost-theme-portal-web body .purple.textcls b {
    color: var(--ost-txt-sts-purple) !important; 
}*/
.ost-theme-portal-web body .font-green {
    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web body .ost-rateanalysis .ore-title-Cbx h1 {
    background: var(--ost-theme-backcolor-c5);
    border-bottom: var(--ost-border-color) 1px solid;

}

.ost-theme-portal-web body .ost-btn-component {
    padding: 7px 8px !important;
    line-height: normal !important;
}

.ost-theme-portal-web body .ore_tds_staticscreen .nav.nav-tabs {
    width: auto !important;
    flex: 1;
}

.ost-theme-portal-web body td #btnlink {
    border: 1px solid var(--ost-border-light);
    background: var(--ost-btn-light) !important;
    width: 30px !important;
    border-radius: 50%;
    height: 30px;
    text-align: center !important;
}

.ost-theme-portal-web body .ost-rateanalysis #treeviewhead .input-group.right-addon input {
    border-width: 0px !important;
}

.ost-theme-portal-web body .ost-rateanalysis #treeviewhead .input-group.right-addon {
    font-family: var(--ost-font-family) !important;

    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color) !important;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    overflow: hidden;
}

.input-group .input-group-addon>i {
    color: var(--ost-input-text-color) !important;
}

.ost-theme-portal-web body .ost-rateanalysis #treeviewhead span.input-group-addon {
    border-bottom: none;
    border-left: 1px solid var(--ost-theme-forecolor-border) !important;
}

.ost-theme-portal-web body .ost-rateanalysis .trbigbx {
    background-color: var(--ost-card-bg);
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--ost-border-color);
    box-shadow: none !important;
}

.ost-theme-portal-web body .ost-rateanalysis .tr-searchbx {
    border-bottom: 1px solid var(--ost-border-color);
}

.ost-theme-portal-web body .ost-rateanalysis .trLbx .inbx {
    padding: 10px;
    min-height: 400px;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
    height: 100%;
}

.ost-theme-portal-web body .ost-rateanalysis #costworktree .jstree-children .jstree-anchor {
    width: 100%;
    font-size: 13px !important;
    color: var(--ost-common-text-black-color);
    font-weight: 400;
}

.ost-theme-portal-web body .ost-rateanalysis .trLbx .active {
    height: 100% !important;
}

.ost-theme-portal-web body .vakata-context, .ost-theme-portal-web body .vakata-context ul {
    margin: 0;
    padding: 0px;
    position: absolute;
    background: var(--ost-dropdown-bg-color);
    border: 1px solid var(--ost-border-color);
    box-shadow: 2px 2px 2px #0000001a;
    overflow: hidden;
}

.ost-theme-portal-web body .vakata-context li {
    list-style: none;
    display: block;
    padding: 0 !important;
}

.ost-theme-portal-web body input[type=checkbox][disabled] {
    background: var(--ost-tac-disabled-bg-color) !important;
    border-color: var(--ost-tac-disabled-border-color) !important;
    pointer-events: none;
    cursor: not-allowed;
}

.ost-theme-portal-web body .fa,
.ost-theme-portal-web body span.fa {

    font-family: FontAwesome !important;
}

.ost-theme-portal-web body .k-calendar-view:not(.k-calendar-monthview) {
    width: 100% !important;
    padding: 0;
}

.ost-theme-portal-web body .k-calendar .k-header {
    border-color: inherit;
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-card-bg) !important;
    box-shadow: 0px -3px 9px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--ost-border-light) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web body .k-calendar .k-footer a.k-link.k-nav-today {
    padding: 8px 0px !important;
    background: var(--ost-theme-backcolor-c3) !important;
    text-decoration: none;
}

.ost-theme-portal-web body div.k-widget.k-calendar .k-link {
    text-align: center;
    line-height: normal;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 3px;
}

.ost-theme-portal-web body .k-calendar-container.k-popup {
    border-radius: 5px;
    /* overflow: hidden; */
}

.ost-theme-portal-web body .m-checkbox,
.ost-theme-portal-web body .m-radio {
    padding-top: 0px;
}

.ost-theme-portal-web body #RequisitionDet col {
    min-width: 60px !important;
}

.ost-theme-portal-web body span.wordwrap {

    vertical-align: middle;
}

.ost-theme-portal-web body .jstree .jstree-open>.jstree-children {

    padding-right: 10px;
}

.ost-theme-portal-web body .jstree-default .jstree-icon:empty {
    width: 24px;
    height: 24px;
    line-height: 23px !important;
}

.ost-theme-portal-web body .ost-rateanalysis .treecontrol {
    BACKGROUND: var(--ost-theme-backcolor-secondary) !important;
    COLOR: #fff !important;
}

.ost-theme-portal-web body .ost-rateanalysis i.jstree-icon.jstree-themeicon.fa.fa-file.icon-state-warning.icon-lg.jstree-themeicon-custom {
    color: var(--ost-theme-backcolor-c6);
}

.ost-theme-portal-web body .ost-rateanalysis .tr-searchbx .clm2 {

    color: var(--ost-common-text-black-color);

}

.ost-theme-portal-web body .ost-rateanalysis .form-group.form-md-line-input.form-md-floating-label .form-control~label,
.ost-theme-portal-web body .ost-rateanalysis label.control-label {
    font-size: var(--ost-fs-13) !important;
}

.ost-theme-portal-web body .ost-rateanalysis .ore-margin-left {

    margin-bottom: 30px;
}

.ost-theme-portal-web body .ost-rateanalysis {
    padding-bottom: 25px;
    display: inline-block !important;
    width: 100%;
}

.ost-theme-portal-web body .ost-rateanalysis .ore-title-Cbx .data-grid {
    padding: 0px 0px;
}

.ost-theme-portal-web body .ost-rateanalysis .ore-title-Cbx .data-grid b {
    font-weight: 550;
    margin-right: 5px;
    font-size: 13px;
    text-transform: uppercase;
}

.ost-theme-portal-web body ul.summarydetail li {
    margin-top: 0 !important;
    padding: 5px 5px;
}

.ost-theme-portal-web body .ost-rateanalysis ul.summarydetail li.blue {
    background: var(--ost-theme-backcolor-c10);
}

.ost-theme-portal-web body .ost-rateanalysis ul.summarydetail li .datarow .first {
    flex: 1;
    padding: 0 0px;
    color: var(--ost-common-text-black-color);
    font-size: 12px;
    font-weight: 400;
}

.ost-theme-portal-web body .ost-rateanalysis ul.summarydetail li .datarow .second {
    flex: 1;
    text-align: right;
    font-weight: 550;
    padding: 0;
}

.ost-theme-portal-web body .ore-tree-Rbx .second .form-group.form-md-line-input.form-md-floating-label.edited {
    padding-top: 0px !important;
    --ost-theme-form-control-height: 25px;
}

.ost-theme-portal-web body .ost-rateanalysis .second .form-group.form-md-line-input .form-control {
    border-bottom: 1px solid var(--ost-theme-forecolor-border) !important;
}

.ost-theme-portal-web body .ost-rateanalysis .pad_h8_bg {

    background: var(--ost-card-bg-color);
    padding: 0 !important;
}

.ost-theme-portal-web body .ore-tree-Rbx .panel-heading a .first {
    margin: 0 !important;
}

.ost-theme-portal-web body .ore-tree-Rbx .panel-default {
    border-color: var(--ost-border-light);
    margin: 0 !important;
    border-width: 1px 0px 1px 0px;
    border-radius: 0px;
}

.ost-theme-portal-web body .ore-tree-Rbx .panel-default>.panel-heading {
    color: var(--ost-common-text-black-color);
    background-color: var(--ost-theme-backcolor-c5);
    height: auto !important;
    padding: 0 0px !important;
    border-width: 0px !important;
    border-radius: 0px !important;
}

.ost-theme-portal-web body .ore-tree-Rbx .panel-title {
    margin-top: 0;
    font-size: 16px;
    margin: 0 !important;
    text-indent: 0 !important;
}

.ost-theme-portal-web body .ore-tree-Rbx .ost-rateanalysis ul.summarydetail li .datarow .first {

    margin: 0 !important;
}

.ost-theme-portal-web body .ore-tree-Rbx .panel-heading a {
    text-decoration: none;
    padding: 0;
    display: block !important;
    text-indent: 0 !important;
}

.ost-theme-portal-web body .ore-tree-Rbx textarea#txtRemark {
    border: 1px solid var(--ost-theme-forecolor-border) !important;
}

.ost-theme-portal-web body #overviewpurchase .cstxtpad0.form-group.form-md-line-input {
    margin-top: 6px !important;
}

.ost-maintenance .k-grid-content.k-auto-scrollable {
    height: 100vh !important;
    overflow: auto !important;
    max-height: calc(100vh - 265px) !important;
}

.ost-theme-portal-web body .k-floatwrap.k-header.k-scheduler-toolbar {
    border-bottom: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web .k-scheduler .k-scheduler-toolbar>ul.k-scheduler-views>li:first-child+li,
.k-scheduler-toolbar>ul>li:first-child {
    border-left-width: 1px;
    border-bottom-width: 1px !important;
    border-right: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web .k-scheduler .k-state-default.k-header.k-nav-prev,
.ost-theme-portal-web .k-scheduler .k-state-default.k-header.k-nav-next {
    border-bottom-width: 1px !important;
    border-right: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web .k-gantt-toolbar .k-state-default,
.ost-theme-portal-web .k-scheduler .k-header {

    background: var(--ost-theme-backcolor-c5) !important;
}

.ost-theme-portal-web div#scheduler {
    margin: 15px 0px;
}

/* .ost-theme-portal-web span.k-checkbox-label.checkbox-span { */
/* display: inline-block !important; */
/* } */
.ost-theme-portal-web .k-checkbox-label:before {
    border-color: var(--ost-input-border-color) !important;
    background: var(--ost-input-bg-color);
    border-radius: 3px;
}

.ost-theme-portal-web .k-checkbox:checked+.k-checkbox-label:before {

    color: #fff !important;
    background-color: var(--ost-theme-backcolor-secondary) !important;
    border-color: var(--ost-theme-backcolor-secondary) !important;
}

.ost-theme-portal-web .k-treeview-lines .k-state-hover,
.ost-theme-portal-web .k-treeview-lines .k-state-focused {
    background: var(--ost-theme-backcolor-c4) !important;
    /* color: #fff !important; */
    border-color: var(--ost-theme-backcolor-c4) !important;
}

.ost-theme-portal-web body .k-treeview .k-checkbox {
    opacity: 1;
    margin-right: 3px !important;
    margin-top: 5px;
}

.ost-theme-portal-web .k-scheduler .k-state-default.k-header .k-icon {
    margin-top: 0 !important;
}

.ost-theme-portal-web body .ost-maintenance .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    padding: 5px 10px !important;
    margin: 0 !important;
}

.ost-theme-portal-web body .ost-maintenance .k-grid table th {
    line-height: 21px;
}

.ost-theme-portal-web body .righside-smallicon button,
.ost-theme-portal-web body .righside-smallicon a {
    margin-left: 0px !important;
}

.ost-theme-portal-web body div#mdcalcomp .modal-body {
    padding: 0;
}

.ost-theme-portal-web body .ost-GSTCtrl .cstxtpad0.form-group.form-md-line-input.has-error.form-md-floating-label.pull-right {
    margin-top: 5px !important;
}

.ost-theme-portal-web body .ost-GSTCtrl input#serversearchfilter_GSTEInvoice {
    border-bottom: 0px solid #c2cad8 !important;

}

.ost-theme-portal-web body .ost-GSTCtrl #grdGSTEInvoice .k-grid-content.k-auto-scrollable {
    height: 100vh !important;
    overflow: auto !important;
    max-height: calc(100vh - 270px);
}

.ost-theme-portal-web body .ost-GSTCtrl .k-grid.k-widget {
    border-bottom: 1px solid var(--ost-border-color) !important;
}

.ost-theme-portal-web body .ost-GSTCtrl .tab-pane .ore-topstatus-padding .col-md-12.col-sm-12.col-xs-12 {
    padding: 0 5px;
}

.ost-theme-portal-web body ul.ore-status-listing .clspendingclick.selectcurmenu1,
.ost-theme-portal-web body ul.ore-status-listing li.active,
.ost-theme-portal-web body ul.ore-status-listing li.textcls,
.ost-theme-portal-web body ul.ore-status-listing .selectcurmenu2 {
    box-shadow: 1px 2px 4px 0px #00000030;
    BACKGROUND: transparent !important;
    position: relative;
    overflow: visible !important;
}

.ost-theme-portal-web body ul.ore-status-listing .clspendingclick.selectcurmenu1:before,
.ost-theme-portal-web body ul.ore-status-listing li.active:before,
.ost-theme-portal-web body ul.ore-status-listing li.textcls:before,
.ost-theme-portal-web body ul.ore-status-listing .selectcurmenu2:before {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid;
    position: absolute;
    content: '';
    bottom: -8px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

/************************************************ Start  aside menu *************************************************/
/*
.ost-theme-portal-web body .m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-icon,
.ost-theme-portal-web body  .m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-icon {
    text-align: left;
    width: 25px;
    
}
.ost-theme-portal-web body  .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link {
    padding: 5px 5px;
    padding-left: 40px !important;
}
.ost-theme-portal-web body  .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link {
    padding: 5px 10px;
    padding-left: 65px !important;
}
.ost-theme-portal-web body  .m-aside-menu span.m-menu__link-text {
    padding-right: 0px !important;
    line-height: normal;
}
.ost-theme-portal-web body .m-menu__item.m-menu__item--submenu.classic-sidemenu.m-menu__item--open:before {
    content: '';
    position: absolute;
    left: 18px;
    bottom: 0;
    border-left: 1px dashed var(--ost-border-color);
    height: auto;
    top: 20px;
}
.ost-theme-portal-web body .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 20px;
    border-bottom: 1px dashed var(--ost-border-color);
    overflow: hidden;
    border-radius: 0px 0px 0px 8px;
        left: 18px;
        top: -15px;
    margin: auto;
    bottom: 0;
}
.ost-theme-portal-web .m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading,.ost-theme-portal-web .m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link {
    height: auto !important;
}
.ost-theme-portal-web .m-aside-menu .m-menu__nav .m-menu__item>.m-menu__heading .m-menu__ver-arrow,.ost-theme-portal-web .m-aside-menu .m-menu__nav .m-menu__item>.m-menu__link .m-menu__ver-arrow {
   
    text-align: left !important;
}
.ost-theme-portal-web body .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__submenu > .m-menu__subnav:before {
    content: '';
    position: absolute;
    left: 46px;
    bottom: 0;
    border-left: 1px dashed var(--ost-border-color);
    height: auto;
    top: 0;
}
.ost-theme-portal-web body .m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link:before {
       content: '';
    position: absolute;
    width: 14px;
    height: 20px;
    border-bottom: 1px dashed var(--ost-border-color);
    overflow: hidden;
    border-radius: 0px 0px 0px 8px;
    left: 46px;
    top: -15px;
    bottom: 0;
    margin: auto;
}
.ost-theme-portal-web body .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__submenu > .m-menu__subnav {
 
    position: relative;
}

.ost-theme-portal-web body .m-aside-menu .m-menu__nav .fa-file:before {
    content: "\f0f6";
}
.ost-theme-portal-web body .m-aside-menu .m-menu__nav .fa-folder:before {
    content: "\f114";
}

.ost-theme-portal-web body  .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open:before {
    border-left: 0px !important;
}
.ost-theme-portal-web .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-icon {
    font-size: 14px;
}
.ost-theme-portal-web .m-aside-left--minimize .m-menu__item.m-menu__item--submenu.classic-sidemenu.m-menu__item--open:before {
    content: none !important;
}
*/

/************************************* End aside menu  *************************************************/
.ost-theme-portal-web body #clsentity #tabledats .k-grid-content.k-auto-scrollable {
    height: 100dvh !important;
    overflow: auto !important;
    max-height: calc(100vh - 280px);
}

.ost-theme-portal-web body #clsentity .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    padding: 5px 10px !important;
    margin: 0 !important;
}

.ost-theme-portal-web body div#AdvProcess:empty {
    border-width: 0px !important;
}

.ost-theme-portal-web .k-calendar-container .k-button-md.k-icon-button {
    border-width: 0px !important;
}

.ost-theme-portal-web body .ore-message__head .k-pager-numbers-wrap select.k-dropdown {
    width: 50px !important;
    min-width: auto !important;
    margin: 0 !important;
    text-align: center;
    border-width: 0px;
    background: var(--ost-theme-backcolor-c13) !important;
    -webkit-appearance: auto;
    appearance: none;
    /* height: 21px !important; */
    /* line-height: 21px !important; */
    padding: 0 !important;
    display: flex;
    align-items: center;
    font-size: 14px !important;
}

.ost-theme-portal-web body .ore-message__head .k-pager-numbers-wrap {
    background: var(--ost-theme-backcolor-c12);
    padding: 2px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.ost-theme-portal-web .m-content.m-flowcontent .ore-task-details #divhalltask .ore-STop-left input.form-control {
    padding-right: 35px !important;
}

.ore-STop-div .ore-STop-left button#BtnSearch {
       position: absolute;
    right: 0;
    bottom: 0;
    top: inherit !important;
    background: transparent !important;
    border-width: 0px 0px 0px 0px !important;
    border-radius: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web body .ore-STop-div .ore-STop-left .form-group.form-md-line-input input.form-control {
    padding-right: 35px !important;
}

.ost-theme-portal-web body td.HsStateCol.HsStatusCol.k-table-td center,
.ost-theme-portal-web body td.HsStateCol.HsStatusCol.k-table-td {
    text-align: left;
}

.ost-theme-portal-web body .legend-icon-status {
    position: relative;
    font-weight: 450 !important;
    font-size: 13px !important;
}

/*.ost-theme-portal-web body .legend-icon-status:before {
    content: '';
    position: relative;
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 3px;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 2px;
}*/
.ost-theme-portal-web body .ore-mytasklist.ore-mynewtasklist {
    align-items: center;
}

.ost-theme-portal-web body .m-flowcontent .ore-mytask-table .k-grid table tbody tr td {
    vertical-align: middle !important;
}

.ost-theme-portal-web body .m-flowcontent .k-grid table tbody tr td {
    height: 4rem;
    vertical-align: middle !important;
}

.ost-theme-portal-web body .m-flowcontent .ore-mytask-table span.wordwrap {
    color: var(--ost-common-text-black-color) !important;
    font-size: 13px !important;
}

.ost-theme-portal-web body .m-flowcontent .ore-mytask-table .ore-mytaskdesc a {
    font-size: 14px !important;
}

.ost-theme-portal-web body span.ore-mytask-orange-clr {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 8px;
    background: transparent;
}

.ost-theme-portal-web body .ore-message-body #divTileList .k-listview-pager.k-pager.k-pager-md {
    display: none;
}

.ost-theme-portal-web body button.ore-mytasktile-orange-clr {
    background: transparent !important;
    line-height: normal !important;
}

.ost-theme-portal-web body .m-flowcontent .ore-mytask-box button {
    padding: 2px 10px;
}

.ost-theme-portal-web body .m-flowcontent .ore-mytask-box span {
    font-size: 13px !important;
    color: var(--ost-common-text-black-color) !important;
}

.ost-theme-portal-web body .m-flowcontent .ore-mytask-box a {
    color: var(--ost-common-text-black-color) !important;

}

.ost-theme-portal-web body .ore-task-details h1,
.ost-theme-portal-web body .ore-task-details h2,
.ost-theme-portal-web body .ore-task-details h3,
.ost-theme-portal-web body .ore-task-details h4,
.ost-theme-portal-web body .ore-task-details h5,
.ost-theme-portal-web body .ore-task-details h6,
.ost-theme-portal-web body .ore-task-details li,
.ost-theme-portal-web body .ore-task-details p,
.ost-theme-portal-web body .ore-task-details {

    font-family: var(--ost-font-family) !important;
}

.ost-theme-portal-web span.k-widget.k-numerictextbox span.k-numeric-wrap.k-state-default {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ost-theme-portal-web span.k-widget.k-numerictextbox>.k-numeric-wrap>input {
    right: 0;
}

.ost-theme-portal-web textarea {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: var(--ost-input-bg-color);
    border: 1px solid var(--ost-input-border-color);
    color: var(--ost-input-focus-text-color);
    font-size: var(--ost-input-feild-font-size);

    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ost-theme-portal-web span.k-widget.k-datepicker.form-control.k-input span.k-picker-wrap {
    border-width: 0px !important;
}

.ost-theme-portal-web body div#dvGenpopup .modal-body {
    padding: 10px !important;
}

.ost-theme-portal-web body div#TotcountAmnt {
    text-align: right;
    display: flex;
    align-items: center;
    height: auto;
    padding: 10px 0px;
    font-size: 13px;
    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web body span#sptotamnt {
    font-weight: 500;
}

.ost-theme-portal-web body #pendAdvices[style*="height: 450px;"] {
    margin-bottom: 20px !important;
}

.ost-theme-portal-web body .k-grid#grdadv {
    margin-bottom: 45px !important;
}

.ost-theme-portal-web body #AdvProcess col {
    min-width: 60px;
}

/* .ost-theme-portal-web body .k-grid table> :not(caption) th { */

/* line-height: 15px; */
/* } */
.ost-theme-portal-web body .ost-dt-height {
    height: 100% !important;
    overflow: auto;
    max-height: 300px;
}

.ost-theme-portal-web body div#Div15 {
    max-height: 100% !important;
    height: 100% !important;
}

.ost-theme-portal-web body .btn:not(.btn-sm):not(.btn-lg) {
    line-height: normal;
}

.ost-theme-portal-web body .btn.blue.N:not(.btn-outline):focus,
.ost-theme-portal-web body .btn.blue:not(.btn-outline):focus,
.ost-theme-portal-web body .btn.blue:not(.btn-outline).focus {
    box-shadow: 1px 3px 4px 0px #00000017 !important;

}

.ost-theme-portal-web body .btn>i[class=""] {
    display: none;
}

.ost-theme-portal-web body button#btnGenRec {
    float: left !important;
    margin: 0px 0px 10px;
}

.ost-theme-portal-web body .k-edit-cell span.k-widget.k-datepicker .k-input {
    height: 100% !important;
    overflow: hidden;
    background: transparent;
}

.ost-theme-portal-web body .k-edit-cell span.k-widget.k-datepicker {
    min-height: var(--ost-theme-form-control-height);
}

.ost-theme-portal-web body .clsView {
    border-bottom-width: 0px !important;
}

.ost-theme-portal-web body .ost-tenderworking div#tendermanagement {
    margin-top: 0px !important;

}

.ost-theme-portal-web body .ost-tenderworking input#Text1,
.ost-theme-portal-web body .ost-tenderworking input#HS_Grid_search,
.ost-theme-portal-web body .ost-tenderworking input#Text3 {
    /* --ost-theme-form-control-height : 33px; */
    border-bottom: 0px solid #c2cad8 !important;
}

.ost-theme-portal-web body .calPercent .fa-percent:before {
    content: "\f295" !important;
}

.ost-theme-portal-web body .ost-tenderworking div#HS_Srch {
    margin: 5px 0 0px 0px !important;

}

.ost-theme-portal-web body .k-grid tr.change-background,
.ost-theme-portal-web body .k-grid .k-table-row.k-table-alt-row.change-background {
    background: var(--ost-theme-backcolor-c8) !important;
    background-color: var(--ost-theme-backcolor-c8) !important;
}

/* .ost-theme-portal-web body .k-grid table th { */
/* border-width: 1px 1px !important; */
/* border-left-width: 0px !important; */
/* border-top-width: 0px !important; */
/* } */


.ost-theme-portal-web body .ost-modal-control {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    max-width: 100% !important;
    background: transparent !important;
}

.ost-theme-portal-web body div#dtAllowance_filter {
    text-align: right;
}

.ost-theme-portal-web body table tr th,
.ost-theme-portal-web body table tr td {

    font-family: var(--ost-grid-font-family);
}

.ost-theme-portal-web body div#dtAllowance_wrapper .pagination {
    margin: 0px 0;
}

.ost-theme-portal-web body div#dtAllowance_wrapper .row {
    margin: 0 !important;
}

/* .ost-theme-portal-web body .k-chip-md { */

/* margin: 0px 3px !important; */
/* } */
.ost-theme-portal-web body .k-calendar .k-calendar-view .k-today .k-link {
    color: #23bde0 !important;
}

.ost-theme-portal-web body div#divSupp div#pager select.k-dropdown.k-picker.k-picker-solid.k-dropdown-list.k-rounded-md.k-picker-md {
    display: none !important;
}

.ost-theme-portal-web body div#divSupp div#pager {
    justify-content: start;
}

.ost-theme-portal-web body #CS_SuppDetail_Grid .k-grid-content.k-auto-scrollable {
    height: auto !important;
}

/* attribute control design issue  */

.ost-theme-portal-web body span.k-multiselect.k-input.form-control.input-sm.k-multiselect-clearable.k-input-solid.k-input-md.k-rounded-md {
    padding: 5px !important;
    HEIGHT: AUTO !important;

}

.ost-theme-portal-web body .k-input-values input.k-input-inner,
.ost-theme-portal-web .k-input-values input.k-input-inner {
    padding: 0 5px !important;
    height: auto;
}

.ost-theme-portal-web body .attribute-model .k-input,
.ost-theme-portal-web body #atrwin_atrhattrcode .k-input {
    margin-bottom: 5px !important;
}

.ost-theme-portal-web body .k-chip-md {

    font-size: 13px !important;

}

.ost-theme-portal-web body .k-column-menu.k-column-menu-popup .k-menu-popup button.k-spinner-decrease,
.ost-theme-portal-web body .k-column-menu.k-column-menu-popup .k-menu-popup button.k-spinner-increase {
    background: transparent !important;

}

.ost-theme-portal-web body .k-column-menu.k-column-menu-popup .k-menu-popup .k-input-spinner .k-spinner-increase .k-icon {
    margin-top: -1px !important;
    /* margin-bottom: auto !important; */
}

.ost-theme-portal-web body .k-column-menu.k-column-menu-popup .k-menu-popup .k-input-spinner .k-spinner-decrease .k-icon {
    margin-bottom: auto !important;
    margin-top: 0px !important;
}

.ost-theme-portal-web body .k-column-menu.k-column-menu-popup span.k-input-spinner.k-spin-button .k-icon-button {
    background: transparent !important;
}

.ost-theme-portal-web body .k-column-menu.k-column-menu-popup span.k-menu-link-text {
    flex: none;

}

.ost-theme-portal-web body .k-column-menu.k-column-menu-popup .k-icon-button {

    min-width: auto;
}

.ost-theme-portal-web body .k-popup.k-group {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2) !important;
}

/* .ost-theme-portal-web body div#dvVouGridView { */
/* padding-top: 10px !important; */
/* } */
/* alignment issue grid  */
/*
.ost-theme-portal-web body .k-grid .k-header>.k-header-column-menu .k-icon:before {
   
    line-height: 16px;
    font-size: 13px;
}
.ost-theme-portal-web body .k-grid table thead th .k-icon {
   
    margin: 0 !important;
}
.ost-theme-portal-web body .k-grid .k-header>.k-grid-filter, .ost-theme-portal-web body .k-grid .k-header>.k-header-column-menu {
       padding: 4px 0px !important;
    right: 0;
}
*/
.ost-theme-portal-web body div#islstvl_cus {
    top: 0 !important;
}

.ost-theme-portal-web body .k-grid .k-grouping-header {
    padding: 5px;
    border-bottom: 1px solid var(--ost-border-color);
}

/* .ost-theme-portal-web body .k-grid .k-grid-header-wrap,.ost-theme-portal-web body .k-grid.k-grid-footer-wrap { */

/* border-inline-end-width: 0px; */


/* } */
/* focus input shadow  */

.ost-theme-portal-web .form-group.form-md-line-input .k-input:focus,
.ost-theme-portal-web .form-group.form-md-line-input .k-input.k-focus,
.ost-theme-portal-web .form-group.form-md-line-input .form-control.input-sm:focus,
.ost-theme-portal-web .ore-search_div .input-group .form-control:focus,
.ost-theme-portal-web div#divcredate .form-group.form-md-line-input .form-control:focus,
.ost-theme-portal-web .form-control:focus,
.ost-theme-portal-web .bootstrap-tagsinput:focus {
    border-color: var(--ost-primary-second) !important;
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.25rem #009ef75c !important;
    border-color: var(--ost-primary-second) !important;
}

@media (max-width: 767px) {
    .ost-theme-portal-web body div#ore-search {
        display: none !important;
    }

    .ost-theme-portal-web .m-aside-left--minimize .ore-search_div button.searchbtn-icn {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .ost-theme-portal-web .m-aside-left--minimize .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
        width: 35px !important;
    }

    .ost-theme-portal-web .m-aside-left--minimize .ore-search_div input#input_search_menu_1 {
        display: inline-flex !important;
    }

    .ost-theme-portal-web .m-stack__item.m-brand {
        border-right: 0px solid var(--ost-new-sidebar-border-color);
    }
}

/* Mobile menu show*/
@media (max-width: 992px) {
    .ost-show-m-header .m-stack__item.m-brand {
        border-right: 0px solid var(--ost-border-color);
    }

    .ost-show-m-header header.m-grid__item.m-header {
        display: inline-flex !important;
        width: 100% !important;
    }

    .ost-show-m-header .m-stack__item.m-brand {
        border-bottom-width: 0px !important;
        width: 100% !important;
    }

    .ost-show-m-header a#m_aside_left_minimize_toggle {
        display: none !important;
    }

    .ost-show-m-header.m-topbar--on .m-topbar {
        opacity: 1 !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        transition: 0.5s !important;
        padding-left: 10px;
        box-shadow: 0px 4px 16px #0000002e;

    }

    .ost-show-m-header .m-stack__item.m-brand {
        width: 100% !important;
    }

    .ost-show-m-header.m-header--fixed-mobile .m-topbar {
        position: fixed;
        top: 0;
        transition: 0.5s !important;
        opacity: 0;
        left: 0 !important;
        right: 0 !important;
    }

    .ost-show-m-header.m-aside-left--on .m-aside-left {
        z-index: 9999;
    }

    .ost-show-m-header.m-topbar--on .tac-nav-hover .ore-titlelogo,
    .ost-show-m-header .tac-nav-hover .ore-titlelogo {
        left: 0;
    }

    .ost-show-m-header .tac-nav-hover .ore-titlelogo {
        left: 0;
    }

    .ost-show-m-header .m-topbar .m-topbar__nav.m-nav {
        margin: 0 8px 0 0 !important;
    }

    .ost-show-m-header.m-aside-left--on button.m-aside-left-close i {
        color: #fff;
        font-size: 15px;
    }

    .ost-show-m-header.m-aside-left--on button.m-aside-left-close {
        top: 0;
        left: 255px;
        color: #fff !important;
        background: #5c636a;
        border-radius: 0px 20px 20px 0;
    }

    .ost-show-m-header.m-header--fixed-mobile .m-body {
        padding-top: 60px !important;
    }

    .ost-show-m-header .m-stack__item.m-brand {
        width: 100%;
        position: relative;
        height: 60px !important;
        padding: 0 15px;
        z-index: 2;
        box-shadow: 2px 3px 16px 0px #00000024;
    }

    .ost-show-m-header .ore-titlelogo {
        position: relative;
        padding: 12px 0px 0;
        font-weight: 500;
        left: 0 !important;
        right: 0 !important;
        top: 0;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        width: 100%;
    }

    .ost-show-m-header .mr-auto {
        flex: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        width: 100%;
    }

    .ost-show-m-header b#lbldtitle {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        flex: none;
    }

    .ost-show-m-header .ore-search_div {
        padding: 0px 10px !important;
    }

    .ost-show-m-header #m_aside_header_topbar_mobile_toggle img {
        border: 2px solid #eee;
    }

    .ost-show-m-header .m-aside-menu {
        padding-top: 15px !important;
        padding-right: 10px;
        padding-left: 5px;
    }

    .ost-show-m-header .ore-rightside-mobilemenu {
        z-index: 99999;
    }

    .ost-show-m-header div#ore-search {
        display: none !important;
    }

    .ost-show-m-header .user_ico {
        position: absolute;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        left: 0;
        background: #eee;
        border-radius: 50%;
        color: #000;
    }

    .ost-show-m-header .user_ico i {
        font-weight: bold;
        font-style: normal;
        color: #000;
    }

    .ost-show-m-header a#m_aside_header_topbar_mobile_toggle {
        border: 1px solid #eee;
        border-radius: 50%;
        position: relative;
    }

    .ost-show-m-header.m-topbar--on a#m_aside_header_topbar_mobile_toggle {
        box-shadow: 1px 1px 3px #00000030;
        border: 1px solid #0d6efd;

    }

    .ost-show-m-header.m-topbar--on a#m_aside_header_topbar_mobile_toggle:before {
        content: '';
        width: 0px;
        height: 0px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #0d6efd;
        position: absolute;
        bottom: -5px;
        right: 0;
        left: 0;
        margin: auto;
    }

}

/* button Focus  */


html.ost-theme-portal-web body div button.cancel_btn:focus {

    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5) !important;
}

html.ost-theme-portal-web body button:focus {
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5) !important;
}

html.ost-theme-portal-web body div button.sign_btn:focus,
html.ost-theme-portal-web body div .btn.blue.N:not(.btn-outline):focus,
html.ost-theme-portal-web body div .btn.blue:not(.btn-outline):focus,
html.ost-theme-portal-web body div .btn.blue:not(.btn-outline).focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5) !important;
}


html.ost-theme-portal-web body button.bootbox-close-button.close {

    box-shadow: none !important;
}

/* report grid k pager alignment issue */
.ost-theme-portal-web body .genReportView .k-grid span.k-pager-sizes {
    display: flex !important;
}

.ost-theme-portal-web body .control-label {
    margin-top: 0px !important;
}

html.ost-theme-portal-web body .k-grid .k-grid-container tr {
    position: relative
}

html.ost-theme-portal-web body .k-grid .k-grid-container tr:hover td:first-child:after {
    content: '';
    background: #00cc33;
    position: absolute;
    height: 15px;
    width: 2px;
    z-index: 99999;
    left: 0px;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 4px;
    overflow: hidden;
}

.ost-theme-portal-web body .k-grid tr.k-state-selected td:first-child:after {
    content: '';
    background: #00cc33;
    position: absolute;
    height: 15px;
    width: 2px;
    z-index: 99999;
    left: 0px;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 4px;
    overflow: hidden;
}

.ost-theme-portal-web .k-animation-container .k-list-item:hover,
.ost-theme-portal-web .k-animation-container .k-list-optionlabel:hover,
.ost-theme-portal-web .k-animation-container .k-list-item.k-hover,
.ost-theme-portal-web .k-animation-container .k-hover.k-list-optionlabel {

    background-color: var(--ost-dropdown-bx-hover-bg-color);
}

.ost-theme-portal-web .k-animation-container .k-list,
.ost-theme-portal-web .k-animation-container .k-calendar {

    background-color: var(--ost-dropdown-bg-color);
}

:root[data-theme=dark].ost-theme-portal-web .k-list-container.k-popup .k-list-item.k-selected,
:root[data-theme=dark].ost-theme-portal-web .k-list-container.k-popup .k-selected.k-list-optionlabel,
:root[data-theme=dark].ost-theme-portal-web .k-list-container.k-popup .k-list-optionlabel.k-state-selected.k-state-focused,
:root[data-theme=dark].ost-theme-portal-web .k-list-container.k-popup .k-list>.k-state-selected.k-state-focused,
:root[data-theme=dark].ost-theme-portal-web .k-list-container.k-popup .k-popup .k-list .k-state-focused {

    color: var(--ost-dropdown-bx-text-color) !important;
}

html.ost-theme-portal-web body .k-grid .k-grid-header .k-table-th,
html.ost-theme-portal-web body .k-table> :not(caption) th,
html.ost-theme-portal-web body .k-grid table> :not(caption) th,
html.ost-theme-portal-web body .k-grid .k-grid-header .k-table-th,
.ost-theme-portal-web body .genReportView .rpSec .k-grid .k-table th {
    border-color: var(--ster-theme-light-table-border-color-th) !important;
	    font-weight: var(--ost-grid-control-header-fontWeight) !important;
}

.ost-theme-portal-web body .k-grid table>tbody>tr:hover th {
    --ster-table-accent-bg: transparent;
}

[data-theme="dark"].ost-theme-portal-web body tr:nth-child(even) {
    background: transparent !important;
}

.ost-theme-portal-web body td.k-hierarchy-cell a.k-icon {

    color: var(--ost-common-text-black-color);
}

.ost-theme-portal-web body .k-button.k-selected::after {

    box-shadow: none !important;
}

.ost-theme-portal-web body .form-group.form-md-line-input .form-control .form-control {
    box-shadow: none !important;
}

.ost-theme-portal-web body .k-grid .k-pager .k-pager-info {
    display: inline-block !important;
}

.ost-theme-portal-web body .k-grid,
.ost-theme-portal-web body .k-grid.clsView {
    border-bottom-width: 1px !important;
}

.ost-theme-portal-web body .modal .modal-header h3 small {
    color: var(--ost-common-text-black-color) !important;
}

.ost-theme-portal-web body .ore-search_div .input-group .form-control::placeholder,
.ost-theme-portal-web body #input_search_menu_1::placeholder {
    opacity: 0.8;
}
.ost-theme-portal-web body .m-quick-sidebar #m_quick_sidebar_tabs_messenger .col-md-4 .viewmore_div {
    padding: 0 !important;
    /* padding-top: 10px !important; */
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: end;
}
.ost-theme-portal-web body #m_quick_sidebar_tabs_messenger .form-group.form-md-line-input.form-md-floating-label {

    padding: 10px 5px;
}
.ost-theme-portal-web body #m_quick_sidebar_tabs_messenger .form-group.form-md-line-input.form-md-floating-label div#divsearchtsk input {
    border-width: 0px !important;
    box-shadow: none !important;
}
.ost-theme-portal-web body #m_quick_sidebar_tabs_messenger .form-group.form-md-line-input.form-md-floating-label div#divsearchtsk {
    font-size: var(--ost-input-feild-font-size) !important;
    min-height: var(--ost-theme-form-control-height) !important;
    color: var(--ost-input-text-color) !important;
    background: var(--ost-input-bg-color) !important;
    border: 1px solid var(--ost-theme-forecolor-border) !important;
    border-radius: var(--ost-form-control-border-radius) !important;
    font-weight: var(--ost-form-control-font-weight) !important;
}
.ost-theme-portal-web body .k-input-spinner .k-spinner-increase, .ost-theme-portal-web body .k-input-spinner .k-spinner-decrease{
    border-width: 0px !important;
}
.ost-theme-portal-web body .k-grid table tbody tr td {
   
    font-weight: var(--ost-grid-control-body-fontWeight) !important;
}
.ost-show-m-header.m-header--fixed-mobile .m-topbar
{
    background: var(--ost-new-nav-header-bg-color) !important;
    overflow: hidden;
}
.ost-theme-portal-web .form-control:has(input:focus) {
    /* background: red !important; */
    box-shadow: 0 0 0 0.2rem #009ef747 !important;
	    border-radius: var(--ost-form-control-border-radius);
}
html.ost-theme-portal-web body .form-control .form-control {
    box-shadow: none !important;
}
/* .ost-theme-portal-web .k-grid-content .k-table-row:last-child > td,.ost-theme-portal-web .k-grid-content .k-table-row:last-child > .k-table-td,.ost-theme-portal-web .k-grid-content-locked .k-table-row:last-child > td,.ost-theme-portal-web .k-grid-content-locked .k-table-row:last-child > .k-table-td { */
    /* border-bottom-width: 0 !important; */
/* } */
.ost-theme-portal-web  .inputPlugIframe {
    padding: 0 !important;
}
.ost-theme-portal-web  div#divShare {
    padding-left: 0;
    padding-right: 0;
}
.ost-theme-portal-web  div#dpnrefresh_dropdownlistProject i ,.ost-theme-portal-web  div#dpnwingrdreset_dropdownlistProject i {
       background: var(--ost-btn-light);
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 5px;
    font-size: 13px;
    border: 1px solid var(--ost-border-color) !important;
}
.ost-theme-portal-web  div#dpnrefresh_dropdownlistProject {
    padding-top: 17px !important;
}
.ost-theme-portal-web  div#dpnwingrdreset_dropdownlistProject {
    padding-top: 17px !important;
    padding-left: 3px !important;
}
.ost-theme-portal-web div#dpnErrorMsg_dropdownlistProject {
    margin: 0px 10px 10px !important;
}
.ost-theme-portal-web body .k-grid table thead th a {
    font-size: var(--ost-grid-control-header-fontSize) !important;
   
}

.ost-theme-portal-web body .form-group.form-md-line-input .form-control {   
    overflow: hidden;
}
.ost-theme-portal-web body #AddNewTab .row.col-md-12 .form-group.pull-right {
    margin-top: 14px;
}
.ost-theme-portal-web body .tooltip .tooltip-inner {
    background-color: #444 !important;
    color: #fff !important;
    box-shadow: -2px 2px 7px 0px rgb(0 0 0 / 5%) !important;
    border: 1px solid #444 !important;
}
.ost-theme-portal-web body .tooltip .tooltip-arrow {
    border-bottom-color: #444 !important;
}


.ost-theme-portal-web body .dvlcworklist .k-grid {
    height: 100% !important;
}
.ost-theme-portal-web body .dvlcworklist .k-grid > .k-grid-content.k-auto-scrollable {
    height: 100vh !important;
    max-height: calc(100vh - 325px);
}
.ost-theme-portal-web body  .dvlcworklist div#overview , .ost-theme-portal-web body  .dvlcworklist  #overview1 ,.ost-theme-portal-web body  .dvlcworklist #overview2{
    padding: 0px 10px !important;
	    margin-bottom: 10px;
}
.ost-theme-portal-web body .k-alt {
    background: #00000003 !important;
}
.ost-theme-portal-web body .dvlcworklist .k-grid .k-grid-content.k-auto-scrollable .k-grid-content.k-auto-scrollable {
    height: 100% !important;
    max-height: 100% !important;
}
.ost-theme-portal-web body #grdclsvtmmdbillsummary.k-grid .k-grid-header tr {
    background: transparent !important;
}
.ost-theme-portal-web body .serch_btn {
   
    line-height: normal !important;
   
}
.ost-theme-portal-web body .serch_btn i {
    font-size: 14px !important;
}
.ost-theme-portal-web .k-grid .k-icon.k-i-none {
    display: none !important;
}
.ost-theme-portal-web body  .jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px;
    font-size: 13px !important;
    font-weight: 400;
    padding: 0 7px;
}
.ost-theme-portal-web body  .jstree-default .jstree-clicked {
    background: var(--ost-theme-backcolor-c10) !important;
    
    box-shadow: none;
    
}
.ost-theme-portal-web body .vakata-context li>a {
    padding: 2px 5px !important;
    display: inline-flex !important;
    text-indent: 0 !important;
    align-items: center;
    color: var(--ost-common-text-black-color) !important;
    font-family: var(--ost-font-family) !important;
    font-weight: 400;
    opacity: 1 !important;
    text-shadow: none !important;
	    font-size: 12px !important;
		    width: 100%;
}
.ost-theme-portal-web body .vakata-context li>a>i {
    margin: 0 0 0 0em !important;
    line-height: normal !important;
    height: auto !important;
	    font-size: 14px !important;
}
.ost-theme-portal-web body .vakata-context li>a:hover {
    background: var(--ost-theme-backcolor-c10);
    color: var(--ost-common-text-black-color) !important;
    border-width: 0px !important;
    box-shadow: none !important;
}
.ost-theme-portal-web body .vakata-context li>a .vakata-contextmenu-sep {
    background: transparent;
}
.ost-theme-portal-web body .input-group .btn-group {
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.ost-theme-portal-web body .input-group .btn-group .btn {
    border-radius: 0px !important;
    background: var(--ost-btn-secondary) !important;
    color: #fff !important;
}
.ost-theme-portal-web body .input-group .btn-group .btn.active {
    background: var(--ost-btn-success) !important;
}
.ost-theme-portal-web body .input-group .btn-group .btn:focus {
    box-shadow: none !important;
}
.ost-theme-portal-web body .gridReportHead {
    color: var(--ost-common-text-black-color);
	    font-family: var(--ost-font-family) !important;
		    font-weight: 400;
			    font-size: 12px;
}
.ost-theme-portal-web body .gridReportHead h3 {
    font-size: 15px !important;
    font-weight: 500 !important;
        margin-bottom: 5px;
}
.ost-theme-portal-web body .gridReportHead h4 {
    font-size: 12px !important;
    font-weight: 400;
}
.ost-theme-portal-web body .head_proj_info .col-md-9 {
    font-weight: 500;
   
}
html.ost-theme-portal-web body .head_proj_info {
    padding-bottom: 2px !important;
    padding-top: 2px;
}
.ost-theme-portal-web .k-list-container.k-popup .k-list-md .k-list-item .k-list-item-text {
    width: 100%;
}
.ost-theme-portal-web body .k-grid-filter-menu.k-grid-header-menu .k-svg-i-filter {
    left: 0;
}
html.ost-theme-portal-web body .k-grid tr:nth-child(odd) {
    background: transparent !important;
}
html.ost-theme-portal-web body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
html.ost-theme-portal-web body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    color: #fff;
    background: var(--ost-btn-secondary)  !important;
}
html.ost-theme-portal-web body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
html.ost-theme-portal-web body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
     color: #fff;
    background: var(--ost-btn-success) !important;
}
.ost-theme-portal-web body #overviewspage ul.ore-status-listing li {
   
    display: inline-flex;
    align-items: center;
}
/* .ost-theme-portal-web body  .modal.fade.bs-modal-lg { */
    /* width: 100%; */
/* } */
.ost-theme-portal-web body span.k-widget.k-combobox.k-header.edited span.k-dropdown-wrap.k-state-disabled, 
.ost-theme-portal-web body span.k-widget.k-datepicker.k-header.edited span.k-picker-wrap.k-state-disabled {
    border: 1px solid var(--ost-tac-disabled-border-color) !important;
    background: var(--ost-tac-disabled-bg-color) !important;
   
}
.ost-theme-portal-web body label#ln_proj {  
    --bs-danger-rgb: 255, 55, 55;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.ost-theme-portal-web body i#lblattach ,.ost-theme-portal-web body i#lblmatch{
    background: var(--ost-btn-light);
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 5px;
    font-size: 13px;
    border: 1px solid var(--ost-border-color) !important;
    margin-top: 17px;
    margin-right: 15px !important;
}
.ost-theme-portal-web body #modelproject {
    height: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
}
.ost-theme-portal-web body #dvFilterModal div#ftproject {
    padding: 0 5px !important;
}
.ost-theme-portal-web body .rpSec .ore-breadcrumb .m-nav__link-text {
    position: relative;
}
.ost-theme-portal-web body .rpSec .ore-breadcrumb  .m-nav__link-text:before {
    --bs-breadcrumb-divider: '>';    
       padding-right: 5px;
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
}
.ost-theme-portal-web body .rpSec .ore-breadcrumb .m-nav__link-text:empty:before {
    content: none !important;
}
.ost-theme-portal-web body .m-aside-left ::selection,.ost-theme-portal-web body  header.m-grid__item.m-header ::selection {
    background-color: var(--ost-global-theme-secodary) !important;
    color: #000 !important;
}
.ost-hmp-content-body .ost-dashboard-empty-content h2 {
    
    line-height: 60px !important;
   
}
.ost-hmp-content-body {
    
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
.ost-theme-portal-web body .tooltip .tooltip-inner
{
	max-width: 1000px !important;
}
.m-header--fixed .m-body{
	display: flex !important;
}
.ost-theme-portal-web body .m-grid__item.m-grid__item--fluid {
    background-color: var(--ost-card-bg) !important;
    width: 100%;
}
@media (max-width: 993px) {
.ost-theme-portal-web .tac-nav-hover .m-aside-left {
    position: absolute !important;
   
}

}

@media (min-width: 993px) {
.ost-theme-portal-web .tac-nav-hover .m-aside-left {
    position: relative !important;
   
}
}


/* alert message design changes  */
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Awarning,
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Ainfo,
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Asuccess, 
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Adanger,
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Aques,
.ost-theme-portal-web body .Metronic-alerts.alert
 {
    position: fixed;
    bottom: 0;
    width: 60vw;
    right: 0;
    left: inherit;
    margin-left: auto;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
	    opacity: 1;
		    padding: 0;
}

.ost-theme-portal-web body .Hheader {
    border-top-width: 0px !important;
    padding: 2px;
    text-align: left;
    padding-left: 45px;
    font-size: 15px;
    padding: 5px 5px 5px 15px;
    display: flex;
    align-items: center;
    font-weight: 600;
    border-bottom: 0x solid currentColor;
}
.ost-theme-portal-web body .Hheader i {
    width: 30px;
    height: 30px;
    background: var(--tag-bs-primary);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
     animation: pulse-animation 2s infinite , wrench 2.5s ease infinite;
    margin-right: 10px;
    border-radius: 50px;
    line-height: normal !important;
    font-size: 20px !important;
}
.ost-theme-portal-web body  .HScaption {
    padding: 10px 15px;
    margin: 0 !important;
    color: #212529;
    font-size: 16px;
}
.ost-theme-portal-web body .ore-Alt-Height {
    max-height: 150px;
    overflow-y: auto;
    display: inline-block;
    padding: 0 !important;
    overflow-x: hidden;
    width: 100%;
    margin-left: 0;
    min-height: 30px;
    line-height: initial !important;
    padding: 10px 15px !important;
	    font-weight: 400;
		
}
.ost-theme-portal-web body .confirm-ques {
    display: flex !important;
    align-items: flex-start;
    justify-content: end;
    padding: 10px;
	    /* width: 100%; */
    /* border-top: 1px solid var(--ost-border-light); */
}
.ost-theme-portal-web body .Metronic-alerts button.btn.btn-sm.default.ok {
    background: var(--tag-bs-primary);
    color: #fff;
    border-radius: 3px;
    line-height: normal;
    padding: 8px 10px !important;
}
.ost-theme-portal-web body .Metronic-alerts.alert .Hheader i {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.253) !important;
}
.ost-theme-portal-web body  .Metronic-alerts.alert .HSicon {
   
   border-top: 4px solid var(--tag-bs-primary);   
}
/*primary */
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Ainfo button.btn.btn-sm.default.ok{
background: var(--tag-bs-primary);
    color: #fff;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Ainfo{
 background: var(--tag-bs-primary);
   color: var(--ost-common-text-black-color);
   background: #0000ff08;
}
.ost-theme-portal-web body  .Metronic-alerts .Hheader,
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Ainfo .Hheader{
 background: var(--tag-bs-primary);
    /* border-top: 4px solid var(--tag-bs-primary);    */
}	
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Ainfo .HSicon {
   
   border-top: 4px solid var(--tag-bs-primary);   
}
/*success */
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Asuccess button.btn.btn-sm.default.ok{
background: var(--ost-bg-alt-success);
    color: #fff;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Asuccess{
 background: var(--ost-bg-alt-success);
   color: var(--ost-common-text-black-color);
   background: #0000ff08;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Asuccess .Hheader i {
color: #fff;
  background: var(--ost-bg-alt-success);
}
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Asuccess .Hheader{
 background: var(--ost-bg-alt-success);
    /* border-top: 4px solid var(--ost-bg-alt-success);    */
}
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Asuccess .HSicon {
   
   border-top: 4px solid var(--ost-bg-alt-success);   
}
/*Awarning */
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Awarning button.btn.btn-sm.default.ok{
background: var(--ost-bg-alt-warning);
    color: #fff;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Awarning{
 background: var(--ost-bg-alt-warning);
   color: var(--ost-common-text-black-color);
   background: #0000ff08;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Awarning .Hheader i {
color: #fff;
  background: var(--ost-bg-alt-warning);
}
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Awarning .Hheader{
 background: var(--ost-bg-alt-warning);
    /* border-top: 4px solid var(--ost-bg-alt-warning);    */
}
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Awarning .HSicon {
   
   border-top: 4px solid var(--ost-bg-alt-warning);   
}
/*Adanger */
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Adanger button.btn.btn-sm.default.ok{
background: var(--ost-bg-alt-danger);
    color: #fff;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Adanger{
 background: var(--ost-bg-alt-danger);
   color: var(--ost-common-text-black-color);
   background: #0000ff08;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Adanger .Hheader i {
color: #fff;
  background: var(--ost-bg-alt-danger);
}
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Adanger .Hheader{
 background: var(--ost-bg-alt-danger);
    /* border-top: 4px solid var(--ost-bg-alt-danger);    */
}
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Adanger .HSicon {
   
   border-top: 4px solid var(--ost-bg-alt-danger);   
}
/*Aques */
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Aques button.btn.btn-sm.default.ok{
background: var(--ost-bg-alt-danger);
    color: #fff;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Aques{
 background: var(--ost-bg-alt-danger);
   color: var(--ost-common-text-black-color);
   background: #0000ff08;
}
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Aques .Hheader i {
color: #fff;
  background: var(--ost-bg-alt-danger);
}
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Aques .Hheader{
 background: var(--ost-bg-alt-danger);
    /* border-top: 4px solid var(--ost-bg-alt-danger);    */
}
.ost-theme-portal-web body  .Metronic-alerts.alert.HS-Aques .HSicon {
   
   border-top: 4px solid var(--ost-bg-alt-danger);   
}
/* End  */
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Ainfo .Hheader i {
color: #fff;
  background: var(--tag-bs-primary);
}

.ost-theme-portal-web body .Hmsg {
    padding: 0px 0 0 0px !important;
}
.ost-theme-portal-web body .HScaption {
    display: flex !important;
    grid-gap: 0;
    /* flex-direction: column; */
	 align-items: center;
    padding: 0 !important;
}
.ost-theme-portal-web body .HSicon {
          padding: 0px !important;
    background-color: #fff !important;
    color: #212529;
   
}
.ost-theme-portal-web body span.HScaption p {
    
    font-weight: 400;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgb(0 0 0 / 7%);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}



@keyframes wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg)
    }

    68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }

    100%,75% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

/* .ost-theme-portal-web body .HSicon:has(.Hheader) .HScaption { */
    /* display: flex !important; */
    /* grid-gap: 0; */
    /* flex-direction: column; */
    /* padding: 0 !important; */
    /* align-items: center; */
/* } */
/* .ost-theme-portal-web body .HSicon:has(.Hheader) .confirm-ques { */
    /* display: flex !important; */
    /* align-items: flex-start; */
    /* justify-content: end; */
    /* padding: 10px; */
    /* border-top: 1px solid var(--ost-border-light); */
    /* height: 100%; */
    /* width: 100%; */
/* } */
  @keyframes animloader {
        0% {
          left: 0;
          transform: translateX(-100%);
        }
        100% {
          left: 100%;
          transform: translateX(0%);
        }
      }
         .ost-theme-portal-web body .HSicon {
 
    position: relative;
} 
		.ost-theme-portal-web body .Metronic-alerts.alert .HSicon::after {
    content: '';
    width: 150px;
    height: 4.8px;
    background: rgb(248 249 255 / 51%) !important;
    position: absolute;
    top: -5px;
    left: 0;
    box-sizing: border-box;
    animation: animloader 2s linear infinite;
}
		.ost-theme-portal-web body .Metronic-alerts.alert .confirm-ques button.btn.btn-sm:hover {
    opacity: 0.8;
}
		.ost-theme-portal-web body .Metronic-alerts.alert .confirm-ques {
   
    position: relative;
    z-index: 99999;
}
.ost-theme-portal-web body .Metronic-alerts button.btn.btn-sm.default {
    background: var(--ost-btn-secondary);
    color: #fff;
    border-radius: 3px;
    line-height: normal;
    padding: 8px 10px !important;
}
.ost-theme-portal-web body .Metronic-alerts .more_detail_alert {
    background-color: #fafafa;
    padding: 0 0px;
    border-top: 1px solid #eee;
}
.ost-theme-portal-web body .Metronic-alerts .more_detail_text {
    padding: 10px 15px;
    font-size: 13px;
    color: #212529;
    font-weight: 400;
}
.ost-theme-portal-web body .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__ver-arrow, .ost-theme-portal-web body .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__ver-arrow {
    text-align: center;
	position:relative;
	z-index:999;
}
@media (max-width: 767px) {
.ost-theme-portal-web body .Metronic-alerts.alert.HS-Awarning, .ost-theme-portal-web body .Metronic-alerts.alert.HS-Ainfo, .ost-theme-portal-web body .Metronic-alerts.alert.HS-Asuccess, .ost-theme-portal-web body .Metronic-alerts.alert.HS-Adanger, .ost-theme-portal-web body .Metronic-alerts.alert.HS-Aques, .ost-theme-portal-web body .Metronic-alerts.alert {
   
    width: 96vw;
    
}
}