@charset "UTF-8";

.login-header > img.logo {
	width: 50%;
}
.app-brand-logo > img.logo {
	width: 45px;
}
.d-none {
	display: none;
}
.novisible {
	height:0;
	width:0;
	border:0;
	padding:0;
}
.c-pointer {
	cursor: pointer;
}
.form-label.required:after, .form-label-lg.required:after {
  margin-left: 3px;
  content:"*";
  color:#c5371f;
}
.mask {
position: fixed;
    top: 0;
    left: 0;
    z-index: 1089;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    z-index: 1000;
    opacity: .4;
}
.table-min {
	min-height : 220px;
}
.txt-opacity-05 {
	opacity: .5;
}
.numeric, .numeric-dot {
	text-align:right;
}
.font-500 {
	font-weight: 500;
}
.font-600 {
	font-weight: 600;
}
.font-700 {
	font-weight: 700;
}
.cur-pointer {
	cursor : pointer;
}
.ovrf-x-auto {
	overflow-x: auto;
}
.text-left {
	text-align : left !important;
}
.text-right {
	text-align : right !important;
}
.vertical-center {
    vertical-align: middle !important;
}
/* min width */
.min-vw-1{
	min-width: 1vw !important;
}
.min-vw-2{
	min-width: 2vw !important;
}
.min-vw-3{
	min-width: 3vw !important;
}
.min-vw-4{
	min-width: 4vw !important;
}
.min-vw-5{
	min-width: 5vw !important;
}
.min-vw-6{
	min-width: 6vw !important;
}
.min-vw-10{
	min-width: 10vw !important;
}
.min-vw-15{
	min-width: 15vw !important;
}
.min-vw-20{
	min-width: 20vw !important;
}
.min-vw-25{
	min-width: 25vw !important;
}

/* min height */
.min-vh-50{
	min-height: 50vh !important;
}
.min-vh-25{
	min-height: 25vh !important;
}
.min-vh-30{
	min-height: 30vh !important;
}

/* media query */
@media screen and (max-width: 990px) {
    .main-item-hide ul li:not(:first-of-type) {
       display: none !important;  
      color: #4e9b25 !important;
    }
    .main-item-sm{
    	max-height: 15vh !important;
    	min-height: 15vh !important;
    }
  }

.table-container {
  overflow-y: auto;
  border-collapse: collapse;
  padding-top:0px;
}
.table-h-200 {
	height : 200px;
}
.table-h-250 {
	height : 250px;
}
.table-h-280 {
	height : 280px;
}
.table-h-300 {
	height : 300px;
}
.table-h-370 {
	height : 370px;
}
.table-h-400 {
	height : 400px;
}
.table-h-500 {
	height : 500px;
}
.table-h-540 {
	height : 540px;
}
.table-h-550 {
	height : 550px;
}
.table-h-600 {
	height : 600px;
}
.table-h-640 {
	height : 640px;
}
.table-h-660 {
	height : 660px;
}
.table-h-680 {
	height : 680px;
}
.table-h-1000 {
	height : 1000px;
}
.table-fixed {
  margin:0px;
}
.table-fixed thead .sticky-th {position:sticky; top:0px; background-color:var(--bs-card-bg);font-size:0.875rem;text-transform:none;}
.table-fixed thead .sticky-th-two {position:sticky; top:31px; letter-spacing: 0px;background-color:var(--bs-card-bg);font-size:0.875rem;text-transform:none;}

.table-fixed thead .sticky-th:after  {content:""; position: absolute; left:-1px; width:1px; height: 31px; background: var(--bs-card-border-color);}
.table-fixed thead .sticky-th:before {content:""; position: absolute; left:0; width:100%; height: 1px; background: var(--bs-card-border-color);}
.table-fixed thead .sticky-th:after { top: 0px;}
.table-fixed thead .sticky-th:before { top: -1px;}

.table-fixed thead .sticky-th-two:after {content:""; position: absolute; top: 0px; left:0; width:100%; height: 1px; background: var(--bs-card-border-color);}
.table-fixed thead .sticky-th-two:before {content:""; position: absolute; left:-1px; width:1px; height: 31px; background: var(--bs-card-border-color);}
.table-fixed thead .sticky-th-two:after { top: -1px;}
.table-fixed thead .sticky-th-two:before { bottom: 0px;}

