@font-face {
  font-family: 'poppins';
  src: url('../fonts/poppins.woff2') format('woff');
}
@font-face {
  font-family: 'nuitosans';
  src: url('../fonts/nuitosans.woff2') format('truetype');
}
@font-face {
  font-family: 'monserat';
  src: url('../fonts/montserrat_varweight.ttf') format('truetype');
}

@font-face {
  font-family: 'azonix';
  src: url('../fonts/azonix.ttf') format('truetype');
}

@font-face {
  font-family: 'captain';
  src: url('../fonts/captain.ttf') format('truetype');
}
@font-face {
  font-family: 'airstrike';
  src: url('../fonts/airstrike.ttf') format('truetype');
}
@font-face {
  font-family: 'mediga';
  src: url('../fonts/mediga.otf') format('truetype');
}
@font-face {
  font-family: 'glitten';
  src: url('../fonts/glitten.otf') format('truetype');
}
@font-face {
  font-family: 'velaz';
  src: url('../fonts/velaz.otf') format('truetype');
}
@font-face {
  font-family: 'coldiac';
  src: url('../fonts/coldiac.otf') format('truetype');
}
@font-face {
  font-family: 'audiowide';
  src: url('../fonts/audiowide.otf') format('truetype');
}
@font-face {
  font-family: 'badscript';
  src: url('../fonts/badscript.ttf') format('truetype');
}
@font-face {
  font-family: 'goord';
  src: url('../fonts/goord.otf') format('truetype');
}
@font-face {
  font-family: 'sajidah';
  src: url('../fonts/sajidah.ttf') format('truetype');
}
@font-face {
  font-family: 'galapagos';
  src: url('../fonts/galapagos.ttf') format('truetype');
}
@font-face {
  font-family: 'gristela';
  src: url('../fonts/gristela.otf') format('truetype');
}
@font-face {
  font-family: 'gillandbold';
  src: url('../fonts/gilland_bold.otf') format('truetype');
}
@font-face {
  font-family: 'gillandregular';
  src: url('../fonts/gilland_regular.otf') format('truetype');
}

*{
	font-family:tahoma;
	font-size:11pt;
}

.fPoppins{font-family:'poppins';}
.fMonserat{font-family:'monserat';}
.fAzonix{font-family:'azonix';}
.fCaptain{font-family:'captain';}
.fAirstrike{font-family:'airstrike';}
.fMediga{font-family:'mediga';}
.fGlitten{font-family:'glitten';}
.fVelaz{font-family:'velaz';}
.fColdiac{font-family:'coldiac';}
.fAudiowide{font-family:'audiowide';}
.fGalapagos{font-family:'galapagos';}
.fGoord{font-family:'goord';}
.fSajidah{font-family:'sajidah';}
.fBadscript{font-family:'badscript';}
.fNuitosans{font-family:'nuitosans';}
.fGristela{font-family:'gristela';}

html,body{width:100%;height:100%;padding:0;margin:0;border:0;}
body{background-color:#fff;}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: none;
  cursor:pointer;
}
table{border-collapse:collapse;}

#pageError{
	z-index:800;
	position:absolute;top:0;right:0;left:0;bottom:0;
	overflow:hidden;

	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
#pageError .wrapper{
	display:table;
	table-layout:fixed;
	width:100%;height:100%;
	margin:0;padding:0;border:0;border-radius:0;
	background-color:rgba(0,0,0,1);
}
#pageError .inner{
	display:table-cell;
	vertical-align:middle;
	padding:25px;
}
#pageError h1{
	color:#fff;font-size:125pt;font-weight:bold;
	
	text-shadow: -5px 5px black, 5px 5px black, 5px -5px black, -5px -5px black;
}
#pageError p{color:#fff;}
/*
* pop box
*/
#popbox{
	z-index:6000;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 auto;
    left: 0;
    top: 0;
    overflow: hidden;
    position: fixed;
    background: rgb(0,0,0,.3);
}

#popbox .frame {
    background: #fff;
    min-height: 350px;
    width: 300px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    animation: open-frame .3s linear;
}
#popbox .header {
    display: flex;
    flex-direction: row;
    height: 175px;
	width:inherit;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	position:relative;
}
#popbox .header span{
	display: flex;
    flex-direction: column;
    width: inherit;
    height: inherit;
    vertical-align: middle;
    text-align: center;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
