@font-face {
  font-family: "SST";
  src: url("./bootstrap_dist_new/bootstrap_dist/fonts/SSTRg.TTF")
    format("truetype");
}
@font-face {
  font-family: "Inter";
  src: url("./bootstrap_dist_new/bootstrap_dist/fonts/Inter-Regular.otf")
    format("opentype");
}
@font-face {
  font-family: "SF Pro";
  src: url("./bootstrap_dist_new/bootstrap_dist/fonts/SFProDisplay-Regular.ttf")
    format("truetype");
}
/************************************* Default Theme Configuration start********************************/
.default-theme {
  --font-fam-body: "Inter", "Open Sans", sans-serif;
  /*-------------------------------------------- top Nav  Start----------------------------------------------- */
  --header-border-col: #000;

  --sidebar-coll-btn-bg: black;
  --logo-color: white;
  --logo-div-bg-color: #fff;
  --top-navbar-link-active: #0078bb;
  --top-navbar-link: #171a1c;
  --header-bg-color: #fbfcfe;
  --org-name-text-color: #0078bb;
  --userName-text-color: #000000;
  --header-svg-icon-color: #0078bb;
  --userProfile-li-over: lightgrey;

  /*-------------------------------------------- top Nav  End----------------------------------------------- */
  /*-------------------------------------------- sideBar Nav  Start----------------------------------------------- */
  --sidebar-header-active: #0078bb;
  --sidebar-act-link-color: #fff;
  --sidebar-link-col: black;
  --sidebar-li-color: #00677f;
  --sidebar-ul-head: #0078bb;
  --sidebar-head-font-color: #fff;
  --sideBarHeaderSize: 14px;
  --sideBarHeaderColor: #171a1c;
  /*-------------------------------------------- sideBar Nav End----------------------------------------------- */

  /*-------------------------------------------- Paginator Start----------------------------------------------- */
  --paginator-bg-color: #fbfcfe;
  --paginator-font-color: #32383e;
  --paginator-border-color: #cdd7e1;
  /*-------------------------------------------- Paginator End----------------------------------------------- */
  /*-------------------------------------------- Search Box style start----------------------------------------------- */
  --search-bg-color: #e9ecef;
  /*-------------------------------------------- Search Box style End----------------------------------------------- */

  /*-------------------------------------------- Button style Start----------------------------------------------- */
  --btn-bg-color: #0078bb;
  --btn-hv-bg-color: rgba(78, 150, 189, 0.75);
  --btn-font-color-hv: #fff;
  --btn-dis-bg-color: #0078bb;
  --btn-font-color-dis: #fff;
  --btn-bg-focus-color: #0078bb;
  --btn-font-color-focus: #fff;
  --btn-act-bg-color: #0078bb;
  --btn-font-color-act: #fff;
  --btn-act-focus-bg-color: #0078bb;
  --btn-font-color-act-focus: #fff;
  --btn-act-focus-border-color: #0078bb;
  --btn-bg-dropDown-menu: #ffff;
  /*-------------------------------------------- Button style End----------------------------------------------- */

  /*-------------------------------------------- list Start----------------------------------------------- */
  --list-odd-bg-color: rgba(0, 0, 0, 0.05);
  --list-even-bg-color: #f8f9fa;
  --list-hover-bg-color: rgba(0, 0, 0, 0.075);
  /*-------------------------------------------- list  End----------------------------------------------- */

  --filterPanel-header-bg-color: rgb(0, 103, 127);
  --filterPanel-header--color: white;
  --nav-tabs-bg-color: #0078bb;
  --nav-tabs-color: white;
  /*-------------------------------------------- table color Start----------------------------------------------- */
  --table--head-bg-color: #fbfcfe;
  --table--head--font-color: #32383e;
  --table-odd-row-bg-color: rgba(0, 0, 0, 0.05);
  --table-even-row-bg-color: #f8f9fa;
  --table-row-hov-bg-color: rgba(0, 0, 0, 0.075);
  --table-bdy--font-color: #32383e;
  --mui-table-select-header-color: rgba(0, 0, 0, 0.87);
  --table--border-color: #cdd7e1;
  /*-------------------------------------------- table color End----------------------------------------------- */
  /*-------------------------------------------- icone color Start----------------------------------------------- */
  --svg-icon-color: #0078bb;
  --gly-icon-color: #0078bb;
  --svg-icon-color-sel:#cdd7e1;;

  /*-------------------------------------------- gLY-icone Inside Table Button START----------------------------------------------- */
  --btn-gly-bg-col: #00677f;
  --btn-gly-hov-bg-col: rgba(6, 67, 133, 0.75);
  --gly-color: white;
  /*-------------------------------------------- gLY-icone Inside Table Button End----------------------------------------------- */

  /*-------------------------------------------- icone color End----------------------------------------------- */

  /*-------------------------------------------- VerticalTimeLine color Start----------------------------------------------- */
  --line-color: #000
    url("./bootstrap_dist_new/bootstrap_dist/img/img_header_brushed_bg_lg.jpg")
    repeat center top;
  --content-bg-color: #0078bb;
  --content-color: white;
  --arrow-color: #0078bb;
  --icon-bg-color: #0078bb;
  --date-color: white;
  /*-------------------------------------------- VerticalTimeLine color End----------------------------------------------- */
  /*-------------------------------------------- FormControl Start----------------------------------------------- */
  --form-control-dis-bg-color: #f0f4f8;
  /*-------------------------------------------- FormControl End----------------------------------------------- */

  /*-------------------------------------------- Heading start----------------------------------------------- */
  --h2-font-color: black;
  --h3-font-color: black;
  --h5-font-color: black;
  --h4-font-color: black;
  /*-------------------------------------------- Heading End----------------------------------------------- */

  /*---------------------------------------------Label start----------------------------------------------- */
  --label-font-color: #171a1c;
  --label-font-size: 12px;
  /*---------------------------------------------Label End----------------------------------------------- */
  --fontsize: 26px;
  /*---------------------------------------------Popover Modal start----------------------------------------------- */
  --modal-header-bg: #fbfcfe;
  --modal-footer-bg: #fbfcfe;
  --modal-title-color: #0b6bcb;
  /*---------------------------------------------PopOver Modal End----------------------------------------------- */
  /*---------------------------------------------DropDown start----------------------------------------------- */
  --dropDown-ul-bg: whitesmoke;
  --dropDown-li-hv-bg: lightgrey;
  --dropDown-text-color: black;
  /*---------------------------------------------DropDown End----------------------------------------------- */
  /*---------------------------------------------Form control start----------------------------------------------- */
  --form-field-placeholder-col: #12467b;
  --form-field-font-col: #32383e;
  --form-shadow-focus: rgba(102, 175, 233, 0.6);
  --form-control-empty-bg: #e3effb;
  --form-control-not-empty-bg: #fff;
  --form-save-btn-bg: #e3fbe3;
  --form-save-btn-font-color: #0a470a;
  /*---------------------------------------------Form control End----------------------------------------------- */
  /*---------------------------------------------Gly Button start----------------------------------------------- */
  --bt-gly-bg: #0078bb;
  --bt-gly-hv-bg: rgba(26, 88, 158, 0.75);
  --bt-gly-dis-bg: #0078bb;
  --bt-color-hov: #fff;
  /*---------------------------------------------Gly Button End----------------------------------------------- */
  --dropZone-bg-col: rgba(147, 148, 148, 0.23);
  --sec-bg-col: #6c757d;
  --dropDown-shadow-col: ;
  --dropDown-shadow-table-col: ;
  /*---------------------------------------------Config DropDown start----------------------------------------------- */
  --Config-dropDown-hv-bg: #ffffff00;
  --config-dropDown-hv-color: #00677f;
  /*---------------------------------------------Config DropDown End----------------------------------------------- */
  /*---------------------------------------------Email Schedular start----------------------------------------------- */
  --email-heade-bg: #0078bb;
  /*---------------------------------------------Email Schedular End----------------------------------------------- */
  /*---------------------------------------------Grid Table start----------------------------------------------- */
  --header-button-color: #12467b;
  --header-button-bg-color: #e3effb;
  --header-button-bordor-color: #e3effb;
  --headerbar-contanaior-border-color: rgba(99, 107, 116, 0.3)
    /*---------------------------------------------Email Schedular End----------------------------------------------- */
    var(--paginator-bg-color);
  /*---------------------------------------------DataGrid Start----------------------------------------------- */
  --delete-button-bg-color: #fce4e4;
  --delete-button-color: #7d1212;
  --rowSelTopToolBar-bg-color: #fce8e8;
  --cell-border-color: rgba(99, 107, 116, 0.3);
  --row-hover-bg-color: #e0f7fa;
  --table-data-color: #32383e;
  --gridToolBar-button-color: #12467b;
  --gridToolBar-button-bg-color: #e3effb;
  --table-header-color: #32383e;
  --grid-table-even-bg-color: #ffffff;
  --grid-table-odd-bg-color: #f0f4f8;

  /*---------------------------------------------DataGrid End----------------------------------------------- */
  --mui-table-pagination-select-bg-color: #f0f4f8;
  --mui-table-pagination-select-shadow: rgba(21, 21, 21, 0.08);
  --mui-table-pagination-select-color: #12467b;
  --mui-table-display-row-color: #32383e;
  --mui-table-datagrid-iconButton-color: #e3effb;
  --sideBar-Search-bg-color: #fbfcfe;
  --thumbnail-border-colo: #ddd;
  --mui-input-field-color: #0b6bcb;
  --import-field-bg-color: #e3effb;
  --import-label-color: #32383e;
  --import-title-color: #0b6bcb;
  --import-cont-bg-color: #fbfcfe;
  --import-field-color: #12467b;
  --import-danger-color: #7d1212;
  --import-danger-bg-color: #fce4e4;
  --import-save-dis-color: #ccc;
  --import-save-dis-bg-color: #e3fbe3;
  --import-save-color: rgb(10, 71, 10);
  --import-footer-border-col: rgba(99, 107, 116, 0.3);

  /*---------------------------------------------SideBar Setting Start----------------------------------------------- */
  --Sidebar-h6-color: #171a1c;
  --Sidebar-active-link: #0078bb;

  /*---------------------------------------------SideBar Setting Start----------------------------------------------- */
  /*---------------------------------------------EquipmentList Filter Start----------------------------------------------- */

  /*---------------------------------------------EquipmentList Filter Start----------------------------------------------- */
}
/************************************* Default Theme Configuration end********************************/

