@import url("https://fonts.googleapis.com/css?family=Prompt:400,500,700,300");
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');

@font-face {
    font-family: 'Prompt';
    src: url("https://fonts.googleapis.com/css?family=Prompt:400,500,700,300");
  }

@font-face {
    font-family: 'Nunito';
    src: url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
}

/* hr.vertical {
  position: absolute;
  background-color: transparent;
  height: 100%;
  right: 0;
  top: 0;
  width: 1px;
}

hr.vertical.light {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
}

hr.vertical.dark {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

hr.vertical.gray-light {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

hr.horizontal {
  background-color: transparent;
}

hr.horizontal.light {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
}

hr.horizontal.dark {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

hr.horizontal.gray-light {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
} */


@media (max-width : 607px) 
{
    .text_heard_title2
    {
        font-family: 'Prompt';
        color: #DEECFF !important;
        font-weight: normal !important;
        font-size:0.8rem;
    }

    .icon-color
    {
        color: #B9CCED !important;
    }
}


.col-w-20
{
    width:17%;
}

/* CSS Tooltip */
.tooltip
{
    --bs-tooltip-bg:#69779B;
}
  
.tooltip-inner 
{
    max-width: 1000px !important;
    height: auto;
    font-family: 'Prompt';
    font-size: 0.82rem;
    padding: 10px 15px 10px 20px;
    background: #69779B;
    color: #ffffff;
    border: 1px solid #69779B;
    text-align: left;
    border-radius: 8px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
  
.tooltip.show 
{
    opacity: 1;
}
  
/* End CSS Tooltip */
  
.title_sub_str
{
    height:2rem;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    /* line-height:1.2rem; */
    font-size:0.95rem;
}

.title_sub_str_lg
{
    /* height:2rem!important; */
    line-height:1.8rem!important;
}

.title_sub_data_index
{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.2rem;
    font-size:0.82rem;
}

.title_sub_data_index2
{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.2rem;
    font-size:0.85rem;
}

/* 
.title_sub_str_dashboard
{
    height:14.2rem;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:11;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:0.95rem;
} */

.title_sub_str_dashboard
{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:0.95rem;
}

.title_sub_str_model
{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    /* font-size:0.9rem; */
}

.title_sub_str_label
{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.title_sub_str_label2
{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.2rem;
    font-size:0.80rem;
}

.title_sub_str_lg_dashboard
{
    /* height:2rem!important; */
    line-height:1.4rem!important;
}

.title_sub_str_dashboard2
{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:0.85rem;
}

.text_sub_str
{
    height:2.5rem;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.25rem;
    font-size:0.85rem;
}

.text_sub_str_lg
{
    height:2.8rem!important;
    line-height:1.4rem!important;
}

.manual_img
{
    width: 250px;
    height: 350px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    /* align-items: center;  */
    font-family: 'Prompt';
    /* color:#37589e; */
    font-size: 1rem;
    -webkit-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.manual_img2
{
    width: 250px;
    height: 350px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    /* align-items: center;  */
    font-family: 'Prompt';
    /* color:#5C5470; */
    font-size: 1rem;
    -webkit-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.slick-prev:before,
.slick-next:before {
    color: rgb(145, 145, 165) !important;
}

.logo-company
{
    /* width: auto; */
    height: 70px;
    width:130px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.manual_template
{
    width:130px;
    height: auto;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-EPC
{
    width: 60px;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#5f85ca;
    border-left: 3px solid #8EA7E9;
    font-size: 1.3rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-EPC-modal
{
    width: 80px;
    height: 80px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#5f85ca;
    font-weight: 650;
    border-left: 3px solid #8EA7E9;
    font-size: 1.5rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status_blue1
{
    padding-top:30px;
    padding-left:20px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#5372b6;
    /* color:#5f85ca; */
    /* border-bottom: 3px solid #8EA7E9; */
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status_blue2 
{
    padding-top:8px;
    justify-content: center;
    position: absolute;
    margin-top:-15px;
    width: 50px;
    height: 45px;
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    text-align: center;
    display: flex;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-weight: bold;
    background-color: #5f7cbb;
    border-right: 3px solid #a4beda;
    /* background-color: #6E85B7; */
    /* border-right: 3px solid #8EA7E9; */
    font-size: 1.1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status_green1
{
    padding-top:30px;
    padding-left:20px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#2a8b29;
    /* color:#5f85ca; */
    /* border-bottom: 3px solid #8EA7E9; */
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status_green2 
{
    padding-top:8px;
    justify-content: center;
    position: absolute;
    margin-top:-15px;
    width: 50px;
    height: 45px;
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    text-align: center;
    display: flex;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-weight: bold;
    background-color: #60a75f;
    border-right: 3px solid #B0D9B1;
    /* background-color: #6E85B7; */
    /* border-right: 3px solid #8EA7E9; */
    font-size: 1.1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status_red1
{
    padding-top:30px;
    padding-left:20px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#E43636;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status_red2 
{
    padding-top:8px;
    justify-content: center;
    position: absolute;
    margin-top:-15px;
    width: 50px;
    height: 45px;
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    text-align: center;
    display: flex;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-weight: bold;
    background-color: #CD5656;
    border-right: 3px solid #FF9B9B;
    font-size: 1.1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status_yellow1
{
    padding-top:30px;
    padding-left:20px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#e37813;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status_yellow2 
{
    padding-top:8px;
    justify-content: center;
    position: absolute;
    margin-top:-15px;
    width: 50px;
    height: 45px;
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    text-align: center;
    display: flex;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-weight: bold;
    background-color: #e5921c;
    border-right: 3px solid #FFCF81;
    font-size: 1.1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status1
{
    padding-top:30px;
    padding-left:20px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#2a8b29;
    /* color:#5f85ca; */
    /* border-bottom: 3px solid #8EA7E9; */
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status2 
{
    padding-top:8px;
    justify-content: center;
    position: absolute;
    margin-top:-15px;
    width: 50px;
    height: 45px;
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    text-align: center;
    display: flex;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-weight: bold;
    background-color: #60a75f;
    border-right: 3px solid #B0D9B1;
    /* background-color: #6E85B7; */
    /* border-right: 3px solid #8EA7E9; */
    font-size: 1.1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status3
{
    padding-top:40px;
    padding-left:20px;
    margin-top:-30px;
    margin-right:-30px;
    width: 75px;
    height: 75px;
    background-color: #ffffff;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#2a8b29;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status4
{
    padding-top:10px;
    justify-content: center;
    position: absolute;
    margin-top:-75px;
    width: 55px;
    height: 50px;
    border-top-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    text-align: center;
    display: flex;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-weight: bold;
    background-color: #60a75f;
    border-right: 3px solid #B0D9B1;
    font-size: 1.1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}


.logo-project-status5
{
    padding-top:40px;
    padding-left:20px;
    margin-top:-20px;
    margin-right:-30px;
    width: 65px;
    height: 65px;
    background-color: #ffffff;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#2a8b29;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-project-status6
{
    padding-top:15px;
    justify-content: center;
    position: absolute;
    margin-top:-65px;
    width: 55px;
    height: 55px;
    border-top-left-radius: 40px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    text-align: center;
    display: flex;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-weight: bold;
    background-color: #60a75f;
    border-right: 3px solid #B0D9B1;
    /* background-color: #5EAAA8;
    border-right: 3px solid #A3D2CA; */
    font-size: 1.1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.badge-left_notify
{
    position:absolute;
    margin-top:4px;
    margin-right:2px;
    right:0;
    width: 35px;
    height: 35px;
    background-color: #60a75f;
    border-right: 4px solid #B0D9B1;
    border-top-left-radius: 19px;
    border-bottom-right-radius: 19px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#ffffff;
    font-size: 0.80rem;
    z-index: 1000;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.number_index
{
    width: 45px;
    height: 45px;
    padding-top:10px;
    background-color: #6E85B7;
    border-right: 4px solid #B2C8DF;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    display: inline-block;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#ffffff;
    font-size:1rem;
    z-index: 1000;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.number_model
{
    width: 45px;
    height: 45px;
    margin-left:2px;
    background-color: #6E85B7;
    border-right: 4px solid #B2C8DF;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#ffffff;
    font-size:1rem;
    z-index: 1000;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.user_lang
{
    margin-top:-8px;
    z-index: 1000;
    position:absolute;
}
.logo-EPC-notify
{
    width: 55px;
    height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-left:0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#5f85ca;
    border-left: 3px solid #8EA7E9;
    font-size: 1.2rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-PPA
{
    width: 60px;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#f16363;
    border-left: 3px solid #e28b8e;
    font-size: 1.3rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-PPA-modal
{
    width: 80px;
    height: 80px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#f16363;
    border-left: 3px solid #e28b8e;
    font-weight: 650;
    font-size: 1.5rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-PPA-notify
{
    width: 55px;
    height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-left:0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#f16363;
    border-left: 3px solid #e28b8e;
    font-size: 1.2rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-EPC-PPA
{
    width: 60px;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    line-height: 22px;
    color:rgb(67, 179, 156);
    border-left: 3px solid #62b9a8;
    font-size: 1.1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}


.logo-EPC-PPA-modal
{
    width: 80px;
    height: 80px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    line-height: 22px;
    color:rgb(67, 179, 156);
    border-left: 3px solid #62b9a8;
    font-weight: 650;
    font-size: 1.5rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-EPC-PPA-notify
{
    width: 55px;
    height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-left:0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    line-height: 18px;
    color:rgb(67, 179, 156);
    border-left: 3px solid #62b9a8;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-no
{
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#5571ac;
    font-size: 1.8rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}


.logo-icon
{
    width: 60px;
    height: 60px;
    padding-top: 10px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#6c7383;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-name
{
    width: 60px;
    height: 60px;
    padding-top: 10px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    font-size: 1.7rem;
    color:#5571ac;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-name_notify
{
    width: 50px;
    height: 50px;
    padding-top: 10px;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    font-size: 1.7rem;
    color:#5571ac;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-name_tab
{
    width: 80px;
    height: 60px;
    padding-top: 10px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    font-size: 1.7rem;
    color:#5571ac;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-male
{
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    border-radius: 6px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#5571ac;
    font-size: 1.8rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-female
{
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    border-radius: 6px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#CD5D7D;
    font-size: 1.8rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-all_gender
{
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    border-radius: 6px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#70AF85;
    font-size: 1.3rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

/* .logo-project_status
{
    width: 70px;
    height: 60px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-left: 3px;
    padding-right: 3px;
    align-items: center; 
    font-family: 'Nunito'; 
    font-size: 0.9rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
} */

.logo-project_status
{
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.tab-approach
{
    width:60px;
    border-radius: 8px 8px 0px 0px;
    position:absolute;
    margin-top: -41px;
    margin-left:0px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #6E85B7;
    --bs-btn-border-color: #6E85B7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6E85B7;
    --bs-btn-hover-border-color: #6E85B7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6E85B7;
    --bs-btn-active-border-color: #6E85B7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6E85B7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.logo-percent-approach
{
    width: 60px;
    height: 60px;
    padding-top: 28px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    /* align-items: center;  */
    color:#6E85B7;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.logo-percent-approach-model
{
    width: 60px;
    height: 60px;
    padding-top: 32px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    /* align-items: center;  */
    color:#7c8497;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.tab-secured
{
    width:60px;
    border-radius: 8px 8px 0px 0px;
    position:absolute;
    margin-top: -37px;
    margin-left:0px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #54BAB9;
    --bs-btn-border-color: #54BAB9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #54BAB9;
    --bs-btn-hover-border-color: #54BAB9;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #54BAB9;
    --bs-btn-active-border-color: #54BAB9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #54BAB9;
    --bs-btn-disabled-border-color: #54BAB9;
}

.logo-percent-secured
{
    width: 60px;
    height: 60px;
    padding-top: 28px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    /* align-items: center;  */
    color:#54BAB9;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}


.logo-percent-secured-model
{
    width: 60px;
    height: 60px;
    padding-top: 32px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    /* align-items: center;  */
    color:#54BAB9;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.project_enquiry_dashboardTable td
{
    /* border: 1px solid #DBE3E5; */
    border-right-width:1px;
}

/* .logo-status
{
    width: 90px;
    height: 50px;
    background-color: #838383;
    border-radius: 50px 0px 0px 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding:2px;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-size: 0.8rem;
    line-height: 16px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
} */

.logo-status
{
    width: 90px;
    height: 90px;
    background-color: #838383;
    border-radius: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding:10px;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-size: 0.85rem;
    line-height: 16px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
/* 
.logo-center
{
    width: 50px;
    height: 50px;
    background-color: #8EACCD;
    border-radius: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding:2px;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-size: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
} */


.logo-status-next
{
    width: 90px;
    height: 90px;
    background-color: #6E85B7;
    border-radius: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding:10px;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-size: 0.85rem;
    line-height: 16px;
    box-shadow: rgba(99, 86, 215, 0.3) 0px 1px 2px 0px, rgba(106, 123, 206, 0.15) 0px 1px 3px 1px;
}

/* .logo-status-next
{
    width: 90px;
    height: 50px;
    background-color: #6E85B7;
    border-radius: 0px 50px 50px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding:2px;
    font-family: 'Nunito'; 
    color:#ffffff;
    font-size: 0.8rem;
    line-height: 16px;
    box-shadow: rgba(99, 86, 215, 0.3) 0px 1px 2px 0px, rgba(106, 123, 206, 0.15) 0px 1px 3px 1px;
} */

.next_status
{
    color:#B9C0D5;
    position: absolute;
    margin-top:30px;
    margin-left:8rem;
}

.preview_img
{
    width: 100%;
    /* max-height: 200px; */
    border-radius: 8px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.no_img
{
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Prompt'; 
    color:#6E85B7;
    font-size: 2rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.notification-subtitle
{
    font-family: 'Prompt';
    color:#4E709D;
    font-size:0.85rem;
    font-weight: normal !important;
}

.rounded_end {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0rem !important;
  }


.rounded_start {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

.table_primary
{
    background-color:#5672af; 
    font-family: 'Prompt';
    line-height: 28px;
    font-size: 0.9rem;
    font-weight: normal !important;
}

.table_primary_dashboard
{
    background-color:#5672af; 
    color:#ffffff;
    font-family: 'Nunito';
    line-height: 28px;
    font-size: 0.8rem;
}

.table_primary_modal
{
    background-color:#5672af; 
    font-family: 'Prompt';
    width:auto;
    margin-top:-16px;
    margin-left:-16px;
    margin-right:-16px;
    line-height: 45px;
    font-size: 0.95rem;
    font-weight: normal !important;
    text-align: center;
}

.table_primary_normal
{
    background-color:#5672af;  
    font-family: 'Prompt';
    width:auto;
    margin-top:-16px;
    margin-left:0px;
    margin-right:0px;
    line-height: 45px;
    font-size: 0.95rem;
    font-weight: normal !important;
    text-align: center;
}


.dataTables_paginate {
    display: flex;
    justify-content: center !important;
    padding-top:10px;
    padding-bottom: 10px;
}

.table-no-data
{
    background-color:#F4BFBF !important; 
    font-family: 'Prompt';
    line-height: 23px;
}

.font-table
{
    font-family: 'Prompt';
    color: #666;
    font-weight: normal !important;
    font-size: 0.9rem;
}

.preview-img
{
    border-radius: 5px;
    max-width: 120px;
    max-height: 120px;
}

.preview-banner
{
    border-radius: 5px;
    max-width: 100%;
    max-height: 530px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.swal2-popup
{
    font-family: 'Prompt';
    font-size: 0.90rem !important;
}

.text_box_disabled
{
    background-color:#e9ecef !important; 
    cursor: no-drop;
}


.news_title
{
    font-family: 'Prompt';
    font-size: 0.95rem !important;
    color:#254996;
    margin-bottom: 15px;
}

.news_text
{
    font-family: 'Prompt';
    font-size: 0.85rem !important;
    color:#6b6c6e;
}

/* .swal-title
{
    font-family: 'Prompt';
    font-size: 1.5rem !important;
}

.swal-text
{
    font-family: 'Prompt';
    font-size: 1.2rem !important;
} */

.row-danger
{
    background-color:#FFE6E6;
}

.submenu2
{
    margin-left:-10px;
}

.left_menu_th
{
    font-family: 'Prompt';
    font-size: 0.9rem !important;
    /* color: #666; */
    font-weight: normal !important;
}

.left_sub_menu_th
{
    font-family: 'Prompt';
    font-size: 0.90rem !important;
    color: #666;
    font-weight: normal !important;
}

.left_menu_en
{
    font-family: 'Nunito';
    /* color: #666; */
    font-weight: normal !important;
}

.left_sub_menu_en
{
    font-family: 'Nunito';
    font-size: 0.92rem !important;
    color: #666;
    font-weight: normal !important;
}
.menu_en
{
    font-family: 'Nunito';
    color: #666;
    font-weight: normal !important;
}

.font-Prompt
{
  font-family: 'Prompt';
  /* font-size:0.90rem; */
  font-weight: normal !important;
}

.holiday_dashboard
{
    margin-top: 10px;
    font-family: 'Prompt';
    font-size:0.80rem;
    font-weight: normal !important;
}

.banner-news
{
    width:100%;
    height:auto;
    max-height: 60vh;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.banner-news-all
{
    width:100%;
    height: 31vh;
}

.logo_auth
{
    width:70%;
    height:auto;
    margin-bottom: 7%;
}

.logo_chow
{
    width:75%;
    height:auto;
}

.text_th
{
    font-family: 'Prompt';
    color: #ffffff;
    font-weight: normal !important;
}
.text_form_title
{
    font-family: 'Prompt';
    color:#38639c;
    font-size:0.87rem;
    font-weight: normal !important;
}

.text_form_title_en
{
    font-family: 'Nunito';
    color:#38639c;
    font-size:0.9rem;
    font-weight: normal !important;
}

.text_table
{
    font-family: 'Prompt';
    color:#666;
    font-size:0.90rem;
    font-weight: normal !important;
    vertical-align: middle;
}

.text_table_dashboard
{
    font-family: 'Nunito';
    color:#666;
    font-size:0.85rem;
    font-weight: normal !important;
    vertical-align: middle;
}

.text_form
{
    font-family: 'Prompt';
    color:#666;
    font-size:0.95rem;
    font-weight: normal !important;
}

.title_sub_channel
{
    font-family: 'Nunito';
    margin-bottom: 8px;
    font-size:0.95rem;
    font-weight: bold;
}

.show_time_totals
{
    font-family: 'Nunito';
    font-size:2rem;
    font-weight: bold;
}

.title_sub_channel2
{
    font-family: 'Nunito';
    font-size:0.85rem;
    font-weight: bold;
}

.text_sub_channel
{
    font-family: 'Nunito';
    font-size:1rem;
    font-weight: normal !important;
}

.data_not_found
{
    width:100%;
    height:5vh;
    font-size:1.1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    background-color: #d35f5f;
    color:#ffffff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.text_form2
{
    font-family: 'Prompt';
    color:#5D688A;
    font-size:0.85rem;
    font-weight: normal !important;
}

.text_form3
{
    font-family: 'Prompt';
    color:#737373;
    font-size:0.85rem;
    font-weight: normal !important;
    line-height: 17px;
    margin-top:-10px;
}

.text_model_title
{
   font-weight: 401;
   color: #355185;
}
.text_file_title
{
    font-family: 'Nunito';
    color:#737373;
    font-size:1rem;
    font-weight: normal !important;
    line-height: 17px;
    margin-top:-10px;
}

.text_follow
{
    font-family: 'Prompt';
    color:#737373;
    font-size:0.85rem;
    font-weight: normal !important;
    line-height: 0.1em;
    /* margin-left:20px; */
}

.text_follow_title
{
    font-family: 'Prompt';
    color:#3e9987;
    font-size:1rem;
}

.text_follow_file
{
    font-family: 'Prompt';
    color:#198754;
    font-size:0.95rem;
}

.text-remark
{
    font-family: 'Prompt';
    color: #ED2B2A;
    font-size:0.80rem;
    font-weight: normal !important;
}

.text-required
{
    font-family: 'Prompt';
    color: #ED2B2A;
    font-size:1rem;
    font-weight: normal !important;
}

.text_heard_title2
{
    font-family: 'Prompt';
    color: #435585;
    font-weight: normal !important;
}

.text_heard
{
    font-family: 'Prompt';
    color: #4E709D;
    font-size:1.1rem;
    font-weight: normal !important;
}

.text_model
{
    font-family: 'Prompt';
    color: #19376D;
    font-size:0.92rem;
    line-height: 15px;
    font-weight: normal !important;
}

.text_heard_title
{
    font-family: 'Prompt';
    color: #19376D;
    font-weight: normal !important;
}


.text_heard_dashboard
{
    font-family: 'Prompt';
    color: #526D82;
    font-size:16px;
    font-weight: normal !important;
}

.text_title_status
{
    font-family: 'Nunito';
    font-size:0.90rem;
    font-weight:500 !important;
}

.text_text_status
{
    font-family: 'Nunito';
    color: #526D82;
    font-size:0.82rem;
    font-weight:500 !important;
}

.text_body_status
{
    font-family: 'Nunito';
    font-size:0.85rem;
    font-weight: normal !important;
}


.text_heard_status
{
    font-family: 'Prompt';
    font-size:0.90rem;
    font-weight: normal !important;
}

.text_body_dashboard
{
    font-family: 'Prompt';
    color: #526D82;
    font-size:0.85rem;
    font-weight: normal !important;
}

.text_project_detail
{
    font-family: 'Prompt';
    color: #4E709D;
    font-size:1.1rem;
    font-weight: normal !important;
}

.text_heard2_dashboard
{
    font-family: 'Prompt';
    color: #526D82;
    font-size:0.83rem;
    font-weight: normal !important;
}

.text_body2_dashboard
{
    font-family: 'Prompt';
    color: #526D82;
    font-size:0.82rem;
    font-weight: normal !important;
}


.text_login
{
    font-family: 'Nunito';
    color: #003092;
    font-size:1.2rem;
    font-weight: normal !important;
}

.text_login2
{
    font-family: 'Nunito';
    color: #526D82;
    font-size:0.95rem;
    font-weight: normal !important;
}

.text_normal
{
    font-family: 'Prompt';
    color: #205295;
    font-size:1.1rem;
    font-weight: normal !important;
}

.text_normal2
{
    font-family: 'Prompt';
    color: #59595a;
    font-size:0.9rem;
    font-weight: normal !important;
}

.text-search
{
    color:#60ad90;
    font-weight: normal !important;
}

.text-add
{
    color:#36a734;
    font-weight: normal !important;
}

.text-edit
{
    color:#dd700b;
    font-weight: normal !important;
}

.text-edit2
{
    color:#ec3636;
    font-weight: normal !important;
}

.text-del
{
    color:#df3b3b;
    font-weight: normal !important;
}

.text-reuse
{
    color:#34ab9f;
    font-weight: normal !important;
}

.text-success2
{
    color:#1a987d;
    font-weight: normal !important;
}

.text-success3
{
    color:#179715;
    /* font-weight: 410; */
}
.text-secured
{
    color:#4BAEA0;
    font-weight: normal !important;
}

.text-warn
{
    color:#f4b702;
    font-weight: normal !important;
}

.text-new
{
    color:#6E85B7;
    font-weight: normal !important;
}

.text-status
{
    font-family: 'Nunito'; 
    font-weight:bold;
    font-size:1rem;
}

.text-approve
{
    color:#32AFA9;
    font-family: 'Prompt';
    font-weight: normal !important;
    font-size:0.9rem;
}

.text-login
{
    color:#5a90d5;
    font-weight: normal !important;
}

.title_notify
{
    font-family: 'Prompt';
    color: #0B2F9F;
    font-size:0.82rem;
    font-weight: normal !important;
}

.text_notify
{
    font-family: 'Prompt';
    font-size:0.80rem;
    font-weight: normal !important;
}

.form-wrapper 
{
  display: flex;
  justify-content: center;
  width:100%;
  height:100vh;
}

.form-wrapper2 
{
  display: table;
  height: 100%;
  width: 90%;
  margin-top:-1%;
}

.form-wrapper3
{
  display: table-cell;
  vertical-align: middle;
}

.model_header
{
    background-color : #205295;
    border-color: #205295;
    color:#ffffff !important;
    font-family: 'Prompt';
    font-size: 1rem;
}

.btn-print
{
    position: absolute;
    right:0;
    margin-right: 50px;
}

.btn-qty
{
    position: absolute;
    right:0;
    margin-right: 100px;
    font-size:0.8rem;
}

.btn-to
{
    width:50px;
    height: auto;
    color: #fff;
    font-family: Kanit;
    text-align: center;
    padding-top: 10px;
    background: #235eaa;
}

.btn-color
{
    background-color: rgb(54, 82, 173);
    color:#ffffff;
}

.btn-popup
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #647FBC;
    --bs-btn-border-color: 647FBC;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #647FBC;
    --bs-btn-hover-border-color: #647FBC;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #647FBC;
    --bs-btn-active-border-color: #647FBC;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #647FBC;
    --bs-btn-disabled-border-color: #647FBC;
}

.btn-popup-warning
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #e7b343;
    --bs-btn-border-color: #e7b343;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e7b343;
    --bs-btn-hover-border-color: #e7b343;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e7b343;
    --bs-btn-active-border-color: #e7b343;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e7b343;
    --bs-btn-disabled-border-color: #e7b343;
}

.btn-popup-danger
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #CD5656;
    --bs-btn-border-color: #CD5656;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #CD5656;
    --bs-btn-hover-border-color: #CD5656;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #CD5656;
    --bs-btn-active-border-color: #CD5656;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #CD5656;
    --bs-btn-disabled-border-color: #CD5656;
}

.btn-popup-secondary
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #7882A4;
    --bs-btn-border-color: #7882A4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7882A4;
    --bs-btn-hover-border-color: #7882A4;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7882A4;
    --bs-btn-active-border-color: #7882A4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7882A4;
    --bs-btn-disabled-border-color: #7882A4;
}

.btn-setting
{
    color:#4E709D;
}

.select2-selection__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    height: 43px !important;
}
.select2-selection__arrow {
    height: 43px !important;
}

.btn-search
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #7E8A97;
    --bs-btn-border-color: #7E8A97;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7E8A97;
    --bs-btn-hover-border-color: #7E8A97;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7E8A97;
    --bs-btn-active-border-color: #7E8A97;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7E8A97;
    --bs-btn-disabled-border-color: #7E8A97;
}

.btn-add
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #5EAAA8;
    --bs-btn-border-color: #5EAAA8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5EAAA8;
    --bs-btn-hover-border-color: #5EAAA8;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5EAAA8;
    --bs-btn-active-border-color: #5EAAA8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5EAAA8;
    --bs-btn-disabled-border-color: #5EAAA8;
}

.btn-brown
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #8f8896;
    --bs-btn-border-color: #8f8896;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8f8896;
    --bs-btn-hover-border-color: #8f8896;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8f8896;
    --bs-btn-active-border-color: #8f8896;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8f8896;
    --bs-btn-disabled-border-color: #8f8896;
}

.btn-add-row
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #4BAEA0;
    --bs-btn-border-color: #4BAEA0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4BAEA0;
    --bs-btn-hover-border-color: #4BAEA0;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4BAEA0;
    --bs-btn-active-border-color: #4BAEA0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4BAEA0;
    --bs-btn-disabled-border-color: #4BAEA0;
}


.btn-add-modal
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #79AC78;
    --bs-btn-border-color: #79AC78;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #79AC78;
    --bs-btn-hover-border-color: #79AC78;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #79AC78;
    --bs-btn-active-border-color: #79AC78;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #79AC78;
    --bs-btn-disabled-border-color: #79AC78;
}

.btn-download
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #5e9bd5;
    --bs-btn-border-color: #5e9bd5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5e9bd5;
    --bs-btn-hover-border-color: #5e9bd5;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5e9bd5;
    --bs-btn-active-border-color: #5e9bd5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5e9bd5;
    --bs-btn-disabled-border-color: #5e9bd5;
}

.btn-preview
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #9BB0C1;
    --bs-btn-border-color: #9BB0C1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9BB0C1;
    --bs-btn-hover-border-color: #9BB0C1;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9BB0C1;
    --bs-btn-active-border-color: #9BB0C1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #9BB0C1;
    --bs-btn-disabled-border-color: #9BB0C1;
}

.btn-del-img
{
    width:40px;
    height:40px;
    border-radius: 100%;
    position:absolute;
    margin-top: -15px;
    margin-left:-15px;
    opacity: 0.9;
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF7878;
    --bs-btn-border-color: #FD8A8A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FD8A8A;
    --bs-btn-hover-border-color: #FD8A8A;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FD8A8A;
    --bs-btn-active-border-color: #FD8A8A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FD8A8A;
    --bs-btn-disabled-border-color: #FD8A8A;
}

.btn-news-new
{
    width:auto;
    height:40px;
    border-radius: 5px;
    position:absolute;
    margin-top: 0px;
    margin-left:-5px;
    padding-left:20px;
    font-size:1.1em;
    z-index:1;
    opacity: 0.8;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #2F58CD;
    --bs-btn-border-color: #2F58CD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2F58CD;
    --bs-btn-hover-border-color: #2F58CD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2F58CD;
    --bs-btn-active-border-color: #2F58CD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2F58CD;
    --bs-btn-disabled-border-color: #2F58CD;
}

.btn-save
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #55AD9B;
    --bs-btn-border-color: #55AD9B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55AD9B;
    --bs-btn-hover-border-color: #55AD9B;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55AD9B;
    --bs-btn-active-border-color: #55AD9B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #55AD9B;
    --bs-btn-disabled-border-color: #55AD9B;
}


.tab-project-old
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -55px;
    margin-left:-5px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #7882A4;
    --bs-btn-border-color: #7882A4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7882A4;
    --bs-btn-hover-border-color: #7882A4;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7882A4;
    --bs-btn-active-border-color: #7882A4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7882A4;
    --bs-btn-disabled-border-color: #7882A4;
}

.tab-project-urgent
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -50px;
    margin-left:-5px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.tab-project-normal
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -50px;
    margin-left:-5px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #34ab9f;
    --bs-btn-border-color: #34ab9f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #34ab9f;
    --bs-btn-hover-border-color: #34ab9f;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #34ab9f;
    --bs-btn-active-border-color: #34ab9f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #34ab9f;
    --bs-btn-disabled-border-color: #34ab9f;
}

.tab-leave1
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -50px;
    margin-left:-5px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #4664b8;
    --bs-btn-border-color: #4664b8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4664b8;
    --bs-btn-hover-border-color: #4664b8;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4664b8;
    --bs-btn-active-border-color: #4664b8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4664b8;
    --bs-btn-disabled-border-color: #4664b8;
}

.tab-leave2
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -50px;
    margin-left:-5px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #7F669D;
    --bs-btn-border-color: #7F669D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7F669D;
    --bs-btn-hover-border-color: #7F669D;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F669D;
    --bs-btn-active-border-color: #7F669D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7F669D;
    --bs-btn-disabled-border-color: #7F669D;
}

.tab-leave3
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -50px;
    margin-left:-5px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #CC7351;
    --bs-btn-border-color: #CC7351;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #CC7351;
    --bs-btn-hover-border-color: #CC7351;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #CC7351;
    --bs-btn-active-border-color: #CC7351;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #CC7351;
    --bs-btn-disabled-border-color: #CC7351;
}

.tab-wait
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: 45px;
    margin-left:-2px;
    /* margin-top: -5px;
    margin-left:-5px; */
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #7882A4;
    --bs-btn-border-color: #7882A4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7882A4;
    --bs-btn-hover-border-color: #7882A4;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7882A4;
    --bs-btn-active-border-color: #7882A4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7882A4;
    --bs-btn-disabled-border-color: #7882A4;
}

.tab-wait_logo
{
    width:80px;
    border-radius: 9px 9px 0px 0px;
    position:absolute;
    margin-top: -5px;
    margin-left:0.5px;
    font-size:0.80em;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #7882A4;
    --bs-btn-border-color: #7882A4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7882A4;
    --bs-btn-hover-border-color: #7882A4;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7882A4;
    --bs-btn-active-border-color: #7882A4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7882A4;
    --bs-btn-disabled-border-color: #7882A4;
}

.tab-in_progress
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: 45px;
    margin-left:-5px;
    /* margin-top: -5px;
    margin-left:-5px; */
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #EC8305;
    --bs-btn-border-color: #EC8305;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #EC8305;
    --bs-btn-hover-border-color: #EC8305;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #EC8305;
    --bs-btn-active-border-color: #EC8305;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #EC8305;
    --bs-btn-disabled-border-color: #EC8305;
}

.tab-done
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    /* margin-top: -5px; */
    margin-top: 45px;
    margin-left:-2px;
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #5AA469;
    --bs-btn-border-color: #5AA469;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5AA469;
    --bs-btn-hover-border-color: #5AA469;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5AA469;
    --bs-btn-active-border-color: #5AA469;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5AA469;
    --bs-btn-disabled-border-color: #5AA469;
}

.tab-done_logo
{
    width:80px;
    border-radius: 9px 9px 0px 0px;
    position:absolute;
    margin-top: -5px;
    margin-left:0.5px;
    font-size:0.80em;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #5AA469;
    --bs-btn-border-color: #5AA469;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5AA469;
    --bs-btn-hover-border-color: #5AA469;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5AA469;
    --bs-btn-active-border-color: #5AA469;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5AA469;
    --bs-btn-disabled-border-color: #5AA469;
}
.tab-not-approve
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: 45px;
    margin-left:-8px;
    /* margin-top: -5px;
    margin-left:-5px; */
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e45454;
    --bs-btn-border-color: #e45454;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e45454;
    --bs-btn-hover-border-color: #e45454;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e45454;
    --bs-btn-active-border-color: #e45454;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e45454;
    --bs-btn-disabled-border-color: #e45454;
}

.tab-not-approve_logo
{
    width:80px;
    border-radius: 9px 9px 0px 0px;
    position:absolute;
    margin-top: -5px;
    margin-left:0.5px;
    font-size:0.70em;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e45454;
    --bs-btn-border-color: #e45454;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e45454;
    --bs-btn-hover-border-color: #e45454;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e45454;
    --bs-btn-active-border-color: #e45454;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e45454;
    --bs-btn-disabled-border-color: #e45454;
}

.tab-project-size
{
    width:auto;
    border-radius: 4px;
    position:absolute;
    margin-top: -60px;
    margin-left:-5px;
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity:1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #4665bb;
    --bs-btn-border-color: #4665bb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4665bb;
    --bs-btn-hover-border-color: #4665bb;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4665bb;
    --bs-btn-active-border-color: #4665bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4665bb;
    --bs-btn-disabled-border-color: #4665bb;
}

.tab-project-size-notify
{
    width:auto;
    border-radius: 4px;
    position: relative;
    margin-top: -60px;
    margin-left:-60px;
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity:1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #4665bb;
    --bs-btn-border-color: #4665bb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4665bb;
    --bs-btn-hover-border-color: #4665bb;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4665bb;
    --bs-btn-active-border-color: #4665bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4665bb;
    --bs-btn-disabled-border-color: #4665bb;
}

.tab-project-new
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -55px;
    margin-left:-5px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #4665bb;
    --bs-btn-border-color: #4665bb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4665bb;
    --bs-btn-hover-border-color: #4665bb;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4665bb;
    --bs-btn-active-border-color: #4665bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4665bb;
    --bs-btn-disabled-border-color: #4665bb;
}

.tab-new_owner
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: 45px;
    margin-left:-6px;
    /* margin-top: -5px;
    margin-left:-5px; */
    font-size:0.75em;
    font-family: 'Prompt';
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e38306;
    --bs-btn-border-color: #e38306;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e38306;
    --bs-btn-hover-border-color: #e38306;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e38306;
    --bs-btn-active-border-color: #e38306;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e38306;
    --bs-btn-disabled-border-color: #e38306;
}

.tab-project-status-change
{
    width:60px;
    border-radius: 5px 5px 50px 50px;
    position:absolute;
    margin-top: -32px;
    margin-left:0px;
    font-size:0.70em;
    padding:1px;
    padding-left:1px;
    padding-right:1px;
    z-index:1;
    opacity: 1;
    line-height: 12px;
    cursor: default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #F09319;
    --bs-btn-border-color: #F09319;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #F09319;
    --bs-btn-hover-border-color: #F09319;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #F09319;
    --bs-btn-active-border-color: #F09319;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #F09319;
    --bs-btn-disabled-border-color: #F09319;
}

.tab-project-status-wait
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -55px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #DF7861;
    --bs-btn-border-color: #DF7861;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DF7861;
    --bs-btn-hover-border-color: #DF7861;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DF7861;
    --bs-btn-active-border-color: #DF7861;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #DF7861;
    --bs-btn-disabled-border-color: #DF7861;
}

.tab-project-status-success
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -55px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #55AD9B;
    --bs-btn-border-color: #55AD9B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55AD9B;
    --bs-btn-hover-border-color: #55AD9B;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55AD9B;
    --bs-btn-active-border-color: #55AD9B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #55AD9B;
    --bs-btn-disabled-border-color: #55AD9B;
}

.tab-project-status-secondary
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -55px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #9E9FA5;
    --bs-btn-border-color: #9E9FA5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9E9FA5;
    --bs-btn-hover-border-color: #9E9FA5;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9E9FA5;
    --bs-btn-active-border-color: #9E9FA5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #9E9FA5;
    --bs-btn-disabled-border-color: #9E9FA5;
}

.tab-project-status-reprocess
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -55px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #AD88C6;
    --bs-btn-border-color: #AD88C6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #AD88C6;
    --bs-btn-hover-border-color: #AD88C6;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #AD88C6;
    --bs-btn-active-border-color: #AD88C6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #AD88C6;
    --bs-btn-disabled-border-color: #AD88C6;
}

.tab-user-status
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: 50px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #DF6A6A;
    --bs-btn-border-color: #DF6A6A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DF6A6A;
    --bs-btn-hover-border-color: #DF6A6A;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DF6A6A;
    --bs-btn-active-border-color: #DF6A6A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #DF6A6A;
    --bs-btn-disabled-border-color: #DF6A6A;
}

.tab-project-status-drop
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -55px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e16d6d;
    --bs-btn-border-color: #e16d6d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e16d6d;
    --bs-btn-hover-border-color: #e16d6d;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e16d6d;
    --bs-btn-active-border-color: #e16d6d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e16d6d;
    --bs-btn-disabled-border-color: #e16d6d;
}

.tab-project-new_owner
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -8px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #54BAB9;
    --bs-btn-border-color: #54BAB9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #54BAB9;
    --bs-btn-hover-border-color: #54BAB9;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #54BAB9;
    --bs-btn-active-border-color: #54BAB9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #54BAB9;
    --bs-btn-disabled-border-color: #54BAB9;
}

.tab-wait-approve_notify
{
    position: relative;
    width:auto;
    border-radius: 3px;
    margin-left:9px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #696d6c;
    --bs-btn-border-color: #696d6c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #696d6c;
    --bs-btn-hover-border-color: #696d6c;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #696d6c;
    --bs-btn-active-border-color: #696d6c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #696d6c;
    --bs-btn-disabled-border-color: #696d6c;
}

.tab-approve_notify
{
    position: relative;
    width:auto;
    border-radius: 3px;
    margin-left:9px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #00A388;
    --bs-btn-border-color: #00A388;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00A388;
    --bs-btn-hover-border-color: #00A388;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00A388;
    --bs-btn-active-border-color: #00A388;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00A388;
    --bs-btn-disabled-border-color: #00A388;
}

.tab-approve
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    /* margin-top: -8px;
    margin-left:-5px;
    font-size:0.85em; */
    margin-top: 45px;
    margin-left:-2px;
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #00A388;
    --bs-btn-border-color: #00A388;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00A388;
    --bs-btn-hover-border-color: #00A388;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00A388;
    --bs-btn-active-border-color: #00A388;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00A388;
    --bs-btn-disabled-border-color: #00A388;
}

.tab-table_primary
{
    width:auto;
    border-radius: 0px 5px 5px 0px;
    position:relative;
    font-size:0.90em;
    margin-left:-9px;
    margin-top:-8px;
    padding:1px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #5775b7;
    --bs-btn-border-color: #5775b7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5775b7;
    --bs-btn-hover-border-color: #5775b7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5775b7;
    --bs-btn-active-border-color: #5775b7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5775b7;
    --bs-btn-disabled-border-color: #5775b7;
}

.tab-not_approve
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    /* margin-top: -8px;
    margin-left:-5px;
    font-size:0.85em; */
    margin-top: 45px;
    margin-left:-11px;
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #D24545;
    --bs-btn-border-color: #D24545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D24545;
    --bs-btn-hover-border-color: #D24545;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D24545;
    --bs-btn-active-border-color: #D24545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D24545;
    --bs-btn-disabled-border-color: #D24545;
}

.tab-project-warning
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -8px;
    margin-left:-5px;
    font-size:0.75em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #EF7722;
    --bs-btn-border-color: #EF7722;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #EF7722;
    --bs-btn-hover-border-color: #EF7722;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #EF7722;
    --bs-btn-active-border-color: #EF7722;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #EF7722;
    --bs-btn-disabled-border-color: #EF7722;
}

.tab-primary
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -15px;
    margin-left:-5px;
    font-size:0.85em;
    padding:1px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #6E85B7;
    --bs-btn-border-color: #6E85B7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6E85B7;
    --bs-btn-hover-border-color: #6E85B7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6E85B7;
    --bs-btn-active-border-color: #6E85B7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6E85B7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.tab-send_to
{
    width:auto;
    border-radius: 4px;
    position:absolute;
    margin-top: -12px;
    margin-left:-5px;
    font-size:0.86em;
    font-family: 'Nunito'; 
    padding:1px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #5775b7;
    --bs-btn-border-color: #ACB1D6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #5775b7;
    --bs-btn-hover-border-color: #ACB1D6;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #5775b7;
    --bs-btn-active-border-color: #ACB1D6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #5775b7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.tab-date-calendar
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -10px;
    margin-left:-5px;
    font-size:0.9em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #6E85B7;
    --bs-btn-border-color: #6E85B7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6E85B7;
    --bs-btn-hover-border-color: #6E85B7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6E85B7;
    --bs-btn-active-border-color: #6E85B7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6E85B7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.tab-date-calendar2
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -10px;
    margin-left:-5px;
    font-size:0.9em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #E97777;
    --bs-btn-border-color: #E97777;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E97777;
    --bs-btn-hover-border-color: #E97777;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E97777;
    --bs-btn-active-border-color: #E97777;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E97777;
    --bs-btn-disabled-border-color: #E97777;
}

.logo-calendar
{
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    font-family: 'Nunito'; 
    color:#5571ac;
    font-size: 1.5rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}


.tab-project-secondary
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -8px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #9fa0a0;
    --bs-btn-border-color: #9fa0a0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9fa0a0;
    --bs-btn-hover-border-color: #9fa0a0;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9fa0a0;
    --bs-btn-active-border-color: #9fa0a0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #9fa0a0;
    --bs-btn-disabled-border-color: #9fa0a0;
}

.tab-project-red
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -8px;
    margin-left:-5px;
    font-size:0.7em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #E97777;
    --bs-btn-border-color: #E97777;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E97777;
    --bs-btn-hover-border-color: #E97777;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E97777;
    --bs-btn-active-border-color: #E97777;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E97777;
    --bs-btn-disabled-border-color: #E97777;
}

.tab-project-danger
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -55px;
    margin-left:-5px;
    font-size:0.8em;
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #D45079;
    --bs-btn-border-color: #D45079;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D45079;
    --bs-btn-hover-border-color: #D45079;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D45079;
    --bs-btn-active-border-color: #D45079;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D45079;
    --bs-btn-disabled-border-color: #D45079;
}

.tab-card-primary
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #5775b7;
    --bs-btn-border-color: #ACB1D6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #5775b7;
    --bs-btn-hover-border-color: #ACB1D6;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #5775b7;
    --bs-btn-active-border-color: #ACB1D6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #5775b7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.tab-card-primary2
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    font-family: 'Prompt';
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #4665bb;
    --bs-btn-border-color: #4665bb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4665bb;
    --bs-btn-hover-border-color: #4665bb;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4665bb;
    --bs-btn-active-border-color: #4665bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4665bb;
    --bs-btn-disabled-border-color: #4665bb;
}

.tab-card-success
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #55AD9B;
    --bs-btn-border-color: #55AD9B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55AD9B;
    --bs-btn-hover-border-color: #55AD9B;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55AD9B;
    --bs-btn-active-border-color: #55AD9B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #55AD9B;
    --bs-btn-disabled-border-color: #55AD9B;
}


.tab-card-success_bottom
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    bottom: -10px;
    margin-left:-9px;
    font-size:0.80em;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #55AD9B;
    --bs-btn-border-color: #55AD9B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55AD9B;
    --bs-btn-hover-border-color: #55AD9B;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55AD9B;
    --bs-btn-active-border-color: #55AD9B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #55AD9B;
    --bs-btn-disabled-border-color: #55AD9B;
}

.tab-card-secondary_bottom
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    bottom: -10px;
    margin-left:-9px;
    font-size:0.80em;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #8f8f91;
    --bs-btn-border-color: #8f8f91;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8f8f91;
    --bs-btn-hover-border-color: #8f8f91;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8f8f91;
    --bs-btn-active-border-color: #8f8f91;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8f8f91;
    --bs-btn-disabled-border-color: #8f8f91;
}

.tab-card-danger
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #E97777;
    --bs-btn-border-color: #E97777;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E97777;
    --bs-btn-hover-border-color: #E97777;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E97777;
    --bs-btn-active-border-color: #E97777;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E97777;
    --bs-btn-disabled-border-color: #E97777;
}

.tab-card-warning
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e7a324;
    --bs-btn-border-color: #e7a324;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e7a324;
    --bs-btn-hover-border-color: #e7a324;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e7a324;
    --bs-btn-active-border-color: #e7a324;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e7a324;
    --bs-btn-disabled-border-color: #e7a324;
}

.tab-card-pink
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #D77FA1;
    --bs-btn-border-color: #D77FA1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D77FA1;
    --bs-btn-hover-border-color: #D77FA1;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D77FA1;
    --bs-btn-active-border-color: #D77FA1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D77FA1;
    --bs-btn-disabled-border-color: #D77FA1;
}

.tab-card-brown
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #967E76;
    --bs-btn-border-color: #967E76;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #967E76;
    --bs-btn-hover-border-color: #967E76;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #967E76;
    --bs-btn-active-border-color: #967E76;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #967E76;
    --bs-btn-disabled-border-color: #967E76;
}

.tab-card-purple
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #9B7EBD;
    --bs-btn-border-color: #9B7EBD;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #9B7EBD;
    --bs-btn-hover-border-color: #9B7EBD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #9B7EBD;
    --bs-btn-active-border-color: #9B7EBD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #9B7EBD;
    --bs-btn-disabled-border-color: #9B7EBD;
}

.tab-card-project
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    font-family: 'Prompt';
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #5AA469;
    --bs-btn-border-color: #5AA469;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #5AA469;
    --bs-btn-hover-border-color: #5AA469;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #5AA469;
    --bs-btn-active-border-color: #5AA469;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #5AA469;
    --bs-btn-disabled-border-color: #5AA469;
}


.tab-card-blue1
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    font-family: 'Prompt';
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #063D8c;
    --bs-btn-border-color: #063D8c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #063D8c;
    --bs-btn-hover-border-color: #063D8c;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #063D8c;
    --bs-btn-active-border-color: #063D8c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #063D8c;
    --bs-btn-disabled-border-color: #063D8c;
}

.tab-card-blue2
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    font-family: 'Prompt';
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #2864bb;
    --bs-btn-border-color: #2864bb;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #2864bb;
    --bs-btn-hover-border-color: #2864bb;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2864bb;
    --bs-btn-active-border-color: #2864bb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #2864bb;
    --bs-btn-disabled-border-color: #2864bb;
}

.tab-card-blue3
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    font-family: 'Prompt';
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #2f8bcd;
    --bs-btn-border-color: #2f8bcd;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #2f8bcd;
    --bs-btn-hover-border-color: #2f8bcd;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2f8bcd;
    --bs-btn-active-border-color: #2f8bcd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #2f8bcd;
    --bs-btn-disabled-border-color: #2f8bcd;
}