#popbox .header span i{font-size:52pt;}
#popbox .frame.info .header{background-color:#88cef7;color:#fff;}
#popbox .frame.warning .header{background-color:#fada5e;color:#fff;}
#popbox .frame.confirm .header{background-color:orange;color:#fff;}
#popbox .frame.error .header{background-color:#000;color:#fff;}
#popbox .frame.form .header{color:#555;height:75px;padding-top:20px;}
#popbox .frame.form .header span i{font-size:32pt;}
#popbox .frame.form .body input[type=text],
#popbox .frame.form .body input[type=passowrd],
#popbox .frame.form .body textarea{padding:10px;border:solid 1px #ddd;outline:none;}
#popbox .frame.dialog .header{color:#555;height:75px;padding-top:20px;}
#popbox .frame.dialog .header span i{font-size:32pt;}
#popbox .frame.dialog .body input[type=text],
#popbox .frame.dialog .body input[type=passowrd],
#popbox .frame.dialog .body textarea{padding:10px;border:solid 1px #ddd;outline:none;}
#popbox .body div{
	padding: 30px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
#popbox .body h3,
#popbox .body p,
#popbox .body span{display:block;margin:10px 10px;}
#popbox .body span input[type=button]{display:inline-block;margin:5px;padding:10px 25px;font-weight:bold;color:#555;}

/*
* pop panel 
*/
#poppanel{position:fixed;background-color:rgba(0,0,0,0.6);z-index:5000;}
#poppanel .header{height:50px;background-color:rgba(0,0,0,0.5)}
#poppanel .header *{color:#fff;}
#poppanel .body{top:50px;bottom:75px;padding:25px 0;}
#poppanel .footer{height:60px;bottom:0;}
#poppanel .footer .inner{text-align:center;}
#poppanel .footer .inner span{margin:0 5px;}

#poppanel .footer .inner span .btn{background-color:#fff;color:#567899;}

#poppanel .footer .inner span .btn.btnSave:hover{color:green;}
#poppanel .footer .inner span .btn.btnUpdate:hover{color:blue;}
#poppanel .footer .inner span .btn.btnDelete:hover{color:red;}
#poppanel .footer .inner span .btn.btnClose:hover{color:#aaa;}
#poppanel .footer .inner span .btn.btnClose:hover{color:#000;}

#poppanel .footer .inner span .btn:hover{font-weight:bold;font-size:9pt;}


#poppanel .wrapper{display:table;table-layout:fixed;width:100%;height:100%;}
#poppanel .header .wrapper div{display:table-cell;vertical-align:middle;padding:0 10px 0 10px;}
#poppanel .footer .wrapper div{display:table-cell;vertical-align:middle;padding:0 10px 0 10px;}

#poppanel .wrapper div.block{display:block}
#poppanel .wrapper div.inline{display:inline-block}
#poppanel .wrapper div.tcell{display:table-cell;padding:0;padding-right:20px;}


#poppanel .header .wrapper div:first-child{width:80%;}

#poppanel #xpop{font-size:20pt;padding:0 10px 0 10px;color:orange;}
#poppanel .body .wrapper{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#poppanel .body .inner{
	display:block;
	position:relative;
	padding:20px;
	background-color:#fff;
	border:solid 1px #aaa;
	border-radius:10px;
	min-width:800px;
	max-width:800px;
}
#poppanel .body .inner div.bottom{
	margin-top:50px;
	display:block;text-align:right;
}

#poppanel .scrollbox::-webkit-scrollbar{width: 7px;height: 5px;background-color: #1694ad;display:block;}
#poppanel .scrollbox::-webkit-scrollbar-thumb {
	outline: 0px;
	border-radius: 0px;
    border: 0px solid rgba(0,0,0,0.9);
    background-clip: content-box;
    background-color: #555;}
#poppanel .scrollbox::-webkit-scrollbar-track {background: rgba(170, 170, 170);	}
#poppanel .scrollbox:hover::-webkit-scrollbar{display:block;}

