@charset "utf-8"; /* .dlSticky{position:-webkit-sticky; position:sticky; top:0; left:0;} */

/* --------index screen-------- */
*{position:relative; margin:0;padding:0;outline:0; margin-inline-start:0;margin-inline-end:0; margin-block-start:0;margin-block-end:0; padding-block-start:0;padding-block-end:0; padding-inline-start:0;padding-inline-end:0; min-inline-size:0; -ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;  font-size:17px;}

.etamio{width:100%; min-width:320px; max-width:1024px; height:100vh; height:calc(100vh - 15px;); min-height:533px; max-height:1080px; margin:0 auto;}
.invSend{width:100%; margin:0; padding:0; text-align:right; display:block;}

.sPrc{position:absolute;top:0;left:0;width:100%;height:82px;background:#000;z-index:1;}

.dlprice{position:absolute;top:0;left:0;width:38%;height:60px;padding:0;}/* ддс и нето крайна сума */
  .dvat{width:100%;height:30px; margin:0; padding:4px; text-align:left; display:inline-block; font-size:14px; color:#ccc;}
  .dneto{width:100%;height:30px; margin:0; padding:4px; text-align:left; display:inline-block; font-size:14px; color:#ccc;}
	.sumVat,.sumNeto{position:absolute;top:0;left:37px;width:62%;width:calc(100% - 37px);height:100%;padding:4px;color:yellow;border:0;background:transparent;z-index:1}
.dprice{position:absolute;top:0;right:0; width:62%;height:60px;padding:0;text-align:left;}/* серия и номер на документа и крайна сума */
  .dinvsn{width:38%;height:60px;margin:0;padding:0;text-align:right;color:#ccc;overflow:hidden;display:inline-block;}
	.sinvsn{width:100%;height:30px;display:inline-block;}/* серия и номер */
	.iinvsn{width:62%;width:calc(100% - 30px);height:30px;margin:0;padding:4px;text-align:left;color:#fff;border:0;background:transparent;}
.sprice{position:absolute;top:0;right:0;width:62%;height:100%; padding:4px; color:#ccc; display:inline-block;}/* крайна сума */
	.sumPrice{position:absolute;top:0;left:0;width:100%;height:100%;padding:4px;text-align:right;font-size:27px;color:yellow;border:0;background:transparent;z-index:1}

#dl{position:absolute; top:60px; left:auto; width:100%; height:22px; z-index:1;}
.prCodel,.prNamel,.prCountl,.prNetol,.prVatl,.prPricel,.prSuml{height:22px;padding:2px 4px;margin:0; font-size:15px; color:#fff; background:#707040; border-left:1px solid #ccc; display:inline-block; overflow:hidden;}/* top summary height 82 90px */

#payCreated{position:absolute;top:82px;height:calc(100vh - 470px);min-height:62px;max-height:610px; overflow:auto; text-align:right; vertical-align:text-bottom; border-bottom:1px solid green;} /* middle summary height -*/
.prfield{border:0;margin:0;padding:0;}
.prCode,.prName,.prCount,.prNeto,.prVat,.prPrice,.prSum{padding:2px 4px; margin:3px 0; text-align:right; border:0; border-bottom:1px dotted #ccc; display:inline-block;} 
.vNote{position:absolute;top:0;left:11%; width:15px; padding:2px 4px; margin:3px 0; text-align:right; border:0; border-bottom:1px dotted #ccc; display:inline-block; z-index:1; overflow:hidden; background:yellow;}
.prCodel,.prCode{width:11%;}
.prNamel,.prName{width:25%;}
.prCountl,.prCount{width:5%;} .prCount{border-color:red}
.prNetol,.prNeto{width:18%;}
.prVatl,.prVat{width:5%;} .prVat{border-color:red}
.prPricel,.prPrice{width:18%;}
.prSuml,.prSum{width:18%;}
input:focus{background-color: yellow;}

#prtctn{position:absolute;top:0;right:0;width:100%;height:calc(100vh - 385px);min-height:145px;max-height:695px;border-bottom:1px solid red;z-index:2;}/*protect */
button{cursor:pointer;}
.dkeyboard{position:absolute; left:0; bottom:0; width:100%; height:385px; overflow:hidden; border-top:0px dotted blue;}/*  summary height 385px = 6*55px+50 */
.dktopl{position:absolute;top:0;left:8px;width:45px; height:50px; margin:0; padding:8px 2px; text-align:left; display:block;}
.dktopr{position:absolute;top:0;right:0;width:82%;width:calc(100% - 45px);height:50px;margin:0 0 0 auto;padding:0 2px;text-align:right; display:block;}
	.bintp{width:68%;width:calc(100% - 120px);height:42px;margin:4px 4px 4px 0;padding:12px 0;line-height:1;text-align:center;border:1px solid orange;border-radius:4px;}
	#bintp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* извикващия панела бутон - над него  и клас ДА ПОМИСЛЯ */
	.sbksps{width:45px;height:42px;margin:4px;padding:12px 0;line-height:1;text-align:center;border:1px solid orange;border-radius:4px;}
	.scncll{width:45px;height:42px;margin:4px;padding:12px 0;line-height:1;text-align:center;color:red;border:1px solid red;border-radius:4px;}
	.scncll:hover{color:#fff;background:red;}
.dmk{position:absolute;top:50px;left:0;width:100%;}
.snumfl{float:left;width:74%;margin:2px 0 0 0;display:block;}/*от 320пх - 74%= 237.8пх */
.snuml,.bnuml{width:27%;width:calc(33% - 15px);margin:5px;padding:12px 0;}
.bnuml{background:transparent;}
.snumfr{float:right;width:26%;margin:2px 0 0 0;display:block;background:#F2F6F6;}/*от 320пх - 26%= 83.5пх */
.snumr{width:94%;width:calc(100% - 12px);margin:5px 6px;padding:12px 0;}
.sh200{height:100px;width:94%;width:calc(100% - 12px);margin:5px 6px;padding:37px 0;background:#004040;color:#FFFFC0;font-size:150%;border:1px solid orange;border-radius:4px;}

.sw50l{width:39%;width:calc(39% - 10px);margin:5px;padding:9px 0;}
.sw50r{width:61%;width:calc(61% - 10px);margin:5px;padding:9px 0;}
.sw50l,.sw50r,.snuml,.bnuml,.snumr{height:45px;text-align:center; border:1px solid orange;border-radius:4px;}
.sw50l:hover,.sw50r:hover,.snuml:hover,.bnuml:hover,.snumr:hover,.sh200:hover,.bintp:hover,.sbksps:hover{background:orange;}

#mess{position:fixed; top:10%; left:10%; width:80%; padding:10%; text-align:center; background:yellow; color:red; display:none; z-index:3;}


/* --------client screen-------- */
#dInTpClt{position:absolute;top:0;left:auto;width:0;height:100vh;background:#fff;color:#000;opacity:0.9;display:none;z-index:2;transition: width 1s;}
.stextReg{width:70%;margin:2px 0;padding:3px;}
.itextReg{width:70%;margin:2px 0;padding:3px;}
	 #bName{display:none;}
	 #taxNumber{display:none;}


/* --------scanner screen-------- */
/* scanner panel */
#scnr{position:absolute;top:82px;left:auto;width:0;height:calc(100vh - 82px);background:#000;color:#fff;opacity:0.9;display:none;z-index:2;transition: width 1s;}
.rsltScn{position:absolute;bottom:50px;left:0;width:100%;margin:0;padding:4px;display:inline-block;z-index:1;}/* scanner result */
input[type="file"]{width:100%;display:block;margin:3px 0;padding:7px 0;height:32px;  cursor:pointer;}
#scan-result,#scan-img{text-align:left; margin:2px 0; padding:5x 0; border-bottom:1px solid #800000; overflow:auto;}
	#cam-qr-result,#file-qr-result{color:yellow;}
	/* #scan-last изолирано засега*/
.scanner{position:absolute;top:0;right:0;width:100%;height:calc(100vh - 82px);margin:0;}/* camera */
#video-container{width:100%;max-width:400px;height:auto;margin:2px auto;overflow:hidden;line-height:0;}
#qr-video{width:100%;height:auto;margin:0 auto;overflow:hidden;}
#video-container .scan-region-highlight-svg{stroke:#FFFF00 !important;}
#video-container.example-style-1 .scan-region-highlight-svg, #video-container.example-style-1 .code-outline-highlight{stroke:#64a2f3 !important;}
#video-container.example-style-2{position:absolute;top:0;left:0;width:max-content;height:max-content;overflow:hidden;}/* org position:relative; */
#video-container.example-style-2 .scan-region-highlight{border-radius:30px; outline:rgba(0, 0, 0, .25) solid 50vmax;}
#video-container.example-style-2 .scan-region-highlight-svg{display:none;}
#video-container.example-style-2 .code-outline-highlight{stroke:rgba(255, 255, 255, .5) !important; stroke-width:15 !important; stroke-dasharray:none !important;}
#dcStng{position:absolute;bottom:140px;left:auto;width:98%;height:120px;margin:auto 1%;padding:5px;text-align:center;color:orange;border:1px dashed orange;border-radius:9px;overflow:hidden;display:block;z-index:2}/*singlescan but*/
	#dSScn{position:relative;margin:0 auto;width:50%;padding:13px 0;height:110px;line-height:35px;font-size:150%;cursor:pointer;display:inline-block;transform:rotate(-20deg);}

#dScStng{position:absolute;bottom:2px;left:0;width:100%;text-align:center;color:orange;}/* buttons conteiner */
	.scStng{width:32%;margin:5px 1px 0 0;padding:7px 0;cursor:pointer;line-height:1;border:1px solid #FFA500;border-radius:3px;display:inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* buttons */

/* scanner option */
#scnrOpt{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 82px);padding:4px;background:#000;color:#fff;display:none;z-index:2;}
#sClOptn{position:absolute;bottom:4px;left:auto;width:calc(100% - 8px);margin:10px auto 0 auto;padding:7px 0;cursor:pointer;color:#FFA500;text-align:center;border:1px solid #FFA500;border-radius:5px;display:block;z-index:2;}/* but close option */
#inversion-mode-select,#cam-list,#scan-region-highlight-style-select{width:100%; padding:4px 1px;}
#more-options{}
#flash-toggle{width:50%;padding:7px 2px;margin:1% 0;cursor:pointer;display:inline-block;}/* flash button */
canvas{width:200px !important;height:200px !important;z-index:1 !important; margin: 0 auto !important;}
/* position:absolute !important;bottom:42px !important;left:auto !important;  */





/*		-------- vat & vat Ex screen--------		 */
#dVtEx{position:absolute;top:0;left:0;width:0;height:auto;padding:4px;background:#000;color:#fff;display:none;z-index:2;transition: width 1s;}
#sVAT{width:100%; padding:4px 1px;}
#sExVAT{width:100%; padding:4px 1px;}
#bVat{width:100%; padding:4px 1px;}



@media only screen and (max-width:800px){#qr-video{width:100%;height:auto;}}
@media only screen and (max-width:480px){
.prCodel,.prCode{width:15%; min-width:55px;}
.prNamel,.prName{width:31%; min-width:75px;}
.prCountl,.prCount{width:7%; min-width:30px;} .prCount{border-color:red}
.prNetol,.prNeto{width:20%; min-width:65px;}
.prVatl,.prVat{width:7%; min-width:30px;} .prVat{border-color:red}
.prPricel,.prPrice{width:20%; min-width:65px;}
.prSuml,.prSum{width:0; padding:0; border-left:0; display:none;}
}
@media only screen and (max-width:429px){.prNamel,.prName{width:calc(45% - 60px);}}
@media only screen and (max-width:367px){.prNamel,.prName{width:calc(61% - 125px);}}
@media only screen and (max-width:319px){.prNamel,.prName{min-width:calc(85% - 245px);}}

@media only screen and (max-height:433px){.sPrc{position:fixed;left:auto;opacity:0.7;}}
/* ORG
.prCodel,.prCode{width:15%; min-width:55px;}
.prNamel,.prName{width:31%; min-width:75px;}
.prCountl,.prCount{width:7%; min-width:30px;} .prCount{border-color:red}
.prNetol,.prNeto{width:20%; min-width:65px;}
.prVatl,.prVat{width:7%; min-width:30px;} .prVat{border-color:red}
.prPricel,.prPrice{width:20%; min-width:65px;}
.prSuml,.prSum{width:0; display:none;}
 */