.btn-success-dark {
    color: #fff;
    background-color: #4e9b25;
    border-color: #4e9b25;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(113,221,55,.4);
}
.btn-success-dark:hover {
    color: #fff !important;
    background-color: #38711a !important;
    border-color: #38711a !important;
    transform: translateY(-1px) !important;
}

.theme-bg {
	background-color: var(--bs-body-bg);
}

.table-cursor tbody tr {
	cursor : pointer;
	color : var(--bs-body-color) !important;
}

.table-tr-select {
	background-color: #35365f;
    border-color: #3e3f79;
    color: var(--bs-body-color) !important;
}

.search-box .card-body, .detail-search-box .card-body, ._search-box .card-body {
	padding-bottom : 0.5rem !important;
}
.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
	padding-top: 0.5rem !important;
}
.container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
    padding-bottom: 0.5rem !important;
}
.row>* {
    padding-right: calc(var(--bs-gutter-x)* .2);
    padding-left: calc(var(--bs-gutter-x)* .2);
}
.row {
    margin-right: calc(-0.2* var(--bs-gutter-x));
    margin-left: calc(-0.2* var(--bs-gutter-x));
}

/* fix-table start */
.table-fix{
    overflow: auto;
    box-sizing: border-box;
    /* border: 1px solid #ccc; */
    padding: 0;
    margin: 0 auto;
}
.sot-top{
	position: sticky;
	top:0;
	z-index: 1;
	background-color: var(--bs-card-bg) !important;
	font-size:0.875rem;
	text-transform:none;
}
.sot-top:after  {content:""; position: absolute; left:-1px; width:1px; height: 1px; background: var(--bs-card-border-color);}
.sot-top:before {content:""; position: absolute; left:0; width:100%; height: 1px; background: var(--bs-card-border-color);}
.sot-top:after { bottom: -1px; width:100%}
.sot-top:before { top: -1px;}
.sot-left{
	position: sticky;
	left: 0;
	z-index: 10;
	background-color: var(--bs-card-bg) !important;
}
.sot-left:after  {content:""; position: absolute; left:-1px; width:1px; height: 31px; background: var(--bs-card-border-color);}
.sot-left:before {content:""; position: absolute; left:0; width:100%; height: 0px; background: var(--bs-card-border-color);}
.sot-left:after { top: 0px;}
.sot-left:before { top: -1px;}
.sot-bottom{
	position: sticky;
	bottom:0;
	z-index: 20;
	background-color: var(--bs-card-bg) !important;
}
.sot-bottom:after  {content:""; position: absolute; left:-1px; width:1px; height: 1px; background: var(--bs-card-border-color);}
.sot-bottom:before {content:""; position: absolute; left:0; width:100%; height: 1px; background: var(--bs-card-border-color);}
.sot-bottom:after { bottom: -1px; width:100%}
.sot-bottom:before { top: -1px;}
.sot-right{
	position: sticky;
	right: 0;
	z-index: 10;
	background-color: var(--bs-card-bg) !important;
}
.sot-right:after  {content:""; position: absolute; left:-1px; width:1px; height: 31px; background: var(--bs-card-border-color);}
.sot-right:before {content:""; position: absolute; left:0; width:100%; height: 1px; background: var(--bs-card-border-color);}
.sot-right:after { top: 0px;}
.sot-right:before { top: -1px;}
.sot-top.sot-left ,
.sot-bottom.sot-left ,
.sot-top.sot-right ,
.sot-bottom.sot-right{
	z-index: 30;
}

.table-fix tbody td.td-modify, .table-fix tbody td.bg-label-dark {
	font-size: 12px;
}

.table-fix tbody td.td-modify {
	cursor : pointer;	
}

.table-fix .yellow {
    background-color: rgb(255, 238, 204);
    font-weight:600;
    color:#333;
}

.table-fix tbody td.td-modify:hover {
    background-color: #ffb61f !important;
    font-weight:600;
    color:#333;
}

.table-fix tbody td.td-modify.active {
    background-color: #696cff !important;
    font-weight:600;
    color:#fff;
}
/* fix-table end */
/* user css */
.mg-0 {
	margin: 0;
}
.twin-Item {
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.float-right-top15 {
	float: right;
	position: relative;
  	top: 15px;
}
.font-size13 {
	font-size: 13px;
}
.hdn {
	display: none !important;
}
/* user css */