body {background-color: var(--epac_background_gray)!important;height: 100%!important;}

/* font */
@font-face {font-family: 'FontAwesome';src: url('../library/fontawesome-5.13.1/less/solid.less') format('truetype');}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i');


:root {
    --white: #fff;
    --black: #000;
    --red: #a8000c;
    --epac_gold: #EAC671;
    --epac_gold_2: #9D7D30;
    --epac_main_color: #3b2f22;
    --epac_main_color_2: #685642;
    --epac_background_gray: #f0f0f0;
    --epac_gray: #c4c4c4;
    --epac_gray_2: #969696;
    --epac_gray_3: #4d4d4d;
  }

[list]::-webkit-calendar-picker-indicator {display: none;}:focus {outline: none!important;}
a:hover {text-decoration: none!important;}

#mform {
    height: 100%;
}

tfoot { z-index: 99!important;}

.w-100 {width: 100%!important;}
.w-90 {width: 90%!important;}
.w-80 {width: 80%!important;}
.w-70 {width: 70%!important;}
.w-60 {width: 60%!important;}
.w-50 {width: 50%!important;}
.w-40 {width: 40%!important;}
.w-30 {width: 30%!important;}
.w-20 {width: 20%!important;}
.w-10 {width: 10%!important;}
.w-auto {width: auto!important;}

.w-330px {width: 330px!important;}
.w-260px {width: 260px!important;}
.w-250px {width: 250px!important;}
.w-255px {width: 255px!important;}
.w-245px {width: 245px!important;}
.w-240px {width: 240px!important;}
.w-235px {width: 235px!important;}
.w-220px {width: 220px!important;}
.w-205px {width: 205px!important;}
.w-200px {width: 200px!important;}
.w-195px {width: 195px!important;}
.w-190px {width: 190px!important;}
.w-170px {width: 170px!important;}
.w-140px {width: 140px!important;}
.w-160px {width: 160px!important;}
.w-155px {width: 155px!important;}
.w-120px {width: 120px!important;}
.w-105px {width: 105px!important;}
.w-100px {width: 100px!important;}
.w-90px {width: 90px!important;}
.w-80px {width: 80px!important;}
.w-70px {width: 70px!important;}
.w-60px {width: 60px!important;}
.w-50px {width: 50px!important;}
.w-40px {width: 40px!important;}
.w-35px {width: 35px!important;}
.w-30px {width: 30px!important;}
.w-20px {width: 20px!important;}
.w-10px {width: 10px!important;}


.h-100 {height: 100%!important;}
.h-90 {height: 90%!important;}
.h-80 {height: 80%!important;}
.h-70 {height: 70%!important;}
.h-60 {height: 60%!important;}
.h-50 {height: 50%!important;}
.h-40 {height: 40%!important;}
.h-30 {height: 30%!important;}
.h-20 {height: 20%!important;}
.h-10 {height: 10%!important;}
.h-auto {height: auto!important;}

.mr-0 {margin: 0px!important;}
.mr-l-3,.mr-left-3{margin-left: 3px;}
.mr-l-5,.m-left,.mr-left-5 {margin-left: 5px;}
.mr-l-10,.mr-left-10 {margin-left: 10px;}
.mr-l-15,.mr-left-15 {margin-left: 15px;}
.mr-r-5,.m-right,.mr-right-5 {margin-right: 5px;}
.mr-r-10,.mr-right-10 {margin-right: 10px;}
.mr-r-15,.mr-right-15 {margin-right: 15px;}
.mr-b-5,.mr-bottom-5 {margin-bottom: 5px;}
.mr-b-10,.mr-bottom-10 {margin-bottom: 10px;}
.mr-b-15,.mr-bottom-15 {margin-bottom: 15px;}
.mr-t-3,.mr-top-3 {margin-top: 3px;}
.mr-t-5,.mr-top-5 {margin-top: 5px;}
.mr-t-10,.mr-top-10 {margin-top: 10px;}
.mr-t-15,.mr-top-15 {margin-top: 15px;}

.pd-0 {padding: 0px!important;}
.pd-l-0 {padding-left: 0!important;}
.pd-l-5,.pd-left,.pd-left-5 {padding-left: 5px;}
.pd-l-10,.pd-left-10 {padding-left: 10px;}
.pd-l-15,.pd-left-15 {padding-left: 15px;}
.pd-r-0 {padding-right: 0!important;}
.pd-r-5,.pd-right,.pd-right-5 {padding-right: 5px;}
.pd-r-10,.pd-right-10 {padding-right: 10px;}
.pd-r-15,.pd-right-15 {padding-right: 15px;}
.pd-b-5,.pd-bottom-5 {padding-bottom: 5px;}
.pd-b-10,.pd-bottom-10 {padding-bottom: 10px;}
.pd-b-15,.pd-bottom-15 {padding-bottom: 15px;}
.pd-t-5,.pd-top-5 {padding-top: 5px;}
.pd-t-10,.pd-top-10 {padding-top: 10px;}
.pd-t-15,.pd-top-15 {padding-top: 15px;}
.pd-lr-15 {padding-left: 15px;padding-right: 15px;}

.ab-top-0 {top:0px;}