.tab-card-blue4
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    font-family: 'Prompt';
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #1a97bd;
    --bs-btn-border-color: #1a97bd;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #1a97bd;
    --bs-btn-hover-border-color: #1a97bd;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #1a97bd;
    --bs-btn-active-border-color: #1a97bd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #1a97bd;
    --bs-btn-disabled-border-color: #1a97bd;
}

.tab-card-blue5
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    font-family: 'Prompt';
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #25a79b;
    --bs-btn-border-color: #25a79b;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #25a79b;
    --bs-btn-hover-border-color: #25a79b;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #25a79b;
    --bs-btn-active-border-color: #25a79b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #25a79b;
    --bs-btn-disabled-border-color: #25a79b;
}

.tab-card-purple1
{
    width:auto;
    border-radius: 3px;
    position:absolute;
    margin-top: -14px;
    margin-left:-9px;
    font-size:0.83em;
    font-family: 'Prompt';
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    opacity: 1;
    cursor:default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #625e95;
    --bs-btn-border-color: #625e95;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #625e95;
    --bs-btn-hover-border-color: #625e95;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #625e95;
    --bs-btn-active-border-color: #625e95;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #625e95;
    --bs-btn-disabled-border-color: #625e95;
}

.btn-card-header
{
    width:auto;
    height:auto;
    border-radius: 5px 5px 5px 0px;
    position:absolute;
    margin-top: -25px;
    margin-left:-25px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:1em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    cursor:default;
    --bs-btn-color: #fff;
    --bs-btn-bg: #4561b1;
    --bs-btn-border-color: #4561b1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4561b1;
    --bs-btn-hover-border-color: #4561b1;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4561b1;
    --bs-btn-active-border-color: #4561b1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4561b1;
    --bs-btn-disabled-border-color: #4561b1;
}