.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:15px;}
.padding25{padding:15px;}

.margin5{margin:5px;}
.margin10{margin:10px;}
.margin15{margin:15px;}
.margin20{margin:15px;}
.margin25{margin:15px;}

.margin-b5{margin-bottom:5px;}
.margin-b10{margin-bottom:10px;}

.block{display:block;}
.tcell{display:table-cell;}
.iblock{display:inline-block;}

.pointer{cursor:pointer;}
.ta-center{text-align:center;}
.ta-right{text-align:right;}
.ta-left{text-align:left;}
.ta-justify{text-align:justify;}
.vtop{vertical-align:top;}
.vbottom{vertical-align:bottom;}
.vmiddle{vertical-align:middle;}

.color-a{color:#aaa;}
.color-b{color:#bbb;}
.color-c{color:#ccc;}
.color-d{color:#ddd;}
.color-e{color:#eee;}
.color-f{color:#fff;}

.color-0{color:#000;}
.color-1{color:#111;}
.color-2{color:#222;}
.color-3{color:#333;}
.color-4{color:#444;}
.color-5{color:#555;}
.color-6{color:#666;}
.color-7{color:#777;}

.colorWhite,.color-white{color:white;}
.colorRed,.color-red{color:red;}
.colorGreen,.color-green{color:green;}
.colorBlue,.color-blue{color:blue;}
.colorSteelBlue,.color-steelblue{color:SteelBlue;}
.colorYellow,.color-yellow{color:yellow;}

.bgDark{background-color:#252525;}
.bgRed{background-color:#c0392b;;}
.bgWhite{background-color:white;}
.bgRed{background-color:red;}
.bgGreen{background-color:green;}
.bgBlue{background-color:blue;}
.bgSteelBlue{background-color:SteelBlue;}
.bgYellow{background-color:yellow;}
.bgLightSlateGrey{background-color:LightSlateGray;}

.lolite{color:#aaa;}
.hilite{color:green;}

.fxsmall{font-size:x-small;}
.f8{font-size:8pt;}
.f9{font-size:9pt;}
.f10{font-size:10pt;}
.f11{font-size:11pt;}
.f12{font-size:12pt;}
.f14{font-size:14pt;}
.f16{font-size:16pt;}
.f18{font-size:18pt;}
.f20{font-size:20pt;}
.f22{font-size:22pt;}
.f24{font-size:24pt;}
.f28{font-size:28pt;}
.f32{font-size:32pt;}

.fbold{font-weight:bold;}
.fnormal{font-weight:normal;}
.fitalic{font-style:italic;}
.textStrike{text-decoration:line-through;color:red;font-style:italic;}

.ucase{text-transform:uppercase}
.lcase{text-transform:lowercase}

.pane,.pane-row,.pane-col{overflow: hidden;position: absolute;}
.pane {left: 0;right: 0;top: 0;bottom: 0;}
.pane-row {left: 0;right: 0;}
.pane-col {top: 0;bottom: 0;}

.scroll-x {overflow-x: auto;-webkit-overflow-scrolling: touch;}
.scroll-y {overflow-y: auto;-webkit-overflow-scrolling: touch;}

.tbl{display:table;table-layout:fixed;width:100%;height:100%;border-collapse:collapse;}
.tbl .tr{display:table-row;}
.tbl .td{display:table-cell;}

.frm{padding:10px;margin:10px;}
.frm h4{margin-bottom:25px;}
.frm div.block{display:block;margin-bottom:15px;}
.frm div.inline{display:inline-block;margin-right:10px;}
.frm div.tcell{display:table-cell;}

.frm label{font-weight:normal;margin:0 0 5px 0;display:block;}
.frm input[type=text],
.frm input[type=number],
.frm input[type=password],
.frm input[type=number]
.frm input[type=button],
.frm select,
.frm textarea,
.frm .textbox{
	font-size:11pt;
	padding:10px;
	width:100%;
	border:solid 1px #ddd;
	box-sizing: border-box;
	border-radius:3px;
	margin-right:5px;display:inline-block;vertical-align:top;
	outline:none;
}
.frm textarea{height:auto;}
.frm select{
    scroll-behavior: smooth;
}
.frm select.dp-opt-year{display:inline-block;width:75px;}
.frm select.dp-opt-month{display:inline-block;width:65px;}
.frm select.dp-opt-day{display:inline-block;width:55px;}
.frm h5{border-bottom:solid 1px #eee;color:#aaa;margin:10px 0 5px 0;padding:5px 0;}


.textlabel{
	display:block;padding:10px;border:solid 1px #ddd;
	box-sizing: border-box;
	border-radius:3px;
	margin-right:5px;vertical-align:top;
	outline:none;
}

.frmcontrol{padding:10px;margin:10px;}
.frmcontrol .btn{margin-right:10px;}
.btn,.btn:focus{outline:none;}

.btnRed{border:solid 1px red;background-color:red;text-shadow:none;color:white;}

.btnWhite{border:solid 1px #bbb;background-color:#fff;text-shadow:none;color:inherit;}
.btnYellow{background-color:yellow;color:#000;border:solid 1px yellow;}
.btnOrange{background-color:orange;color:#fff;border:solid 1px orange;}
.btnText{outline:none;border:none;background-color:transparent;text-shadow:none;color:inherit;}
.btnClear{border:solid 1px #bbb;background-color:transparent;text-shadow:none;color:inherit;}
.btnPlain{border:solid 1px #bbb;background-color:transparent;text-shadow:none;color:inherit;}
.btnDark{background-color:#333;color:#fff;border:solid 1px #333;}
.btnGrey{background-color:#aaa;color:#fff;border:solid 1px #ccc;}
.btnGreen{background-color:#5e8913;color:#fff;border:solid 1px #5e8913;}
.btnBlue{background-color:#467fcf;border:solid 1px #467fcf;color:#fff;}
.btnPink{background-color:#ff0077;border:solid 1px #ff0077;color:#fff;}
.btnGreen *{color:#fff;}

.btnRed:hover,.btnOrange:hover,.btnDark:hover,.btnGreen:hover,.btnBlue:hover,.btnPink:hover,.btnGreen:hover{color:white}

.borderSelected{border:solid 1px green; border-radius:2px;}

.setqty{border:solid 1px #ddd;display:table;table-layout:fixed;border-radius:5px;}
.setqty span{display:table-cell;text-align:center;max-width:70px;}
.setqty input[type=text]{display:block;text-align:center;width:70px;margin:0;border:none;}
.setqty span.btn{border:solid 0px red;text-align:center;padding:10px 10px 10px 10px;font-weight:bold;font-size:12pt;}

.cards{}
.cards .heading{display:block;margin:10px;}
.cards .heading *{font-size:14pt;}
.cards ul{
	position:relative;
	list-style:none;
	margin:0 auto;padding:0;
}
.cards li{
	width:12.5%;
	position: relative;
	overflow:hidden;
	padding:0 0 10px 10px;
	
	display:inline-block;
	vertical-align:top;
	float:left;
}
.cards li .box{
	background-color:#fff;
	display:block;
	box-shadow: 2px 2px 12px 1px #eee;
	border-radius:4px;
	
}
.cards li .box *{display:block;text-align:left;font-weight:normal;}
.cards li .box .cardbg{
	display:block;
	width:100%;
	height: calc(32vw *(9/23));
	background-color:#f4f4f4;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}
.cards li .box div{
	display:block;
	min-height:50px;width:100%;
	padding:5px 10px 5px 10px;
}

.cards.normal li a{box-shadow: none;}

.cardsWrapper{display:block;overflow:hidden;}
.cardsWrapper .cardsContent{display:block;overflow:hidden;margin-bottom:10px;}
.cardsWrapper .cardsLoadMore{display:block;border:none;padding-left:10px;}
.cardsWrapper .cardsContent .cards{display:block;}

.cards li .box .cardinfo{}
.cards li .box .cardinfo h1{font-size:12pt;}
.cards li .box .cardinfo h2{font-size:10pt;}
.cards li .box .cardinfo h3{font-size:10pt;}
.cards li .box .cardinfo h4{font-size:9pt;}

.cards li .box .cardinfo h1,
.cards li .box .cardinfo h2,
.cards li .box .cardinfo h3,
.cards li .box .cardinfo h4{
	display:table;
	table-layout:fixed;
	width:100%;
	padding: 10px 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1em;
}

.cards li .box .cardinfo h1 span{font-size:10pt;color:#555;}
.cards li .box .cardinfo h2 span{font-size:10pt;font-weight:bold;color:green;}
.cards li .box .cardinfo h1 span,
.cards li .box .cardinfo h2 span{display:table-cell;text-align:left;}
.cards li .box .cardinfo h2 i{display:inline-block;color:#677889;font-size:11px;padding-left:5px;}
.cards li.loading {
	color: orange;
	display:inline-block;
	-webkit-mask:linear-gradient(90deg,#000 30%,#0005,#000 70%) right/300% 100%;
	background-repeat: no-repeat;
	animation: shimmer 1.5s infinite;
	font-size: 50px;
	max-width:100%;
}
@keyframes shimmer {100% {-webkit-mask-position:left}}


.tblGridCaption{
	z-index:100;height:35px;
}
.tblGridCaption div{display:table;table-layout:fixed;width:100%;height:inherit;}
.tblGridCaption div span,
.tblGridCaption div label{
	display:table-cell;vertical-align:middle;height:inherit;
	padding:0 10px;
	font-size:11px;
}
/*tblGrid*/
.tblGrid{border:solid 1px #eee;}
.tblGrid .tbl-thead.tblFreeze,
.tblGrid .tbl-tbody.tblFreeze{border-right:solid 1px #777;}

.tblGrid .tbl-thead .caption{padding:10px;margin:0;display:block;}
.tblGrid .tbl-thead .tblist{border-top:solid 1px #f2f2f2;}
.tblGrid .tbl-tbody{background-color:#fbfbfb;}
.tblGrid .tbl-tfoot{background-color:#fff;border-top:solid 1px #d7d7d7;}
.tblGrid .tbl-tfoot .bar{
	display:table;
	width:100%;height:100%;
}

.tblGrid .tbl-tfoot .bar div{
	display:table-cell;
	vertical-align:middle;
	padding:0 10px;
}
.tblGrid .tbl-tfoot .bar div span{
	display:table-cell;vertical-align:middle;
	padding:0 2px;
}
.tblGrid .tbl-tfoot .bar div span .btn{
	background-color:#467fcf;color:#fff;font-weight:bold;
}

.tblGrid .tbl-tfoot .bar div span label{
	display:inline;
}

.tblGrid .tbl-tfoot .bar div span input[type=text],
.tblGrid .tbl-tfoot .bar div span select{
	padding:6px;
}

.tblGrid .frm{margin:0;padding:0;}
.btn-refresh{}
.btn-new{}
.btn-first{}
.btn-prev{}
.btn-next{}
.btn-last{}
.btn-magnify{}
.btn-generate{}

/*frmContent*/
#section-frmContent{z-index:200;margin:0;background-color:#f9f9f9;}
#section-frmContent .wrapper{margin:0;border-radius:0;}

/*
#section-frmContent .frmCaption{top:0;height:35px;z-index:100;}
#section-frmContent .frmCaption .wrapper{}
*/

#section-frmContent .frmControl{bottom:0;height:52px;}
#section-frmContent .frmControl .wrapper{background-color:#f9f9f9;}
#section-frmContent .frmControl input[type=button]{margin:0 5px 0 5px;}

#section-frmContent .frmBody{top:0;bottom:52px;}
#section-frmContent .frmBody .wrapper{margin:10px;padding:25px;}

/*toast */
.custom-toast {display: flex;align-items: center;}
.custom-toast img {background-size: 50px 50px;height: 50px;width: 50px;}
.custom-toast p {font-size: 14px;padding: 10px;}

#toasts {
	min-height: 0;
	position: fixed;
	right: 10px;
	top: 10px;
	width: 375px;
	z-index:17000;
}

#toasts .toast {
	z-index: 700;
	background-color: orange;color:#fff;
	border-radius: 3px;
	cursor: default;
	margin-bottom: 10px;
	position: relative;
	padding: 10px;
	width: 100%;
	/*
	opacity: 0;
	will-change: opacity, transform;
	transform: translateY(15%);
	transition: opacity .5s ease-in-out, transform .5s ease-in-out;
	*/
} 

#toasts .toast.success {background: #26d68a;}
#toasts .toast.warning {background: #ffa533;}
#toasts .toast.info {background: orange;color:#fff;}
#toasts .toast.error {background: #f44336;}

#toasts .toast.show {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

#toasts .toast.hide {
	height: 0;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0 30px;
	/*transition: all .5s ease-in-out;*/
}

#toasts .toast .close {
	cursor: pointer;
	font-size: 24px;
	height: 16px;
	margin-top: -10px;
	position: absolute;
	right: 14px;
	top: 20px;
	width: 16px;
}

/*.tblGrid .tbl-tbody.tblBase.customScroll::-webkit-scrollbar-button:start{width:320px;}*/
/*.tblGrid .tbl-tbody.tblBase.customScroll::-webkit-scrollbar-button:start{width:var(--scrolbar-width--);}*/

.profileImg{
	background-repeat:no-repeat;background-size:cover;
	background-position:top center;
	width:200px;height:200px;
	border:solid 1px #fff;
	background-color:#eee;
	border-radius:50%;
	display:inline-block;
}
.profileImg.medium{width:95px;height:95px;}
.profileImg.mediumsmall{width:75px;height:75px;}
.profileImg.small{width:50px;height:50px;}
.profileImg img{width:100%;}

.hide{display:none;}

/*
@media (min-width: 300px) and (max-width: 700px){
	#poppanel .body .wrapper{
		width: 100%;
	}
}
@media (min-width: 701px) and (max-width: 1024px){
	#poppanel .body .wrapper{
		width: 90%;
	}
}
*/

/*datepicker*/
.datepicker{padding:0;}
.datepicker .year,
.datepicker .month{border:solid 1px #ddd;}
.datepicker .old.day{color:#aaa;font-style:italic;}
.datepicker .new.day{color:blue;font-style:italic;}
.datepicker .today.day{background-color:green;color:#fff;}


/*tabFolder*/
.tabFolder{margin-top:25px;}
.tabFolder ul{list-style:none;margin:0;}
.tabFolder li{
	display:inline-block;
	border:solid 1px #ccc;
	border-bottom:none;min-width:100px;
	border-top-right-radius:15px;margin:0;
}
.tabFolder li label{display:block;padding:10px;text-align:center;}
.tabFolder .tab.active{background-color:#959d43;font-weight:bold;color:#fff;}
.tabContent{border-top:solid 1px #ccc;padding:20px 10px;margin-top:-1px;}

.autocomplete-suggestions { border: 1px solid #eee; background: #f9f9f9; overflow: auto;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #ccc; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.hline{border-bottom:solid 1px #ddd;}

#file2{display:inline-block;width:200px;height:300px;text-align:center;}

.imgbox,
#file2 .imgbox,
#imageFile .imgbox{
	display:block;
	width:200px;
	height:200px;
	border-radius:50%;
	border:solid 3px #aaa;
	margin-bottom:5px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(/display/assets/img/default.png);
}

#file2 .imgbox.user{
	background-image:url(/display/assets/img/user.jpg);
}

.imgbox.square{border-radius:10px;}

#file2 input[type=file]{
	display:none;
	/*position:absolute;left:-1000px;*/
}

#file2 label {
	border: 1px solid #ccc;
	border-radius:10px;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
}

#file3 input[type=file]{display:none;}


#frm-image-files div{
	display:inline-block;
	margin:0;padding:0;
	float:left;
	padding:3px;
}
#frm-image-files .imgbox.square{
	border-radius:0;
	margin:0;
}
#frm-image-files input[type=file]{display:none;}

@media (max-width: 503px){
	
	#toasts {left:10px;width:auto;}
	
	#poppanel .body .inner{margin:5px;padding:5px;min-width:auto;max-width:100%;}
	#poppanel .body .wrapper{width:100%;}
	#poppanel .scrollbox::-webkit-scrollbar,
	#poppanel .scrollbox:hover::-webkit-scrollbar{display:none;}
}