.inline-flex { display: inline-flex!important;}
.flex { display: flex!important;}
.inline-block { display: inline-block!important;}
.relative { position: relative!important;}
.absolute { position: absolute!important;}
.sticky { position: sticky!important;position:-webkit-sticky!important;}
.fixed { position: fixed!important;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
@media only screen and (max-width: 630px) {.text-right {text-align: left;}}

.title-blue {color: #28223B!important;}
.title-brown {color: #3b2f22!important;}
.font-white {color: #fff;}
.font-red,.font-red:disabled{color: var(--red);}
.font-gray1,.font-a7a7a7 {color: #a7a7a7!important;}
.font-brown-1 {color: var(--epac_main_color_2)!important;}

.font-12 {font-size: 12px;}
.font-8 {font-size: 8px;}

.border-red {border-color: var(--red)!important;}
.border-radius-8800 {border-radius: 8px 8px 0px 0px !important;}
.border-radius-0888 {border-radius: 0px 8px 8px 8px !important;}
.border-radius-0800 {border-radius: 0px 8px 0px 0px !important;}
.border-radius-8000 {border-radius: 8px 0px 0px 0px !important;}
.border-radius-0080 {border-radius: 0px 0px 8px 0px !important;}
.border-radius-0008 {border-radius: 0px 0px 0px 8px !important;}
.border-radius-4400 {border-radius: 4px 4px 0px 0px !important;}
.border-radius-0444 {border-radius: 0px 4px 4px 4px !important;}
.border-radius-0400 {border-radius: 0px 4px 0px 0px !important;}
.border-radius-4000 {border-radius: 4px 0px 0px 0px !important;}
.border-radius-0040 {border-radius: 0px 0px 4px 0px !important;}
.border-radius-0004 {border-radius: 0px 0px 0px 4px !important;}

.border-t-0 {border-top:none !important;}


.col-total {background-color: #fffaec!important;}
.gold-bg {background-color: var(--epac_gold);}
.white-bg {background-color: #fff;}
.bg-fill-1 {background: #f4f4f4;}
.bg-modal-1 {background: #3b2f22;opacity: 0.3;}
.bg-epac_gray_2 {background-color: var(--epac_gray_2)!important;}

.text-v-middle {vertical-align: middle;}
.obj-middle {position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%) ;}

.mr-lr-auto {margin-left: auto;margin-right: auto;}



.vertical-divider {border-left: solid 2px #f0f0f0;height: 100%;}
.form-divider {border-left: solid 2px #f0f0f0;}

/* public topbar left-sidebar */
.pub-leftbar-con{height: 100%;background-color: #fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);z-index: 9999;left:0;}
.pub-leftbar-nav-link {text-decoration: none;padding: 8px 15px;align-items: center;border-top: 1px solid #f0f0f0 ;}
.pub-leftbar-nav-link-icon-con {padding: 8px 4px;position: relative;min-height: 40px;min-width: 40px;margin-left: 8px;}
.pub-leftbar-nav-link-icon-con svg, .pub-leftbar-nav-link-icon-con img{position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%) ;}
.epac_menu_active_icon svg,.epac_menu_active_icon img {filter: invert(78%) sepia(55%) saturate(365%) hue-rotate(355deg) brightness(97%) contrast(90%);}
.pub-leftbar-nav-link-text-con {padding: 8px 4px;position: relative;min-height: 40px;color: #3b2f22;}
.circle-nav-btn {border-radius: 50%;border: solid 1px #3b2f22;width: 40px;height: 40px;position: relative;margin: 10px 0px;}
.circle-nav-btn img,.circle-nav-btn svg {position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%) ;padding:5px;}
.navbar-toggler-icon {width: 1em!important;height: 1em!important;}
.navbar-btn-close {border: solid 1px #c4c4c4;border-radius: 4px;padding: 2px 18px;}
#epac-main-container {background-color: #f0f0f0;}
.pub-leftbar-nav-link:hover {transform: scale(1.1);transform-origin:50% 100%;transition:  all .23s;}
.epac-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
@media (min-width:993px){.epac-modal-content{width:900px}.epac-hide-large{display:none!important}.epac-sidebar.epac-collapse{display:block!important}}
@media (max-width:992px){.epac-sidebar.epac-collapse{display:none}.epac-main{margin-left:0!important;margin-right:0!important}.epac-auto{max-width:100%}}

/* bar-block */
.epac-bar-block .epac-dropdown-hover,.epac-bar-block .epac-dropdown-click{width:100%}
.epac-bar-block .epac-dropdown-hover .epac-dropdown-content,.epac-bar-block .epac-dropdown-click .epac-dropdown-content{min-width:100%}
.epac-bar-block .epac-dropdown-hover .epac-button,.epac-bar-block .epac-dropdown-click .epac-button{width:100%;text-align:left;padding:8px 16px}
.epac-bar-block .epac-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.epac-bar-block.epac-center .epac-bar-item{text-align:center}.epac-block{display:block;width:100%}

/* animate */
.epac-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.epac-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.epac-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.epac-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.epac-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.epac-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.epac-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
/* daterangepicker */
.btn-primary {background-color:#685642!important;border-color:   #685642!important;color: #fff!important;border-radius: 4px!important;;}
.daterangepicker td.active {background-color: #685642!important;}
.daterangepicker td.in-range {background-color: #f0f0f0!important;}
.daterangepicker td.end-date, .daterangepicker td.start-date{background-color: #685642!important;}
.daterangepicker td.end-date:hover, .daterangepicker td.start-date:hover {background-color: #685642!important;}
.daterangepicker .ranges li.active {background-color: #685642!important;}
.daterangepicker .today {background-color: #e9c46a!important;color: #fff!important;}
/* end */

/* Home Menu */
.Home_Menu_card {padding: 8px!important;width: 100%;}
.Home_Menu_card:hover {transform: scale(1.03);transition: all .23s;}
.Home_Menu_card:hover div {color: var(--epac_gold);transition: all .1s;}
.Home_Menu_card:hover img {filter: invert(78%) sepia(55%) saturate(365%) hue-rotate(355deg) brightness(97%) contrast(90%);}
#Home_Menu_con .Home_Menu_card_con{background: #fff;box-shadow: 0px 2px 4px rgb(0 0 0 / 4%);border-radius: 8px;display: flex;}
.Home_Menu_card_icon_con{padding: 10px;position: relative; height:127px;width: 36%;}
.Home_Menu_card_icon_con img{position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%) ;}
.Home_Menu_card_text_con{padding: 10px;position: relative; height:127px;width: 64%;align-items: center;}
.Home_Menu_card_text_title{font-weight: 700;color: var(--epac_main_color);}
.Home_Menu_card_text_desc{color: var(--epac_gray);font-size: 11px;}

/* pub */
.epac-white-card {border-radius: 8px;background-color: #fff;display: flex;align-items: center;}
.epac-card-icon-con {width:100px;height: 100px;}
.epac-card-text-con {padding-left:25px;padding-right:25px;}
.epac-card-title {font-weight: bolder;};

/* dropdown */
.dropdown-menu button:hover {background-color: #f0f0f0;}
/* tform */
@media (min-width: 767px) {
    .row .tform-divide-l{padding-right: 0!important;}
    .row .tform-divide-r{padding-left: 0!important;}
}
.tform_tabcontent {display: none;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
.tform_tablinks {transition:.23s;background: rgb(248, 248, 248);color: var(--epac_gray);padding: 8px 25px;font-size: 12px;font-weight: 900;margin: 0px;border-radius: 8px 8px 0px 0px}
.tform_tablinks:hover {color:var(--epac_gray_2);}
.tform_tablinks_btn {transition:.23s;background: rgb(248, 248, 248);color: var(--epac_main_color_2);padding: 8px 25px;font-size: 12px;font-weight: 900;margin: 0px 0px 5px 0px;border-radius: 8px}
.tform_tablinks_btn:hover {color: var(--epac_gold_2);}
.tform-active {background: #fff!important;text-decoration: underline;font-weight: 900;color: var(--epac_gold)!important;}
.tform-con .tform-dropdown-btn-con:nth-child(1){padding-top: 8px;}
.tform-dropdown-btn-con{padding: 2px 0px;}
.tform-dropdown-btn {border-radius:4px;background-color: var(--epac_gray);color: #fff;font-size: 10px;padding:10px 20px;width: 100%;font-weight: 700;}
.tform-dropdown-content {border: 1px solid #c4c4c4;border-radius:4px;padding: 0px 15px;}

/* historical log */
#Hislog {overflow-y: scroll;max-height: 350px;height: 350px;}
.hislog {color: var(--epac_gray_2)!important;font-weight: 400!important;}
.hislog-time {color: var(--epac_gray_2);font-size: 10px;font-weight: 400!important;margin-top: 5px;}
.hislog-fieldname {color: var(--epac_gray_3)!important;font-weight: 400!important;text-decoration: underline; text-decoration-color: var(--epac_gray_2);}
.hislog-fil-btn {color: #888888;font-size: 13px;padding: 3px 10px;border-radius: 35px;border:2px #fff solid;margin-right: 3px;}
#his-post-btn{color: #fff;font-size: 13px;padding: 3px 25px 3px 10px;margin-left: 5px;border-radius: 35px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.191' height='9.194' viewBox='0 0 9.191 9.194'%3E%3Cpath id='solid_paper-plane' data-name='solid paper-plane' d='M8.556.027.234,4.828A.431.431,0,0,0,.274,5.6l1.908.8L7.34,1.859a.108.108,0,0,1,.154.149L3.17,7.277V8.722a.431.431,0,0,0,.763.284l1.14-1.388,2.237.937A.432.432,0,0,0,7.9,8.228L9.195.473A.431.431,0,0,0,8.556.027Z' transform='translate(-0.01 0.031)' fill='%23fff'/%3E%3C/svg%3E%0A");    background-repeat: no-repeat;  background-position-x: calc(100% - 10px);background-position-y: 50%;}
/* avatar */
.avatar-round {
    border-radius: 50%;
    border: 1px solid var(--epac_main_color_2);
    background: var(--white);
}
select:disabled {background-color: #F0F0F0; -webkit-text-fill-color: #727272; /* 1. sets text fill to current `color` for safari */}
input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder {
    -webkit-text-fill-color: #727272; /* 1. sets text fill to current `color` for safari */
    opacity: 1; /* 2. correct opacity on iOS */
    background-color: #F0F0F0;
  }

input:read-only, textarea:read-only, input:read-only::placeholder, textarea:read-only::placeholder {
-webkit-text-fill-color: #727272; /* 1. sets text fill to current `color` for safari */
opacity: 1; /* 2. correct opacity on iOS */
background-color: #F0F0F0;
}

input[type="submit"]:read-only, textarea:read-only, input[type="submit"]:read-only::placeholder, textarea:read-only::placeholder {
    -webkit-text-fill-color:unset; /* 1. sets text fill to current `color` for safari */
    opacity: 1; /* 2. correct opacity on iOS */
    background-color: unset;
}

input:focus,select:focus,.form-control:focus {
    border-color:#3b2f22!important;
    outline: none!important;
    box-shadow :none!important;
}

*:read-only:focus {
    border-color:none!important;
    }

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
}
.hide {
    display: none;
}

label {
    margin-bottom: 0px!important;
}

a {
    text-decoration: unset!important;
    color: unset!important;
}

a.ar-link:hover {
    text-decoration: underline!important;
    color: #E9C46A!important;
}

a.underline {
    text-decoration: underline!important;
}

.underline {
    text-decoration: underline!important;
}

.hover-underline:hover {
    text-decoration: underline!important;
}


.disabled {
    display: none;
}

.eror-mssg {
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 14px;
}
.div-vh-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.div-v-center {
    margin: 0;
    position: absolute;
    left: 50%;
    top:0;
    transform: translate(-50%, 0%);
}

.mr-lr-auto {
    margin-left: auto;
    margin-right: auto;
}

.eror-mssg:before {
    content:"\00a0\00a0\00a0\00a0\00a0";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.2' height='14.2' viewBox='0 0 14.2 14.2'%3E%3Cpath id='solid_plus-circle' data-name='solid plus-circle' d='M13.02,8a5.02,5.02,0,1,0,5.02,5.02A5.019,5.019,0,0,0,13.02,8Zm2.915,5.587a.244.244,0,0,1-.243.243H13.83v1.862a.244.244,0,0,1-.243.243H12.453a.244.244,0,0,1-.243-.243V13.83H10.348a.244.244,0,0,1-.243-.243V12.453a.244.244,0,0,1,.243-.243h1.862V10.348a.244.244,0,0,1,.243-.243h1.134a.244.244,0,0,1,.243.243v1.862h1.862a.244.244,0,0,1,.243.243Z' transform='translate(7.1 -11.314) rotate(45)' fill='%23c30'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 3px;
}

.clickable-row:hover {
    cursor: pointer;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d0cfcf;
    font-weight: lighter;
    font-style: italic;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d0cfcf;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #d0cfcf;
  }
  ::-webkit-calendar-picker-indicator { opacity: 0; }

hr {
    margin: 0px 20px 0px 20px;
    height: 0px;
    background: transparent;
    border: 1px solid #f0f0f0;

}

hr.accbar-hr {
    margin: 15px 0px 15px 0px;
    height: 0px;
    background: transparent;
    border-top: 1px solid #c4c4c4;
    width: 100%;
    position: absolute;
    left: 0;
}

.text-c {
    text-align: center;
}

.uppercase-text {
    text-transform: uppercase;
}

.center, .center2, .center-left{ 
    position: relative;
}

.center-icon {
    position: relative;
}
.center-icon img{
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.center svg {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center2 svg {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.center-left svg{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0%;
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.mb-top-bar {
    background: #3b2f22;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    width: 100%;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    position: relative;
    display: inline-block;
 }

.mb-topbar-title {
    padding: 16px 0px;

}
.mb-topbar-cominfo {
    padding: 16px 0px;
    text-align: left;
    padding-left: 15px;
    position: absolute;
}

.mb-topbar-cominfo-accperiod {
    font-size: .7em;
}

.top-bar {
    background: #3b2f22;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
    width: 100%;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    position: relative;
    display: block;
 }

.top-bar>div {
    flex: 1;
}

.topbar-title {
    padding: 5px 0px;
}

.icon-mr {
    margin-right: 25px;
}

.right-icon {
    float: right;
    padding: 15px 20px 0px 0px;
}

.footer-bottom {
    margin-top: 50px;
    margin-bottom: 15px;
    font-size: .5em;
    padding-left: 20px;
    color: rgb(180, 180, 180);
    opacity: .7;
    position: absolute;
}

/* breadcrumbs */
.breadcrumbs {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 10px;
    color: #4d4d4d;
    padding: 5px 15px;
    text-align: left;
}

.breadcrumbs a:hover {
    text-decoration: underline!important;
}

@media (min-width: 900px) {
    .breadcrumbs {
        font-size: 10px;
    }

    .desktop-hide {
        display: none;
    }
}

@media (max-width: 700px) {
    .mb-top-bar {
        display: block;
    }

    .mb-topbar-title {
        padding: 8px 15px;
        text-align: left;
    }

    .mb-topbar-cominfo {
        font-size: 10px;
        position: relative;
        padding: 16px 0px 0px 16px;
    }
}
/* end */

/* pub structure */
.t-con {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    height: 100vh;
    padding-bottom: 110px;
}

.t-table-title {
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    color: #3b2f22;
    padding: 5px;
    border-top: 1px solid #cac9c9;
    border-bottom: 1px solid #cac9c9;
}

.search-result-ico:before {
    content: '\00a0\00a0\00a0\00a0';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.606' height='9.853' viewBox='0 0 9.606 9.853'%3E%3Cg id='noun_search_results_744777' data-name='noun_search results_744777' transform='translate(-5.4 -4.2)'%3E%3Cpath id='Path_51' data-name='Path 51' d='M9.612,4.2a4.212,4.212,0,1,0,0,8.424,4.174,4.174,0,0,0,2.16-.6l.161-.1,1.934,1.934a.667.667,0,0,0,.473.193.675.675,0,0,0,.473-.193.667.667,0,0,0,.193-.473.7.7,0,0,0-.193-.473l-1.88-1.9.172-.247A4.211,4.211,0,0,0,9.612,4.2Zm0,7.285a3.073,3.073,0,1,1,3.073-3.073A3.072,3.072,0,0,1,9.612,11.485Z' transform='translate(0)' fill='%233b2f22'/%3E%3Cpath id='Path_52' data-name='Path 52' d='M31.019,31.8l-1.655,1.655-.8-.784L28,33.24l1.365,1.354,2.224-2.224Z' transform='translate(-20.172 -24.634)' fill='%233b2f22'/%3E%3C/g%3E%3C/svg%3E ");
    background-repeat: no-repeat;  
    background-position-x: 50%;
    background-position-y: 50%;
}

.tsearch-con {
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
}

.tsearch-title {
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    color: #3b2f22;
}

.tsearch-error {
    font-weight: 600;
    font-style: italic;
    font-size: 12px;
    text-align: left;
    color: #a8000a;
    padding: 8px 10px;
}

.tsearch-error:before {
    content: '\00a0\00a0\00a0\00a0';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.707' height='8.707' viewBox='0 0 8.707 8.707'%3E%3Cpath id='solid_times-circle' data-name='solid times-circle' d='M12.353,8a4.353,4.353,0,1,0,4.353,4.353A4.353,4.353,0,0,0,12.353,8Zm2.135,5.5a.211.211,0,0,1,0,.3l-.7.693a.211.211,0,0,1-.3,0l-1.141-1.152-1.143,1.152a.211.211,0,0,1-.3,0l-.693-.7a.211.211,0,0,1,0-.3l1.152-1.141-1.152-1.143a.211.211,0,0,1,0-.3l.7-.7a.211.211,0,0,1,.3,0l1.141,1.153L13.5,10.219a.211.211,0,0,1,.3,0l.7.7a.211.211,0,0,1,0,.3l-1.153,1.141Z' transform='translate(-8 -8)' fill='%23a8000a'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;  
    background-position-x: 50%;
    background-position-y: 50%;
}

.tsearch-result-title {
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    color: #3b2f22; 
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

/* mbmain */
.sv-table tr td:nth-child(1) {
    padding-right: 4px;
}
.sv-table tr td:nth-last-child(1) {
    padding-left: 4px;
}
.scr-box {
    height: auto;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
    padding: 35px 15px 40px 15px;
    position: relative;
    transition: all .2s;
}

.scr-box:hover .row-icon {
    filter: brightness(180%);
}

.scr-box:focus .row-icon {
    transform: scale(0.8)!important;
}

.scr-box-title {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 15px;
    color: #3b2f22;
    margin-top: 16px;
    margin-bottom: 8px;
}

.scr-box-notif {
    background: #E9C46A;
    width: 100%;
    position: absolute;
    left: 0;
    color: #fff;
}

.row-icon {
    height: 59px;
}

.icon-mr img {
    position: absolute;
    left: 50%!important;
    top: 4px
}
/* table top filter button */
.top-filter-con td {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px;
}
.top-filter-left {
    text-align: left;
}

.top-filter-right {
    text-align: right;
}

.input-sm-tool-search {
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    border: 2px solid #67625c;
    border-radius: 35px;
    padding: 5px 10px;
    width: 100%;
}

#btn-sm-tool-filter-drop {
    margin-left: 6px;
}

.btn-sm-tool-filter-ico  {
    border-radius: 4px;
    background-color: #67625c;
    padding: 8px 10px 8px 10px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    border: 2px solid #67625c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath id='solid_filter' data-name='solid filter' d='M6.672,0H.329A.328.328,0,0,0,.1.56L2.625,3.089V5.906a.328.328,0,0,0,.14.269l1.094.765a.328.328,0,0,0,.516-.269V3.089L6.9.56A.328.328,0,0,0,6.672,0Z' transform='translate(0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 12px;
    background-position-y: 10px;
    background-repeat: no-repeat;
    transition: all .07s;
    cursor: pointer;
}

.btn-sm-tool-filter{
    border-radius: 4px;
    padding: 8px 10px 8px 10px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    border: 2px solid #67625c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath id='solid_filter' data-name='solid filter' d='M6.672,0H.329A.328.328,0,0,0,.1.56L2.625,3.089V5.906a.328.328,0,0,0,.14.269l1.094.765a.328.328,0,0,0,.516-.269V3.089L6.9.56A.328.328,0,0,0,6.672,0Z' transform='translate(0)' fill='%2367625c'/%3E%3C/svg%3E%0A");
    background-position-x: 12px;
    background-position-y: 10px;
    background-repeat: no-repeat;
    background-color: none;
    transition: all .07s;
    cursor: pointer;
}

.btn-sm-tool-filter:hover {
    background: #67625c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath id='solid_filter' data-name='solid filter' d='M6.672,0H.329A.328.328,0,0,0,.1.56L2.625,3.089V5.906a.328.328,0,0,0,.14.269l1.094.765a.328.328,0,0,0,.516-.269V3.089L6.9.56A.328.328,0,0,0,6.672,0Z' transform='translate(0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 12px;
    background-position-y: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.btn-sm-tool-1 {
    border-radius: 4px;
    border: 2px solid #67625c;
    background: #67625c;
    padding: 8px 10px 8px 10px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    color: #fff;
    margin: 2px 0px;
}

.btn-sm-tool-2 {
    border-radius: 35px;
    border: 2px solid #685642;
    background: #685642;
    padding: 8px 20px 8px 20px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    color: #fff;
    margin: 2px 0px;
}


.btn-sm-tool-3 {
    border-radius: 4px;
    border: 2px solid #4d4d4d;
    background: #4d4d4d;
    padding: 8px 15px 8px 15px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    color: #fff;
    margin: 2px 0px;
}

.btn-sm-tool-4 {
    border-radius: 35px;
    border: 2px solid #67625c;
    background: #67625c;
    padding: 8px 15px 8px 15px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    color: #fff;
    margin: 2px 0px;
}

.btn-sm-tool-con button {
    margin-left: 3px;
}

.btn-sm-tool-con {
    overflow: hidden;
    display: inline-flex;
}

/* tabs */
.tab {
	display:none;
}

.tab.active{
	display:block;
}

.tab-links-td {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.tab-links-con {
    padding-top: 15px;
    width: auto;
    background-color: none;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    flex-wrap: nowrap;
    display: -webkit-inline-box;
}

ul.tab-links, .tab-links-add{
    display: -webkit-box;
}

.tab-links li {
	margin:0px 2px 0px 0px;
    list-style:none;
    position: relative;
    font-size: 10px;
}

.tab-links-hr {
    position: absolute;
    right: -3px;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    color: #c4c4c4;
}

li.active .tab-links-hr {
    display: none;
}

.tab-links li a {
	padding:5px 15px;
    border-radius: 0px 10px 0px 0px;
    background-color:#fff;
    border: 1px solid#fff;
    box-shadow: none;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    color: #c4c4c4!important;
    transition:all linear 0.15s;
    border-bottom: 1px solid #c4c4c4;
}

.tab-links li.active a {
	padding:5px 15px;
    border-radius: 0px 10px 0px 0px;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 1px -1px 0px rgba(0, 0, 0, 0.16);
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    color: #3b2f22!important;;
	transition:all linear 0.15s;
}

.tab-links-btn-add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cg id='Group_65' data-name='Group 65' transform='translate(-306 -436)'%3E%3Cg id='Group_76' data-name='Group 76' transform='translate(306 436)'%3E%3Crect id='Rectangle_356' data-name='Rectangle 356' width='11' height='11' rx='5.5' fill='%23c4c4c4'/%3E%3Cpath id='solid_plus' data-name='solid plus' d='M3.972,33.68H2.6V32.306A.306.306,0,0,0,2.291,32H1.986a.306.306,0,0,0-.306.306V33.68H.306A.306.306,0,0,0,0,33.986v.306a.306.306,0,0,0,.306.306H1.68v1.375a.306.306,0,0,0,.306.306h.306a.306.306,0,0,0,.306-.306V34.6H3.972a.306.306,0,0,0,.306-.306v-.306A.306.306,0,0,0,3.972,33.68Z' transform='translate(3.361 -28.639)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}
/* table */
.t-long-con {
    border-radius: 4px;
    overflow-x: auto;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
}

.t-hover tr:hover td {
    background-color: #e4e4e4;
}

.t-long-con thead th:nth-child(1) {
    border-radius: 4px 0px 0px 0px;
}

.t-long-con thead th:nth-last-child(1) {
    border-radius: 0px 4px 0px 0px;
}

.table-C tr td:nth-child(1){
    padding-left: 7px!important;
}
.table-C tr td:nth-last-child(1){
    padding-right: 7px!important;
}

.table-border-l {
    border-left: 1px solid #f0f0f0;
}


.table-border-r {
    border-right: 1px solid #f0f0f0;
}

.td-sticky-l {
    position:sticky;
    position:-webkit-sticky;
    left:0;
    z-index: 997;
}

.td-sticky-r {
    position:sticky;
    position:-webkit-sticky;
    right:0;
    z-index: 997;
}


.sticky-m-line {
    height: 100%;
    position: absolute;
    border-right: 1px solid #f0f0f0;
    right: 0;
    top: 0;
}

.sticky-brw-block {
    background: #685642;
    width: 100%;
    height: 100%;
}

table.table-B thead {
    background: #685642;
}
table.table-B thead th {
    font-weight: 600;
    font-size: 12px;
    text-align: left;
    color: #fff;
    background: #685642;
    padding:5px 8px;
}

table.table-B tbody td {
    font-weight: 600;
    font-size: 12px;
    color: #222;
    padding: 5px 8px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}

/* table.table-B tbody tr:nth-last-child(0) td {
    border-bottom: unset;
} */

table.table-B tfoot th {
    background: #c4c4c4;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    padding: 5px 8px;
    border-top: 1px solid #fff;
    
}

/* end */
/* navbtn */
.t-pg-con {
    padding: 15px;
    text-align: right;
}

.pgination {
    font-weight: 600;
    font-size: 10px;
    color: #a8a8a8!important;
}

.pgno-input {
    font-size: 10px;
    color: #000!important;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    background-color: #fff;
    padding: 3px 5px;
    width: 50px;
    text-align: center;
    margin-left: 5px;
}

a.nav-pre {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 10px;
    color: #a8a8a8!important;
    transition: al .2s;
}
a.nav-pre:before {
    content:"\00a0\00a0\00a0\00a0\00a0\00a0";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.15' height='7.15' viewBox='0 0 7.15 7.15'%3E%3Cpath id='solid_chevron-circle-left' data-name='solid chevron-circle-left' d='M11.575,15.15a3.575,3.575,0,1,1,3.575-3.575A3.574,3.574,0,0,1,11.575,15.15ZM9.933,11.82l1.953,1.953a.345.345,0,0,0,.489,0l.245-.245a.345.345,0,0,0,0-.489l-1.465-1.465L12.62,10.11a.345.345,0,0,0,0-.489l-.245-.245a.345.345,0,0,0-.489,0L9.933,11.33A.346.346,0,0,0,9.933,11.82Z' transform='translate(-8 -8)' fill='%23a8a8a8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
}

a.nav-next {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 10px;
    color: #a8a8a8!important;
    transition: al .2s;
}

.nav-l {
    color: #a8a8a8!important;
    padding-top: 8px;
    font-size: 10px;
}
.nav-next:after {
    content:"\00a0\00a0\00a0\00a0\00a0\00a0";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.152' height='7.152' viewBox='0 0 7.152 7.152'%3E%3Cpath id='solid_chevron-circle-left' data-name='solid chevron-circle-left' d='M11.576,15.152a3.576,3.576,0,1,1,3.576-3.576A3.575,3.575,0,0,1,11.576,15.152ZM9.934,11.821l1.954,1.954a.345.345,0,0,0,.489,0l.245-.245a.345.345,0,0,0,0-.489l-1.465-1.465,1.465-1.465a.345.345,0,0,0,0-.489l-.245-.245a.345.345,0,0,0-.489,0L9.934,11.331A.346.346,0,0,0,9.934,11.821Z' transform='translate(15.152 15.152) rotate(180)' fill='%23a8a8a8'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
}

a.nav-pre:hover, a.nav-next:hover {
    filter: brightness(70%);
}

/* end */
.td-right {
    padding-left: 10px;
}
.td-right2 {
    padding-left: 5px;
}

.tform-con {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
}

.tform-con tr td:nth-child(1) {
    padding-left: 15px;
}

.tform-con tr td:nth-last-child(1) {
    padding-right: 15px;
}

.tform-edit-ico:before {
    content: '\00a0\00a0\00a0\00a0';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.12' height='10.12' viewBox='0 0 10.12 10.12'%3E%3Cg id='bxs-edit' transform='translate(0 0)'%3E%3Cpath id='Path_53' data-name='Path 53' d='M0,0H2.261V1.724H0Z' transform='matrix(0.707, 0.707, -0.707, 0.707, 8.521, 0)' fill='%23a80000'/%3E%3Cpath id='Path_54' data-name='Path 54' d='M8,11.2H9.6l3.884-3.884-1.6-1.6L8,9.6Z' transform='translate(-5.335 -3.74)' fill='%23a80000'/%3E%3Cpath id='Path_55' data-name='Path 55' d='M11.528,11.528H5.749c-.014,0-.028.005-.042.005s-.035,0-.053-.005H4.066V4.066H7.715L8.781,3H4.066A1.067,1.067,0,0,0,3,4.066v7.462a1.067,1.067,0,0,0,1.066,1.066h7.462a1.066,1.066,0,0,0,1.066-1.066V6.908L11.528,7.974Z' transform='translate(-3 -2.473)' fill='%23a80000'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;  
    background-position-x: 50%;
    background-position-y: 50%;
}

.tform-print-ico:before {
    content: '\00a0\00a0\00a0\00a0';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.315' height='11.315' viewBox='0 0 11.315 11.315'%3E%3Cpath id='bxs-printer' d='M11.618,4.829h-.566V2H4.263V4.829H3.7A1.7,1.7,0,0,0,2,6.526v3.96a1.132,1.132,0,0,0,1.132,1.132H4.263v1.7h6.789v-1.7h1.132a1.132,1.132,0,0,0,1.132-1.132V6.526A1.7,1.7,0,0,0,11.618,4.829Zm-6.223-1.7H9.921v1.7H5.395Zm0,9.052V9.921H9.921v2.263Zm6.223-4.526H9.355V6.526h2.263Z' transform='translate(-2 -2)' fill='%2328223b'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;  
    background-position-x: 50%;
    background-position-y: 50%;
}

.tform-main-title {
    color: #a8000a;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 10px;
}

.modal-main-title {
    color: #a8000a;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0px;
    font-size: 10px;
}

.tform-sub-title {
    color: #727272;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
}
.tform-ssub-title {
    padding: 5px 0px;
    font-size: 12px;
    color: #727272;
    font-weight:bolder;
    text-align: center;
}

.tform-1 tbody tr:nth-child(1) td {
    padding-top: 3px;
}

.tform-title {
    font-weight: 600;
    font-size: 11px;
    text-align: left;
    color: #727272;
}

td.tform-hr {
    padding: 0!important;
}

td.tform-hr hr {
    border:#c4c4c4 solid .05em;
    background-color: #c4c4c4;
    width: 100%;
    margin: 5px 0px!important;
}

.tform-input {
    padding-top: 2px;
    padding-bottom: 7px;
    /* min-width:140px; */
    vertical-align: top;
}

.tform-input-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #c4c4c4;
    padding: 3px 15px;
    border-radius: 35px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    height: 28px;
}

.tform-input-text {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 3px 10px;
}

.form-control {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    width: 100%!important;
    font-weight: 600!important;
    font-size: 13px!important;
    text-align: left!important;
    color: #3b2f22!important;
    border: 1px solid #c4c4c4!important;
    border-radius: 4px!important;
    padding: 0px 10px!important;
    height: 26px!important;
}

.tokenfield{
    max-height: 26px!important;
    min-height: unset!important;
}

.tokenfield .token-input {
    padding: 2px 0px;
    margin:unset!important;
    height: unset!important;
}
.tokenfield .token {
    font-size: 10px!important;
    margin: 3px 2px!important;
    height: unset!important;
    padding: 0px 5px 0px 2px!important;
}

.tform-input-text-r {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 0px 4px 4px 0px;
    padding: 3px 10px;
}

.tform-input-text-l {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-right: none;
    border-radius: 4px 0px 0px 4px;
    padding: 3px 10px;
}

.tform-input-text-sm {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 3px 7px;
    background-color: #fff;
}
.tform-input-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 3px 30px 3px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.983' height='7.331' viewBox='0 0 10.983 7.331'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M7.081,6.075,2.255,10.741a.869.869,0,0,1-1.2,0l-.8-.775A.8.8,0,0,1,.25,8.8L3.671,5.495.25,2.187a.8.8,0,0,1,0-1.163l.8-.782a.869.869,0,0,1,1.2,0L7.078,4.908A.8.8,0,0,1,7.081,6.075Z' transform='translate(10.983) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E%0A");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tform-input-select-sm {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 4px 35px 35px 4px;
    padding: 5px 30px 5px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.813' height='4.397' viewBox='0 0 6.813 4.397'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M29,99.718,26.1,102.613a.509.509,0,0,1-.721,0l-.481-.481a.509.509,0,0,1,0-.721l2.052-2.052L24.9,97.307a.509.509,0,0,1,0-.721l.479-.485a.509.509,0,0,1,.721,0l2.894,2.894A.509.509,0,0,1,29,99.718Z' transform='translate(102.763 -24.75) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E%0A");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tform-date-picker {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.983' height='13.695' viewBox='0 0 11.983 13.695'%3E%3Cpath id='regular_calendar-alt' data-name='regular calendar-alt' d='M3.959,7.7H2.889a.322.322,0,0,1-.321-.321V6.312a.322.322,0,0,1,.321-.321h1.07a.322.322,0,0,1,.321.321v1.07A.322.322,0,0,1,3.959,7.7Zm2.889-.321V6.312a.322.322,0,0,0-.321-.321H5.456a.322.322,0,0,0-.321.321v1.07a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,6.847,7.382Zm2.568,0V6.312a.322.322,0,0,0-.321-.321H8.024a.322.322,0,0,0-.321.321v1.07a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,9.415,7.382ZM6.847,9.95V8.88a.322.322,0,0,0-.321-.321H5.456a.322.322,0,0,0-.321.321V9.95a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,6.847,9.95Zm-2.568,0V8.88a.322.322,0,0,0-.321-.321H2.889a.322.322,0,0,0-.321.321V9.95a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,4.28,9.95Zm5.135,0V8.88a.322.322,0,0,0-.321-.321H8.024A.322.322,0,0,0,7.7,8.88V9.95a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,9.415,9.95ZM11.983,3v9.415A1.284,1.284,0,0,1,10.7,13.695H1.284A1.284,1.284,0,0,1,0,12.411V3A1.284,1.284,0,0,1,1.284,1.712H2.568V.321A.322.322,0,0,1,2.889,0h1.07A.322.322,0,0,1,4.28.321V1.712H7.7V.321A.322.322,0,0,1,8.024,0h1.07a.322.322,0,0,1,.321.321V1.712H10.7A1.284,1.284,0,0,1,11.983,3ZM10.7,12.25V4.28H1.284V12.25a.161.161,0,0,0,.16.16h9.094A.161.161,0,0,0,10.7,12.25Z' fill='%23c4c4c4'/%3E%3C/svg%3E ");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}
.date-picker {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.983' height='13.695' viewBox='0 0 11.983 13.695'%3E%3Cpath id='regular_calendar-alt' data-name='regular calendar-alt' d='M3.959,7.7H2.889a.322.322,0,0,1-.321-.321V6.312a.322.322,0,0,1,.321-.321h1.07a.322.322,0,0,1,.321.321v1.07A.322.322,0,0,1,3.959,7.7Zm2.889-.321V6.312a.322.322,0,0,0-.321-.321H5.456a.322.322,0,0,0-.321.321v1.07a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,6.847,7.382Zm2.568,0V6.312a.322.322,0,0,0-.321-.321H8.024a.322.322,0,0,0-.321.321v1.07a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,9.415,7.382ZM6.847,9.95V8.88a.322.322,0,0,0-.321-.321H5.456a.322.322,0,0,0-.321.321V9.95a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,6.847,9.95Zm-2.568,0V8.88a.322.322,0,0,0-.321-.321H2.889a.322.322,0,0,0-.321.321V9.95a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,4.28,9.95Zm5.135,0V8.88a.322.322,0,0,0-.321-.321H8.024A.322.322,0,0,0,7.7,8.88V9.95a.322.322,0,0,0,.321.321h1.07A.322.322,0,0,0,9.415,9.95ZM11.983,3v9.415A1.284,1.284,0,0,1,10.7,13.695H1.284A1.284,1.284,0,0,1,0,12.411V3A1.284,1.284,0,0,1,1.284,1.712H2.568V.321A.322.322,0,0,1,2.889,0h1.07A.322.322,0,0,1,4.28.321V1.712H7.7V.321A.322.322,0,0,1,8.024,0h1.07a.322.322,0,0,1,.321.321V1.712H10.7A1.284,1.284,0,0,1,11.983,3ZM10.7,12.25V4.28H1.284V12.25a.161.161,0,0,0,.16.16h9.094A.161.161,0,0,0,10.7,12.25Z' fill='%23c4c4c4'/%3E%3C/svg%3E ");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tform-lastread {
    background: #F0F0F0;
    border: 2px solid #F0F0F0;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #3b2f22;
    padding: 5px 10px;
}

a.tform-r-link {
    text-decoration: underline!important;
}

.tform-input-search-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.982' height='13.985' viewBox='0 0 13.982 13.985'%3E%3Cpath id='solid_search' data-name='solid search' d='M13.792,12.091,11.069,9.368a.655.655,0,0,0-.464-.191H10.16a5.678,5.678,0,1,0-.983.983v.445a.655.655,0,0,0,.191.464l2.723,2.723a.653.653,0,0,0,.926,0l.773-.773A.659.659,0,0,0,13.792,12.091ZM5.681,9.177a3.5,3.5,0,1,1,3.5-3.5A3.494,3.494,0,0,1,5.681,9.177Z' fill='%23c4c4c4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;  
    background-position-x: 50%;
    background-position-y: 50%;
    position: absolute;
    right: 10px;
    bottom:1px;
    height: 100%;
    transition: all .2s;
}
.tform-input-search-ico:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.982' height='13.985' viewBox='0 0 13.982 13.985'%3E%3Cpath id='solid_search' data-name='solid search' d='M13.792,12.091,11.069,9.368a.655.655,0,0,0-.464-.191H10.16a5.678,5.678,0,1,0-.983.983v.445a.655.655,0,0,0,.191.464l2.723,2.723a.653.653,0,0,0,.926,0l.773-.773A.659.659,0,0,0,13.792,12.091ZM5.681,9.177a3.5,3.5,0,1,1,3.5-3.5A3.494,3.494,0,0,1,5.681,9.177Z' fill='%235d3b13'/%3E%3C/svg%3E%0A");
    transform: scale(1.2);
}

.tform-input-search-link {
    position: absolute;
    height: 100%;
    transition: all .2s;
    right: 25px;
    top: 4px;
    font-weight: 600;
    text-decoration: underline !important;
    color: #c4c4c4 !important;
}

.tform-input-search-link:hover {  
    color: #5d3b13 !important;
    transform: scale(1.2);
}

.td-link {
    text-decoration: underline!important;
    transition: all .2s;
}

.td-link:hover {
    color: #5d3b13!important;
}

tr.tr-userinfo td{
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #3b2f22;
    padding-top: 10px;
    padding-bottom: 10px;
}

.user-info {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='10.21' height='10.21' viewBox='0 0 10.21 10.21'%3E%3Cg id='bx-user-circle' transform='translate(-2 -2)'%3E%3Cpath id='Path_46' data-name='Path 46' d='M11.051,8A1,1,0,0,0,10,9.051a1.051,1.051,0,0,0,2.1,0A1,1,0,0,0,11.051,8Z' transform='translate(-3.946 -2.96)' fill='none'/%3E%3Cpath id='Path_47' data-name='Path 47' d='M8.054,4A4.186,4.186,0,0,0,4,8.2,4.271,4.271,0,0,0,5.211,11.17,2.538,2.538,0,0,1,7.547,9.557H8.561A2.538,2.538,0,0,1,10.9,11.17,4.271,4.271,0,0,0,12.108,8.2,4.186,4.186,0,0,0,8.054,4Zm0,5.256a2.021,2.021,0,0,1-2.027-2.1,2.028,2.028,0,1,1,4.054,0A2.021,2.021,0,0,1,8.054,9.256Z' transform='translate(-0.949 -0.949)' fill='none'/%3E%3Cpath id='Path_48' data-name='Path 48' d='M10.663,16.572H9.612a1.578,1.578,0,0,0-1.538,1.237,4.055,4.055,0,0,0,4.127,0A1.578,1.578,0,0,0,10.663,16.572Z' transform='translate(-3.032 -7.215)' fill='none'/%3E%3Cpath id='Path_49' data-name='Path 49' d='M7.105,2A5.173,5.173,0,0,0,2,7.105,5.13,5.13,0,0,0,4.042,11.15v.039h.052a4.95,4.95,0,0,0,6.022,0h.052V11.15A5.129,5.129,0,0,0,12.21,7.105,5.173,5.173,0,0,0,7.105,2Zm-2,8.641a1.532,1.532,0,0,1,1.494-1.2H7.615a1.533,1.533,0,0,1,1.494,1.2,3.941,3.941,0,0,1-4.008,0Zm4.868-.657A2.556,2.556,0,0,0,7.615,8.419H6.595A2.556,2.556,0,0,0,4.241,9.985a4.073,4.073,0,0,1-1.22-2.88A4.138,4.138,0,0,1,7.105,3.021a4.138,4.138,0,0,1,4.084,4.084A4.073,4.073,0,0,1,9.969,9.985Z'/%3E%3Cpath id='Path_50' data-name='Path 50' d='M10.1,6A2.056,2.056,0,0,0,8,8.1a2.1,2.1,0,1,0,4.2,0A2.056,2.056,0,0,0,10.1,6Zm0,3.154A1,1,0,0,1,9.051,8.1a1.051,1.051,0,0,1,2.1,0A1,1,0,0,1,10.1,9.154Z' transform='translate(-2.997 -1.998)'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 4px;
    padding-left: 15px;
}

.date-time-now {
    background-image: url("data:image/svg+xml,%3Csvg id='Group_37' data-name='Group 37' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10.214' height='10.208' viewBox='0 0 10.214 10.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='10.214' height='10.208' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1' data-name='Group 1' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M4.892,0h.419L5.38.009C5.588.031,5.8.041,6,.075A4.792,4.792,0,0,1,7.4.537,5.09,5.09,0,0,1,9.423,2.37a4.968,4.968,0,0,1,.764,2.2A5.281,5.281,0,0,1,10.179,5.7a5.039,5.039,0,0,1-.2.955A5.108,5.108,0,0,1,9.07,8.329a4.959,4.959,0,0,1-.779.77,5.158,5.158,0,0,1-1.249.735A4.974,4.974,0,0,1,5.4,10.2a5.291,5.291,0,0,1-1.441-.117,4.871,4.871,0,0,1-1.2-.439,5.11,5.11,0,0,1-1.59-1.279,5.2,5.2,0,0,1-.7-1.1A4.94,4.94,0,0,1,.016,5.491a4.448,4.448,0,0,1,.023-.974c.034-.232.068-.467.124-.694a5.115,5.115,0,0,1,1.8-2.745A5.156,5.156,0,0,1,3.337.309,4.873,4.873,0,0,1,4.609.023L4.892,0m-3.4,5.1A3.617,3.617,0,1,0,5.2,1.487,3.618,3.618,0,0,0,1.493,5.1' transform='translate(0)' fill='%233b2f22'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M50.582,39.172v-2.3c0-.178.076-.254.254-.254h.355a.217.217,0,0,1,.243.244q0,1.461,0,2.921a.215.215,0,0,1-.244.243H49.13a.21.21,0,0,1-.177-.054.264.264,0,0,1-.07-.134,4.153,4.153,0,0,1,0-.471c.008-.129.089-.193.228-.195.166,0,.332,0,.5,0h.975' transform='translate(-45.473 -34.068)' fill='%233b2f22'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 135px);
    background-position-y: 4px;
    padding-left: 15px;
    text-align: right;
}

.tform-btn-find {
    background-color: #c4c4c4!important;
    border-radius: 35px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #fff;
    padding: 5px 15px 5px 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.595' height='9.596' viewBox='0 0 9.595 9.596'%3E%3Cpath id='solid_search' data-name='solid search' d='M9.464,8.3,7.6,6.428A.449.449,0,0,0,7.277,6.3H6.972a3.9,3.9,0,1,0-.675.675v.305a.449.449,0,0,0,.131.319L8.3,9.464a.448.448,0,0,0,.635,0l.53-.53A.452.452,0,0,0,9.464,8.3ZM3.9,6.3A2.4,2.4,0,1,1,6.3,3.9,2.4,2.4,0,0,1,3.9,6.3Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tform-btn-normal{
    background-color: #c4c4c4!important;
    border-radius: 35px;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    color: #fff!important;
    padding: 3px 12px 3px 12px;
    transition: all.2s;
}

.tform-btn-normal:hover {
    background-color: #888787!important;
}

.tform-btn-save {
    background-color: #566842!important;
    border-radius: 35px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #fff;
    padding: 5px 12px 5px 12px;
}


/* filter bottom */
table.t-filter {
    background: unset;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-sm-tool-pd-btm {
    padding-bottom: 10px;
}

.t-filter-input-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 4px 35px 35px 4px;
    padding: 5px 30px 5px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.983' height='7.331' viewBox='0 0 10.983 7.331'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M7.081,6.075,2.255,10.741a.869.869,0,0,1-1.2,0l-.8-.775A.8.8,0,0,1,.25,8.8L3.671,5.495.25,2.187a.8.8,0,0,1,0-1.163l.8-.782a.869.869,0,0,1,1.2,0L7.078,4.908A.8.8,0,0,1,7.081,6.075Z' transform='translate(10.983) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E%0A");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.row-filter {
    display: none;
}

.row-more {
    display: none;
}


.row-admin {
    display: none;
}

table.t-filter tr:nth-last-child(1) td {
    padding-bottom: 5px;
}

tr.filter-line td {
    border-bottom: 1px solid #c4c4c4;
}

tr.filter-row td {
    padding-bottom: 5px;
}


button.filter-btn-go{
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #fff;
    border-radius: 4px;
    background-color:#c4c4c4;
    border: 1px solid #c4c4c4;
    padding: 5px 10px 5px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.141' height='9.143' viewBox='0 0 9.141 9.143'%3E%3Cpath id='solid_search' data-name='solid search' d='M9.017,7.9l-1.78-1.78A.428.428,0,0,0,6.933,6H6.642A3.712,3.712,0,1,0,6,6.642v.291a.428.428,0,0,0,.125.3L7.9,9.017a.427.427,0,0,0,.605,0l.505-.505A.431.431,0,0,0,9.017,7.9ZM3.714,6A2.285,2.285,0,1,1,6,3.714,2.284,2.284,0,0,1,3.714,6Z' fill='%23fff'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 4px 4px 4px 0px;
}




.filter-btn-go:hover {
    background-color:#888;
    border: 1px solid #888;
}

.filter-btn-go-2 {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #fff;
    border-radius: 4px;
    background-color:#c4c4c4;
    border: 1px solid #c4c4c4;
    padding: 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 4px 4px 4px 0px;
}

.filter-btn-go-2:hover {
    background-color:#888;
    border: 1px solid #888;
}

.filter-btn-square {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #fff;
    border-radius: 4px;
    background-color:#c4c4c4;
    border: 1px solid #c4c4c4;
    padding: 5px 10px 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
    margin: 4px 4px 4px 0px;
}

input.filter-input-text, .filter-input-text {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #3b2f22;
    border-radius: 4px;
    background-color: #f7f7f7;
    border: 1px solid #c4c4c4;
    width: 100%;
    height: 23px;
    padding: 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.filter-input-text-l:disabled,.filter-input-text-l:read-only {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #3b2f22;
    border-radius: 4px 0px 0px 4px;
    background-color: #f7f7f7;
    border: 1px solid #c4c4c4;
    height: 23px;
    padding: 5px 10px;
    -webkit-appearance: none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    margin: 4px 0px;
    border-right: unset;
}

.filter-input-select-r {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #3b2f22;
    border-radius: 0px 35px 35px 0px;
    background-color: #f7f7f7;
    border: 1px solid #c4c4c4;
    padding: 5px 25px 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.251' height='4.84' viewBox='0 0 7.251 4.84'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M4.675,4.01,1.489,7.091a.574.574,0,0,1-.794,0L.165,6.579a.529.529,0,0,1,0-.768L2.424,3.628.165,1.444a.529.529,0,0,1,0-.768L.692.16a.574.574,0,0,1,.794,0L4.673,3.24A.53.53,0,0,1,4.675,4.01Z' transform='translate(7.251) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 8px;
    margin: 4px 0px;
    height: 23px;
}

.filter-input-searchbar-l {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #3b2f22;
    border-radius: 4px 0px 0px 4px;
    background-color: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-right: 0px;
    padding: 5px 25px 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.251' height='4.84' viewBox='0 0 7.251 4.84'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M4.675,4.01,1.489,7.091a.574.574,0,0,1-.794,0L.165,6.579a.529.529,0,0,1,0-.768L2.424,3.628.165,1.444a.529.529,0,0,1,0-.768L.692.16a.574.574,0,0,1,.794,0L4.673,3.24A.53.53,0,0,1,4.675,4.01Z' transform='translate(7.251) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 8px;
    margin: 4px 0px;
    height: 23px;
}

.filter-input-searchbar-r {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #3b2f22;
    border-radius: 0px 4px 4px 0px;
    background-color: #f7f7f7;
    border: 1px solid #c4c4c4;
    width: 100%;
    padding: 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 4px 0px;
    height: 23px;
}


input.filter-input-text:focus, .filter-input-text:focus{
    border-color: #888;
}

.t-right {
    padding-left: 5px;
}

.filter-dates {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9.143' viewBox='0 0 8 9.143'%3E%3Cpath id='regular_calendar-alt' data-name='regular calendar-alt' d='M2.643,5.143H1.929a.215.215,0,0,1-.214-.214V4.214A.215.215,0,0,1,1.929,4h.714a.215.215,0,0,1,.214.214v.714A.215.215,0,0,1,2.643,5.143Zm1.929-.214V4.214A.215.215,0,0,0,4.357,4H3.643a.215.215,0,0,0-.214.214v.714a.215.215,0,0,0,.214.214h.714A.215.215,0,0,0,4.571,4.929Zm1.714,0V4.214A.215.215,0,0,0,6.071,4H5.357a.215.215,0,0,0-.214.214v.714a.215.215,0,0,0,.214.214h.714A.215.215,0,0,0,6.286,4.929ZM4.571,6.643V5.929a.215.215,0,0,0-.214-.214H3.643a.215.215,0,0,0-.214.214v.714a.215.215,0,0,0,.214.214h.714A.215.215,0,0,0,4.571,6.643Zm-1.714,0V5.929a.215.215,0,0,0-.214-.214H1.929a.215.215,0,0,0-.214.214v.714a.215.215,0,0,0,.214.214h.714A.215.215,0,0,0,2.857,6.643Zm3.429,0V5.929a.215.215,0,0,0-.214-.214H5.357a.215.215,0,0,0-.214.214v.714a.215.215,0,0,0,.214.214h.714A.215.215,0,0,0,6.286,6.643ZM8,2V8.286a.857.857,0,0,1-.857.857H.857A.857.857,0,0,1,0,8.286V2a.857.857,0,0,1,.857-.857h.857V.214A.215.215,0,0,1,1.929,0h.714a.215.215,0,0,1,.214.214v.929H5.143V.214A.215.215,0,0,1,5.357,0h.714a.215.215,0,0,1,.214.214v.929h.857A.857.857,0,0,1,8,2ZM7.143,8.179V2.857H.857V8.179a.107.107,0,0,0,.107.107H7.036A.107.107,0,0,0,7.143,8.179Z' fill='%23c4c4c4'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
    padding-right: 25px!important;
}

/* btmnav con */
#btmnav-con {
    width: 100%;
    height: 100%;
    background-color: #685642;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 20px;
    text-align: left;
    padding-top: 30px;
}

.btmnavbg-tohide {
    background-color: transparent!important;
    box-shadow: none!important;
}

#btmnav-con .btmnav-title {
    background-color: #fff;
    padding: 5px 25px;
    color: #685642;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
}

#btmnav-con .btmnav-content {
    padding: 0px 0px 0px 55px;
}

#btmnav-con ul {
    list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.644' height='9.644' viewBox='0 0 9.644 9.644'%3E%3Cg id='solid_location-arrow' data-name='solid location-arrow' transform='translate(-0.007 -0.001)' fill='none'%3E%3Cpath d='M8.379.068.548,3.682A.913.913,0,0,0,.909,5.429H4.223V8.743A.913.913,0,0,0,5.97,9.1L9.584,1.273a.94.94,0,0,0-1.2-1.2Z' stroke='none'/%3E%3Cpath d='M 8.571688652038574 1.080277442932129 L 1.315449714660645 4.429336071014404 L 4.222630500793457 4.429336071014404 L 5.222630500793457 4.429336071014404 L 5.222630500793457 5.429336071014404 L 5.222656726837158 8.336441040039062 L 8.571688652038574 1.080277442932129 M 8.706932067871094 0.001401901245117188 C 9.313987731933594 0.001463890075683594 9.839992523193359 0.658696174621582 9.584290504455566 1.272616386413574 L 5.969660758972168 9.104235649108887 C 5.795295715332031 9.477893829345703 5.466479778289795 9.645541191101074 5.140726089477539 9.645541191101074 C 4.678592681884766 9.645541191101074 4.222630500793457 9.308114051818848 4.222630500793457 8.742775917053223 L 4.222630500793457 5.429336071014404 L 0.9091901779174805 5.429336071014404 C -0.05464935302734375 5.429336071014404 -0.3558292388916016 4.1040358543396 0.5477304458618164 3.682305812835693 L 8.379350662231445 0.06767559051513672 C 8.48851203918457 0.02216911315917969 8.598962783813477 0.001391410827636719 8.706932067871094 0.001401901245117188 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E ");
}

#btmnav-con ul li:hover {
    list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.644' height='9.644' viewBox='0 0 9.644 9.644'%3E%3Cpath id='solid_location-arrow' data-name='solid location-arrow' d='M8.379.068.548,3.682A.913.913,0,0,0,.909,5.429H4.223V8.743A.913.913,0,0,0,5.97,9.1L9.584,1.273a.94.94,0,0,0-1.2-1.2Z' transform='translate(-0.007 -0.001)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#btmnav-con li {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    padding: 5px 0px 5px 5px;
    border-bottom: 2px solid #fff;
    transition: .2s;
}

#btmnav-con li:hover {
    font-size: 25px;
}

/* home back refesh */


.mb-tool-t-con {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px -3px 20px rgba(0, 0, 0, 0.08);
    z-index: 999;
    -webkit-transition:.8s;
    -moz-transition:.8s;
    -ms-transition:.8s;
    -o-transition:.8s;
    transition:.8s;
}

.mb-tool-t-con .tool-t tr td
{
    padding-top: 4px!important;
    padding-bottom: 4px!important;
}

.mb-tool-t-con .tool-t tr td:nth-child(1)
{
    padding-left: 15px!important;
}
.mb-tool-t-con .tool-t tr td:nth-last-child(1)
{
    padding-right: 15px!important;
}

.tool-t td {
    padding: 0px;
}

.tool-t-input-text{
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 3px 7px;
    margin: 4px 4px 4px 0px;
    background-color: #fff;
    height: 30px;
}
.tool-t-input-select-css {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 4px 35px 35px 4px;
    padding: 5px 30px 5px 10px;
    margin: 4px 4px 4px 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.983' height='7.331' viewBox='0 0 10.983 7.331'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M7.081,6.075,2.255,10.741a.869.869,0,0,1-1.2,0l-.8-.775A.8.8,0,0,1,.25,8.8L3.671,5.495.25,2.187a.8.8,0,0,1,0-1.163l.8-.782a.869.869,0,0,1,1.2,0L7.078,4.908A.8.8,0,0,1,7.081,6.075Z' transform='translate(10.983) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E%0A");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.bill-select-css{
    font-size: 10px;
    font-weight: bold;
    color: #3b2f22;
    border-radius: 1.91px 35px 35px 1.91px;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
    padding: 5px 25px 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.251' height='4.84' viewBox='0 0 7.251 4.84'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M4.675,4.01,1.489,7.091a.574.574,0,0,1-.794,0L.165,6.579a.529.529,0,0,1,0-.768L2.424,3.628.165,1.444a.529.529,0,0,1,0-.768L.692.16a.574.574,0,0,1,.794,0L4.673,3.24A.53.53,0,0,1,4.675,4.01Z' transform='translate(7.251) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 15px);
    background-position-y: 50%;
    height: 30px;
}

.bill-select-css::-ms-expand {
    display: none;
}

.bill-select-css:focus {
    border-color: #888;
    color: #222; 
    outline: none;
}



/* end */
.tooltip{
    pointer-events: none;
    z-index: 999999;
}

.tooltip span {
    z-index: 999999;
  }

.tform-tooltip {
    position: absolute;
    right: 25px;
    top:4px;
}

.tform-tooltip .tform-tooltiptext {
    display: none;
    width: 250px;
    background-color: #a8000c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 10px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 9999;
    bottom: 103%;
    right: -10px;
    margin-left: -60px;
  }


  /* reg */
  .regre-set-pg {
    color: #685642;
    font-weight: bold;
    text-align: left;
  }
  

  .order-btn {
    height:100%;
    width:100%;
    background-color:none;
    position:absolute;
    top:0;
    left:0;
}

.order-btn:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.769' height='9.664' viewBox='0 0 6.769 9.664'%3E%3Cg id='Group_968' data-name='Group 968' transform='translate(-249.616 -150.5)'%3E%3Cpath id='solid_caret-up' data-name='solid caret-up' d='M17.61,187.177H11.754a.455.455,0,0,1-.322-.777l2.928-2.928a.455.455,0,0,1,.644,0l2.928,2.928a.455.455,0,0,1-.322.777Z' transform='translate(238.317 -32.838)' fill='%23fff'/%3E%3Cpath id='solid_caret-up-2' data-name='solid caret-up' d='M6.312,3.838H.456a.455.455,0,0,1-.322-.777L3.062.133a.455.455,0,0,1,.644,0L6.634,3.061a.455.455,0,0,1-.322.777Z' transform='translate(256.385 160.165) rotate(180)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position-x: calc(100% - 5px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}


.form-dropdown-content tr:nth-last-child(1) td{
    padding-bottom: 10px;
}

.form-com-name {
    font-size: 13px;
    font-weight: 600;
    padding: 6px 10px;
}

.form-btn-1 {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background-color: #372c20;
    padding: 6px 10px 6px 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.106' height='9.105' viewBox='0 0 9.106 9.105'%3E%3Cpath id='regular_paper-plane' data-name='regular paper-plane' d='M7.868.14.47,4.406a.854.854,0,0,0,.1,1.528L2.6,6.775v1.5a.855.855,0,0,0,1.54.509l.779-1.051,1.99.822a.855.855,0,0,0,1.17-.66L9.139,1.01A.855.855,0,0,0,7.868.14ZM3.457,8.276V7.127l.651.269Zm3.781-.51L4.5,6.636,7,3.039a.285.285,0,0,0-.421-.377L2.813,5.939.9,5.146,8.295.878Z' transform='translate(-0.043 -0.025)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 11px;
    border-radius: 4px;
}

.tform-add-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #c4c4c4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.443' height='12.443' viewBox='0 0 12.443 12.443'%3E%3Cpath id='solid_plus' data-name='solid plus' d='M11.554,4.888h-4v-4A.889.889,0,0,0,6.666,0H5.777a.889.889,0,0,0-.889.889v4h-4A.889.889,0,0,0,0,5.777v.889a.889.889,0,0,0,.889.889h4v4a.889.889,0,0,0,.889.889h.889a.889.889,0,0,0,.889-.889v-4h4a.889.889,0,0,0,.889-.889V5.777A.889.889,0,0,0,11.554,4.888Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: calc(50% + 1px);
    background-position-y: 50%;
}

.tsave {
    border-collapse: separate;
    border-spacing: 15px;
}

.tsave tr td {
    padding-top: 15px;
}

.tsave-main-title {
    border-top: #c4c4c4 2px solid;
    border-bottom: #c4c4c4 2px solid;
    padding: 5px 0px;
}

.page-go {
    border-radius: 2px;
    background-color: #c4c4c4;
    padding: 2px 4px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    border: 1px solid #c4c4c4;
    transition: all .07s;
    color: #fff;
    cursor: pointer;
    margin-left: 2px;
}

.tooltip-div {
    width:100%;
    height: 27px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 9999;
}

.btn-copy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 448 512'%3E%3Cpath d='M208 0L332.1 0c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9L448 336c0 26.5-21.5 48-48 48l-192 0c-26.5 0-48-21.5-48-48l0-288c0-26.5 21.5-48 48-48zM48 128l80 0 0 64-64 0 0 256 192 0 0-32 64 0 0 48c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 176c0-26.5 21.5-48 48-48z' fill='%23fff'/%3E%3C/svg%3E%0A" );
        background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
}

.btn-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath id='solid_envelope' data-name='solid envelope' d='M15.7,67.962a.188.188,0,0,1,.3.147V74.5A1.5,1.5,0,0,1,14.5,76H1.5A1.5,1.5,0,0,1,0,74.5V68.112a.187.187,0,0,1,.3-.147c.7.544,1.628,1.234,4.816,3.55C5.778,72,6.891,73.009,8,73c1.116.009,2.25-1.025,2.884-1.487C14.072,69.2,15,68.506,15.7,67.962ZM8,72c.725.012,1.769-.912,2.294-1.294,4.147-3.009,4.462-3.272,5.419-4.022A.748.748,0,0,0,16,66.094V65.5A1.5,1.5,0,0,0,14.5,64H1.5A1.5,1.5,0,0,0,0,65.5v.594a.752.752,0,0,0,.287.591c.956.747,1.272,1.012,5.419,4.022C6.231,71.087,7.275,72.012,8,72Z' transform='translate(0 -64)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
}
.btn-webpage {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='solid_passport' data-name='solid passport' d='M5.1,9H7.544a14.1,14.1,0,0,1,.888-4.4A5.99,5.99,0,0,0,5.1,9Zm0,2a5.992,5.992,0,0,0,3.331,4.4A14.085,14.085,0,0,1,7.544,11ZM11,15.918c.481-.466,1.3-2.151,1.464-4.918H9.535C9.7,13.766,10.519,15.452,11,15.918ZM9.535,9h2.929C12.3,6.234,11.481,4.547,11,4.082,10.519,4.547,9.7,6.234,9.535,9Zm4.032,6.4A5.99,5.99,0,0,0,16.9,11H14.455A14.085,14.085,0,0,1,13.567,15.4ZM11,18a8,8,0,1,1,8-8A8,8,0,0,1,11,18ZM13.567,4.6A14.085,14.085,0,0,1,14.455,9H16.9A5.99,5.99,0,0,0,13.567,4.6Z' transform='translate(-3 -2)' fill='%23fff'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
}


.btn-external-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' height='16' fill='%23fff'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}


.normal-text {
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #3b2f22;
    padding: 3px 10px;
}

.btn-st1 {
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #fff!important;
    padding: 4px 15px;
    border-radius: 2px;
    text-align: center;
    width: 100%;
}

.btn-st2 {
    font-weight: 600;
    font-size: 11px;
    text-align: left;
    color: #fff!important;
    padding: 4px 15px;
    border-radius: 35px;
    text-align: center;
    width: 100%;
}


.close{
margin-top: 0px;
padding-top: 0px;
position: absolute;
top: 15px;
right: 20px;
}


.sysu-title {
    color: #000;
    font-weight: 600;
    text-align: left;
    padding: 10px 0px;
    font-size: 15px;
}

.tsysu tr td:nth-child(1),.tsysu tr th:nth-child(1){
    padding-left: 25px;
}
.tsysu tr td:nth-last-child(1),.tsysu tr th:nth-last-child(1){
    padding-right: 25px;
}

.tsysu td {
    font-size: 12px;
}

.tsysu-btn-border {
    border: 1px solid #685642;
    padding:3px 13px;
    color:#685642;
    margin: 3px 5px;
    transition: all .2s;
}
.tsysu-btn-border:hover {
    background-color: #f0f0f0;
    filter: none;
}

.b-radius-35px {
    border-radius: 35px !important;
}

.b-radius-4px {
    border-radius: 4px !important;
}

.color-d3d0d0 {
    color: #d3d0d0;
}

tr.tsysu-border-btm td{
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    padding-top: 10px;
    transition: all .2s;
}

tr.tsysu-border-btm:hover td{
    background-color: #f0f0f0;
}


.tsysu-side{
    border-collapse: separate;
    border-spacing: 0px 5px;
}

.tsysu-side td {
    font-weight: 600;
    color: #67625c;
    font-size: 12px;
    transition: all .2s;
    cursor: pointer;
}

.tsysu-side tr:hover td {
    background-color: rgba(255, 255, 255, 0.2);
}

.tsysu-side td:nth-child(1) {
    padding:8px 10px 8px 23px;
    border-radius: 4px 0px 0px 4px;
}

.tsysu-side td:nth-last-child(1) {
    padding:8px 15px 8px 0px;
    border-radius: 0px 4px 4px 0px;
}

tr.tsysu-side-selected td{
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
}

tr.tsysu-side-selected:hover td{
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
}

.tsysu-long {
    /* width: 100%;
    height: 100px;
    overflow-x: auto;
    padding-right: 15px; */
    position: fixed;
}

@media only screen and (max-width: 730px) {
    .sysu-mhide {
        display: none;
    }
}

.respv-col-l {
    padding-left: 0px!important;
    padding-right: 7px!important;
}

.respv-col-r {
    padding-left: 7px!important;
    padding-right: 0px!important;
}

@media only screen and (max-width: 576px) {
    .respv-col-l {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .respv-col-l .tform-con{
        border-radius: 4px 4px 0px 0px;
        padding-bottom: 0px;
    }
    
    .respv-col-r {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .respv-col-r .tform-con{
        border-radius: 0px 0px 4px 4px;
        padding-top: 0px;
    }

    .respv-col-r .tform-con .tform-1 tbody tr:nth-child(1) td {
        padding-top: 0px;
    }
}

@media (min-width: 900px) {
    .payroll-detail .tform-title {
      font-size: 8px!important;
    }
    .payroll-detail .tform-input-text,.payroll-detail .tform-input-select {
      font-size: 10px!important;
    }
}

.bulb-tips {
    padding-right: 5px;
    padding-top: 2px;
}


td.f-login-title {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #727272;
}


.f-login-input {
    padding-top: 8px;
    padding-bottom: 15px;
}

input.user-id-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.998' height='15.998' viewBox='0 0 13.998 15.998'%3E%3Cpath id='solid_user' data-name='solid user' d='M7,8A4,4,0,1,0,3,4,4,4,0,0,0,7,8ZM9.8,9H9.277A5.439,5.439,0,0,1,4.721,9H4.2A4.2,4.2,0,0,0,0,13.2v1.3A1.5,1.5,0,0,0,1.5,16h11A1.5,1.5,0,0,0,14,14.5V13.2A4.2,4.2,0,0,0,9.8,9Z' fill='%23c4c4c4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 16px;
    background-position-y: 7px;
}

input.user-pw-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.998' height='15.998' viewBox='0 0 13.998 15.998'%3E%3Cpath id='solid_lock' data-name='solid lock' d='M12.5,7h-.75V4.749a4.749,4.749,0,1,0-9.5,0V7H1.5A1.5,1.5,0,0,0,0,8.5v6A1.5,1.5,0,0,0,1.5,16h11A1.5,1.5,0,0,0,14,14.5v-6A1.5,1.5,0,0,0,12.5,7ZM9.249,7h-4.5V4.749a2.25,2.25,0,1,1,4.5,0Z' fill='%23c4c4c4'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: 16px;
    background-position-y: 7px;
}

.f-login-input-text{
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 12px;
    text-align: left;
    color: #3b2f22;
    height: 35px;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    width: 100%;
    padding: 7px 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* tsearch dropdown option */
/* dropdown */
.form-dropdown-max {
    padding: 3px 10px;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #fff;
    background-color: #cac9c9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.998' height='13.998' viewBox='0 0 13.998 13.998'%3E%3Cpath id='regular_plus-square' data-name='regular plus-square' d='M11,38.5v1a.376.376,0,0,1-.375.375H7.874v2.75A.376.376,0,0,1,7.5,43h-1a.376.376,0,0,1-.375-.375v-2.75H3.375A.376.376,0,0,1,3,39.5v-1a.376.376,0,0,1,.375-.375h2.75v-2.75A.376.376,0,0,1,6.5,35h1a.376.376,0,0,1,.375.375v2.75h2.75A.376.376,0,0,1,11,38.5Zm3-5v11A1.5,1.5,0,0,1,12.5,46H1.5A1.5,1.5,0,0,1,0,44.5v-11A1.5,1.5,0,0,1,1.5,32h11A1.5,1.5,0,0,1,14,33.5ZM12.5,44.311V33.687a.188.188,0,0,0-.187-.187H1.687a.188.188,0,0,0-.187.187V44.311a.188.188,0,0,0,.187.187H12.311A.188.188,0,0,0,12.5,44.311Z' transform='translate(0 -32)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 11px);
    background-position-y: 50%;
    border-radius: 2px;
    border: 2px solid #cac9c9;
    border-left: 2px solid #cac9c9;
    border-right: 2px solid #cac9c9;
    cursor: pointer;
}

.form-dropdown-min {
    padding: 3px 10px;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    color: #fff;
    background-color: #cac9c9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.998' height='13.998' viewBox='0 0 13.998 13.998'%3E%3Cpath id='regular_minus-square' data-name='regular minus-square' d='M3.375,39.874A.376.376,0,0,1,3,39.5v-1a.376.376,0,0,1,.375-.375h7.249A.376.376,0,0,1,11,38.5v1a.376.376,0,0,1-.375.375ZM14,33.5v11A1.5,1.5,0,0,1,12.5,46H1.5A1.5,1.5,0,0,1,0,44.5v-11A1.5,1.5,0,0,1,1.5,32h11A1.5,1.5,0,0,1,14,33.5ZM12.5,44.311V33.687a.188.188,0,0,0-.187-.187H1.687a.188.188,0,0,0-.187.187V44.311a.188.188,0,0,0,.187.187H12.311A.188.188,0,0,0,12.5,44.311Z' transform='translate(0 -32)' fill='%23fff'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 11px);
    background-position-y: 50%;
    border-radius: 2px 2px 0px 0px;
    border: 2px solid #cac9c9;
    border-left: 2px solid #cac9c9;
    border-right: 2px solid #cac9c9;
    cursor: pointer;
}

.form-dropdown-content {
    display: none;
    border:  2px solid #cac9c9;
    border-top:  none;
    padding: 10px;
}

.tsearch-drop-con {
    padding-left:10px;
    padding-right:10px;
}

/* ---------- css rearrange ------------ */
/* tsearch form*/
.tsearch-input-search-top {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    max-width: 450px;
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #685642;
    border-radius: 35px;
    padding: 7px 40px 7px 20px;
    margin: 4px 4px 4px 0px;
    background-color: #fff;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.281' height='15.284' viewBox='0 0 15.281 15.284'%3E%3Cpath id='solid_search' data-name='solid search' d='M15.073,13.214,12.1,10.238a.716.716,0,0,0-.507-.209H11.1A6.206,6.206,0,1,0,10.029,11.1v.487a.716.716,0,0,0,.209.507l2.976,2.976a.713.713,0,0,0,1.012,0l.845-.845A.72.72,0,0,0,15.073,13.214ZM6.208,10.029a3.821,3.821,0,1,1,3.821-3.821A3.818,3.818,0,0,1,6.208,10.029Z' fill='%23675743'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;  
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
}

.t-search-tips .tform-ssub-title{
    padding-right: 5px;
}

.tsearch-input-search {
    font-family: "Open Sans";
    font-weight: 600;
    text-align: left;
    color: #3b2f22;
    border-radius: 35px;
    background: #fff;
    border: 2px solid #685642;
    width: 100%;
    height: 40px;
    padding: 7px 40px 7px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;

}

.tsearch-input-search-l {
    font-family: "Open Sans";
    font-weight: 600;
    text-align: left;
    color: #fff;
    border-radius: 35px 0px 0px 35px;
    background: #685642;
    border: 2px solid #685642;
    width: 100%;
    height: 40px;
    padding: 7px 30px 7px 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.983' height='7.331' viewBox='0 0 10.983 7.331'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M7.081,6.075,2.255,10.741a.869.869,0,0,1-1.2,0l-.8-.775A.8.8,0,0,1,.25,8.8L3.671,5.495.25,2.187a.8.8,0,0,1,0-1.163l.8-.782a.869.869,0,0,1,1.2,0L7.078,4.908A.8.8,0,0,1,7.081,6.075Z' transform='translate(10.983) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.tsearch-input-search-r {
    font-family: "Open Sans";
    font-weight: 600;
    text-align: left;
    color: #3b2f22;
    border-radius: 0px 35px 35px 0px;
    background: #fff;
    border: 2px solid #685642;
    border-left: none;
    width: 100%;
    height: 40px;
    padding: 7px 40px 7px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.tsearch-btn-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.5' height='17.503' viewBox='0 0 17.5 17.503'%3E%3Cpath id='solid_search' data-name='solid search' d='M17.262,15.132l-3.408-3.408a.82.82,0,0,0-.581-.239h-.557a7.107,7.107,0,1,0-1.231,1.231v.557a.82.82,0,0,0,.239.581l3.408,3.408a.817.817,0,0,0,1.159,0l.967-.967A.824.824,0,0,0,17.262,15.132ZM7.11,11.485A4.375,4.375,0,1,1,11.485,7.11,4.373,4.373,0,0,1,7.11,11.485Z' fill='%23675743'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;  
    background-position-x: 50%;
    background-position-y: 50%;
    padding: 7px 25px;
    position: absolute;
    right: 0px;
    height: 40px;
    transition: all .2s;
}

.tsearch-btn-search:focus {
    transform: scale(0.9);
}

.tsearch-btn-search:hover{
    transform: scale(1.2);
}

/*---------------------- sort filter  ---------------------*/
.filter-main-title {
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    border: 1px solid transparent;
    color: #c4c4c4;
    padding: 5px 5px 5px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: auto;
    height: 23px;
}

.tool-sort-btn {
    border-radius: 35px;
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #fff;
    padding:5px 10px;
    margin: 4px 1px;
    font-size: 8px;
    border-radius: 35px;
    transition: all .2s;
    background-color: #c4c4c4
}

.filter-title {
    font-weight: 600;
    font-size: 7px;
    text-align: left;
    color: #c4c4c4;
    padding-bottom: 3px!important;
    text-align: left;
}

.filter-select-css{
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 8px;
    color: #3b2f22;
    border-radius: 1.91px 35px 35px 1.91px;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
    width: 100%;
    padding: 5px 25px 5px 10px;
    margin: 4px 4px 4px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.251' height='4.84' viewBox='0 0 7.251 4.84'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M4.675,4.01,1.489,7.091a.574.574,0,0,1-.794,0L.165,6.579a.529.529,0,0,1,0-.768L2.424,3.628.165,1.444a.529.529,0,0,1,0-.768L.692.16a.574.574,0,0,1,.794,0L4.673,3.24A.53.53,0,0,1,4.675,4.01Z' transform='translate(7.251) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
}

/* Hide arrow icon in IE browsers */
.filter-select-css::-ms-expand {
    display: none;
}

/* Focus style */
.filter-select-css:focus {
    border-color: #888;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    color: #222; 
    outline: none;
}

.filter-btn{
    font-weight: 600;
    font-size: 8px;
    text-align: left;
    color: #fff;
    border-radius: 4px;
    background-color:#685642;
    border: 1px solid #685642;
    padding: 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 4px 4px 4px 0px;
}

/* button icon */
.ico-be-search {
    content: "\00a0\f002";
    color: #fff;
    font-family: "FontAwesome";
}

/* button */

.tool-t-input-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 600;
    font-size: 10px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-radius: 4px 35px 35px 4px;
    padding: 8px 33px 8px 13px;
    margin: 4px 4px 4px 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.983' height='7.331' viewBox='0 0 10.983 7.331'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M7.081,6.075,2.255,10.741a.869.869,0,0,1-1.2,0l-.8-.775A.8.8,0,0,1,.25,8.8L3.671,5.495.25,2.187a.8.8,0,0,1,0-1.163l.8-.782a.869.869,0,0,1,1.2,0L7.078,4.908A.8.8,0,0,1,7.081,6.075Z' transform='translate(10.983) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E%0A");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
    width: auto;
}


button {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: all .2s;
}

button:focus {
    outline: none!important;
}

.tool-t-btn {
    background-color: #685642;
    border-radius: 50%;
    font-size: 10px;
    margin: 4px 4px 4px 0px;
    transition: all .2s;
    height: 30px;
    width: 30px;
    /* circle button */
}

.tool-t-btn:hover {
    background-color: #352c21!important;
}

.tool-t-btn:focus {
    transform: scale(0.90);
}

.tool-t-btn-r:focus {
    transform: scale(0.90);
}


.tool-t-btn-blank {
    background-color: none!important;
    background: none!important;
    color:none!important;
    height: 30px;
    border-radius: 50%;
    padding: 8px 13px;
    margin: 4px 4px 4px 0px;
    font-size: 10px;
    transition: all .2s;
    /* button on right - text only */
}

.tool-t-btn-left {
    padding: 8px 8px 8px 13px;
    margin: 4px 0px 4px 0px;
    font-size: 10px;
    border-radius: 35px 0px 0px 35px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    transition: all .2s;
    /* button on right - text only */
}
.tool-t-btn-right {
    padding: 8px 13px 8px 8px;
    margin: 4px 4px 4px 0px;
    font-size: 10px;
    border-radius: 0px 35px 35px 0px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    transition: all .2s;
    /* button on right - text only */
}

.tool-t-btn-r {
    padding: 7px 13px;
    margin: 4px 4px 4px 0px;
    font-size: 12px;
    border-radius: 35px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    transition: all .2s;
    min-width: 100px;
    /* button on right - text only */
}

.tool-t-btn-ricon {
    border-radius: 35px;
    padding: 8px 13px 8px 33px;
    margin: 4px 4px 4px 0px;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    transition: all .2s;
    /* button on right - text only */
}

.tform-input-select-withbtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: auto;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    border-right: none;
    border-radius: 4px 0px 0px 4px;
    padding: 3px 30px 3px 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.983' height='7.331' viewBox='0 0 10.983 7.331'%3E%3Cpath id='solid_angle-right' data-name='solid angle-right' d='M7.081,6.075,2.255,10.741a.869.869,0,0,1-1.2,0l-.8-.775A.8.8,0,0,1,.25,8.8L3.671,5.495.25,2.187a.8.8,0,0,1,0-1.163l.8-.782a.869.869,0,0,1,1.2,0L7.078,4.908A.8.8,0,0,1,7.081,6.075Z' transform='translate(10.983) rotate(90)' fill='%23c4c4c4'/%3E%3C/svg%3E%0A");
    background-position-x: calc( 100% - 13px);
    background-position-y: 50%;
    background-repeat: no-repeat;
    height: 30px;
}
.tool-t-btn-r-withopt {
    border-radius: 4px;
    padding: 8px 13px;
    height: 30px;
    font-size: 10px;
    border-radius: 0px 35px 35px 0px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    width: auto;
    transition: all .2s;
    /* button on right - text only */
}

.tool-t-btn-manage {
    border-radius: 4px;
    border: 1px #c7c7c7 solid;
    background-color: #fff;
    padding: 8px 13px;
    margin: 4px 4px 4px 0px;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: #9c9c9c;
    transition: all .2s;
}

.tool-t-btn-manage:hover {
    background: #f0f0f0;
}


.f-opt::after {
    content: "\00a0(optional)";
    font-style: italic;
    font-weight: 500;
    color: #cacaca;
}
.v-align-m {
    vertical-align: middle;
}
.br0 {
    border-radius: 0!important;
}

.b0r {
    border-bottom: transparent!important;
}

.br4 {
    border-radius: 4px!important;
}

.br35 {
    border-radius: 35px!important;
}

.bw1 {
    border-width: 1!important;
}

.btn-br-35 {
    border-radius: 35px!important;
}

.b-fff-63b2f22 {
    border: 1px solid #fff;
    color: #fff!important;
}

.b-fff-63b2f22:hover {
    background-color: #fff;
    color: #3b2f22!important;
}

.bg-red {
    background-color: red;
}
.bg-blue {
    background-color: blue;
}

.bg-8A9131, .bg-light-green2 {
    background-color: #8A9131;
}

.bg-8A9131:hover, .bg-light-green2:hover {
    background-color: #6b7023;
}

.bg-3b2f22 {
    background-color: #3b2f22!important;
    border-color: #3b2f22!important;
}

.bg-777674 {
    background-color: #777674!important;
    border-color: #777674!important;
}

.bg-685642, .bg-brown {
    background-color: #685642;
}
.bg-685642:hover, .bg-brown:hover {
    background-color: #382e23!important;
}

.bg-c4c4c4 {
    background-color: #c4c4c4;
}
.bg-c4c4c4:hover {
    background-color: #949292!important;
}

.bg-f0f0f0 {
    background-color: #f0f0f0;
}
.bg-f0f0f0:hover {
    background-color: #cacaca!important;
}

.bg-fff {
    background-color: #fff!important;
}

.bg-4d4d4d {
    background-color: #4d4d4d;
}
.bg-4d4d4d:hover {
    background-color: #303030!important;
}

.bg-0d2621,.bg-index {
    background-color: #0d2621;
}
.bg-0d2621:hover,.bg-index:hover {
    background-color: #040a09!important;
}
.bg-gold {
    background-color: #e9c46a;
}
.bg-gold:hover {
    background-color: #c4a14a;
}
.bg-aa9950, .bg-cal-gold{
    background-color: #aa9950;
}
.bg-aa9950:hover, .bg-cal-gold:hover{
    background-color: #8d7e3d!important;
}

.bg-566842,.bg-green {
    background-color: #539d52;
}

.bg-28223b,.bg-blue {
    background-color: #3c7e9c;
}

.bg-28223b:hover,.bg-blue:hover {
    background-color: #1f4252;
}


.tool-btn-complete, .bg-light-green {
    background-color: #668E3A;
}

.tool-btn-complete:hover, .bg-light-green:hover {
    background-color: #52722f;
}
.bg-566842:hover,.bg-green:hover {
    background-color: #3b472d!important;
}

.bg-3b2f22 {
    background-color: #3b2f22!;
}

.bg-3b2f22:hover {
    background-color: #1f1811!important;
}

.bg-515C69,.bg-grey-blue {
    background-color: #515C69!important;
}
.bg-515C69:hover,.bg-grey-blue:hover,.tool-btn-duplicate-text:hover {
    background-color: #38414b!important;
}

.tool-btn-skip {
    border-radius: 4px;
    padding: 10px 18px;
    margin: 4px 4px 4px 0px;
    transition: all .2s;
    font-weight: bold;
    color: #515C69;
    font-size: 10px;
}

.bg-a8000c, .bg-red {
    background-color: #a8000c;
}
.bg-a8000c:hover, .bg-red:hover {
    background-color: #83010a!important;
}


.tool-btn-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.963' height='13.953' viewBox='0 0 13.963 13.953'%3E%3Cpath id='bxs-home' d='M15.784,9.217,9.5,2.235a.719.719,0,0,0-1.037,0L2.179,9.217A.7.7,0,0,0,2.7,10.382h1.4V15.27a.7.7,0,0,0,.7.7H6.887a.7.7,0,0,0,.7-.7V12.477h2.793V15.27a.7.7,0,0,0,.7.7h2.095a.7.7,0,0,0,.7-.7V10.382h1.4a.7.7,0,0,0,.519-1.165Z' transform='translate(-2 -2.015)' fill='%23f7f7f7'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-back {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.316' height='13.953' viewBox='0 0 14.316 13.953'%3E%3Cpath id='solid_arrow-left' data-name='solid arrow-left' d='M8.179,50.669l-.709.709a.764.764,0,0,1-1.083,0L.175,45.17a.764.764,0,0,1,0-1.083l6.211-6.211a.764.764,0,0,1,1.083,0l.709.709a.768.768,0,0,1-.013,1.1l-3.85,3.668H13.5a.765.765,0,0,1,.767.767v1.022a.765.765,0,0,1-.767.767H4.316l3.85,3.668a.762.762,0,0,1,.013,1.1Z' transform='translate(0.05 -37.65)' fill='%23f7f7f7'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-forward {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.316' height='13.953' viewBox='0 0 14.316 13.953'%3E%3Cpath id='solid_arrow-left' data-name='solid arrow-left' d='M8.179,50.669l-.709.709a.764.764,0,0,1-1.083,0L.175,45.17a.764.764,0,0,1,0-1.083l6.211-6.211a.764.764,0,0,1,1.083,0l.709.709a.768.768,0,0,1-.013,1.1l-3.85,3.668H13.5a.765.765,0,0,1,.767.767v1.022a.765.765,0,0,1-.767.767H4.316l3.85,3.668a.762.762,0,0,1,.013,1.1Z' transform='translate(14.266 51.603) rotate(180)' fill='%23f7f7f7'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-refresh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.953' height='13.953' viewBox='0 0 13.953 13.953'%3E%3Cpath id='solid_redo-alt' data-name='solid redo-alt' d='M14.989,8A6.953,6.953,0,0,1,19.8,9.932l1-1a.675.675,0,0,1,1.153.477v3.771a.675.675,0,0,1-.675.675H17.507a.675.675,0,0,1-.477-1.153L18.2,11.524a4.726,4.726,0,1,0-.115,7.009.337.337,0,0,1,.46.016l1.116,1.116a.338.338,0,0,1-.014.49A6.977,6.977,0,1,1,14.989,8Z' transform='translate(-8 -8)' fill='%23f7f7f7'/%3E%3C/svg%3E%0A");
    background-position-x: calc(50% - 1px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-find-contact {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.656' height='17.942' viewBox='0 0 17.656 17.942'%3E%3Cg id='Group_1018' data-name='Group 1018' transform='translate(-167.001 -844.99)'%3E%3Cpath id='solid_address-book' data-name='solid address-book' d='M13.622,5A.376.376,0,0,0,14,4.624V3.374A.376.376,0,0,0,13.622,3H13V1.5A1.5,1.5,0,0,0,11.5,0H1.5A1.5,1.5,0,0,0,0,1.5v13A1.5,1.5,0,0,0,1.5,16h10A1.5,1.5,0,0,0,13,14.5V13h.625A.376.376,0,0,0,14,12.623v-1.25A.376.376,0,0,0,13.622,11H13V9h.625A.376.376,0,0,0,14,8.623V7.374A.376.376,0,0,0,13.622,7H13V5ZM6.5,4a2,2,0,1,1-2,2A2,2,0,0,1,6.5,4ZM10,11.4a.655.655,0,0,1-.7.6H3.7a.655.655,0,0,1-.7-.6v-.6A1.968,1.968,0,0,1,5.1,9h.156A3.218,3.218,0,0,0,7.742,9H7.9A1.968,1.968,0,0,1,10,10.8Z' transform='translate(167.001 844.99)' fill='%23f7f7f7'/%3E%3Cg id='solid_search' data-name='solid search' transform='translate(174.5 852.771)' fill='%23fff'%3E%3Cpath d='M 8.223847389221191 9.660622596740723 C 7.97564697265625 9.660622596740723 7.742146968841553 9.563812255859375 7.566387176513672 9.388032913208008 L 5.782747268676758 7.604402542114258 C 5.740487098693848 7.562144756317139 5.702812671661377 7.516497611999512 5.669962406158447 7.468050479888916 C 5.073286533355713 7.779974937438965 4.411364555358887 7.942282676696777 3.721137046813965 7.942282676696777 C 1.39359712600708 7.942282676696777 -0.5000028610229492 6.048682689666748 -0.5000028610229492 3.721142768859863 C -0.5000028610229492 1.393602609634399 1.39359712600708 -0.4999973475933075 3.721137046813965 -0.4999973475933075 C 6.04867696762085 -0.4999973475933075 7.942276954650879 1.393602609634399 7.942276954650879 3.721142768859863 C 7.942276954650879 4.411362648010254 7.779967784881592 5.073286056518555 7.468050956726074 5.669964790344238 C 7.51649808883667 5.702815532684326 7.562149524688721 5.740492343902588 7.60440731048584 5.782752513885498 L 9.388047218322754 7.56639289855957 C 9.749116897583008 7.931332588195801 9.747467041015625 8.520552635192871 9.386257171630859 8.881762504577637 L 8.879966735839844 9.388052940368652 C 8.706747055053711 9.563142776489258 8.473056793212891 9.660622596740723 8.223847389221191 9.660622596740723 Z M 3.721137046813965 1.931212663650513 C 2.734167098999023 1.931212663650513 1.931207180023193 2.734172582626343 1.931207180023193 3.721142768859863 C 1.931207180023193 4.708112716674805 2.734167098999023 5.511072635650635 3.721137046813965 5.511072635650635 C 4.708106994628906 5.511072635650635 5.511067390441895 4.708112716674805 5.511067390441895 3.721142768859863 C 5.511067390441895 2.734172582626343 4.708106994628906 1.931212663650513 3.721137046813965 1.931212663650513 Z' stroke='none'/%3E%3Cpath d='M 8.223849296569824 9.160619735717773 C 8.333649635314941 9.160619735717773 8.44322681427002 9.11857795715332 8.526416778564453 9.034492492675781 L 9.032707214355469 8.528212547302246 C 9.20087718963623 8.360042572021484 9.20087718963623 8.088112831115723 9.034497261047363 7.919942855834961 L 7.250857353210449 6.136302471160889 C 7.170347213745117 6.055792808532715 7.061217308044434 6.011072635650635 6.946727275848389 6.011072635650635 L 6.655117034912109 6.011072635650635 C 7.148877143859863 5.379552841186523 7.442276954650879 4.585232734680176 7.442276954650879 3.721142768859863 C 7.442276954650879 1.665572643280029 5.776707172393799 2.664489784365287e-06 3.721137046813965 2.664489784365287e-06 C 1.66556715965271 2.664489784365287e-06 -2.835693294400699e-06 1.665572643280029 -2.835693294400699e-06 3.721142768859863 C -2.835693294400699e-06 5.776712894439697 1.66556715965271 7.442282676696777 3.721137046813965 7.442282676696777 C 4.585227012634277 7.442282676696777 5.379547119140625 7.148882865905762 6.011067390441895 6.655112743377686 L 6.011067390441895 6.946722507476807 C 6.011067390441895 7.061222553253174 6.055797100067139 7.170352458953857 6.136297225952148 7.250852584838867 L 7.919947147369385 9.034492492675781 C 8.004027366638184 9.11857795715332 8.114049911499023 9.160619735717773 8.223849296569824 9.160619735717773 M 3.721137046813965 1.431212663650513 C 4.98596715927124 1.431212663650513 6.011067390441895 2.454522609710693 6.011067390441895 3.721142768859863 C 6.011067390441895 4.985972881317139 4.987757205963135 6.011072635650635 3.721137046813965 6.011072635650635 C 2.456307172775269 6.011072635650635 1.431207180023193 4.987762451171875 1.431207180023193 3.721142768859863 C 1.431207180023193 2.456312656402588 2.454517126083374 1.431212663650513 3.721137046813965 1.431212663650513 M 8.223847389221191 10.16062259674072 C 7.842067241668701 10.16062259674072 7.483006954193115 10.01179313659668 7.212797164916992 9.741552352905273 L 5.548722743988037 8.077487945556641 C 4.976749897003174 8.317975044250488 4.359690189361572 8.442282676696777 3.721137046813965 8.442282676696777 C 1.117887139320374 8.442282676696777 -1.000002861022949 6.324392795562744 -1.000002861022949 3.721142768859863 C -1.000002861022949 1.117892622947693 1.117887139320374 -0.9999973177909851 3.721137046813965 -0.9999973177909851 C 6.324387073516846 -0.9999973177909851 8.442276954650879 1.117892622947693 8.442276954650879 3.721142768859863 C 8.442276954650879 4.359695911407471 8.317973136901855 4.976743221282959 8.077487945556641 5.548713207244873 L 9.741606712341309 7.212832450866699 L 9.743496894836426 7.214722633361816 L 9.745377540588379 7.216632843017578 C 10.2974271774292 7.774622440338135 10.29493713378906 8.680202484130859 9.73981761932373 9.235322952270508 L 9.234853744506836 9.740266799926758 C 8.965378761291504 10.0113582611084 8.606466293334961 10.16062259674072 8.223847389221191 10.16062259674072 Z M 3.721137046813965 2.431212663650513 C 3.009867191314697 2.431212663650513 2.431207180023193 3.009872674942017 2.431207180023193 3.721142768859863 C 2.431207180023193 4.432412624359131 3.009867191314697 5.011072635650635 3.721137046813965 5.011072635650635 C 4.432407379150391 5.011072635650635 5.011067390441895 4.432412624359131 5.011067390441895 3.721142768859863 C 5.011067390441895 3.009872674942017 4.432407379150391 2.431212663650513 3.721137046813965 2.431212663650513 Z' stroke='none' fill='%23685642'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position-x: calc(50% + 2px);
    background-position-y: calc(50% + 1px);
    background-repeat: no-repeat;
}

.tool-btn-new-search {
    background-color: #685642;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.019' height='14.021' viewBox='0 0 14.019 14.021'%3E%3Cpath id='solid_search' data-name='solid search' d='M13.828,12.122,11.1,9.392a.657.657,0,0,0-.465-.192h-.446a5.693,5.693,0,1,0-.986.986v.446a.657.657,0,0,0,.192.465l2.73,2.73a.654.654,0,0,0,.928,0l.775-.775A.66.66,0,0,0,13.828,12.122ZM5.7,9.2A3.5,3.5,0,1,1,9.2,5.7,3.5,3.5,0,0,1,5.7,9.2Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: calc(50% + 1px);
    background-repeat: no-repeat;
}

.tool-btn-new-search:hover {
    background-color: #3b2f22!important;
}

.tool-btn-erase {
    background-color: #4d4d4d;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.889' height='13.903' viewBox='0 0 15.889 13.903'%3E%3Cpath id='solid_eraser' data-name='solid eraser' d='M15.452,39.508a1.49,1.49,0,0,0,0-2.107l-4.965-4.965a1.49,1.49,0,0,0-2.107,0L.436,40.381a1.49,1.49,0,0,0,0,2.107l2.979,2.979a1.49,1.49,0,0,0,1.053.436H15.516a.372.372,0,0,0,.372-.372V44.289a.372.372,0,0,0-.372-.372H11.044l4.409-4.409ZM6.061,37.565l4.263,4.263L8.235,43.917H4.674L2.191,41.434Z' transform='translate(0.001 -32)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    border-radius: 4px!important;
}

.tool-btn-erase-text {
    background-color: #4d4d4d;
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
    border-radius: 4px!important;
}
.tool-btn-erase:hover,.tool-btn-erase-text:hover {
    background-color: #303030!important;
}


.tool-btn-receipt {
    background-color: #28223B;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.419' height='15.419' viewBox='0 0 384 512'%3E%3Cpath d='M14 2.2C22.5-1.7 32.5-.3 39.6 5.8L80 40.4 120.4 5.8c9-7.7 22.3-7.7 31.2 0L192 40.4 232.4 5.8c9-7.7 22.3-7.7 31.2 0L304 40.4 344.4 5.8c7.1-6.1 17.1-7.5 25.6-3.6s14 12.4 14 21.8l0 464c0 9.4-5.5 17.9-14 21.8s-18.5 2.5-25.6-3.6L304 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L192 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L80 471.6 39.6 506.2c-7.1 6.1-17.1 7.5-25.6 3.6S0 497.4 0 488L0 24C0 14.6 5.5 6.1 14 2.2zM96 144c-8.8 0-16 7.2-16 16s7.2 16 16 16l192 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L96 144zM80 352c0 8.8 7.2 16 16 16l192 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L96 336c-8.8 0-16 7.2-16 16zM96 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l192 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L96 240z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-print {
    background-color: #28223B;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.419' height='15.419' viewBox='0 0 15.419 15.419'%3E%3Cpath id='bxs-printer' d='M15.106,5.855h-.771V2H5.084V5.855H4.313A2.313,2.313,0,0,0,2,8.168v5.4a1.542,1.542,0,0,0,1.542,1.542H5.084v2.313h9.251V15.106h1.542a1.542,1.542,0,0,0,1.542-1.542v-5.4A2.313,2.313,0,0,0,15.106,5.855ZM6.626,3.542h6.168V5.855H6.626Zm0,12.335V12.793h6.168v3.084Zm8.48-6.168H12.022V8.168h3.084Z' transform='translate(-2 -2)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-print-more {
    background-color: #28223B;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.654' height='13.968' viewBox='0 0 16.654 13.968'%3E%3Cg id='Group_1032' data-name='Group 1032' transform='translate(-293 -728.032)'%3E%3Cpath id='bxs-printer' d='M13.873,5.492h-.7V2H4.794V5.492H4.1A2.1,2.1,0,0,0,2,7.587v4.889a1.4,1.4,0,0,0,1.4,1.4h1.4v2.1h8.381v-2.1h1.4a1.4,1.4,0,0,0,1.4-1.4V7.587A2.1,2.1,0,0,0,13.873,5.492ZM6.19,3.4h5.587v2.1H6.19Zm0,11.174V11.777h5.587v2.794Zm7.682-5.587H11.079v-1.4h2.794Z' transform='translate(291 726.032)' fill='%23fff'/%3E%3Cpath id='solid_ellipsis-h' data-name='solid ellipsis-h' d='M14.389,185.527A1.44,1.44,0,1,1,12.952,184,1.483,1.483,0,0,1,14.389,185.527ZM16.466,184a1.53,1.53,0,1,0,1.438,1.527A1.483,1.483,0,0,0,16.466,184Zm-7.028,0a1.53,1.53,0,1,0,1.438,1.527A1.483,1.483,0,0,0,9.438,184Z' transform='translate(291.25 554.39)' fill='%23fff' stroke='%2328223b' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E ");
    background-position-x: calc(50% + 1px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-print-more-clicked {
    background-color: #120f1b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.654' height='13.968' viewBox='0 0 16.654 13.968'%3E%3Cg id='Group_1032' data-name='Group 1032' transform='translate(-293 -728.032)'%3E%3Cpath id='bxs-printer' d='M13.873,5.492h-.7V2H4.794V5.492H4.1A2.1,2.1,0,0,0,2,7.587v4.889a1.4,1.4,0,0,0,1.4,1.4h1.4v2.1h8.381v-2.1h1.4a1.4,1.4,0,0,0,1.4-1.4V7.587A2.1,2.1,0,0,0,13.873,5.492ZM6.19,3.4h5.587v2.1H6.19Zm0,11.174V11.777h5.587v2.794Zm7.682-5.587H11.079v-1.4h2.794Z' transform='translate(291 726.032)' fill='%23fff'/%3E%3Cpath id='solid_ellipsis-h' data-name='solid ellipsis-h' d='M14.389,185.527A1.44,1.44,0,1,1,12.952,184,1.483,1.483,0,0,1,14.389,185.527ZM16.466,184a1.53,1.53,0,1,0,1.438,1.527A1.483,1.483,0,0,0,16.466,184Zm-7.028,0a1.53,1.53,0,1,0,1.438,1.527A1.483,1.483,0,0,0,9.438,184Z' transform='translate(291.25 554.39)' fill='%23fff' stroke='%2328223b' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E ");
    background-position-x: calc(50% + 1px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}
.tool-btn-print-text {
    background-color: #28223B;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.419' height='15.419' viewBox='0 0 15.419 15.419'%3E%3Cpath id='bxs-printer' d='M15.106,5.855h-.771V2H5.084V5.855H4.313A2.313,2.313,0,0,0,2,8.168v5.4a1.542,1.542,0,0,0,1.542,1.542H5.084v2.313h9.251V15.106h1.542a1.542,1.542,0,0,0,1.542-1.542v-5.4A2.313,2.313,0,0,0,15.106,5.855ZM6.626,3.542h6.168V5.855H6.626Zm0,12.335V12.793h6.168v3.084Zm8.48-6.168H12.022V8.168h3.084Z' transform='translate(-2 -2)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}
.tool-btn-print-text:hover {
    background-color: #120f1b;
}

.tool-btn-filter {
    background-color: #c4c4c4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.997' height='13.997' viewBox='0 0 15.997 13.997'%3E%3Cpath id='solid_sliders-h' data-name='solid sliders-h' d='M15.5,43H5v-.5a.5.5,0,0,0-.5-.5h-1a.5.5,0,0,0-.5.5V43H.5a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5H3v.5a.5.5,0,0,0,.5.5h1a.5.5,0,0,0,.5-.5V45H15.5a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,15.5,43Zm0-5H13v-.5a.5.5,0,0,0-.5-.5h-1a.5.5,0,0,0-.5.5V38H.5a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5H11v.5a.5.5,0,0,0,.5.5h1a.5.5,0,0,0,.5-.5V40h2.5a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,15.5,38Zm0-5H9v-.5a.5.5,0,0,0-.5-.5h-1a.5.5,0,0,0-.5.5V33H.5a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5H7v.5a.5.5,0,0,0,.5.5h1a.5.5,0,0,0,.5-.5V35h6.5a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,15.5,33Z' transform='translate(0 -32)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    border-radius: 4px!important;
}

.tool-btn-filter:hover {
    background-color: #979797!important;
}

.tool-btn-filter-clicked {
    background-color: #888!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.997' height='13.997' viewBox='0 0 15.997 13.997'%3E%3Cpath id='solid_sliders-h' data-name='solid sliders-h' d='M15.5,43H5v-.5a.5.5,0,0,0-.5-.5h-1a.5.5,0,0,0-.5.5V43H.5a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5H3v.5a.5.5,0,0,0,.5.5h1a.5.5,0,0,0,.5-.5V45H15.5a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,15.5,43Zm0-5H13v-.5a.5.5,0,0,0-.5-.5h-1a.5.5,0,0,0-.5.5V38H.5a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5H11v.5a.5.5,0,0,0,.5.5h1a.5.5,0,0,0,.5-.5V40h2.5a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,15.5,38Zm0-5H9v-.5a.5.5,0,0,0-.5-.5h-1a.5.5,0,0,0-.5.5V33H.5a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5H7v.5a.5.5,0,0,0,.5.5h1a.5.5,0,0,0,.5-.5V35h6.5a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,15.5,33Z' transform='translate(0 -32)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    border-radius: 4px!important;
}

.tool-btn-filter:focus,.tool-btn-print-more:focus,.tool-btn-more:focus,.tool-btn-admin:focus {
    transform: none;
}

.tool-btn-add {
    background-color: #5d3b13;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
}

.tool-btn-update {
    background-color: #566842;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
}

.tool-btn-cate {
    background: #79746f;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
}

.tool-btn-repair {
    background-color: #777777;
    border-radius: 5px;
    font-weight: bold;
    text-align: left;
}


.btn-modal-close {
    background-color: #fff;
    border-radius: 5px;
    font-weight:normal;
    text-align: left;
    color: #c4c4c4;
    border: #c4c4c4 solid 1px;
    height: 30px;
    padding: 0px 15px;
    margin: 4px 4px 4px 0px;
    transition: all .2s;
}
.btn-modal-close:hover {
    color: #000;
}

.tool-btn-restart {
    background-color: #8EA5B4;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-showamt {
    background-color: #425968;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-link {
    background-color: #685642;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-adjust {
    background: #426468;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-update-sm {
    background-color: #566842;
    border-radius: 35px!important;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    color: #fff;
}

.tool-btn-clearzero-sm {
    background-color: #c4c4c4;
    border-radius: 35px!important;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    color: #fff;
}

.tool-btn-cate-sm {
    background: #79746f;
    border-radius: 4px!important;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    color: #fff;
}

.tool-btn-additem-sm {
    background-color: #3b2f22;
    border-radius: 4px!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.689' height='6.689' viewBox='0 0 6.689 6.689'%3E%3Cpath id='solid_plus' data-name='solid plus' d='M6.211,34.628H4.061v-2.15A.478.478,0,0,0,3.583,32H3.105a.478.478,0,0,0-.478.478v2.15H.478A.478.478,0,0,0,0,35.105v.478a.478.478,0,0,0,.478.478h2.15v2.15a.478.478,0,0,0,.478.478h.478a.478.478,0,0,0,.478-.478v-2.15h2.15a.478.478,0,0,0,.478-.478v-.478A.478.478,0,0,0,6.211,34.628Z' transform='translate(0 -32)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    padding-left: 30px!important;
    color: #fff;
}

.tool-btn-addnew-sm {
    background: #5d3b13;
    border-radius: 4px!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.689' height='6.689' viewBox='0 0 6.689 6.689'%3E%3Cpath id='solid_plus' data-name='solid plus' d='M6.211,34.628H4.061v-2.15A.478.478,0,0,0,3.583,32H3.105a.478.478,0,0,0-.478.478v2.15H.478A.478.478,0,0,0,0,35.105v.478a.478.478,0,0,0,.478.478h2.15v2.15a.478.478,0,0,0,.478.478h.478a.478.478,0,0,0,.478-.478v-2.15h2.15a.478.478,0,0,0,.478-.478v-.478A.478.478,0,0,0,6.211,34.628Z' transform='translate(0 -32)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    padding-left: 30px!important;
    color: #fff;
}

.tool-btn-billsetting {
    background-color: #685642;
    border-radius: 35px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    color: #fff;
}

.tool-btn-change {
    background-color: #5f9045;
    border-radius: 35px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    color: #fff;
}

.tool-t-btn-r-sm {
    border-radius: 4px;
    height: 30px;
    padding: 0px 15px;
    margin: 4px 4px 4px 0px;
    transition: all .2s;
}

.tool-t-btn-sm {
    background: #685642;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 4px 4px 4px 0px;
    transition: all .2s;
}

.tool-btn-change-sm {
    background-color: #5f9045;
    border-radius: 35px;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    color: #fff;
}

.tool-btn-delete-sm {
    background-color: #a8000c!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.555' height='9.777' viewBox='0 0 8.555 9.777'%3E%3Cpath id='solid_trash-alt' data-name='solid trash-alt' d='M.611,8.86a.917.917,0,0,0,.917.917h5.5a.917.917,0,0,0,.917-.917V2.444H.611ZM5.8,3.972a.306.306,0,0,1,.611,0V8.249a.306.306,0,0,1-.611,0Zm-1.833,0a.306.306,0,1,1,.611,0V8.249a.306.306,0,0,1-.611,0Zm-1.833,0a.306.306,0,1,1,.611,0V8.249a.306.306,0,0,1-.611,0ZM8.249.611H5.958L5.778.254A.458.458,0,0,0,5.368,0H3.185a.453.453,0,0,0-.409.254L2.6.611H.306A.306.306,0,0,0,0,.916v.611a.306.306,0,0,0,.306.306H8.249a.306.306,0,0,0,.306-.306V.916A.306.306,0,0,0,8.249.611Z' transform='translate(0 0)' fill='%23f7f7f7'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-cal-sm {
    background-color: #aa9950!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.555' height='9.778' viewBox='0 0 8.555 9.778'%3E%3Cpath id='solid_calculator' data-name='solid calculator' d='M7.639,0H.917A.94.94,0,0,0,0,.917V8.861a.94.94,0,0,0,.917.917H7.639a.94.94,0,0,0,.917-.917V.917A.94.94,0,0,0,7.639,0ZM2.444,8.311a.263.263,0,0,1-.244.244H1.467a.263.263,0,0,1-.244-.244V7.578a.263.263,0,0,1,.244-.244H2.2a.263.263,0,0,1,.244.244Zm0-2.444a.263.263,0,0,1-.244.244H1.467a.263.263,0,0,1-.244-.244V5.133a.263.263,0,0,1,.244-.244H2.2a.263.263,0,0,1,.244.244ZM4.889,8.311a.263.263,0,0,1-.244.244H3.911a.263.263,0,0,1-.244-.244V7.578a.263.263,0,0,1,.244-.244h.733a.263.263,0,0,1,.244.244v.733Zm0-2.444a.263.263,0,0,1-.244.244H3.911a.263.263,0,0,1-.244-.244V5.133a.263.263,0,0,1,.244-.244h.733a.263.263,0,0,1,.244.244v.733ZM7.333,8.311a.263.263,0,0,1-.244.244H6.355a.263.263,0,0,1-.244-.244V5.133a.263.263,0,0,1,.244-.244h.733a.263.263,0,0,1,.244.244Zm0-4.889a.263.263,0,0,1-.244.244H1.467a.263.263,0,0,1-.244-.244V1.467a.263.263,0,0,1,.244-.244H7.089a.263.263,0,0,1,.244.244Z' fill='%23fff'/%3E%3C/svg%3E ");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    border-radius: 4px!important;
}

.tool-btn-delete {
    background-color: #a8000c!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.999' height='15.998' viewBox='0 0 13.999 15.998'%3E%3Cpath id='solid_trash-alt' data-name='solid trash-alt' d='M1,14.5A1.5,1.5,0,0,0,2.5,16h9A1.5,1.5,0,0,0,13,14.5V4H1Zm8.5-8a.5.5,0,0,1,1,0v7a.5.5,0,0,1-1,0Zm-3,0a.5.5,0,1,1,1,0v7a.5.5,0,0,1-1,0Zm-3,0a.5.5,0,1,1,1,0v7a.5.5,0,0,1-1,0ZM13.5,1H9.749L9.455.415A.75.75,0,0,0,8.784,0H5.212a.741.741,0,0,0-.669.416L4.25,1H.5a.5.5,0,0,0-.5.5v1A.5.5,0,0,0,.5,3h13a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,13.5,1Z' transform='translate(0 0)' fill='%23f7f7f7'/%3E%3C/svg%3E ");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-delete-text {
    background-color: #a8000c!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.999' height='15.998' viewBox='0 0 13.999 15.998'%3E%3Cpath id='solid_trash-alt' data-name='solid trash-alt' d='M1,14.5A1.5,1.5,0,0,0,2.5,16h9A1.5,1.5,0,0,0,13,14.5V4H1Zm8.5-8a.5.5,0,0,1,1,0v7a.5.5,0,0,1-1,0Zm-3,0a.5.5,0,1,1,1,0v7a.5.5,0,0,1-1,0Zm-3,0a.5.5,0,1,1,1,0v7a.5.5,0,0,1-1,0ZM13.5,1H9.749L9.455.415A.75.75,0,0,0,8.784,0H5.212a.741.741,0,0,0-.669.416L4.25,1H.5a.5.5,0,0,0-.5.5v1A.5.5,0,0,0,.5,3h13a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,13.5,1Z' transform='translate(0 0)' fill='%23f7f7f7'/%3E%3C/svg%3E ");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-delete:hover, .tool-btn-delete-text:hover {
    background-color: #85040d!important;
}

.tool-btn-more {
    background-color: #c4c4c4!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.5' height='4.779' viewBox='0 0 15.5 4.779'%3E%3Cpath id='solid_ellipsis-h' data-name='solid ellipsis-h' d='M18,186.39A2.254,2.254,0,1,1,15.75,184,2.322,2.322,0,0,1,18,186.39ZM21.25,184a2.394,2.394,0,1,0,2.25,2.39A2.322,2.322,0,0,0,21.25,184Zm-11,0a2.394,2.394,0,0,0,0,4.779,2.394,2.394,0,0,0,0-4.779Z' transform='translate(-8 -184)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-more:hover {
    background-color: #979797!important;
}

.tool-btn-more-clicked {
    background-color: #979797!important;
}

.tool-btn-btmnav {
    background-color: #685642!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.999' height='11.998' viewBox='0 0 14.999 11.998'%3E%3Cpath id='solid_list-ul' data-name='solid list-ul' d='M15.5,58.5H1.5A.5.5,0,0,0,1,59v1a.5.5,0,0,0,.5.5h14A.5.5,0,0,0,16,60V59A.5.5,0,0,0,15.5,58.5Zm0-10H1.5A.5.5,0,0,0,1,49v1a.5.5,0,0,0,.5.5h14A.5.5,0,0,0,16,50V49A.5.5,0,0,0,15.5,48.5Zm0,5H1.5A.5.5,0,0,0,1,54v1a.5.5,0,0,0,.5.5h14A.5.5,0,0,0,16,55V54A.5.5,0,0,0,15.5,53.5Z' transform='translate(-0.999 -48.5)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-btmnav-clicked {
    background-color: #fff!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.999' height='11.998' viewBox='0 0 14.999 11.998'%3E%3Cpath id='solid_list-ul' data-name='solid list-ul' d='M15.5,58.5H1.5A.5.5,0,0,0,1,59v1a.5.5,0,0,0,.5.5h14A.5.5,0,0,0,16,60V59A.5.5,0,0,0,15.5,58.5Zm0-10H1.5A.5.5,0,0,0,1,49v1a.5.5,0,0,0,.5.5h14A.5.5,0,0,0,16,50V49A.5.5,0,0,0,15.5,48.5Zm0,5H1.5A.5.5,0,0,0,1,54v1a.5.5,0,0,0,.5.5h14A.5.5,0,0,0,16,55V54A.5.5,0,0,0,15.5,53.5Z' transform='translate(-0.999 -48.5)' fill='%23685642'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-admin {
    border-radius: 4px!important;
    background-color:#c4c4c4!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.498' height='14' viewBox='0 0 17.498 14'%3E%3Cpath id='solid_user-edit' data-name='solid user-edit' d='M6.125,7a3.5,3.5,0,1,0-3.5-3.5A3.5,3.5,0,0,0,6.125,7Zm2.45.875H8.118a4.76,4.76,0,0,1-3.986,0H3.675A3.676,3.676,0,0,0,0,11.549v1.137A1.313,1.313,0,0,0,1.312,14H8.829a1.313,1.313,0,0,1-.071-.582l.186-1.665.033-.3.216-.216,2.114-2.114A3.637,3.637,0,0,0,8.575,7.875Zm1.239,3.973-.186,1.668a.435.435,0,0,0,.481.481l1.665-.186,3.77-3.77-1.96-1.96Zm7.495-4.5L16.271,6.316a.655.655,0,0,0-.924,0L14.314,7.35l-.112.112,1.963,1.96,1.143-1.143A.658.658,0,0,0,17.308,7.352Z' fill='%23fff'/%3E%3C/svg%3E ");
    background-position-x: calc(50% + 2px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-admin:hover {
    background-color: #979797!important;
}

.tool-btn-admin-clicked {
    background-color: #979797!important;
}

.tool-btn-delete {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.999' height='15.998' viewBox='0 0 13.999 15.998'%3E%3Cpath id='solid_trash-alt' data-name='solid trash-alt' d='M1,14.5A1.5,1.5,0,0,0,2.5,16h9A1.5,1.5,0,0,0,13,14.5V4H1Zm8.5-8a.5.5,0,0,1,1,0v7a.5.5,0,0,1-1,0Zm-3,0a.5.5,0,1,1,1,0v7a.5.5,0,0,1-1,0Zm-3,0a.5.5,0,1,1,1,0v7a.5.5,0,0,1-1,0ZM13.5,1H9.749L9.455.415A.75.75,0,0,0,8.784,0H5.212a.741.741,0,0,0-.669.416L4.25,1H.5a.5.5,0,0,0-.5.5v1A.5.5,0,0,0,.5,3h13a.5.5,0,0,0,.5-.5v-1A.5.5,0,0,0,13.5,1Z' transform='translate(0 0)' fill='%23f7f7f7'/%3E%3C/svg%3E ");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-cal {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cpath id='solid_calculator' data-name='solid calculator' d='M12.5,0H1.5A1.538,1.538,0,0,0,0,1.5v13A1.538,1.538,0,0,0,1.5,16h11A1.538,1.538,0,0,0,14,14.5V1.5A1.538,1.538,0,0,0,12.5,0ZM4,13.6a.43.43,0,0,1-.4.4H2.4a.43.43,0,0,1-.4-.4V12.4a.43.43,0,0,1,.4-.4H3.6a.43.43,0,0,1,.4.4Zm0-4a.43.43,0,0,1-.4.4H2.4A.43.43,0,0,1,2,9.6V8.4A.43.43,0,0,1,2.4,8H3.6a.43.43,0,0,1,.4.4Zm4,4a.43.43,0,0,1-.4.4H6.4a.43.43,0,0,1-.4-.4V12.4a.43.43,0,0,1,.4-.4H7.6a.43.43,0,0,1,.4.4v1.2Zm0-4a.43.43,0,0,1-.4.4H6.4A.43.43,0,0,1,6,9.6V8.4A.43.43,0,0,1,6.4,8H7.6a.43.43,0,0,1,.4.4V9.6Zm4,4a.43.43,0,0,1-.4.4H10.4a.43.43,0,0,1-.4-.4V8.4a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4Zm0-8a.43.43,0,0,1-.4.4H2.4A.43.43,0,0,1,2,5.6V2.4A.43.43,0,0,1,2.4,2h9.2a.43.43,0,0,1,.4.4Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    border-radius: 4px!important;
}

.tool-btn-cal-text {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cpath id='solid_calculator' data-name='solid calculator' d='M12.5,0H1.5A1.538,1.538,0,0,0,0,1.5v13A1.538,1.538,0,0,0,1.5,16h11A1.538,1.538,0,0,0,14,14.5V1.5A1.538,1.538,0,0,0,12.5,0ZM4,13.6a.43.43,0,0,1-.4.4H2.4a.43.43,0,0,1-.4-.4V12.4a.43.43,0,0,1,.4-.4H3.6a.43.43,0,0,1,.4.4Zm0-4a.43.43,0,0,1-.4.4H2.4A.43.43,0,0,1,2,9.6V8.4A.43.43,0,0,1,2.4,8H3.6a.43.43,0,0,1,.4.4Zm4,4a.43.43,0,0,1-.4.4H6.4a.43.43,0,0,1-.4-.4V12.4a.43.43,0,0,1,.4-.4H7.6a.43.43,0,0,1,.4.4v1.2Zm0-4a.43.43,0,0,1-.4.4H6.4A.43.43,0,0,1,6,9.6V8.4A.43.43,0,0,1,6.4,8H7.6a.43.43,0,0,1,.4.4V9.6Zm4,4a.43.43,0,0,1-.4.4H10.4a.43.43,0,0,1-.4-.4V8.4a.43.43,0,0,1,.4-.4h1.2a.43.43,0,0,1,.4.4Zm0-8a.43.43,0,0,1-.4.4H2.4A.43.43,0,0,1,2,5.6V2.4A.43.43,0,0,1,2.4,2h9.2a.43.43,0,0,1,.4.4Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
    border-radius: 4px!important;
}

.tool-btn-select_company {
    background-color: #685642!important;
    border-radius: 35px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15.27' height='15.353' viewBox='0 0 15.27 15.353'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_450' data-name='Rectangle 450' width='15.27' height='15.353' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_398' data-name='Group 398' transform='translate(1)'%3E%3Cg id='Group_203' data-name='Group 203' transform='translate(-1 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_438' data-name='Path 438' d='M15.053,13.3,13.406,11.55l1.3-.574a.8.8,0,0,0,.007-1.457l-2.888-1.31V.682A.682.682,0,0,0,11.141,0H1.591A.682.682,0,0,0,.909.682v12.96H.341a.34.34,0,0,0-.341.34v.569H9.486a.794.794,0,0,0,.607.365.831.831,0,0,0,.324-.037.8.8,0,0,0,.416-.328h1.788l.485.537a.8.8,0,0,0,.553.264.73.73,0,0,0,.294-.041.826.826,0,0,0,.284-.168l.772-.708a.8.8,0,0,0,.044-1.137M7.276,2.16a.341.341,0,0,1,.341-.341H8.753a.342.342,0,0,1,.342.341V3.3a.342.342,0,0,1-.342.341H7.616A.34.34,0,0,1,7.276,3.3Zm0,2.728a.341.341,0,0,1,.341-.341H8.753a.342.342,0,0,1,.342.341V6.025a.343.343,0,0,1-.342.342H7.616a.342.342,0,0,1-.341-.342ZM3.637,2.16a.341.341,0,0,1,.342-.341H5.116a.34.34,0,0,1,.34.341V3.3a.34.34,0,0,1-.34.341H3.979A.341.341,0,0,1,3.637,3.3Zm0,2.728a.341.341,0,0,1,.342-.341H5.116a.34.34,0,0,1,.34.341V6.025a.341.341,0,0,1-.34.342H3.979a.342.342,0,0,1-.342-.342ZM5.116,9.095H3.979a.341.341,0,0,1-.342-.342V7.616a.341.341,0,0,1,.342-.341H5.116a.34.34,0,0,1,.34.341V8.753a.341.341,0,0,1-.34.342m2.16,4.548H5.456V11.255a.341.341,0,0,1,.341-.341H6.934a.341.341,0,0,1,.342.341Zm0-4.889V8.137l.327.958a.341.341,0,0,1-.327-.342m6.42,5.8-1.873-2.077-.229-.254-.263-.294-.185.349-.984,1.844L8.446,9.095,7.825,7.276h0l1.266.574,2.728,1.236,2.558,1.16-1.969.87-.36.161.27.287,2.149,2.282Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}
    
.tool-btn-select_year {
    background-color: #685642!important;
    border-radius: 35px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.238' height='15.59' viewBox='0 0 15.238 15.59'%3E%3Cg id='Group_996' data-name='Group 996' transform='translate(-629.773 -368.976)'%3E%3Cpath id='Path_2287' data-name='Path 2287' d='M642.553,372.166a1.372,1.372,0,0,0-1.37-1.37h-1.37v-1.37a.45.45,0,0,0-.46-.45h-.91a.457.457,0,0,0-.46.45v1.37h-3.65v-1.37a.448.448,0,0,0-.45-.45h-.92a.448.448,0,0,0-.45.45v1.37h-1.37a1.372,1.372,0,0,0-1.37,1.37v1.37h12.78Z' fill='%23fff'/%3E%3Cpath id='Path_2288' data-name='Path 2288' d='M644.8,382.516a.01.01,0,0,1-.01-.01l-1.65-1.75,1.3-.57a.8.8,0,0,0,.41-1.06.819.819,0,0,0-.4-.4l-1.9-.89v-3.38h-12.78v7.76a1.372,1.372,0,0,0,1.37,1.37h8.02l.06.18a.8.8,0,0,0,.61.36.691.691,0,0,0,.32-.04.8.8,0,0,0,.42-.32l.09-.18h.52a1.292,1.292,0,0,0,.79-.26l.39.44.48.53a.809.809,0,0,0,.56.27.924.924,0,0,0,.29-.04.876.876,0,0,0,.28-.17l.78-.71A.8.8,0,0,0,644.8,382.516Zm-5.56-6.24h1.14a.344.344,0,0,1,.34.34v.37l-1.51-.7A.037.037,0,0,1,639.243,376.276Zm-5.82,5.14a.337.337,0,0,1-.34.34h-1.14a.346.346,0,0,1-.35-.34v-1.14a.354.354,0,0,1,.35-.35h1.14a.346.346,0,0,1,.34.35Zm0-3.65a.344.344,0,0,1-.34.34h-1.14a.352.352,0,0,1-.35-.34v-1.15a.352.352,0,0,1,.35-.34h1.14a.344.344,0,0,1,.34.34Zm3.65,3.65a.337.337,0,0,1-.34.34h-1.14a.337.337,0,0,1-.34-.34v-1.14a.346.346,0,0,1,.34-.35h1.14a.346.346,0,0,1,.34.35Zm0-3.65a.344.344,0,0,1-.34.34h-1.14a.344.344,0,0,1-.34-.34v-1.15a.344.344,0,0,1,.34-.34h1l.42,1.21.06.17Zm6.36,6-.97-1.08-.9-1-.09-.09-.14-.16-.26-.3-.19.35-.74,1.39-.24.46-.06-.17-.48-1.41-.46-1.34-.72-2.11-.62-1.82,1.27.57.07.03,1.79.81.87.4.99.45,1.28.58.28.13-.77.34-.79.35-.4.18-.36.16.27.29.12.13.37.39,1.65,1.76Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-startjob {
    background-color: #8A9131;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-jobend {
    background-color: #8A9131;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}
.tool-btn-index {
    background-color: #0d2621;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}
.tool-btn-received {
    background-color: #417950;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-regdate {
    background-color: #425b68;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-boletter {
    background-color: #684242;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-approve {
    background-color: #6b933f;
    border-radius: 35px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.tool-btn-add-text {
    background-color: #5D3B13!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.555' height='8.555' viewBox='0 0 8.555 8.555'%3E%3Cpath id='solid_plus' data-name='solid plus' d='M7.944,35.361H5.194v-2.75A.611.611,0,0,0,4.583,32H3.972a.611.611,0,0,0-.611.611v2.75H.611A.611.611,0,0,0,0,35.972v.611a.611.611,0,0,0,.611.611h2.75v2.75a.611.611,0,0,0,.611.611h.611a.611.611,0,0,0,.611-.611v-2.75h2.75a.611.611,0,0,0,.611-.611v-.611A.611.611,0,0,0,7.944,35.361Z' transform='translate(0 -32)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-add-text:hover {
    background-color: #3a240c!important;
}

.tool-btn-addsymbol {
    background-color: #5D3B13!important;
    border-radius: 4px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    padding: 0px 45px 0px 30px!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.555' height='8.555' viewBox='0 0 8.555 8.555'%3E%3Cpath id='solid_plus' data-name='solid plus' d='M7.944,35.361H5.194v-2.75A.611.611,0,0,0,4.583,32H3.972a.611.611,0,0,0-.611.611v2.75H.611A.611.611,0,0,0,0,35.972v.611a.611.611,0,0,0,.611.611h2.75v2.75a.611.611,0,0,0,.611.611h.611a.611.611,0,0,0,.611-.611v-2.75h2.75a.611.611,0,0,0,.611-.611v-.611A.611.611,0,0,0,7.944,35.361Z' transform='translate(0 -32)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-addsymbol:hover {
    background-color: #3a250c!important;
}

.tool-btn-duplicate-text {
    background-color: #515C69!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.505' height='10.505' viewBox='0 0 10.505 10.505'%3E%3Cg id='bxs-duplicate' transform='translate(-2 -2)'%3E%3Cpath id='Path_605' data-name='Path 605' d='M3.05,14.4h6.3a1.051,1.051,0,0,0,1.05-1.05V7.05A1.051,1.051,0,0,0,9.353,6H3.05A1.051,1.051,0,0,0,2,7.05v6.3A1.051,1.051,0,0,0,3.05,14.4ZM4.1,9.677H5.677V8.1h1.05V9.677H8.3v1.05H6.727V12.3H5.677V10.727H4.1Z' transform='translate(0 -1.899)' fill='%23fff'/%3E%3Cpath id='Path_606' data-name='Path 606' d='M14.3,2H8V3.05h6.3v6.3h1.05V3.05A1.052,1.052,0,0,0,14.3,2Z' transform='translate(-2.849 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position-x: 13px;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.tool-btn-tform-alert {
    background-color: #a8000c!important;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin: 4px 4px 4px 0px;
    transition: all .2s;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.387' height='8.044' viewBox='0 0 3.387 8.044'%3E%3Cpath id='solid_info-circle' data-name='solid info-circle' d='M15.5,11.327a1.27,1.27,0,1,1-1.27,1.27A1.27,1.27,0,0,1,15.5,11.327Zm1.694,7.681a.363.363,0,0,1-.363.363H14.169a.363.363,0,0,1-.363-.363v-.726a.363.363,0,0,1,.363-.363h.363V15.984h-.363a.363.363,0,0,1-.363-.363V14.9a.363.363,0,0,1,.363-.363H16.1a.363.363,0,0,1,.363.363v3.024h.363a.363.363,0,0,1,.363.363Z' transform='translate(-13.806 -11.327)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: calc(50% + 1px);
    background-position-y: 50%;
    background-repeat: no-repeat;
}

button.tips-btn {
    padding: 5px 8px;
    border-radius: 5.5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.619' height='5.264' viewBox='0 0 3.619 5.264'%3E%3Cpath id='regular_lightbulb' data-name='regular lightbulb' d='M1.81.823a.988.988,0,0,0-.987.987.165.165,0,1,0,.329,0,.659.659,0,0,1,.658-.658.165.165,0,1,0,0-.329Zm-.822,3.9a.163.163,0,0,0,.028.091l.252.379a.165.165,0,0,0,.137.073h.811a.164.164,0,0,0,.137-.073L2.6,4.812a.165.165,0,0,0,.028-.091V4.277H.987ZM1.81,0A1.809,1.809,0,0,0,.448,3a2.942,2.942,0,0,1,.539.948H1.48A.486.486,0,0,0,1.458,3.8,3.242,3.242,0,0,0,.819,2.675a1.316,1.316,0,1,1,1.981,0A3.249,3.249,0,0,0,2.162,3.8a.488.488,0,0,0-.023.147h.494A2.94,2.94,0,0,1,3.171,3,1.809,1.809,0,0,0,1.81,0Z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 7px;
    background-position-y: 7px;
    border: 0.5px solid #707070;
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 7px;
    text-align: left;
    color: #000;
    background-color: #fff;
    margin-bottom: 8px;
    border-radius: 30px;
}

/* btn hover text short - long */

button.srt-btn-einfo:hover span,button.srt-btn-ecal:hover span,
button.srt-btn-advbon:hover span, button.srt-btn-salbon:hover span {
    display:none;
    transition: all.2s;
}
button.srt-btn-einfo:hover:before {content:"Employee Info";}
button.srt-btn-ecal:hover:before {content:"E Calculator";}
button.srt-btn-advbon:hover:before {content:"Advance Bonus";}
button.srt-btn-salbon:hover:before {content:"Salary Bonus";}
.col-r-1,.col-l-1 {
    border-width: 1px;
    /* payroll col */
}
.col-l-1 {
    font-weight: 600;
    font-size: 10px;
    color: #3b2f22;
    border: 1px solid #c4c4c4;
    padding: 3px 10px;
    background: #f0f0f0;
    border-radius: 4px 0px 0px 4px;
}
.col-r-1 {
-webkit-appearance: none;
-moz-appearance: none;
font-weight: 600;
font-size: 10px;
text-align: left;
color: #3b2f22;
border: 1px solid #c4c4c4;
border-left: unset;
padding: 3px 10px;
border-radius: 0px 4px 4px 0px;
}

.w-auto {
    width: auto!important;
}

.w-20px {
    width: 20px;
}
.w-30px {
    width: 30px;
}
.w-35px {
    width: 35px;
}
.w-70px {
    width: 70px;
}
.w-80px {
    width: 80px;
}
.w-100px {
    width: 100px;
}
.w-130px {
    width: 130px!important;;
}
.w-140px {width: 140px;}
.w-150px {width: 150px;}
.w-160px {
    width: 160px;
}
.w-165px {
    width: 165px!important;;
}
.w-195px {width: 195px;}
.w-200px {
    width: 200px;
}
.w-235px {width: 235px;}
.w-270px {
    width: 270px!important;;
}
.w-340px {
    width: 340px!important;;
}
.b-top-0 {
    border-top: none!important;
}

.b-bottom-0 {
    border-bottom: transparent!important;
}

.b-bottom-1 {
    border-bottom: 1px solid #c4c4c4!important;
}

/* addsave page */
.as-notif {
    height: 22px;
    background: #E9C46A;
    width: 100%;
    position: absolute;
    left: 0;
    color: #fff;
}

.as-con tr td:nth-child(1) {
    padding-right: 3px;
}
.as-con tr td:nth-last-child(1) {
    padding-left: 3px;
}

/* tool-t-old*/
/* filter top */
#btn-sm-tool-filter-drop {
    margin-left: 6px;
}

.td-sm-tool-filter {
    width:32px;
}

.btn-sm-tool-filter-ico  {
    border-radius: 4px;
    background-color: #67625c;
    padding: 8px 10px 8px 10px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    border: 2px solid #67625c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath id='solid_filter' data-name='solid filter' d='M6.672,0H.329A.328.328,0,0,0,.1.56L2.625,3.089V5.906a.328.328,0,0,0,.14.269l1.094.765a.328.328,0,0,0,.516-.269V3.089L6.9.56A.328.328,0,0,0,6.672,0Z' transform='translate(0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 12px;
    background-position-y: 10px;
    background-repeat: no-repeat;
    transition: all .07s;
    cursor: pointer;
}

.btn-sm-tool-filter{
    border-radius: 4px;
    padding: 8px 10px 8px 10px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    border: 2px solid #67625c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath id='solid_filter' data-name='solid filter' d='M6.672,0H.329A.328.328,0,0,0,.1.56L2.625,3.089V5.906a.328.328,0,0,0,.14.269l1.094.765a.328.328,0,0,0,.516-.269V3.089L6.9.56A.328.328,0,0,0,6.672,0Z' transform='translate(0)' fill='%2367625c'/%3E%3C/svg%3E%0A");
    background-position-x: 12px;
    background-position-y: 10px;
    background-repeat: no-repeat;
    background-color: none;
    transition: all .07s;
    cursor: pointer;
}

.btn-sm-tool-filter:hover {
    background: #67625c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath id='solid_filter' data-name='solid filter' d='M6.672,0H.329A.328.328,0,0,0,.1.56L2.625,3.089V5.906a.328.328,0,0,0,.14.269l1.094.765a.328.328,0,0,0,.516-.269V3.089L6.9.56A.328.328,0,0,0,6.672,0Z' transform='translate(0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 12px;
    background-position-y: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.btn-sm-tool-1 {
    border-radius: 4px;
    border: 2px solid #67625c;
    background: #67625c;
    padding: 8px 10px 8px 10px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    color: #fff;
}

.btn-sm-tool-2 {
    border-radius: 35px;
    border: 2px solid #685642;
    background: #685642;
    padding: 5px 20px 5px 20px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 10px;
    text-align: left;
    color: #fff;
}


.btn-sm-tool-3 {
    border-radius: 4px;
    border: 2px solid #4d4d4d;
    background: #4d4d4d;
    padding: 8px 15px 8px 15px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    color: #fff;
}

.btn-sm-tool-4 {
    border-radius: 35px;
    border: 2px solid #67625c;
    background: #67625c;
    padding: 8px 15px 8px 15px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    color: #fff;
}

.btn-sm-tool-con button {
    margin-left: 3px;
}

.btn-sm-tool-con {
    overflow: hidden;
    display: inline-flex;
}

/* table-top-filter */
.top-filter-bar td {
    border-bottom: 1px solid #c4c4c4;
}
.top-fil-btn {
    border-radius: 4px;
    border: 2px solid #67625c;
    background: #67625c;
    padding: 8px 10px 8px 10px;
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    color: #fff;
    margin: 4px 4px 4px 0px;
    height: 31px;
}

#top-fil-con {
    display: none;
}

.top-fil-main-btn-clicked{
    border-radius: 4px;
    padding: 8px 10px 8px 10px;
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    border: 2px solid #67625c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath id='solid_filter' data-name='solid filter' d='M6.672,0H.329A.328.328,0,0,0,.1.56L2.625,3.089V5.906a.328.328,0,0,0,.14.269l1.094.765a.328.328,0,0,0,.516-.269V3.089L6.9.56A.328.328,0,0,0,6.672,0Z' transform='translate(0)' fill='%2367625c'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-color: none;
    transition: all .2s;
    cursor: pointer;
    margin: 4px 4px 4px 0px;
    width: 31px;
}

.top-fil-main-btn{
    border-radius: 4px;
    padding: 8px 10px 8px 10px;
    font-weight: bold;
    font-size: 8px;
    text-align: left;
    border: 2px solid #67625c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath id='solid_filter' data-name='solid filter' d='M6.672,0H.329A.328.328,0,0,0,.1.56L2.625,3.089V5.906a.328.328,0,0,0,.14.269l1.094.765a.328.328,0,0,0,.516-.269V3.089L6.9.56A.328.328,0,0,0,6.672,0Z' transform='translate(0)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-color: #67625c;
    transition: all .2s;
    cursor: pointer;
    margin: 4px 4px 4px 0px;
    width: 31px;
}

.hd-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Group_44' data-name='Group 44' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9.726' height='9.227' viewBox='0 0 9.726 9.227'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_315' data-name='Rectangle 315' width='9.726' height='9.227' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_43' data-name='Group 43' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_56' data-name='Path 56' d='M27.862,9.227H22.619a.341.341,0,0,0-.067-.023,2.195,2.195,0,0,1-1.922-2.165q0-2.421,0-4.843a2.194,2.194,0,0,1,2.2-2.2q2.415,0,4.829,0a2.186,2.186,0,0,1,2.1,1.581c.037.126.062.257.092.385V7.26a.244.244,0,0,0-.022.054,2.163,2.163,0,0,1-1.5,1.8,4.224,4.224,0,0,1-.466.112M25.24,8.778c.781,0,1.561,0,2.342,0a1.929,1.929,0,0,0,.362-.025,1.738,1.738,0,0,0,1.465-1.771q.005-2.372,0-4.745a1.954,1.954,0,0,0-.056-.467A1.742,1.742,0,0,0,27.589.441q-2.348,0-4.7,0a1.937,1.937,0,0,0-.385.034,1.736,1.736,0,0,0-1.435,1.758q-.005,2.379,0,4.757a1.941,1.941,0,0,0,.054.456,1.734,1.734,0,0,0,1.733,1.33c.793,0,1.585,0,2.378,0' transform='translate(-20.127 0)' fill='%233b2f22'/%3E%3Cpath id='Path_57' data-name='Path 57' d='M317.871,300.3a4.22,4.22,0,0,0,.466-.112,2.163,2.163,0,0,0,1.5-1.8.244.244,0,0,1,.022-.054V300.3Z' transform='translate(-310.136 -291.071)' fill='%23fff'/%3E%3Cpath id='Path_58' data-name='Path 58' d='M43,26.425c-.793,0-1.585,0-2.378,0a1.734,1.734,0,0,1-1.733-1.33,1.943,1.943,0,0,1-.054-.456q-.006-2.379,0-4.757a1.736,1.736,0,0,1,1.435-1.758,1.939,1.939,0,0,1,.385-.034q2.348,0,4.7,0a1.742,1.742,0,0,1,1.761,1.328,1.952,1.952,0,0,1,.056.467q.006,2.372,0,4.745A1.738,1.738,0,0,1,45.7,26.4a1.931,1.931,0,0,1-.362.025c-.78,0-1.561,0-2.342,0m-1.1-6.091a2.1,2.1,0,0,0,.319,1.078,3.888,3.888,0,0,0,1.65,1.473.334.334,0,0,0,.261-.015,4.078,4.078,0,0,0,1.132-.824,2.675,2.675,0,0,0,.807-1.6,1.078,1.078,0,0,0-.7-1.164,1.183,1.183,0,0,0-1.148.233c-.225.177-.255.18-.479,0a1.19,1.19,0,0,0-.984-.275,1.025,1.025,0,0,0-.862,1.093' transform='translate(-37.886 -17.647)' fill='%23fff'/%3E%3Cpath id='Path_59' data-name='Path 59' d='M165.072,65.752a1.025,1.025,0,0,1,.862-1.093,1.19,1.19,0,0,1,.984.275c.223.178.254.176.479,0a1.183,1.183,0,0,1,1.148-.233,1.078,1.078,0,0,1,.7,1.164,2.675,2.675,0,0,1-.807,1.6,4.079,4.079,0,0,1-1.132.824.334.334,0,0,1-.261.015,3.888,3.888,0,0,1-1.65-1.473,2.094,2.094,0,0,1-.319-1.078' transform='translate(-161.055 -63.066)' fill='%233b2f22'/%3E%3Crect id='Rectangle_314' data-name='Rectangle 314' width='3.94' height='3.719' transform='translate(0.263 5.304)' fill='%23fff'/%3E%3Cpath id='Path_60' data-name='Path 60' d='M4.032,197.383H.485A.484.484,0,0,1,0,196.9v-3.547a.484.484,0,0,1,.484-.484H4.032a.484.484,0,0,1,.484.484V196.9a.484.484,0,0,1-.484.484M2.4,194.338l-1.367,1.368-.064.575a.122.122,0,0,0,.135.134l.574-.064,1.368-1.368a.062.062,0,0,0,0-.086l-.559-.558a.062.062,0,0,0-.087,0m1.077-.129-.3-.3a.241.241,0,0,0-.341,0h0l-.233.233a.062.062,0,0,0,0,.086l.559.559a.062.062,0,0,0,.086,0l.233-.233a.243.243,0,0,0,0-.341' transform='translate(-0.001 -188.175)' fill='%233b2f22'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    transition: .3ms;
}

.hd-icon:hover {
    transform: scale(1.2);
    filter: brightness(120%);
}

.sorting-asc-btn {
    padding: 1px;
    float: right;
    transition: .3s;
}

.sorting-asc-btn-hover {
    display: none;
}

.th-sorting:hover .sorting-asc-btn-hover{
    display: inline-flex;
    padding: 1px;
    float: right;
    transition: .3s;
}

.th-sorting:hover .sorting-asc-btn{
    display:none;
}

.dropdwn_checkbox-down-btn {
    padding: 1px;
    float: right;
    transition: .3s;
}

.dropdwn_checkbox-down-btn-hover {
    display: none;
    padding: 1px;
    float: right;
    transition: .3s;
}

.th-dropdwn_checkbox:hover .dropdwn_checkbox-down-btn-hover{
    display: inline-flex;
    padding: 1px;
    float: right;
    transition: .3s;
}

.th-dropdwn_checkbox:hover .dropdwn_checkbox-down-asc-btn{
    display:none;
}

#LOADER {
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    /* background-color: #fff; */
    /* padding: 0px 50px; */
    /* border-radius: 35px;
    border: solid 1px rgb(0 0 0 / 5%);
    box-shadow: 0px 3px 20px rgb(0 0 0 / 8%); */
    display: none;
}
#LOADER img {
    width: auto;
    height: 70px;
}


.icon-square {
    background-color: #fff;
    padding-left: 4px!important;
    padding-right: 4px!important;
    border-radius: 1px;
}

.icon-square i{
    color: #685642;
}

.dropdown-menu-scroll {
    max-height: 280px;
    overflow-y: scroll;
}


/* animate keyframes*/
@-webkit-keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}


.modal.show {
    background-color: #3b2f22b8;
    backdrop-filter: blur(10px);
}

/* slide toggle */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: var(--epac_gold);
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px var(--epac_gold);
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

  .hover-module {
    cursor: pointer;
    transition: .2s;
}
.hover-module:hover {
    cursor: pointer;
    outline: #e1ae35a6 2px solid;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    font-size: 13px;
}

/* richtext */

.richtext-remark-display img,.popup_notice_to_user_content img{
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    padding: 8px;
    background-color: #fff;
    border: 1px #c4c4c4 solid;
    margin: 5px 0px 15px 0px;
}

.ql-editor {
    max-width: 100%; /* Limit the maximum width */
    overflow-wrap: break-word; /* Break long words */
    word-wrap: break-word; /* Break long words for older browsers */
    overflow: hidden; /* Hide overflow */
}

/* Optional: Customize the link appearance */
.ql-editor a {
    word-break: break-all; /* Break links to avoid layout issues */
}