.btn-card-header2
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    position:absolute;
    margin-top: -25px;
    margin-left:-17px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:1em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    cursor:default;
    --bs-btn-color: #fff;
    --bs-btn-bg: #4561b1;
    --bs-btn-border-color: #4561b1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4561b1;
    --bs-btn-hover-border-color: #4561b1;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4561b1;
    --bs-btn-active-border-color: #4561b1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4561b1;
    --bs-btn-disabled-border-color: #4561b1;
}

.btn-card-success
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    position:absolute;
    margin-top: -25px;
    margin-left:-48px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    cursor:default;
    --bs-btn-color: #fff;
    --bs-btn-bg: #519f61;
    --bs-btn-border-color: #519f61;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #519f61;
    --bs-btn-hover-border-color: #519f61;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #519f61;
    --bs-btn-active-border-color: #519f61;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #519f61;
    --bs-btn-disabled-border-color: #519f61;
}

.btn-card-dark_pink
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    position:absolute;
    margin-top: -25px;
    margin-left:-48px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    cursor:default;
    --bs-btn-color: #fff;
    --bs-btn-bg: #BA487F;
    --bs-btn-border-color: #BA487F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #BA487F;
    --bs-btn-hover-border-color: #BA487F;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #BA487F;
    --bs-btn-active-border-color: #BA487F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #BA487F;
    --bs-btn-disabled-border-color: #BA487F;
}