/************************************* Light Theme Configuration Start********************************/

.light-theme {
  --font-fam-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  /*-------------------------------------------- top Nav  Start----------------------------------------------- */
  --header-border-col: #052c65;
  --sidebar-coll-btn-bg: #0a58ca;
  --logo-color: white;
  --logo-div-bg-color: #052c65;
  --top-navbar-link-active: #66cdaa;
  --top-navbar-link: #fff;
  --header-bg-color: #052c65;
  --org-name-text-color: #fff;
  --userName-text-color: #000000;
  --header-svg-icon-color: white;
  --userProfile-li-over: #3d8bfd;

  /*-------------------------------------------- top Nav  Start----------------------------------------------- */

  /*-------------------------------------------- sideBar Nav  Start----------------------------------------------- */
  --sidebar-link-col: black;
  --sidebar-header-active: #052c65;
  --sidebar-act-link-color: #fff;
  --sidebar-li-color: #00677f;
  --sidebar-ul-head: #052c65;
  --sidebar-head-font-color: #fff;
  --sideBarHeaderSize: 14px;
  --sideBarHeaderColor: #171a1c;
  /*-------------------------------------------- sideBar Nav End----------------------------------------------- */

  /*-------------------------------------------- Paginator Start----------------------------------------------- */
  --paginator-bg-color: #052c65;
  --paginator-font-color: white;
  /*-------------------------------------------- Paginator End----------------------------------------------- */

  /*-------------------------------------------- Button style Start----------------------------------------------- */
  --btn-bg-color: #084298;
  --btn-hv-bg-color: #9ec5fe;
  --btn-font-color-hv: #810808;
  --btn-dis-bg-color: #9ec5fe;
  --btn-font-color-dis: #810808;
  --btn-bg-focus-color: #9ec5fe;
  --btn-font-color-focus: #810808;
  --btn-act-bg-color: #9ec5fe;
  --btn-font-color-act: #810808;
  --btn-act-focus-bg-color: #084298;
  --btn-font-color-act-focus: #1c0303;
  --btn-bg-dropDown-menu: #052c65;
  /*-------------------------------------------- Button style End----------------------------------------------- */
  /*-------------------------------------------- Search Box style start----------------------------------------------- */
  --search-bg-color: #e9ecef;
  /*-------------------------------------------- Search Box style End----------------------------------------------- */
  /*-------------------------------------------- list Start----------------------------------------------- */

  --list-odd-bg-color: #9ec5fe;
  --list-even-bg-color: #cfe2ff;
  --list-hover-bg-color: #3d8bfd;
  /*-------------------------------------------- list  End----------------------------------------------- */

  --filterPanel-header-bg-color: #052c65;
  --filterPanel-header--color: white;
  --nav-tabs-bg-color: #052c65;
  --nav-tabs-color: white;
  /*-------------------------------------------- table color start----------------------------------------------- */
  --table--head-bg-color: #052c65;
  --table--head--font-color: white;
  --table-odd-row-bg-color: #9ec5fe;
  --table-even-row-bg-color: #cfe2ff;
  --table-row-hov-bg-color: #3d8bfd;
  --table-bdy--font-color: #212529;
  --mui-table-select-header-color: rgba(0, 0, 0, 0.87);
  /*-------------------------------------------- table color end----------------------------------------------- */

  /*-------------------------------------------- icone color start----------------------------------------------- */
  --svg-icon-color: #0a58ca;
  --gly-icon-color: #084298;
  --svg-icon-color-sel: #cdd7e1;
    
  /*-------------------------------------------- gLY-icone Inside Table Button START----------------------------------------------- */
  --btn-gly-bg-col: #052c65;
  --btn-gly-hov-bg-col: #0553c7;
  --gly-color: white;
  /*-------------------------------------------- gLY-icone Inside Table Button End----------------------------------------------- */
  /*-------------------------------------------- icone color End----------------------------------------------- */

  /*-------------------------------------------- VerticalTimeLine color Start----------------------------------------------- */
  --line-color: #052c65;
  --content-bg-color: #0a58ca;
  --content-color: white;
  --arrow-color: #0a58ca;
  --icon-bg-color: #0a58ca;
  --date-color: white;
  /*-------------------------------------------- VerticalTimeLine color End----------------------------------------------- */
  /*-------------------------------------------- FormControl Start----------------------------------------------- */
  --form-control-dis-bg-color: #f0f4f8;
  /*-------------------------------------------- FormControl End----------------------------------------------- */

  /*-------------------------------------------- Heading start----------------------------------------------- */
  --h2-font-color: black;
  --h3-font-color: black;
  --h4-font-color: black;
  --h5-font-color: black;
  /*-------------------------------------------- Heading End----------------------------------------------- */

  /*---------------------------------------------Label start----------------------------------------------- */
  --label-font-color: black;
  --label-font-size: 12px;
  /*---------------------------------------------Label End----------------------------------------------- */
  /*---------------------------------------------Popover Modal start----------------------------------------------- */
  --modal-header-bg: rgba(0, 0, 0, 0.03);
  --modal-footer-bg: rgba(0, 0, 0, 0.03);
  --modal-title-color: #0b6bcb;
  /*---------------------------------------------PopOver Modal End----------------------------------------------- */
  /*---------------------------------------------DropDown start----------------------------------------------- */
  --dropDown-ul-bg: #052c65;
  --dropDown-li-hv-bg: #cfe2ff;
  --dropDown-text-color: whitesmoke;
  --dropDown-text-hv-color: black;
  /*---------------------------------------------DropDown End----------------------------------------------- */
  /*---------------------------------------------Form control start----------------------------------------------- */
  --form-field-placeholder-col: #12467b;
  --form-shadow-focus: rgba(102, 175, 233, 0.6);
  --form-control-empty-bg: #e3effb;
  --form-control-not-empty-bg: #fff;
  --form-save-btn-bg: #084298;
  --form-save-btn-font-color: #fff;
  /*---------------------------------------------Form control End----------------------------------------------- */
  /*---------------------------------------------Gly Button start----------------------------------------------- */
  --bt-gly-bg: #084298;
  --bt-gly-hv-bg: #9ec5fe;
  --bt-gly-dis-bg: #9ec5fe;
  --bt-color-hov: #810808;
  /*---------------------------------------------Gly Button End----------------------------------------------- */
  --dropZone-bg-col: rgba(147, 148, 148, 0.23);
  --sec-bg-col: #6c757d;
  --dropDown-shadow-col: ;
  --dropDown-shadow-table-col: ;
  /*---------------------------------------------Config DropDown start----------------------------------------------- */
  --Config-dropDown-hv-bg: #ffffff00;
  --config-dropDown-hv-color: #00677f;
  /*---------------------------------------------Config DropDown End----------------------------------------------- */
  /*---------------------------------------------Email Schedular start----------------------------------------------- */
  --email-heade-bg: #052c65;
  /*---------------------------------------------Email Schedular End----------------------------------------------- */
  --grid-table-even-bg-color: #ffffff;
  --grid-table-odd-bg-color: #f0f4f8;

  /*---------------------------------------------DataGrid End----------------------------------------------- */
  --mui-table-pagination-select-bg-color: #f0f4f8;
  --mui-table-pagination-select-shadow: rgba(21, 21, 21, 0.08);
  --mui-table-pagination-select-color: #12467b;
  --mui-table-display-row-color: #32383e;
  --mui-table-datagrid-iconButton-color: #e3effb;
  --sideBar-Search-bg-color: #fbfcfe;
  --thumbnail-border-colo: #ddd;
  --mui-input-field-color: #0b6bcb;
  --import-field-bg-color: #e3effb;
  --import-label-color: #32383e;
  --import-title-color: #0b6bcb;
  --import-cont-bg-color: #fbfcfe;
  --import-field-color: #12467b;
  --import-danger-color: #7d1212;
  --import-danger-bg-color: #fce4e4;
  --import-save-dis-color: #ccc;
  --import-save-dis-bg-color: #e3fbe3;
  --import-save-color: rgb(10, 71, 10);
  --import-footer-border-col: rgba(99, 107, 116, 0.3);
  /*---------------------------------------------SideBar Setting Start----------------------------------------------- */
  --Sidebar-h6-color: #171a1c;
  --Sidebar-active-link: #0078bb;

  /*---------------------------------------------SideBar Setting Start----------------------------------------------- */
}
/************************************* Light Theme Configuration End********************************/

