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

.w-5  { width: 5% !important }
.w-15 { width: 15% !important }
.w-90 { width: 90% !important }
.w-95 { width: 95% !important }

.bkffffff { background: #ffffff }
.bkf2f2f2 { background: #f2f2f2 }
.bka89c83 { background: #a89c83 }
.bk526b99 { background: #526b99 }
.bkred    { background: red }
.bkgreen  { background: green }
.clf2f2f2 {}
.clr808080 { color:#808080 }
.clrref { color:red }

.fs18 { font-size:18px; }
.fs22 { font-size:22px; }
.fs28 { font-size:28px; }
.bold { font-weight:bold }
.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.7rem; font-weight: 300; line-height: 1.0; }
.display-8 { font-size: 1.2rem; font-weight: 300; line-height: 1.0; }

.round-box { 
	border-radius:24px;width:24px;height:24px;
	margin:0 auto;
}
			 
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;
	box-shadow: 1px 1px 10px #808080;
	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 
}

/*
 ----------------------------------------------------------------------*/
.cron-banner {
	display:none;
	position:fixed; top:0;right:0; width:30%;height:100%; 
	background: rgba(80,80,80,0.7); color:white; z-index:50000;
}
.cron-title  	{ width:100%; height:70px; background: rgba(80, 200, 80,1); }
.cron-subtitle  { width:100%;   background: rgba(250, 200, 34,1); }
.cron-banner a, .cron-content table { color:white; }
 

.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: auto;min-width:50px; padding:5px;height: 50px; 
	 position: relative;  line-height:40px
}
.table-auto {
	display:inline-block;width:auto;min-width:50px;margin:5px;padding:5px;
    color:white; font-weight:bold; line-height:40px;
	box-shadow: 1px 1px 1px #000000;text-shadow: 0px 0px 0px #000000;
}
.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('/images/logoristoland.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;
 }
 
 /*
 ----------------------------------------------------------------------*/
 @-webkit-keyframes effect-first
    {
    0%   { border:0px solid red; background: transparent; }
    50%  { border:0px solid red; background: red;}
    100% { border:0px solid red; background: transparent;}
    }
 @-webkit-keyframes effect-firstyyy
    {
    0%   { width:50px; height:50px; }
    50%  { width:55px; height:55px;}
    100% { width:50px; height:50px;}
    }
	
	 @-webkit-keyframes effect-firstggg
    {
    0%   { color:white;font-size:1rem; }
    50%  { color:yellow;font-size:1rem;}
    100% { color:white;font-size:1rem;}
    }
.effect-pulse {  -webkit-animation: effect-first 2s infinite; } /* see tables:enlargetable */


.qrcodewrap { display:none }