.btn-card-warning
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    position:absolute;
    margin-top: 0px;
    margin-left:-48px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    cursor:default;
    --bs-btn-color: #fff;
    --bs-btn-bg: #E7B10A;
    --bs-btn-border-color: #E7B10A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E7B10A;
    --bs-btn-hover-border-color: #E7B10A;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E7B10A;
    --bs-btn-active-border-color: #E7B10A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E7B10A;
    --bs-btn-disabled-border-color: #E7B10A;
}

.btn-card-header-edit
{
    width:auto;
    height:auto;
    border-radius: 5px 5px 0px 5px;
    position:absolute;
    margin-top: -25px;
    right:0px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #7AB2B2;
    --bs-btn-border-color: #7AB2B2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #29ADB2;
    --bs-btn-hover-border-color: #29ADB2;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #29ADB2;
    --bs-btn-active-border-color: #29ADB2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #29ADB2;
    --bs-btn-disabled-border-color: #29ADB2;
}

.btn-card-header-form
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 5px 5px 5px 0px;
    position:absolute;
    margin-top: -25px;
    margin-left:-25px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #3654a7;
    --bs-btn-border-color: #3654a7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3654a7;
    --bs-btn-hover-border-color: #3654a7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3654a7;
    --bs-btn-active-border-color: #3654a7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3654a7;
    --bs-btn-disabled-border-color: #3654a7;
}

