@font-face {
  font-family: 'Titillium Web';
  src: url('fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('truetype');  
}
html,
body {
  font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
  overscroll-behavior: none;
}
/*** boostrap adjust ***/
.table-dark {
    --bs-table-color: #c0c0c0;
  }
/*** custom color : nav-pill ***/
.treegreen a.active{
  background-color: #198754 !important;
  color: #fff;
}
.treegreen a, .treegreen a:focus, .treegreen a:hover{
  background-color: #fff;
  color: #198754;
}
/* popup msg */
#display_popup {
    font-size:20px;
    cursor:pointer;
}
#popup_box {
    visibility:hidden;
    display:none;
    width:30%;
    background-color:#cbaaaa;
    position:fixed;
    left:35%;
    top:30%;
    border-radius:10px;
    border:2px solid grey;
    box-shadow:0px 0px 10px 0px grey;
    font-family:helvetica;
    z-index: 9999;
}
#popup_box #popup_cancel {
    float:right;
    margin-top:4px;
    margin-bottom:4px;
    margin-right:5px;
    background-color:grey;
    border:none;
    color:white;
    padding:5px;
    border-radius:1000px;
    width:25px;
    border:1px solid #424242;
    box-shadow:0px 0px 10px 0px grey;
    cursor:pointer;
}
#popup_box #popup_text {
    padding:10px;
    clear:both;
    background-color:white;
    color:#6E6E6E;
}
#popup_box #popup_close {
    margin:0px;
    padding:0px;
    width:70px;
    height:30px;
    line-height:30px;
    font-size:16px;
    background-color:grey;
    color:white;
    border:none;
    margin-bottom:10px;
    border-radius:2px;
    cursor:pointer;
}
hr.gr {
    border: 2px solid green;
    border-radius: 2px;
}