:root {
    --main-color: #006633;
    --first-color: #00a650;
    --second-color: #6f9b7a;
    --main2-color: #008833;
    --white-color: white;

    --main-hover-color: #00592c;
    --first-hover-color: #01833e;

    --gray-text-color-light: rgba(0,0,0, 0.7);
    --gray-text-color-dark: #DDDFE0; /* rgba(255,255,255, 0.85);*/

    --gray: #777a77;
    --dark-gray: #383838;
    --gray2: #657381; /* #7C8B99;*/

    --yellow-color: #ffcc33;
    --red-color: red; 

    --danger-color: #58151c;
    --danger-bg-color: #f8d7da;
    --danger-br-color: #f1aeb5;
    
    --c20: #f6fbff;
    --c30: #f4f7fa;
    --c40: #eef1f4;
    --c50: #e3e7eb;
    --c60: #bacad6;
    --c70: #b3b9bf;
    --c80: #7c858e;
    --c90: #252d37;
    --c90-half: rgba(40, 54, 61, .5);

    --bs-success-rgb: #006633;


  }

@font-face { font-family: 'HelveticaNowBold'; src: url('/assets/fonts/HelveticaNow-bold.ttf');  font-display: swap; }
@font-face { font-family: 'HelveticaNowLight'; src: url('/assets/fonts/HelveticaNow-light.ttf');  font-display: swap; }
@font-face { font-family: 'HelveticaNowRegular'; src: url('/assets/fonts/HelveticaNow-regular.ttf');  font-display: swap; }

[data-bs-theme=light] {
    --bs-body-color: rgba(0, 0, 0, 0.65) !important;
}


.textHNB { font-family: 'HelveticaNowBold' !important; }
.textHNR { font-family: 'HelveticaNowRegular' !important; }
.textHNL { font-family: 'HelveticaNowLight' !important; }

.bR { border: 1px solid red !important; }
.bB { border: 1px solid blue !important; }
.bG { border: 1px solid green !important; }