.btn-card-header-form2
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 5px 5px 5px 0px;
    position:absolute;
    margin-top: -25px;
    margin-left:-25px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #430F74;
    --bs-btn-border-color: #430F74;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #430F74;
    --bs-btn-hover-border-color: #430F74;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #430F74;
    --bs-btn-active-border-color: #430F74;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #430F74;
    --bs-btn-disabled-border-color: #430F74;
}

.btn-card-header-danger
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 5px 5px 5px 0px;
    position:absolute;
    margin-top: -25px;
    margin-left:-25px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e56f6f;
    --bs-btn-border-color: #e56f6f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e56f6f;
    --bs-btn-hover-border-color: #e56f6f;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e56f6f;
    --bs-btn-active-border-color: #e56f6f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e56f6f;
    --bs-btn-disabled-border-color: #e56f6f;
}

.btn-card-header-danger2
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    position:absolute;
    margin-top: -25px;
    margin-left:-17px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:1em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e56f6f;
    --bs-btn-border-color: #e56f6f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e56f6f;
    --bs-btn-hover-border-color: #e56f6f;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e56f6f;
    --bs-btn-active-border-color: #e56f6f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e56f6f;
    --bs-btn-disabled-border-color: #e56f6f;
}

.btn-card-header-remark
{
    width:auto;
    height:auto;
    border-radius: 5px 5px 0px 5px;
    position:absolute;
    margin-top: -25px;
    right:0px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.75em;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #C62E2E;
    --bs-btn-border-color: #C62E2E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #C62E2E;
    --bs-btn-hover-border-color: #C62E2E;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C62E2E;
    --bs-btn-active-border-color: #C62E2E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #C62E2E;
    --bs-btn-disabled-border-color: #C62E2E;
}