/************************************* Dark Theme Configuration Start********************************/

.dark-theme {
  --font-fam-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /*-------------------------------------------- top Nav  Start----------------------------------------------- */
  --header-border-col: #000
    url("./bootstrap_dist_new/bootstrap_dist/img/img_header_brushed_bg_lg.jpg")
    repeat center top;
  --sidebar-coll-btn-bg: black;
  --logo-color: white;
  --logo-div-bg-color: #000
    url("./bootstrap_dist_new/bootstrap_dist/img/img_header_brushed_bg_lg.jpg")
    repeat center top;
  --top-navbar-link-active: #00677f;
  --top-navbar-link: #fff;
  --header-bg-color: #000
    url("./bootstrap_dist_new/bootstrap_dist/img/img_header_brushed_bg_lg.jpg")
    repeat center top;
  --org-name-text-color: #fff;
  --userName-text-color: #000000;
  --header-svg-icon-color: #000000;
  --userProfile-li-over: lightgrey;

  /*-------------------------------------------- top Nav  End----------------------------------------------- */
  /*-------------------------------------------- sideBar Nav  Start----------------------------------------------- */
  --sidebar-header-active: #000000;
  --sidebar-act-link-color: #fff;
  --sidebar-link-col: black;
  --sidebar-li-color: #00677f;
  --sidebar-ul-head: #000000;
  --sidebar-head-font-color: #fff;
  --sideBarHeaderSize: 14px;
  --sideBarHeaderColor: #171a1c;
  /*-------------------------------------------- sideBar Nav End----------------------------------------------- */

  /*-------------------------------------------- Paginator Start----------------------------------------------- */
  --paginator-bg-color: #000000;
  --paginator-font-color: white;
  /*-------------------------------------------- Paginator End----------------------------------------------- */
  /*-------------------------------------------- Search Box style start----------------------------------------------- */
  --search-bg-color: #e9ecef;
  /*-------------------------------------------- Search Box style End----------------------------------------------- */

  /*-------------------------------------------- Button style Start----------------------------------------------- */
  --btn-bg-color: black;
  --btn-hv-bg-color: rgba(0, 0, 0, 0.75);
  --btn-font-color-hv: #fff;
  --btn-dis-bg-color: #000;
  --btn-font-color-dis: #fff;
  --btn-bg-focus-color: rgba(0, 0, 0, 0.75);
  --btn-font-color-focus: #fff;
  --btn-act-bg-color: rgba(0, 0, 0, 0.75);
  --btn-font-color-act: #fff;
  --btn-act-focus-bg-color: #002128;
  --btn-font-color-act-focus: #fff;
  --btn-act-focus-border-color: #000;
  --btn-bg-dropDown-menu: rgba(170, 169, 169);
  /*-------------------------------------------- Button style End----------------------------------------------- */

  /*-------------------------------------------- list Start----------------------------------------------- */
  --list-odd-bg-color: rgba(0, 0, 0, 0.05);
  --list-even-bg-color: #f8f9fa;
  --list-hover-bg-color: rgba(0, 0, 0, 0.075);
  /*-------------------------------------------- list  End----------------------------------------------- */

  --filterPanel-header-bg-color: rgb(0, 103, 127);
  --filterPanel-header--color: white;
  --nav-tabs-bg-color: #00677f;
  --nav-tabs-color: white;
  /*-------------------------------------------- table color Start----------------------------------------------- */
  --table--head-bg-color: black;
  --table--head--font-color: white;
  --table-odd-row-bg-color: rgba(0, 0, 0, 0.05);
  --table-even-row-bg-color: #f8f9fa;
  --table-row-hov-bg-color: rgba(0, 0, 0, 0.075);
  --table-bdy--font-color: #212529;
  --mui-table-select-header-color: #34a0c5;
  /*-------------------------------------------- table color End----------------------------------------------- */
  /*-------------------------------------------- icone color Start----------------------------------------------- */
  --svg-icon-color: #000000;
  --gly-icon-color: #000000;
--svg-icon-color-sel: #cdd7e1;
  
  /*-------------------------------------------- gLY-icone Inside Table Button START----------------------------------------------- */
  --btn-gly-bg-col: #00677f;
  --btn-gly-hov-bg-col: rgba(0, 0, 0, 0.75);
  --gly-color: white;
  /*-------------------------------------------- gLY-icone Inside Table Button End----------------------------------------------- */

  /*-------------------------------------------- icone color End----------------------------------------------- */

  /*-------------------------------------------- VerticalTimeLine color Start----------------------------------------------- */
  --line-color: #000
    url("./bootstrap_dist_new/bootstrap_dist/img/img_header_brushed_bg_lg.jpg")
    repeat center top;
  --content-bg-color: black;
  --content-color: white;
  --arrow-color: black;
  --icon-bg-color: black;
  --date-color: white;
  /*-------------------------------------------- VerticalTimeLine color End----------------------------------------------- */
  /*-------------------------------------------- FormControl Start----------------------------------------------- */
  --form-control-dis-bg-color: #f0f4f8;
  /*-------------------------------------------- FormControl End----------------------------------------------- */

  /*-------------------------------------------- Heading start----------------------------------------------- */
  --h2-font-color: black;
  --h3-font-color: black;
  --h5-font-color: black;
  --h4-font-color: black;
  /*-------------------------------------------- Heading End----------------------------------------------- */

  /*---------------------------------------------Label start----------------------------------------------- */
  --label-font-color: black;
  --label-font-size: 12px;
  /*---------------------------------------------Label End----------------------------------------------- */
  --fontsize: 26px;
  /*---------------------------------------------Popover Modal start----------------------------------------------- */
  --modal-header-bg: rgba(0, 0, 0, 0.03);
  --modal-footer-bg: rgba(0, 0, 0, 0.03);
  --modal-title-color: #0b6bcb;
  /*---------------------------------------------PopOver Modal End----------------------------------------------- */
  /*---------------------------------------------DropDown start----------------------------------------------- */
  --dropDown-ul-bg: whitesmoke;
  --dropDown-li-hv-bg: lightgrey;
  --dropDown-text-color: black;
  /*---------------------------------------------DropDown End----------------------------------------------- */
  /*---------------------------------------------Form control start----------------------------------------------- */
  --form-field-placeholder-col: rgb(0, 103, 127);
  --form-field-font-col: #555;
  --form-shadow-focus: rgba(102, 175, 233, 0.6);
  --form-control-empty-bg: #e3effb;
  --form-control-not-empty-bg: #fff;
  --form-save-btn-bg: #000;
  --form-save-btn-font-color: #fff;
  /*---------------------------------------------Form control End----------------------------------------------- */
  /*---------------------------------------------Gly Button start----------------------------------------------- */
  --bt-gly-bg: black;
  --bt-gly-hv-bg: rgba(0, 0, 0, 0.75);
  --bt-gly-dis-bg: #000;
  --bt-color-hov: #fff;
  /*---------------------------------------------Gly Button End----------------------------------------------- */
  --dropZone-bg-col: rgba(147, 148, 148, 0.23);
  --sec-bg-col: #6c757d;
  --dropDown-shadow-col: ;
  --dropDown-shadow-table-col: ;
  /*---------------------------------------------Config DropDown start----------------------------------------------- */
  --Config-dropDown-hv-bg: #ffffff00;
  --config-dropDown-hv-color: #00677f;
  /*---------------------------------------------Config DropDown End----------------------------------------------- */
  /*---------------------------------------------Email Schedular start----------------------------------------------- */
  --email-heade-bg: black;
  /*---------------------------------------------Email Schedular End----------------------------------------------- */
  --grid-table-even-bg-color: #ffffff;
  --grid-table-odd-bg-color: #f0f4f8;

  /*---------------------------------------------DataGrid End----------------------------------------------- */
  --mui-table-pagination-select-bg-color: #f0f4f8;
  --mui-table-pagination-select-shadow: rgba(21, 21, 21, 0.08);
  --mui-table-pagination-select-color: #12467b;
  --mui-table-display-row-color: #32383e;
  --mui-table-datagrid-iconButton-color: #e3effb;
  --sideBar-Search-bg-color: #fbfcfe;
  --thumbnail-border-colo: #ddd;
  --mui-input-field-color: #0b6bcb;
  --import-field-bg-color: #e3effb;
  --import-label-color: #32383e;
  --import-title-color: #0b6bcb;
  --import-cont-bg-color: #fbfcfe;
  --import-field-color: #12467b;
  --import-danger-color: #7d1212;
  --import-danger-bg-color: #fce4e4;
  --import-save-dis-color: #ccc;
  --import-save-dis-bg-color: #e3fbe3;
  --import-save-color: rgb(10, 71, 10);
  --import-footer-border-col: rgba(99, 107, 116, 0.3);
  /*---------------------------------------------SideBar Setting Start----------------------------------------------- */
  --Sidebar-h6-color: #171a1c;
  --Sidebar-active-link: #0078bb;

  /*---------------------------------------------SideBar Setting Start----------------------------------------------- */
}