.colGray { color: #6c757d !important; }     
.colLightGray { color: #7f8182 !important; }     
.colGreen { color: #198754 !important; }
.colRed { color: #dc3545 !important; }
.colBlue { color: #0d6efd !important; }
.colWhite { color: white !important; }
.colCadetBlue { color: cadetBlue !important; }

.warningColor   { color: darkRed !important; }
.mainColor      { color: var(--main-color) !important; }
.firstColor     { color: var(--first-color) !important; }
.secondColor    { color: var(--second-color) !important; }
.whiteColor     { color: white !important; }
.grayColor      { color: var(--gray) !important; }
.gray2Color     { color: var(--gray2) !important; }
.darkGrayColor  { color: var(--dark-gray) !important; }
.yellowColor    { color: #ffcc33 !important; }
.redColor       { color: red !important; }
.yellowColor    { color: var(--yellow-color) !important; }
.redColor       { color: var(--red-color) !important; }
.dangerColor    { color: var(--danger-color) !important; }

.bgMain { background-color: var(--main-color) !important; }
/* .bgMain:hover { background-color: var(--first-color) !important; } */

.bgFirst { background-color: var(--first-color) !important; }
.bgSecond { background-color: var(--second-color) !important; }

.dgDanger { background-color: var(--danger-bg-color) !important; }
.brDanger { background-color: var(--danger-br-color) !important;}

.brMain { border: 1px solid var(--main-color) !important; }
.brMain:hover { border: 1px solid var(--first-color) !important; }

.brFirst { border: 1px solid var(--first-color) !important; }
.brSecond { border: 1px solid var(--second-color) !important; }

.brMain2 { border: 2px solid var(--main-color) !important; }
.brFirst2 { border: 2px solid var(--first-color) !important; }
.brSecond2 { border: 2px solid var(--second-color) !important; }

.brMain3 { border: 3px solid var(--main-color) !important; }
.brFirst3 { border: 3px solid var(--first-color) !important; }
.brSecond3 { border: 3px solid var(--second-color) !important; }

.ls11 { letter-spacing: 1.1px !important; }
.ls1 { letter-spacing: 1px !important; }
.ls09 { letter-spacing: 0.9px !important; }
.ls08 { letter-spacing: 0.8px !important; }
.ls07 { letter-spacing: 0.7px !important; }
.ls06 { letter-spacing: 0.6px !important; }
.ls05 { letter-spacing: 0.5px !important; }


.fs15 {font-size:1.5em !important;}
.fs14 {font-size:1.4em !important;}
.fs13 {font-size:1.3em !important;}
.fs12 {font-size:1.2em !important;}
.fs11 {font-size:1.1em !important;}
.fs09 {font-size:0.9em !important;}
.fs08 {font-size:0.8em !important;}
.fs07 {font-size:0.7em !important;}
.fs06 {font-size:0.6em !important;}
.fs05 {font-size:0.5em !important;}


.lds-ripple, .lsd-ripple div { width:150px !important; max-width:150px; }

table.panel_header{border-spacing:0; border-collapse:collapse;}
table.panel_header tr th{height:23px;background-color:#d0dddd;} 
table.panel_header th{font-weight:bold;font-size: 10pt;padding:3px;color:#666666;}
table.panel_header th.action{font-weight:bold;font-size: 10pt;padding:0;padding-right:3px;padding-left:3px;}
table.panel_header th a{color:#666666;text-decoration:none}
table.panel_header th a:hover{text-decoration:underline}
table.panel_header td{font-size: 10pt;padding:0}

div.panel_header{font-weight:bold;text-align:center;font-size:10pt;padding:6px;color:#666666;height:17px;background-color:#d0dddd;} 
td.panel_header{font-weight:bold;text-align:center;font-size:10pt;padding:6px;color:#666666;height:17px;background-color:#d0dddd;} 

div.panel_header2 {font-weight:bold; text-align:center; font-size:14pt; padding:6px; color:#666666;background-color:#d0dddd; margin:0px;} 

table.list{table-layout:fixed;border-spacing:0; border-collapse:collapse; margin:auto}
table.list tr th{height:23px;background-color:#d0dddd;background-position:bottom;} 
table.list tr.r2 th{height:28px;background-color:#d0dddd;} 
table.list th{font-weight:bold;font-size: 10pt;padding:3px;color:#666666;text-align:center}
table.list th.action{font-weight:bold;font-size: 10pt;padding:0;padding-right:3px;padding-left:3px;}
table.list tr th.dark { background-color: #b2c8c8 !important; }
table.list td{padding:2px 5px 2px 5px;border-right:solid 1px #d0dddd}
table.list td.nob{padding:2px 5px 2px 5px;border-right:none}
table.list td.tbr, table.list th.tbl { border-left:1px solid #6d9696;}
table.list td.tbr, table.list th.tbr { border-right:1px solid #6d9696;}
table.list td.tbb, table.list th.tbb { border-bottom:1px solid #6d9696;}
table.list td.action{padding:0;padding-right:5px;padding-left:5px;white-space: nowrap;border-right:none}
table.list tr td:hover{background-color:#eeeeee;cursor:hand;cursor:pointer;}
table.list tr td.noh:hover{background-color:inherit;cursor:hand;cursor:pointer;}
table.list tr td.noh {border:none !important;}
table.list tr td.calBox {border:1px solid #999 !important;}
table.list tr.noh td:hover{background-color:inherit;cursor:hand;cursor:pointer;}
table.list tr td.gbkg{background-color:#eeeeee;}
table.list tr td.bbT{border-bottom:1px solid #d0dddd !important;}
table.list tr.row td.first{}
table.list tr.row2 td.first{}
table.list tr.row:hover td{background-color:#dddddd !important; cursor:hand; cursor:pointer;}

table.list tr.row2:hover td{border-bottom:1px solid #467475 !important; cursor:hand; cursor:pointer;}
table.list tr.row:hover td.first{}
table.list tr.rowi td.first{width:auto;}
table.list tr.rowi:hover td{background-color:#eeeeee;cursor:hand;cursor:pointer;}
table.list tr.rowi:hover td.first{}
table.list tr.norow td {background-color:transparent; cursor:default;}
table.list tr td.norow {background-color:transparent !important; cursor:default !important;}
table.list tr.rows td { background-color:#d4e5e6; }
table.list tr.selected {background-color:#eeeeee;cursor:hand;cursor:pointer;}
table.list tr.selectedHi {background-color:#cccccc;cursor:hand;cursor:pointer;}
table.list tr.selected td.first{}
table.list tr.disabled td, table.list tr.disabled td a{color:#aaaaaa}
table.list tr.check td, table.list tr.check td a{color:#ff0000;font-style: italic}
table.list tr.red td, table.list tr.red td a, .error{color:#ff0000;}
table.list td.lock{background:url('../images/lock.gif') no-repeat left center; padding-left:15px}
td.selected {background-color:#eeeeee;}
table.list tr#space {border-bottom:1px dashed #d0dddd;}
table.list tr#line {border-bottom:1px solid #d0dddd;}
table.list tr.blank td:hover{background-color:#ffffff;}
table.list tr.rowLine {border-bottom:0.5px solid lightGray;}
table.list tr.padding5 td {padding:5px !important;}

table.list table{table-layout:normal;border-spacing:0; border-collapse:collapse;margin:auto}
table.list table td{padding:2px 5px 2px 5px;border:none}

table.list2 tr th{height:18px;font-weight:normal;padding:1px;color:#ffffff}
table.list2 tr td{padding:1px 0 1px 0;border-right:none;}

table.list3 tr th{}
table.list3 tr td{background-color:#ffffff; border-right:solid 1px #d0dddd; spadding-left:2px; spadding-right:2px;}
table.list3 tr td.nob{border-right:none }

table.list4 tr th{font-weight:normal}
table.list5 tr td{padding-left:4px; padding-right:4px;font-weight:normal; border-bottom:solid 1px #d0dddd;}
table.list5 tr td:hover{background:none}

table.list tr td.filter {border-right:1px solid CadetBlue; border-left:1px solid CadetBlue;}

[data-bs-theme=dark] .body-wrapper, 
[data-bs-theme=dark] .noUi-handle, 
[data-bs-theme=dark] .noUi-tooltip, 
[data-bs-theme=dark] .side-mini-panel, 
[data-bs-theme=dark] .side-mini-panel .mini-nav, 
[data-bs-theme=dark] .side-mini-panel .mini-nav .mini-nav-item>a {
    /* background: #1b1f26 !important;  */
}

[data-bs-theme=light] a.title,
[data-bs-theme=light] a.title:hover,
[data-bs-theme=light] .text-color { color:var(--gray-text-color-light); }

[data-bs-theme=dark] a.title,
[data-bs-theme=dark] a.title:hover,
[data-bs-theme=dark] .text-color { color:var(--gray-text-color-dark); }

html[data-layout=horizontal] .body-wrapper>.container-fluid, 
html[data-layout=horizontal] .body-wrapper>.container-lg, 
html[data-layout=horizontal] .body-wrapper>.container-md, 
html[data-layout=horizontal] .body-wrapper>.container-sm, 
html[data-layout=horizontal] .body-wrapper>.container-xl, 
html[data-layout=horizontal] .body-wrapper>.container-xxl { padding-top: 0px !important; }


[data-color-theme=Green_Theme] .form-control:focus {
    border-color: var(--second-color);
    box-shadow: var(--second-color), 0 0 0 .25rem var(--second-color);
}