.btn-card-header-urgent
{
    width:auto;
    height:auto;
    border-radius: 5px 5px 0px 5px;
    position:absolute;
    margin-top: -25px;
    right:0px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:1em;
    font-family: 'Nunito'; 
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #B80000;
    --bs-btn-border-color: #B80000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B80000;
    --bs-btn-hover-border-color: #B80000;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B80000;
    --bs-btn-active-border-color: #B80000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #B80000;
    --bs-btn-disabled-border-color: #B80000;
}

.btn-card-header-normal
{
    width:auto;
    height:auto;
    border-radius: 5px 5px 0px 5px;
    position:absolute;
    margin-top: -25px;
    right:0px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:1em;
    font-family: 'Nunito'; 
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #55AD9B;
    --bs-btn-border-color: #55AD9B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55AD9B;
    --bs-btn-hover-border-color: #55AD9B;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55AD9B;
    --bs-btn-active-border-color: #55AD9B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #55AD9B;
    --bs-btn-disabled-border-color: #55AD9B;
}

.card-remark
{
    width:auto;
    height:auto;
    border-radius: 0px;
    right:0px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-right:20px;
    font-size:0.82em;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e85656;
    --bs-btn-border-color: #e85656;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e85656;
    --bs-btn-hover-border-color: #e85656;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e85656;
    --bs-btn-active-border-color: #e85656;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(232, 86, 86, 1);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e85656;
    --bs-btn-disabled-border-color: #e85656;
}

.btn-card-body-remark
{
    width:auto;
    height:auto;
    border-radius: 5px;
    right:0px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.65em;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #C62E2E;
    --bs-btn-border-color: #C62E2E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #C62E2E;
    --bs-btn-hover-border-color: #C62E2E;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C62E2E;
    --bs-btn-active-border-color: C62E2E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #C62E2E;
    --bs-btn-disabled-border-color: #C62E2E;
}

.btn-card-body-remark2
{
    width:auto;
    height:auto;
    border-radius: 5px;
    right:0px;
    padding-left:20px;
    padding-top:20px;
    padding-bottom: 20px;
    padding-right:20px;
    font-size:0.8em;
    text-align: left;
    cursor: default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #B80000;
    --bs-btn-bg: #FFEADD;
    --bs-btn-border-color: #D35D6E;
    --bs-btn-hover-color: #B80000;
    --bs-btn-hover-bg: #FFEADD;
    --bs-btn-hover-border-color: #D35D6E;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #B80000;
    --bs-btn-active-bg: #FFEADD;
    --bs-btn-active-border-color: #D35D6E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #B80000;
    --bs-btn-disabled-bg: #D35D6E;
    --bs-btn-disabled-border-color: #D35D6E;
}

.btn-card-body-remark3
{
    width:auto;
    height:auto;
    border-radius: 5px;
    right:0px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-right:20px;
    font-size:0.8em;
    text-align: left;
    cursor: default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #B80000;
    --bs-btn-bg: #FFEADD;
    --bs-btn-border-color: #D35D6E;
    --bs-btn-hover-color: #B80000;
    --bs-btn-hover-bg: #FFEADD;
    --bs-btn-hover-border-color: #D35D6E;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #B80000;
    --bs-btn-active-bg: #FFEADD;
    --bs-btn-active-border-color: #D35D6E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #B80000;
    --bs-btn-disabled-bg: #D35D6E;
    --bs-btn-disabled-border-color: #D35D6E;
}

.btn-card-body-remark4
{
    width:auto;
    height:auto;
    border-radius: 5px;
    right:0px;
    padding-left:20px;
    padding-top:30px;
    padding-bottom: 30px;
    padding-right:20px;
    font-size:1em;
    text-align: center;
    font-family: 'Prompt';
    cursor: default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #B80000;
    --bs-btn-bg: #FFEADD;
    --bs-btn-border-color: #D35D6E;
    --bs-btn-hover-color: #B80000;
    --bs-btn-hover-bg: #FFEADD;
    --bs-btn-hover-border-color: #D35D6E;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #B80000;
    --bs-btn-active-bg: #FFEADD;
    --bs-btn-active-border-color: #D35D6E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #B80000;
    --bs-btn-disabled-bg: #D35D6E;
    --bs-btn-disabled-border-color: #D35D6E;
}

.btn-card-body-remark5
{
    width:100%;
    height:auto;
    border-radius: 5px;
    right:0px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-right:10px;
    font-size:1em;
    text-align: center;
    font-family: 'Nunito'; 
    cursor: default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #B80000;
    --bs-btn-bg: #FFEADD;
    --bs-btn-border-color: #D35D6E;
    --bs-btn-hover-color: #B80000;
    --bs-btn-hover-bg: #FFEADD;
    --bs-btn-hover-border-color: #D35D6E;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #B80000;
    --bs-btn-active-bg: #FFEADD;
    --bs-btn-active-border-color: #D35D6E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #B80000;
    --bs-btn-disabled-bg: #D35D6E;
    --bs-btn-disabled-border-color: #D35D6E;
}

.btn-card-body-remark6
{
    width:100%;
    height:auto;
    border-radius: 5px;
    right:0px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-right:10px;
    font-size:0.9rem;
    text-align: center;
    font-family: 'Prompt'; 
    cursor: default;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #B80000;
    --bs-btn-bg: #FFEADD;
    --bs-btn-border-color: #D35D6E;
    --bs-btn-hover-color: #B80000;
    --bs-btn-hover-bg: #FFEADD;
    --bs-btn-hover-border-color: #D35D6E;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #B80000;
    --bs-btn-active-bg: #FFEADD;
    --bs-btn-active-border-color: #D35D6E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #B80000;
    --bs-btn-disabled-bg: #D35D6E;
    --bs-btn-disabled-border-color: #D35D6E;
}


.btn-card-header-list
{
    cursor:default;
    width:240px;
    height:auto;
    border-radius: 5px 0px 0px 0px;
    position:absolute;
    margin-top: -24px;
    margin-left:-25px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:1em;
    text-align: left;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 0px, rgba(0, 0, 0, 0.24) 0px 1px 0px; */
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #55679C;
    --bs-btn-border-color: #55679C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55679C;
    --bs-btn-hover-border-color: #55679C;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55679C;
    --bs-btn-active-border-color: #55679C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #55679C;
    --bs-btn-disabled-border-color: #55679C;
}

.btn-card-header-to-do-list
{
    cursor:default;
    width:150px;
    height:auto;
    border-radius: 5px 0px 0px 0px;
    position:absolute;
    margin-top: 0px;
    margin-left:-25px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:1em;
    text-align: left;
    font-family: 'Nunito'; 
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #55679C;
    --bs-btn-border-color: #55679C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #55679C;
    --bs-btn-hover-border-color: #55679C;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #55679C;
    --bs-btn-active-border-color: #55679C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #55679C;
    --bs-btn-disabled-border-color: #55679C;
}

.btn-card-header-count-to_do
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    position:relative;
    margin-top: 0px;
    margin-left:125px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:1.09em;
    font-family: 'Nunito'; 
    z-index:0;
    --bs-btn-color: #fff;
    --bs-btn-bg: #7C93C3;
    --bs-btn-border-color: #7C93C3;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7C93C3;
    --bs-btn-hover-border-color: #7C93C3;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7C93C3;
    --bs-btn-active-border-color: #7C93C3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7C93C3;
    --bs-btn-disabled-border-color: #7C93C3;
}

.btn-card-header-count
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    position:relative;
    margin-top: -32px;
    margin-left:212px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:1.09em;
    font-family: 'Nunito'; 
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 0px, rgba(0, 0, 0, 0.24) 0px 1px 3px; */
    z-index:0;
    --bs-btn-color: #fff;
    --bs-btn-bg: #7C93C3;
    --bs-btn-border-color: #7C93C3;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7C93C3;
    --bs-btn-hover-border-color: #7C93C3;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7C93C3;
    --bs-btn-active-border-color: #7C93C3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7C93C3;
    --bs-btn-disabled-border-color: #7C93C3;
}

