html, body { height:100%;min-height:100%;padding:0;margin:0 }

.bkffffff { background: #ffffff }
.bkf2f2f2 { background: #f2f2f2 }
.bka89c83 { background: #a89c83 }
.clf2f2f2 {}
.clr808080 { color:#808080 }

.fs18 { font-size:18px; }
.fs22 { font-size:22px; }
.fs28 { font-size:28px; }
.bold { font-weight:bold }
.w-90 { width:90% !important }
.h-100 { height:100%;min-height:100%; }

.noMar  { margin:0 }
.noMarL { margin-left:0 }
.noMarR { margin-right:0 }

.noPad  { padding:0 }
.noPadL { padding-left:0 }
.noPadR { padding-right:0 }

.display-5 { font-size: 2.8rem; font-weight: 300; line-height: 1.1; }
.display-6 { font-size: 2.1rem; font-weight: 300; line-height: 1.0; }
.display-7 { font-size: 1.4rem; font-weight: 300; line-height: 0.8; }

button:focus, a:focus {outline:none !important;box-shadow: none !important;} /* remove border */

.btn-delay1 {
    color: #fff;
    background-color: #f916e6;
    border-color: #f916e6;
}
.btn-delay2 {
    color: #fff;
    background-color: #ae3fa5;
    border-color: #ae3fa5;
}
.btn-close {
    color: #fff;
    background-color: #aef5be;
    border-color: #aef5be;
}


.sidebar {
	position: fixed; top: 0; left: 0;  
	width:50px;height:100%;
	background:black; text-align:center;
	z-index:10000;
}
.sb-title { font-size:13px;font-weight:bold;text-align:center;color:white;width:100% }

.spinnerold { 
	 position: fixed; top: 20%;
	 left: 0; right:0;
	 margin-left:auto; margin-right:auto;
	 z-index:10000
}

.spinner { 
	display:none;
	position:fixed; top:0;left:0; width:100%;height:100%; 
	background: rgba(80,80,80,0.5); z-index:50000;
}
.spinner div { 
	display: flex;  justify-content: center; align-items: center; 
	width:100%;height:100%; z-index:50001 
}

.c-modal { 
	display:none;
	position:fixed; top:0;left:0; width:100%;height:100%; 
	background: rgba(80,80,80,0.5); z-index:50000;
}
.c-modal .mod-content { 
	background:white; width:70%;height:90%; z-index:50001 
}

.form-control { padding:0px } 
  
.btn-space { margin:10px }
 
.navbar .dropdown-menu { z-index:50000  }

.wrap-menu .dropdown-menu,
.wrap-table .dropdown-menu,
.wrap-catprod .dropdown-menu
{ display:block; position:relative; top:0; }

.dropdown-custmenu { 
	display:block; 
	position:relative; top:0
	left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.info-count-dx { display:none; }
.tableselected { color:white; font-weight:bold }

.dataTables_filterxxx { display: none; }

.active   { background:#a89c83 }
.active a { color:white !important }


.btncart { display:inline-block;margin:5px;vertical-align: middle }
/*
 ----------------------------------------------------------------------*/
.table-drag {
    background: red; color:white; font-weight:bold;width: 50px; height: 50px; 
	 position: relative;  line-height:50px
}
.table-auto {
	display:inline-block;width:auto;min-width:50px;margin:5px;padding:5px;
    color:white; font-weight:bold; line-height:40px
}
.cursor-move { cursor: move; }
.cursor-pointer { cursor: pointer; }

.daterangepicker { z-index:50000 }

.minw-stat { min-width:160px !important; }

.virtual-ass { 
	position:absolute;top:1px;left:70px; 
	width:70px;height:70px;
	background:url('/demo/images/logo.png') no-repeat top left; 
	background-size: cover;
	background-color:transparent;
	cursor:move;z-index:70000;
}
.virtual-logo { width:100%;height:100%}
.virtual-ass img { width:22px;height:22px}
.virtual-tools { cursor:pointer }

/*
 ----------------------------------------------------------------------*/
 .field-flex {
	 display:flex;
	 justify-content: space-between;
 }