/* Dolezych Theme Configuration End */

/************************************* Dolezych Theme Configuration Start********************************/

.orange-theme {
  --font-fam-body: "SST";
  /*-------------------------------------------- top Nav  Start----------------------------------------------- */
  --header-border-col: rgb(255, 102, 0);
  --sidebar-coll-btn-bg: black;
  --logo-color: white;
  --logo-div-bg-color: rgba(255, 255, 255, 1);
  --top-navbar-link-active: rgb(255, 102, 0);
  --top-navbar-link: #222e34;
  --header-bg-color: rgba(255, 255, 255, 1);
  --org-name-text-color: rgb(255, 102, 0);
  --userName-text-color: #000000;
  --header-svg-icon-color: rgb(255, 102, 0);
  --userProfile-li-over: rgba(255, 102, 0, 0.1);
  /*-------------------------------------------- top Nav  End----------------------------------------------- */
  /*-------------------------------------------- sideBar Nav  Start----------------------------------------------- */
  --sidebar-header-active: #222e34;
  --sidebar-act-link-color: #ffffff;
  --sidebar-link-col: #222e34;
  --sidebar-li-color: rgb(255, 102, 0);
  --sidebar-ul-bg-col: rgba(255, 255, 255, 1);
  --sidebar-ul-head: #222e34;
  --sidebar-head-font-color: #ffffff;
  --sideBarHeaderSize: 14px;
  --sideBarHeaderColor: #171a1c;
  /*-------------------------------------------- sideBar Nav End----------------------------------------------- */

  /*-------------------------------------------- Paginator Start----------------------------------------------- */
  --paginator-bg-color: rgba(255, 255, 255, 1);
  --paginator-font-color: #222e34;
  /*-------------------------------------------- Paginator End----------------------------------------------- */
  /*-------------------------------------------- Search Box style start----------------------------------------------- */
  --search-bg-color: rgba(255, 255, 255, 1);
  /*-------------------------------------------- Search Box style End----------------------------------------------- */

  /*-------------------------------------------- Button style Start----------------------------------------------- */
  --btn-bg-color: rgb(34, 46, 52);
  --btn-hv-bg-color: rgb(14, 19, 21);
  --btn-font-color-hv: rgb(255, 255, 255);
  --btn-dis-bg-color: #000;
  --btn-font-color-dis: #fff;
  --btn-bg-focus-color: rgba(0, 0, 0, 0.75);
  --btn-font-color-focus: #fff;
  --btn-act-bg-color: rgba(0, 0, 0, 0.75);
  --btn-font-color-act: #fff;
  --btn-act-focus-bg-color: #002128;
  --btn-font-color-act-focus: #fff;
  --btn-act-focus-border-color: #000;
  --btn-bg-dropDown-menu: rgba(255, 255, 255, 1);
  --id-spec-bt-bg-color: #ff6600;
  /*-------------------------------------------- Button style End----------------------------------------------- */

  /*-------------------------------------------- list Start----------------------------------------------- */
  --list-odd-bg-color: rgba(0, 0, 0, 0.05);
  --list-even-bg-color: #f8f9fa;
  --list-hover-bg-color: rgba(0, 0, 0, 0.075);
  /*-------------------------------------------- list  End----------------------------------------------- */

  --filterPanel-header-bg-color: rgb(255, 133, 51);
  --filterPanel-header--color: rgb(34, 46, 52);
  --nav-tabs-bg-color: rgb(255, 133, 51);
  --nav-tabs-color: rgb(4, 5, 6);
  /*-------------------------------------------- table color Start----------------------------------------------- */
  --table--head-bg-color: rgba(255, 255, 255, 1);
  --table--head--font-color: #222e34;
  --table-odd-row-bg-color: rgb(255, 240, 230);
  --table-even-row-bg-color: white;
  --table-row-hov-bg-color: rgb(255, 209, 179);
  --table-bdy--font-color: rgba(0, 0, 0, 0.75);
  --mui-table-select-header-color: rgba(0, 0, 0, 0.87);
  /*-------------------------------------------- table color End----------------------------------------------- */
  /*-------------------------------------------- icone color Start----------------------------------------------- */
  --svg-icon-color: rgb(255, 102, 0);
  --gly-icon-color: rgb(255, 102, 0);
--svg-icon-color-sel: #cdd7e1;
  
  /*-------------------------------------------- gLY-icone Inside Table Button START----------------------------------------------- */
  --btn-gly-bg-col: #00677f;
  --btn-gly-hov-bg-col: rgba(0, 0, 0, 0.75);
  --gly-color: white;
  /*-------------------------------------------- gLY-icone Inside Table Button End----------------------------------------------- */

  /*-------------------------------------------- icone color End----------------------------------------------- */

  /*-------------------------------------------- VerticalTimeLine color Start----------------------------------------------- */
  --line-color: #000
    url("./bootstrap_dist_new/bootstrap_dist/img/img_header_brushed_bg_lg.jpg")
    repeat center top;
  --content-bg-color: black;
  --content-color: white;
  --arrow-color: black;
  --icon-bg-color: black;
  --date-color: white;
  /*-------------------------------------------- VerticalTimeLine color End----------------------------------------------- */
  /*-------------------------------------------- FormControl Start----------------------------------------------- */
  --form-control-dis-bg-color: rgb(255, 224, 204);
  /*-------------------------------------------- FormControl End----------------------------------------------- */

  /*-------------------------------------------- Heading start----------------------------------------------- */
  --h2-font-color: rgb(255, 102, 0);
  --h3-font-color: rgb(255, 102, 0);
  --h5-font-color: rgb(255, 102, 0);
  --h4-font-color: rgb(255, 102, 0);
  --insrt-h1-color: rgb(255, 102, 0);
  /*-------------------------------------------- Heading End----------------------------------------------- */

  /*---------------------------------------------Label start----------------------------------------------- */
  --label-font-color: rgb(255, 102, 0);
  --label-font-size: 12px;
  /*---------------------------------------------Label End----------------------------------------------- */
  --fontsize: 26px;
  /*---------------------------------------------Popover Modal start----------------------------------------------- */
  --modal-header-bg: rgba(255, 102, 0, 0.05);
  --modal-footer-bg: rgba(255, 102, 0, 0.05);
  --modal-title-color: rgb(255, 102, 0);
  /*---------------------------------------------PopOver Modal End----------------------------------------------- */
  /*---------------------------------------------DropDown start----------------------------------------------- */
  --dropDown-ul-bg: rgba(255, 255, 255, 1);
  --dropDown-li-hv-bg: rgba(255, 102, 0, 0.1);
  --dropDown-text-color: rgb(255, 102, 0);
  --dropDown-text-hv-color: rgb(255, 102, 0);
  /*---------------------------------------------DropDown End----------------------------------------------- */
  /*---------------------------------------------Gly Button start----------------------------------------------- */
  --bt-gly-bg: rgb(255, 148, 77);
  --bt-gly-hv-bg: rgb(255, 102, 0);
  --bt-gly-dis-bg: rgb(255, 179, 128);
  --bt-color-hov: white;
  /*---------------------------------------------Gly Button End----------------------------------------------- */
  --attributeLabel: rgb(255, 102, 0);
  /*---------------------------------------------Form control start----------------------------------------------- */
  --form-field-placeholder-col: rgb(255, 179, 128);
  --form-shadow-focus: rgb(255, 179, 128);
  --form-control-empty-bg: #e3effb;
  --form-control-not-empty-bg: #fff;
  --form-save-btn-bg: #000;
  --form-save-btn-font-color: #fff;
  /*---------------------------------------------Form control End----------------------------------------------- */
  --dropZone-bg-col: rgb(255, 240, 230);
  --sec-bg-col: rgb(255, 133, 51);
  --dropDown-shadow-col: rgb(153, 153, 153);
  --dropDown-shadow-table-col: rgb(153, 153, 153);
  /*---------------------------------------------Config DropDown start----------------------------------------------- */
  --Config-dropDown-hv-bg: rgba(255, 102, 0, 0.1);
  --config-dropDown-hv-color: rgb(255, 102, 0);
  --message-body-font-color: rgb(255, 102, 0);

  /*---------------------------------------------Config DropDown End----------------------------------------------- */

  /*---------------------------------------------Email Schedular start----------------------------------------------- */
  --email-heade-bg: rgb(255, 133, 51);
  /*---------------------------------------------Email Schedular End----------------------------------------------- */
  --grid-table-even-bg-color: #ffffff;
  --grid-table-odd-bg-color: #f0f4f8;

  /*---------------------------------------------DataGrid End----------------------------------------------- */
  --mui-table-pagination-select-bg-color: #f0f4f8;
  --mui-table-pagination-select-shadow: rgba(21, 21, 21, 0.08);
  --mui-table-pagination-select-color: #12467b;
  --mui-table-display-row-color: #32383e;
  --mui-table-datagrid-iconButton-color: #e3effb;
  --sideBar-Search-bg-color: #fbfcfe;
  --thumbnail-border-colo: #ddd;
  --mui-input-field-color: #0b6bcb;
  --import-field-bg-color: #e3effb;
  --import-label-color: #32383e;
  --import-title-color: #0b6bcb;
  --import-cont-bg-color: #fbfcfe;
  --import-field-color: #12467b;
  --import-danger-color: #7d1212;
  --import-danger-bg-color: #fce4e4;
  --import-save-dis-color: #ccc;
  --import-save-dis-bg-color: #e3fbe3;
  --import-save-color: rgb(10, 71, 10);
  --import-footer-border-col: rgba(99, 107, 116, 0.3);
  /*---------------------------------------------SideBar Setting Start----------------------------------------------- */
  --Sidebar-h6-color: #171a1c;
  --Sidebar-active-link: #0078bb;

  /*---------------------------------------------SideBar Setting Start----------------------------------------------- */
}
/* Dolezych Theme Configuration End */