.btn-card-header-tab
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    position:absolute;
    margin-top:-10px;
    margin-left:-24px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:1em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #2F58CD;
    --bs-btn-border-color: #2F58CD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2F58CD;
    --bs-btn-hover-border-color: #2F58CD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2F58CD;
    --bs-btn-active-border-color: #2F58CD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2F58CD;
    --bs-btn-disabled-border-color: #2F58CD;
}

.btn-card-sub-tab
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    cursor:default;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-24px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #4561b1;
    --bs-btn-border-color: #4561b1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4561b1;
    --bs-btn-hover-border-color: #4561b1;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4561b1;
    --bs-btn-active-border-color: #4561b1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4561b1;
    --bs-btn-disabled-border-color: #4561b1;
}


.btn-card-sub-tab-primary
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    cursor:default;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-24px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #3654a7;
    --bs-btn-border-color: #3654a7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3654a7;
    --bs-btn-hover-border-color: #2F58CD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2F58CD;
    --bs-btn-active-border-color: #2F58CD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2F58CD;
    --bs-btn-disabled-border-color: #2F58CD;
}

.btn-card-day
{
    width:7rem;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    cursor:default;
    margin-top:0px;
    margin-left:-17px;
    padding-top:7px;
    padding-bottom: 7px;
    font-size:0.95em;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #536baa;
    --bs-btn-border-color: #536baa;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #536baa;
    --bs-btn-hover-border-color: #536baa;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #536baa;
    --bs-btn-active-border-color: #536baa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #536baa;
    --bs-btn-disabled-border-color: #536baa;
}

.btn-card-day-danger
{
    width:7rem;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    cursor:default;
    margin-top:0px;
    margin-left:-17px;
    padding-top:7px;
    padding-bottom: 7px;
    font-size:0.95em;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #cc3636;
    --bs-btn-border-color: #cc3636;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cc3636;
    --bs-btn-hover-border-color: #cc3636;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc3636;
    --bs-btn-active-border-color: #cc3636;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #cc3636;
    --bs-btn-disabled-border-color: #cc3636;
}

.btn-card-sub-tab-danger
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    cursor:default;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-24px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #CD5656;
    --bs-btn-border-color: #CD5656;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #CD5656;
    --bs-btn-hover-border-color: #CD5656;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #CD5656;
    --bs-btn-active-border-color: #CD5656;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #CD5656;
    --bs-btn-disabled-border-color: #CD5656;
}

.btn-card-sub-tab-success
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    cursor:default;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-24px;
    padding-left:20px;
    padding-top:8px;
    padding-bottom: 6px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #059f80;
    --bs-btn-border-color: #059f80;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #059f80;
    --bs-btn-hover-border-color: #059f80;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #059f80;
    --bs-btn-active-border-color: #059f80;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #059f80;
    --bs-btn-disabled-border-color: #059f80;
}


.btn-card-sub-project
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    cursor:default;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-20px;
    padding-left:20px;
    padding-right:20px;
    font-size:0.85em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #6886C5;
    --bs-btn-border-color: #6886C5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6886C5;
    --bs-btn-hover-border-color: #6886C5;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6886C5;
    --bs-btn-active-border-color: #6886C5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6886C5;
    --bs-btn-disabled-border-color: #6886C5;
}

.btn-card-sub-project-search
{
    width:100%;
    height:40px;
    border-radius: 5px 5px 5px 5px;
    cursor:default;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #748DA6;
    --bs-btn-border-color: #748DA6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #748DA6;
    --bs-btn-hover-border-color: #748DA6;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #748DA6;
    --bs-btn-active-border-color: #748DA6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #748DA6;
    --bs-btn-disabled-border-color: #748DA6;
}

.btn-submit-search
{
    width:auto;
    height:42px;
    border-radius: 5px 5px 5px 5px;
    cursor:default;
    font-size:0.9em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #576CBC;
    --bs-btn-border-color: #576CBC;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #576CBC;
    --bs-btn-hover-border-color: #576CBC;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #576CBC;
    --bs-btn-active-border-color: #576CBC;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #576CBC;
    --bs-btn-disabled-border-color: #576CBC;
}

.btn-submit-excel
{
    width:auto;
    height:42px;
    border-radius: 5px 5px 5px 5px;
    cursor:default;
    font-size:0.9em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #68A7AD;
    --bs-btn-border-color: #68A7AD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #68A7AD;
    --bs-btn-hover-border-color: #68A7AD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #68A7AD;
    --bs-btn-active-border-color: #68A7AD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #68A7AD;
    --bs-btn-disabled-border-color: #68A7AD;
}

.btn-excel
{
    width:auto;
    height:auto;
    border-radius: 5px 5px 5px 5px;
    cursor:default;
    font-size:0.8em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #68A7AD;
    --bs-btn-border-color: #68A7AD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #68A7AD;
    --bs-btn-hover-border-color: #68A7AD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #68A7AD;
    --bs-btn-active-border-color: #68A7AD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #68A7AD;
    --bs-btn-disabled-border-color: #68A7AD;
}

.btn-more
{
    width:auto;
    height:auto;
    border-radius: 5px 5px 5px 5px;
    cursor:default;
    font-size:0.8em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #748DA6;
    --bs-btn-border-color: #748DA6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #748DA6;
    --bs-btn-hover-border-color: #748DA6;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #748DA6;
    --bs-btn-active-border-color: #748DA6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #748DA6;
    --bs-btn-disabled-border-color: #748DA6;
}

.btn-card-modal
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-16px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #2F58CD;
    --bs-btn-border-color: #2F58CD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2F58CD;
    --bs-btn-hover-border-color: #2F58CD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2F58CD;
    --bs-btn-active-border-color: #2F58CD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2F58CD;
    --bs-btn-disabled-border-color: #2F58CD;
}


.btn-card-modal2
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-16px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:0.9em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #6E85B7;
    --bs-btn-border-color: #6E85B7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6E85B7;
    --bs-btn-hover-border-color: #6E85B7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6E85B7;
    --bs-btn-active-border-color: #6E85B7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6E85B7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.btn-card-modal3
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-16px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:0.9em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #6E85B7;
    --bs-btn-border-color: #6E85B7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6E85B7;
    --bs-btn-hover-border-color: #6E85B7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6E85B7;
    --bs-btn-active-border-color: #6E85B7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6E85B7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.btn-card-modal4
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-16px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 2px;
    padding-right:20px;
    font-size:0.85em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #647bac;
    --bs-btn-border-color: #647bac;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #647bac;
    --bs-btn-hover-border-color: #647bac;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #647bac;
    --bs-btn-active-border-color: #647bac;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #647bac;
    --bs-btn-disabled-border-color: #647bac;
}

.btn-card-modal5
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-16px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 2px;
    padding-right:20px;
    font-size:0.85em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #907ba4;
    --bs-btn-border-color: #907ba4;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #907ba4;
    --bs-btn-hover-border-color: #907ba4;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #907ba4;
    --bs-btn-active-border-color: #907ba4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #907ba4;
    --bs-btn-disabled-border-color: #907ba4;
}

.btn-card-modal-required
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-16px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.9em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #E7B10A;
    --bs-btn-border-color: #E7B10A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E7B10A;
    --bs-btn-hover-border-color: #E7B10A;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E7B10A;
    --bs-btn-active-border-color: #E7B10A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E7B10A;
    --bs-btn-disabled-border-color: #E7B10A;
}

.btn-card-modal-success
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-16px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.9em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #43aa9e;
    --bs-btn-border-color: #43aa9e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #43aa9e;
    --bs-btn-hover-border-color: #43aa9e;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #43aa9e;
    --bs-btn-active-border-color: #43aa9e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #43aa9e;
    --bs-btn-disabled-border-color: #43aa9e;
}

.btn-card-blue
{
    cursor:default;
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:10px;
    margin-left:0px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom: 5px;
    padding-right:20px;
    font-size:0.9em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #6E85B7;
    --bs-btn-border-color: #6E85B7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6E85B7;
    --bs-btn-hover-border-color: #6E85B7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6E85B7;
    --bs-btn-active-border-color: #6E85B7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6E85B7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.btn-card-sub-tab-row
{
    width:auto;
    height:auto;
    border-radius: 0px 5px 5px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:-12px;
    padding-left:20px;
    padding-top:7px;
    padding-bottom: 7px;
    padding-right:20px;
    font-size:0.95em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #2F58CD;
    --bs-btn-border-color: #2F58CD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2F58CD;
    --bs-btn-hover-border-color: #2F58CD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2F58CD;
    --bs-btn-active-border-color: #2F58CD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2F58CD;
    --bs-btn-disabled-border-color: #2F58CD;
}

.btn-notify-tab
{
    width:auto;
    height:auto;
    border-radius: 0px 4px 4px 0px;
    /* position:absolute; */
    margin-top:-10px;
    margin-left:0px;
    padding-left:10px;
    padding-top:4px;
    padding-bottom:4px;
    padding-right:20px;
    font-size:0.85em;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    z-index:1;
    --bs-btn-color: #fff;
    --bs-btn-bg: #2F58CD;
    --bs-btn-border-color: #2F58CD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2F58CD;
    --bs-btn-hover-border-color: #2F58CD;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2F58CD;
    --bs-btn-active-border-color: #2F58CD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2F58CD;
    --bs-btn-disabled-border-color: #2F58CD;
}

.btn-del-row
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #FD8A8A;
    --bs-btn-border-color: #FD8A8A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FD8A8A;
    --bs-btn-hover-border-color: #FD8A8A;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FD8A8A;
    --bs-btn-active-border-color: #FD8A8A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FD8A8A;
    --bs-btn-disabled-border-color: #FD8A8A;
}

.btn-del-row2
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #B4B4B8;
    --bs-btn-border-color: #B4B4B8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B4B4B8;
    --bs-btn-hover-border-color: #B4B4B8;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B4B4B8;
    --bs-btn-active-border-color: #B4B4B8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #B4B4B8;
    --bs-btn-disabled-border-color: #B4B4B8;
}

.btn-import
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #6E85B7;
    --bs-btn-border-color: #6E85B7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6E85B7;
    --bs-btn-hover-border-color: #6E85B7;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6E85B7;
    --bs-btn-active-border-color: #6E85B7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6E85B7;
    --bs-btn-disabled-border-color: #6E85B7;
}

.btn-export
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #f1a060;
    --bs-btn-border-color: #f1a060;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f1a060;
    --bs-btn-hover-border-color: #f1a060;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f1a060;
    --bs-btn-active-border-color: #f1a060;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f1a060;
    --bs-btn-disabled-border-color: #f1a060;
}

.btn-export-excel
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #6cb596;
    --bs-btn-border-color: #6cb596;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6cb596;
    --bs-btn-hover-border-color: #6cb596;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6cb596;
    --bs-btn-active-border-color: #6cb596;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6cb596;
    --bs-btn-disabled-border-color: #6cb596;
}

.btn-detail
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #B4B4B8;
    --bs-btn-border-color: #B4B4B8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B4B4B8;
    --bs-btn-hover-border-color: #B4B4B8;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B4B4B8;
    --bs-btn-active-border-color: #B4B4B8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #B4B4B8;
    --bs-btn-disabled-border-color: #B4B4B8;
}

.btn-recycle
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #DC8686;
    --bs-btn-border-color: #DC8686;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DC8686;
    --bs-btn-hover-border-color: #DC8686;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DC8686;
    --bs-btn-active-border-color: #DC8686;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #DC8686;
    --bs-btn-disabled-border-color: #DC8686;
}

.btn-reuse
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #51bfba;
    --bs-btn-border-color: #51bfba;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #51bfba;
    --bs-btn-hover-border-color: #51bfba;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #51bfba;
    --bs-btn-active-border-color: #51bfba;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #51bfba;
    --bs-btn-disabled-border-color: #51bfba;
}

.scrollbar-model
{
  /* margin-top: 0px; */
  padding-top:10px;
  position: relative;
  /* padding-left:10px; */
  padding-right: 0px;
  padding-bottom: 10px;
  height:auto;
  max-height:60vh;
  width:100%;
  /*border-radius:3px;*/
  /*border: 1px solid #bfbfbf;*/
  /*background: #fff;*/
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-arrow-color:#ffffff; 
  scrollbar-face-color: #ffffff; 
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-darkshadow-color:#ffffff;
}

.scrollbar-model::-webkit-scrollbar 
{
  width: 3px;
  background-color: #ffffff;
  border-radius: 10px;
}

.scrollbar-model::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.44, #ffffff),
  color-stop(0.72, #ffffff),
  color-stop(0.86, #ffffff)); 
}

.scrollbar-model::-webkit-scrollbar-button 
{
  width: 0;
  height: 0;
  display: none;
}

.scrollbar-model::-webkit-scrollbar-corner 
{
  background-color: transparent;
}


.scrollbar-leave
{
  padding-top:10px;
  position: relative;
  padding-right: 0px;
  padding-bottom: 0px;
  height:auto;
  max-height:40vh;
  width:100%;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-arrow-color:#ffffff; 
  scrollbar-face-color: #ffffff; 
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-darkshadow-color:#ffffff;
}

.scrollbar-leave::-webkit-scrollbar 
{
  width: 3px;
  background-color: #ffffff;
  border-radius: 10px;
}

.scrollbar-leave::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.44, #ffffff),
  color-stop(0.72, #ffffff),
  color-stop(0.86, #ffffff)); 
}

.scrollbar-leave::-webkit-scrollbar-button 
{
  width: 0;
  height: 0;
  display: none;
}

.scrollbar-leave::-webkit-scrollbar-corner 
{
  background-color: transparent;
}


.scrollbar-right_menu
{
  padding-top:10px;
  position: relative;
  padding-right: 0px;
  padding-bottom: 0px;
  height:auto;
  max-height:77vh;
  width:100%;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-arrow-color:#ffffff; 
  scrollbar-face-color: #ffffff; 
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-darkshadow-color:#ffffff;
}

.scrollbar-right_menu::-webkit-scrollbar 
{
  width: 3px;
  background-color: #ffffff;
  border-radius: 10px;
}

.scrollbar-right_menu::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.44, #ffffff),
  color-stop(0.72, #ffffff),
  color-stop(0.86, #ffffff)); 
}

.scrollbar-right_menu::-webkit-scrollbar-button 
{
  width: 0;
  height: 0;
  display: none;
}

.scrollbar-right_menu::-webkit-scrollbar-corner 
{
  background-color: transparent;
}


.scrollbar-table-x
{
  height:auto;
  width:auto;
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-arrow-color:#ffffff; 
  scrollbar-face-color: #ffffff; 
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-darkshadow-color:#ffffff;
}

.scrollbar-table-x::-webkit-scrollbar 
{
  height: 10px;
  background-color: #ffffff;
  border-radius: 10px;
}

.scrollbar-table-x::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, #ffffff),
    color-stop(0.72, #ffffff),
    color-stop(0.86, #ffffff)); 
}

.scrollbar-table-x::-webkit-scrollbar-button 
{
  width: 0;
  height: 0;
  display: none;
}

.scrollbar-table-x::-webkit-scrollbar-corner 
{
  background-color: transparent;
}


.scrollbar-dropdown
{
  padding-top:10px;
  position: relative;
  padding-left:10px;
  padding-right: 0px;
  padding-bottom: 10px;
  height:auto;
  max-height:40vh;
  width:100%;
  /*border-radius:3px;*/
  /*border: 1px solid #bfbfbf;*/
  /*background: #fff;*/
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-arrow-color:blue; 
  scrollbar-face-color: #e7e7e7; 
  scrollbar-3dlight-color: #a0a0a0; 
  scrollbar-darkshadow-color:#888888;
}

.scrollbar-dropdown::-webkit-scrollbar 
{
  width: 3px;
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-dropdown::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.44, #d7dee4),
  color-stop(0.72, #bbd0e0),
  color-stop(0.86, #99c1df)); 
}

.scrollbar-dropdown::-webkit-scrollbar-button 
{
  width: 0;
  height: 0;
  display: none;
}

.scrollbar-dropdown::-webkit-scrollbar-corner 
{
  background-color: transparent;
}


.scrollbar-service
{
  /* margin-top: 0px; */
  padding-top:10px;
  /* padding-left:10px; */
  padding-right: 0px;
  padding-bottom: 10px;
  height:auto;
  max-height:510px;
  width:100%;
  /*border-radius:3px;*/
  /*border: 1px solid #bfbfbf;*/
  /*background: #fff;*/
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-arrow-color:#ffffff; 
  scrollbar-face-color: #ffffff; 
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-darkshadow-color:#ffffff;
}

.scrollbar-service::-webkit-scrollbar 
{
  width: 3px;
  background-color: #ffffff;
  border-radius: 10px;
}

.scrollbar-service::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.44, #ffffff),
  color-stop(0.72, #ffffff),
  color-stop(0.86, #ffffff)); 
}

.scrollbar-service::-webkit-scrollbar-button 
{
  width: 0;
  height: 0;
  display: none;
}

.scrollbar-service::-webkit-scrollbar-corner 
{
  background-color: transparent;
}

.scrollbar-dashboard
{
  /* margin-top: 0px; */
  /* padding-top:10px;
  padding-left:10px;
  padding-right: 10px;
  padding-bottom: 10px; */
  height:40vh;
  width:100%;
  /*border-radius:3px;*/
  /*border: 1px solid #bfbfbf;*/
  /*background: #fff;*/
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-arrow-color:blue; 
  scrollbar-face-color: #e7e7e7; 
  scrollbar-3dlight-color: #a0a0a0; 
  scrollbar-darkshadow-color:#888888;
}

.scrollbar-dashboard::-webkit-scrollbar 
{
  width: 3px;
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-dashboard::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.44, #d7dee4),
  color-stop(0.72, #bbd0e0),
  color-stop(0.86, #99c1df)); 
}

.scrollbar-dashboard::-webkit-scrollbar-button 
{
  width: 0;
  height: 0;
  display: none;
}

.scrollbar-dashboard::-webkit-scrollbar-corner 
{
  background-color: transparent;
}

.scrollbar-holiday
{
  height:65vh;
  width:100%;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-arrow-color:blue; 
  scrollbar-face-color: #e7e7e7; 
  scrollbar-3dlight-color: #a0a0a0; 
  scrollbar-darkshadow-color:#888888;
}

.scrollbar-holiday::-webkit-scrollbar 
{
  width: 3px;
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-holiday::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
  left bottom,
  left top,
  color-stop(0.44, #d7dee4),
  color-stop(0.72, #bbd0e0),
  color-stop(0.86, #99c1df)); 
}

.scrollbar-holiday::-webkit-scrollbar-button 
{
  width: 0;
  height: 0;
  display: none;
}

.scrollbar-holiday::-webkit-scrollbar-corner 
{
  background-color: transparent;
}

.not-hover:hover{
    cursor: pointer;
    background-color: transparent !important;
  }

#cus_map 
{
    height: 510px;
}

#cus_map_modal
{
    width:auto !important;
    height: 305px;
}

#cus_map_modal2
{
    width:auto !important;
    height: 245px;
    margin-top: -48px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

#cus_location
{
    margin-top:-48px;
    height: 322px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

#log_location
{
    margin-top:-48px;
    height: 442px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

#set_map 
{
    height: 400px;
}

#all_cus
{
    height: 700px;
}

#suggest
{
    position:absolute;
    display: none;
    /* color:#6C737E; */
    background-color: #ffffff;
    margin-top:30px;
    padding-left: 20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom: 20px;
    flex-direction: column;
    /* border:1px solid #B7B7B7; */
    z-index: 1000;
    font-family: 'Prompt';
    font-size:0.9rem;
    border-radius: 5px;
    line-height: 30px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.footer-model
{
    background-color: #fdd8d8;
    color: #BD574E;
    font-size: 0.8rem;
}

table .table_detail {
    border-radius: 7px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
   
thead .table_detail th:first-child {
border-top-left-radius: 7px;
}
   
thead .table_detail th:last-child {
   border-top-right-radius: 7px;
}
   
tbody .table_detail tr:last-child :first-child {
border-bottom-left-radius: 7px;
}
   
tbody .table_detail tr:last-child :last-child {
border-bottom-right-radius: 7px;
}

.img-modal
{
    width: auto;
    max-height: 120px;
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

/* text color validate */
.error {
    color: #EF4B4B;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Nunito'; 
}

/* input.invalid 
{
    border-color: red;
} */


/* .water_mark
{
 position:absolute;
 font-size:1.3em;
 transform: rotate(-30deg);
 top:30px;
 right:0px;
 opacity:0.5;
 z-index:99;
 color:rgb(225, 38, 38);
} */

/* .login_bg
{
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
 background-image: url('images/bg.jpg');
 -webkit-background-size: cover;
 background-size: cover;
 width: 100vw;
 height: 100vh;
} */