::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-button{}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(15,15,15,0.3)}

@keyframes blink {

0% { opacity:1; }
50% { opacity:0.5; }
100% { opacity:1; }

}

html,body{padding:0;margin:0;background:#dcdcdc;font:22px/1.5 Verdana}

body{
	
	overscroll-behavior: contain;
	overscroll-behavior-y: none;
	
}

.monitoring-flex {
	
	display:flex;
	flex-flow:column nowrap;
	margin:0 auto 0 auto;
	font:1.3rem/1 Tahoma;
	color:rgba(0,0,0,0.9);
	border-top: 1px solid rgba(0,0,0,0.1);
	position:relative;
	padding-bottom:100px;
	
	
}

.monitoring-flex-column{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	transition:0.3s ease-out;
	background:#fff;
	
}

.monitoring-flex-column > div{
	
	padding:15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*border:1px solid rgba(0,0,0,0.2);
	box-shadow:0 1px 5px rgba(0,0,0,0.3);*/
	border:solid 1px #999999;
	flex-grow:1;
	width:100%;
	
}

.monitoring-flex-column:last-child{
	
	font-weight:600;
	position:fixed;
	width:100%;
	bottom:0;

	
}

.monitoring-flex-column:last-child:hover, .monitoring-flex-column:last-child > div:hover{
	
	background:#fff;
	
}

.monitoring-flex > div:last-child{
	
	border-top:1px solid rgba(0,0,0,0.2);
	background:#fff;
	
}

.monitoring-flex  div:last-child:hover .monitoring-sort{
	
	display:block;
	
}

.monitoring, .table {
	
	width:100%;
	border-collapse: collapse;
	margin:0 auto 0 auto;
	background:#fff;
	font:1.3rem/1 Tahoma;
	table-layout: fixed;
	color:rgba(0,0,0,0.9);
	border-top: 1px solid rgba(0,0,0,0.1);

}

.table-lite {
	
	width:100%;
	border-collapse: collapse;
	margin:0 auto 0 auto;
	background:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:0.7vw;
	table-layout: fixed;
	border-top: solid 0.5vh #69c;
	border-bottom: solid 0.5vh #69c;

}

.table-hide {
	
	display:none;
	
}

.monitoring tr:last-child{
	
	font-weight:600;
	
}

.table tr:first-child{
	
	font-weight:600;
	
}

.table-lite tr:first-child{
	
	font-family:Verdana;
	font-weight:600;
	text-align:center;
	background:#ccddff;
	
}

.monitoring tr:last-child:hover, .monitoring tr:last-child td:hover{
	
	background:#f0f0f0;
	
}

.monitoring-flex-column:hover, .table tr:hover{
	
	background:rgba(50,50,50,0.1);
	cursor:pointer;
	
}

.monitoring-flex-column > div:hover, .table td:hover{
	
	background:rgb(225,225,225);
	color:rgba(0,0,0,1);
	/* position:absolute; */
	
}

.monitoring td,.table td{
	

	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	/*
	border-left: 1px solid rgba(0,0,0,0.3);
	border-right: 1px solid rgba(0,0,0,0.3);
	box-shadow:inset 0 -5px 10px -5px rgba(0,0,0,0.3);
	*/
	
}

.table-button-edit,.table-button-download{
	
	position:relative;
	padding-left:1.1vw;
	cursor:pointer;
	
}

.table-button-edit:hover, .table-button-download:hover{
	
	text-decoration:underline;
	
}

.table-button-edit::before{
	
	content:'';
    position: absolute;
    width: 1vw;
    height: 1vw;
    left: 0;
	background: url('edit.png') center 0 no-repeat;
	background-size:cover;
	
}

.table-button-download::before{
	
	content:'';
    position: absolute;
    width: 1vw;
    height: 1vw;
    left: 0;
	background: url('download.png') center 0 no-repeat;
	background-size:cover;
	
}

.table-lite tr {
	
	color: #039;
	
}

.table-lite tr, .table-lite tr td{
	
	transition: 0.3s linear;
	
}

.table-lite tr:hover{
	
	background:#ccddff;
	
}

.table-lite td:hover{
	
	background:rgba(255,255,255,0.7);
	
}

.table-lite td{
	
    border-bottom:dashed 1px #69c;
	border-right:dashed 1px #69c;
	
}

.monitoring td, .table td, .table-lite td, .table-td {
	
	padding:8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	/*
	overflow: auto;
	word-wrap:break-word;
	*/
}

.monitoring-flex-column input, .monitoring-flex-column select, .table td input, .table td select, .table-lite td input, .table-lite td select {
	
	font:1.3rem/1 Tahoma;
	color:rgba(0,0,0,0.9);
	background:rgba(0,0,0,0.1);
	width:100%;
	border-radius:5px;
	
}

.monitoring tr, .table tr, .table-lite tr{
	
	background:#fff;
	
}

.monitoring tr:last-child:hover div{
	
	display:block;
	
}

.monitoring-sort{
	
	display:none;
	font-weight:400;
	transition:0.3s ease-out;
	overflow-y: scroll;
	height:200px;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	background:#f0f0f0;
	border-radius:15px;
	padding:0 5px;
	
}

.monitoring-sort div{
	
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding:1vh 0;
	
}

.td-wrap{
	overflow: auto;
	word-wrap:break-word;
	white-space: wrap;
	
}

.monitoring-sort div:hover{
	
	font-weight:600;
	
}

.monitoring-green{
	
	background-color:hsl(130, 65%, 55%);
	color: rgba(10, 10, 10, 0.9);
	
}

.monitoring-yellow{
	
	background:hsl(60,60%,60%);
	
}

.monitoring-red{
	
	color:hsl(1,100%,50%);
	background:hsl(1,100%,95%);
	
}

.table-red, .table-red td{
	
	color:hsl(1,100%,50%);
	background:hsl(1,100%,95%);
	
}

.table-green, .table-green td {
	
	background:hsl(120,60%,60%);
	
}

.table-target, .table-target td{
	
	font-weight:600;
	background:rgb(215,215,215);
	
}


.table-button{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	padding:5px 15px;
	background:#fff;
	/*
	border-left: 1px solid rgba(0,0,0,0.3);
	border-right: 1px solid rgba(0,0,0,0.3);
	box-shadow:inset 0 -5px 10px -5px rgba(0,0,0,0.3); */
	
}

.table-text{
	
	white-space:pre-line;
	font:1.3rem/1.3 Verdana;
	opacity:0.8;
	
}

.center {
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items:center;
	height:100vh;
	
}

.ahref{
	
	display:inline;
	cursor:pointer;
	padding:0 10px;
	
}

.ahref:hover{
	
	opacity:0.5;
	
}

.table-body{
	
	width:100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin:2vh 0;

}

.table-body table{
	
	table-layout: auto;
	
	
}

.table-body table tr td:first-child{
	/*
	white-space:nowrap;
	*/
}

.table-body table tr:first-child{
	
	font-style:italic;
	opacity:0.5;
	
}


.table-body table tr:last-child{

font-weight:600;
	
}


input,select,textarea{border:0;padding:0;outline:none;background:#fff;appearance:none}
textarea{resize:none}
input::placeholder{font-style:italic}

img{font:1px/1 Verdana;display:block}

.splash,.splash-camera,.choose{

top:0%;
position:fixed;
display:flex;
flex-flow:column nowrap;
width:100%;
height:100%;
z-index:9999;
justify-content:center;
align-items:center;
background-color:rgba(0,0,0,0.9);

}

.splash-top{
	
	color:rgba(255,255,255,0.9);
	text-decoration:underline;
	font-weight:600;
	position:fixed;
	top:0%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	width:100%;
	
	
}

.splash-top-delete,.splash-top-replace{
	
	padding:3vh 2vmin;
	
	
}

.splash-photo{
	
	width:100vh;
	height:100vh;
	
}


.splash-list{
justify-content:center;
font:1.15rem/1.5 Arial;
font-style:italic;
top:0%;
position:fixed;
width:100%;
height:100%;
z-index:9999;
display:flex;
flex-flow:column nowrap;
backdrop-filter:blur(15px);
	
}

.splash-list-top{
	
	padding:2vh 3vw;
	font-weight:600;
	
}

.splash-list-bottom{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	padding:2vh 3vw;
	
}

.splash-list-box{
	
	overflow:auto;
	
}

.splash-list-box div{
	
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	border-bottom:solid 1px #999999;
	background:#fff;
	color:rgba(0,0,0,0.8);
	margin:2vh 3vw;
	padding:2vh 3vw;
	border-radius:15px;
	border-radius:15px;
	
}

.choose-box{
	
	color:#505050;
	
}

.choose-box-option{
	
	padding:2vh 3vmin;
	margin:2vh 0;
	background:rgba(255,255,255,0.9);
	border-radius:15px;
	
	
}

.notify{
	
	position:fixed;
	display:flex;
	flex-flow:column nowrap;
	width:100%;
	height:100%;
	z-index:9999;
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	
}

.notify-top{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	top:0%;
	position:sticky;
	padding:2vh 2vmin;
	
}

.notify-head {
	
	font:1.3rem/1 Arial;
	font-style:italic;
	
}

.notify-body{
	
	width:100%;
	overflow:scroll;
	
}

.splash-camera{
	
}

.splash-camera-top{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	position:fixed;
	top:0%;
	width:94%;
	padding:2vmax  3%;
	z-index:9999;
	
}

.splash-camera-bottom{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-end;
	position:fixed;
	bottom:0%;
	width:94%;
	padding:2vmax  3%;
	
}


.splash-camera-close{
	
position:absolute;
color:red;
font-weight:600;
float:right;
	
}

.splash img{
	
	max-width:100%;
	max-height:100%;
	
}

.splash-camera video{
	
	display:block;
	max-width:100vw;
	max-height:100vh;
	
}

#splash{
	
position:fixed;
z-index:999;
width:94%;
padding:2vh 3%;
display:none;
backdrop-filter:blur(5px);
overflow:scroll;
height:100vh;

	
}

.color-red{
	
	color:hsl(1,100%,50%);
	
}

.splash-tab{
	
position:relative;	
	
}

.login-box{
	
display:flex;
align-items:center;
justify-content:center;
height:100vh;

	
}

.login-box-forma{
	
width:50vmin;

}

.login-box-forma-logo{

width:100%;
margin-bottom:3vmin;
	
}

.login-box-forma-inputs input::placeholder{
	
	font-style:normal;

}

.login-box-forma-inputs input{
	
	width:94%;
	padding:2vmin 3%;
	background:#fff;
	font:2rem/1 Verdana;
	text-align:center;
	box-shadow:0 1px 10px rgba(0,0,0,0.3);
	margin:0;

}

.login-box-forma-inputs input:first-child{
	
	border-radius:30px 30px 0 0;
	
}

.login-box-forma-inputs input:last-child{
	
	border-radius:0 0 30px 30px;
	
}


.double-header,.triple-header,.local-notify{
	
	top:0%;
	position:sticky;
	padding:2vh 2vmin;
	
}

.double-header div, .triple-header div {
	
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis; 
	
}

.double-header,.triple-header,.triple-footer,.local-notify{
display:flex;
flex-flow:row nowrap;
/*
width:96%;
padding:2vh 2%;
position:fixed;
*/
height:7vh;
/* box-shadow:0 1px 10px rgba(0,0,0,0.3); */
background:#fff;
align-items:center;
z-index:9000;
justify-content:space-between;

}

.local-notify{
	
	display:none;

}

.local-notify-message{
	
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	animation-name:blink;
	animation-iteration-count:infinite;
	animation-duration:2s;
	animation-timing-function:ease-in-out;
	
}

.triple-header-center{
	
	width:100%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	
}
/*
.double-body{margin-top:11vh}



*/

.triple-body{
	
	overflow-x:hidden;
	padding-bottom:11vh;
	
}

.triple-body img{
	
max-width:100%;	
	
}

.triple-footer{
	
	bottom:0%;
	width:96%;
	padding:2vh 2%;
	position:fixed;


}

.find{

font-family:Arial;
flex-grow:1;
margin-right:2vmin;
padding:0 2vmin;
width:50%;	
font-size:7vh;

}

.find::placeholder{
	
	opacity:0.2;
	font-style:normal;
	font-family:Tahoma;
	
}

.find-results{

width:96%;
padding:0 2%;


}

.find-results{
	
	display:flex;
	flex-flow:column nowrap;
	
}

.find-results-item{

font:1.5rem/1 Tahoma;
display:flex;
flex-flow:row wrap;
align-items:center;
padding:2vh 2vw;
background:#fff;
/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
border-bottom:solid 1px #999999;
word-wrap:break-word;
	
}

.find-results-item:hover{

cursor:pointer;
background:rgba(100,100,100,0.1);
	
}

.find-results-item span{

background:#7fff00;
border-radius:5px;
padding:0 15px;
font-weight:600;
margin:0 3px;

}

.find-results-item-column{
	
flex-grow:1;
text-align:center;
margin:1vh 0;
	
}

.find-results-item-column div{

color:rgba(15,15,15,0.5);
font-style:italic;
font-size:22px;
margin-bottom:1vh;


	
}

.pallets-footer{
	
	
	
}

.pallets-footer-buttonAdd{
	
	text-align:center;
	padding:1vmax;
	font-style:italic;
	font-weight:600;
	
}


.tally-game-header{

	
}

.tally-game-top{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	
}

.tally-game-name{
	
font:1rem/1 Arial;
display:flex;
flex-flow:column nowrap;
justify-content:center;

}

.tally-game-name div {
	
font-style:italic;

}

.tally-game-counter{
	
font-style:italic;
font-size:1.7rem;
margin-right:2vw;
	
}

.weigher-checking-add{
	
	display:flex;
	flex-flow:column nowrap;
	background:#fff;
	border-radius:15px;
	padding:2vh 2vw;
	
}

.weigher-checking-add-button{
	
text-align:center;
margin-top:2vh;
	background:#fff;
	border-radius:15px;
	padding:2vh 2vw;
/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
border-bottom:solid 1px #999999;
	
}


.button-report,.button-photoset,.button-chat,.button-check-list,.button-add-pallet,.button-part-editor,.button-edit-pallet,.button-end-game,.menu-open-button,.logo-iq,.pallet-middle-photo-edit,.button-photo-add,.button-box,.button-box-red,.button-box-green,.button-poddon,.button-close,.button-stop,.button-okay,.button-send,.button-documents,.button-pallet,.button-download,.button-add,.button-join,.button-problem,.button-switch,.button-reload,.button-mail,.button-photos,.button-torch,.button-magnifier,.button-focus,.button-orientation{
	
background-repeat: no-repeat;

background-size:cover;

width:7vh;
height:7vh;
	
}

.logo-iq-2{
	
	background-repeat: no-repeat;
	background-size:cover;
	width:7vh;
	height:7vh;

}

.pallet-middle-photo-edit{
	
background-image:url('reload1.png');	
	
}

.button-photoset{
	
	background-image:url('photoset.png');
	
}

.button-documents {
	
	background-image:url('documents.png');
	
}

.button-check-list{
	
	background-image:url('checklist.png');
	
}

.button-chat{
	
	background-image:url('chat.png');
	
}

.button-add-pallet{
	
background-image:url('ok2.png');

	
}

.button-problem{
	
background-image:url('problem.png');

	
}

.button-part-editor{
	
background-image:url('pallet.png');	
	
}

.button-photo-add{
	
background-image:url('camera.png');		
	
}

.button-photos{
	
background-image:url('photos.png');		
	
}

.button-switch{
	
background-image:url('switch.png');		
	
}

.button-reload{
	
background-image:url('reload.png');		
	
}

.button-pallet{
	
	background-image:url('pallet.png');	
	
}

.button-edit-pallet{
	
background-image:url('edit.png');
	
}

.button-box,.button-box-red,.button-box-green{
	
background-image:url('box.png');	
	
}

.button-box-red{
	
	background-color:hsl(1,100%,70%);
	border-radius:50%;
	
}

.button-box-green{
	
	background-color:hsl(120,100%,70%);
	border-radius:50%;
	
}

.button-join{
	
background-image:url('join.png');	
	
}

.button-stop{
	
	background-image:url('stop.png');	
	
}

.button-okay{
	
	background-image:url('okay.png');
	
}

.button-end-game{
	
background-image:url('close.png');	
	
}

.button-poddon{
	
background-image:url('poddon.png');		
	
}

.button-close {
	
background-image:url('close-red.png');		
	
}

.button-torch {
	
background-image:url('torch.png');		
	
}

.button-magnifier {
	
	background-image:url('magnifier.png');	
	
}

.button-focus{
	
	background-image:url('focus.png');	
	
}

.button-orientation{
	
	background-image:url('orientation.png');	
	
}

.button-send {
	
	background-image:url('send.png');	
	
}

.button-add {
	
	background-image:url('add1.png');	
	
}


.button-download{
	
	background-image:url('download.png');
	
}

.button-mail{
	
	background-image:url('mail.png');
		
}

.button-report{
	
	background-image:url('report.png');
		
}

.tally-game-steps{

display:flex;
flex-flow:column nowrap;
margin:1vh 2vmin;
	
}

.tally-game-step-header{
	
	font-weight:600;
	
}

.survey-tally-steps{
	
display:flex;
flex-flow:column nowrap;
margin:2vh 3vw;	
	
}

.text-align-center{
	
	text-align:center;
	
}


.tally-game-button,.tally-game-input,.tally-game-input-cargo,.tally-game-input-grade,.tally-game-input-calibre,.tally-game-input-part,.tally-game-sticker-button,.sticker-button-red,.sticker-button-green,.tally-game-input-selects select,.tally-game-quantity-inputs input,.photo-capture-button{

font:1.3rem/1 Arial;
margin:0.5vh 0;
padding:2vh 2vmin;
border-radius:15px;
color:#000;
cursor:pointer;
font-style:italic;
	
}

.tally-weighers {
	
	display:flex;
	flex-flow:column nowrap;
	background:#fff;
	margin-top:1vh;
	border-radius:15px;
	font:3rem/1 Verdana;
	text-align:center;
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	border-bottom:solid 1px #999999;
	
}

.tally-weighers div {
	
	padding:1vh 2vmin;
	
}

.tally-game-double-input{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	
	
}

.tally-game-double-input select,.tally-game-double-input input{
	
	width:45%;
	
}

.tally-game-double-inputs{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	
	
}

.tally-game-double-inputs input:first-child, .tally-game-double-inputs select:first-child {
	
	border-radius:15px 0 0 15px;
	
}

.tally-game-double-inputs input:last-child, .tally-game-double-inputs select:last-child, .tally-game-double-inputs div:last-child {
	
	border-radius:0 15px 15px 0;
	
}

.tally-game-double-inputs input,.tally-game-double-inputs select, .tally-game-double-inputs div:last-child{
	
	width:100%;
	
}

.tally-game-input,.tally-game-input-cargo,.tally-game-input-grade,.tally-game-input-calibre,.tally-game-input-part,.tally-game-input-selects select,.photo-capture-button{
	
background:#fff;
/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	
}

.tally-game-input-selects{
	
	display:flex;
	flex-flow:row nowrap;
	
}

.tally-game-input-selects select:first-child{
	
	border-radius:15px 0 0 15px;
	
}

.tally-game-input-selects select:last-child{
	
	border-radius:0 15px 15px 0;
	
}

.tally-game-input-selects select{
	
	width:100%;
	
}

.tally-game-button-ok{
	
box-shadow:none;
background:none;
	
}


.tally-game-photo-data{
	
	position:relative;

}

.tally-game-photo-data img{
	
width:100%;
display:block;
	
}

.game-photo-data-input{

top:0%;
position:absolute;
padding:3vh 3%;
width:94%;
background:rgba(255,255,255,0.7);
font-size:48px;
	
	
}

.unloading-feed{
	
display:flex;
flex-flow:row wrap;

/*
column-count: 4;
  column-gap: 0;
*/
}

.empty{
	
	display:flex;
	justify-content:center;
	align-items:center;
	height:89vh;
	font-weight:600;
	opacity:0.9;
	font-size:4rem;
	
}

.empty video{
	
	border-radius:25px;
	
}

/*
.unloading-feed div{
	
	break-inside: avoid;
	
}
*/

.unloading-feed-item{
	
	font:1.3rem/1.3 Tahoma;
	flex-grow:1;
	font-style:italic;
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	margin:5px;
	border-radius:15px;
	color:rgba(10,10,10,0.9);
	background:#fff;
	
}

.unloading-feed-item-header{
	
padding:2vh 2vmin; /* 3vh 3vmin; */


}

.unloading-feed-item-name {
	
	margin-top:2vh;
	font:1.3rem/1 Tahoma;
	font-style:italic;
	
}

.feed-item-name-order{
	
	opacity:0.7;
	
}

.unloading-feed-item-middle{
	

	
}

.feed-item-status {
	
	font-size:0.8rem;
	position:absolute;
	
}

.feed-item-middle-status{
	
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-between;
	font-style:italic;
	font-size:1.1rem;


	
}

.item-middle-status-box,.item-middle-status{
	
	background:rgba(75,75,75,0.2);
	margin: 0.1vmax 0;
	padding:0.5vh 1vmin; /* 0.3 max */
	
}

.item-middle-status,.item-middle-status-1,.item-middle-status-2,.item-middle-status-3,.item-middle-status-4{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;

}

.item-middle-status{
	
	justify-content:center;
	
}

.item-middle-status-1::before,.item-middle-status-2::before,.item-middle-status-3::before,.item-middle-status-4::before{
	
    display:block;
	opacity:0.5;
	
}

.item-middle-status-1::before{
	
	content:'Перевеска';
	
}

.item-middle-status-2::before{
	
	content:'Досмотр';
	
}

.item-middle-status-3::before{
	
	content:'Проверка';
	
}

.item-middle-status-4::before{
	
	content:'Открытие';
	
}

.unloading-status-green{
	
	background-color:hsl(130,65%,55%); /* 120 зелень (середина), 110 (теплее), 130 (холоднее) (было 80%,70%) */
	
	
}

.unloading-status-red{

	color:hsl(1,100%,50%);
	background:hsl(1,100%,95%);
	
}

.unloading-status-yellow{
	
	
	
}

.unloading-event{
	
	animation-name:blink;
	animation-iteration-count:infinite;
	animation-duration:2s;
	animation-timing-function:ease-in-out;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	background:rgba(255,255,0,0.5);
	color:rgba(10,10,10,0.9);
	
}

.feed-item-middle-date{
	
	font:1rem/1 Tahoma;
	font-style:italic;
	
}

.unloading-feed-item-middle-button{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	padding:1vh 2vmin;
	
}

.unloading-feed-item-middle-button div{
	
		transition:0.3s ease-out;
	
}

.unloading-feed-item-middle-button div:hover{
	
	transform:scale(1.2);
	
	
}


.unloading-feed-item-bottom{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	
}

.unloading-feed-item-bottom div:hover, .unloading-feed-item-middle-button div:hover{
	
	cursor:pointer;
	
}

.button-tander-sheet{

	font-family:Calibri;
	
}

.tally-play{
	
display:flex;
flex-flow:column nowrap;
justify-content:center;
font:28px/1.3 Arial;
padding:0 2%;
width:96%;
	
}

.tally-play-inputs{
	
margin:3vh 0;
	
}

.tally-play-inputs input{
	
	font-size:32px;
	padding:2vh 3%;
	width:94%;	
	
	
}

.tally-play-inputs select{

	font-size:32px;
	padding:2vh 3%;
	width:100%;	
	
}

.tally-play-heading{
	
font-size:32px;


	
}

.tally-play-button{
	
	padding:1vh 2vmin;
	background:rgb(225,225,225);
	text-align:center;
	font-weight:600;
	cursor:pointer;
	
}

.tally-play-button:hover{
	
	background:rgb(200,200,200);
	
}

.tally-play-info{
	
	
	
}


.tally-play-info input, .tally-play-info select{
	

	
}

.photo-capture{
	
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
	background:rgba(15,15,15,0.1);
	border-radius:15px;
	margin:0.5vh 0;
	
}

.photo-capture-button{
	
	margin:0;
	flex-grow:1;
	text-align:center;
	font-style:normal;
	margin:1vh 3vw;
	padding:2vh 3vw;
	
}

.tally-game-sticker{
	
	
	
}

.tally-game-input-fix select{
	
	width:100%;
	
}

.tally-game-sticker-button{
	
background:rgba(15,15,15,0.1);	
	
}

.tally-game-sticker-button,.sticker-button-green,.sticker-button-red{

text-align:center;
font-weight:600;

font-style:italic;
	
	
}

.tally-game-sticker-calibre{

width:100%;
padding:3vh 0;
font-size:28px;
background:#fff;

	
}

.tally-edit-item{
	
	
	
	
}

.tally-edit-item img{
	
	width:100%;
	
}


.sticker-button-green span, .sticker-button-red span{
	
text-shadow:0 1px 1px rgba(0,0,0,0.5);	
	
}

.sticker-button-green{
	
background:hsla(120,50%,50%,0.5);
	
}

.sticker-button-green span {
	
color:hsla(120,100%,50%,1);
	
}

.sticker-button-red{
	
background:hsla(0,50%,50%,0.5);
	
}

.sticker-button-red span {

color:hsla(0,100%,50%,1);
	
}


.local-feed-unloading-add{
	
font-style:italic;
text-align:center;
margin:1vh 1vw;
padding:1vh 1vw;
font-weight:600;
border:solid 1px rgba(0,0,0,0.5);
border-radius:15px;
	
}

.local-feed-edit,.local-feed-delete,.local-feed-exit,.local-feed-send,.button-one,.button-two{
	

background-repeat: no-repeat;

background-size:cover;

width:7vh;
height:7vh;


	
	
}

.local-feed-delete{
	
	background-image:url('delete.png');
	
}

.local-feed-edit{
	
background-image:url('edit.png');
	
}

.local-feed-exit{
	
background-image:url('exit.png');
	
}

.local-feed-send{
	
background-image:url('ok2.png');
	
}

.button-one{
	
background-image:url('one.png');
	
}

.button-two{
	
background-image:url('two.png');
	
}

.feed-item-wait-opening::before,.feed-item-wait-tallyman::before,.feed-item-wait-proceed::before{
	
	display:inline-block;
	background:rgba(0,0,0,0.1);
	border-radius:5px;
	margin-bottom:0.5vh;
	padding:0 1vmin;
	/*box-shadow:0 1px 3px rgba(15,15,15,0.8);*/
	
}

.feed-item-wait-opening::before{
	
	content:'На открытие';
	
}

.feed-item-wait-tallyman::before{
	
	content:'Ожидание перевески';
	color:hsl(1,100%,50%);
	background:hsl(1,100%,95%);
	/*box-shadow:0 1px 3px hsl(1,100%,50%);*/
	
}

.feed-item-wait-proceed::before{
	
	content:'Пересдача';
	color:hsl(1,100%,50%);
	background:hsl(1,100%,95%);
	/*box-shadow:0 1px 3px hsl(1,100%,50%);*/
	border:solid 1px #999999;
	
}

.local-feed-item-top{
	
color:rgba(15,15,15,0.9);
background:#fff;
font-style:italic;

}

.feed-item-top-name{
	
	font:1.3rem/1.2 Arial;
	font-style:italic;
	
}

.feed-item-top-order{
	
	opacity: 0.8;
	
}


.item-top-name-main{

display:inline-block;
padding:0 1vmin;
border-radius:5px;

}

.feed-item-top-body{


	
	
}

.feed-item-top-info{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	opacity:0.8;
	
}

.feed-item-top-date{
	
	font-size:1rem;
	
}

.local-feed-item-top span{
	
padding:3px 10px;
border-radius:5px;
	
}

.local-feed-item-middle{

display:flex;
flex-flow:row nowrap;
justify-content:space-between;
margin-top:1vh;
	
}

.unloading-item,.unloading-document,.tally-local-feed-item,.survey-feed-item,.survey-game-list-product,.survey-game-edit-box,.inspection-feed-item,.survey-list-pallet,.sg-field,.sg-field input,.sg-header{
	
font:1.3rem/1.3 Tahoma;
flex-grow:1;
font-style:italic;

}

.unloading-item,.tally-local-feed-item,.unloading-document,.survey-feed-item,.survey-game-list-product,.survey-game-edit-box,.inspection-feed-item,.sg-field,.sg-header{

/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
color:rgba(15,15,15,0.8);
padding:2vh 2vmin; /* 3vh 3vmin; */
border-radius:15px;
margin:5px;
background:#fff;	
/* 37 */
}

.unloading-document{
	
	cursor:pointer;
	
}

.inspection-feed-item:hover{
	
cursor:pointer;
background:#f9f9f9;	
	
}

.unloading-pallet-parts{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-evenly;
	
}

.unloading-pallet-parts select{
	
	flex-grow:1;
	font:1.5rem/1.3 Arial;
	
	
	
}

.unloading-parts-item-top{
	
	padding:1vh 0;
	display:flex;
	flex-flow:row wrap;

	
}

.unloading-parts-item-bottom{
	
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding:1vh 0;
	
	
}

.parts-item-bottom-photo{
	
	flex-grow:1;
	font-size:1.2rem;
	padding:1vh 2vw;
	background:rgba(0,0,0,0.1);
	border-radius:15px;
	margin:2vh 2vw;
	text-align:center;
	
}



.unloading-parts-item {
	background:#fff;
font-style:italic;
font-size:1.5rem;
/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
border:solid 1px #999999;
}



.unloading-parts-item span{
	
	padding:0 2vmin;
	opacity:0.5;
		cursor:pointer;
}

.unloading-parts-item-add{
	
	text-align:center;
	background:rgba(0,0,0,0.1);
	font-weight:600;
	border-radius:15px;
	margin:1vh 0;
	padding:2vh 2vw;

	
}

.unloading-parts-poddons{
	
}

.unloading-parts-tares{
	
}

.unloading-parts-poddons::before,.unloading-parts-tares::before{
	
padding:0 2vmin;
font-size:1.5rem;
opacity:0.8;
	
}

.unloading-parts-poddons::before{

content:'Поддоны';
	
}

.unloading-parts-tares::before{

content:'Тары';
	
}

.opening{
	
}

.opening-header{

font:1.2rem/1 Arial;
	
}

.unloading{
	
	display:flex;
	flex-flow:column nowrap;
	
}

.unloading-parts{
	
	display:flex;
	flex-flow:column wrap;
	background:#fff;
	
}

.unloading-pallet{
	
flex-grow:1;
background:#fff;
margin-bottom:4vh;
/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
border-bottom:solid 1px #999999;

}

.unloading-pallet-header{
	
padding:4vh 4vw;
font-size:1.2rem;
	
}

.unloading-pallet-quantity{
	


	
}

.unloading-pallet-quantity:before{
	
	content:'Коробок: ';
	
}


.unloading-pallet-damaged{
	
	display:flex;
	flex-flow:row wrap;
	border-top:solid 2px hsl(1,100%,50%);
	border-bottom:solid 2px hsl(1,100%,50%);
	margin:2vh 0 0 0;
	padding:0 2vmin;
	
}

.unloading-pallet-damaged div{
	
	flex-grow:1;
	
}

.unloading-pallet-damaged::before{
	
	content:'Повреждения коробок/груза';
	position:absolute;
	font-style:italic;
	background:#fff;
	margin-top:-18px;
	padding:0 1vw;
	font-size:1rem;
	color:hsl(1,100%,50%);
	background:#fff;
	
}

.unloading-pallet-name{
	


}

.unloading-pallet-product{
	
font-style:italic;
opacity:0.5;
margin-bottom:3vh;
	
	
}

.unloading-pallet-header span{
	
padding:0 1vw;
color:#FFCC00;
	
}

.unloading-pallet-middle{
	
display:flex;
flex-flow:row nowrap;

	
}

.unloading-pallet-middle-photo{
	
	flex-grow:1;
	background-size:cover;
	background-position:center;
	height:50vh;
	position:relative;
}

.pallet-middle-photo-edit{
	
	background-color:rgb(255,255,255);
	border-radius:15px;
	top:1vh;
	left:1vw;
	position:absolute;
	opacity:0.8;
	
}

.unloading-pallet-middle-weight,.unloading-pallet-middle-calibre{
	
position:absolute;
bottom:0%;
width:100%;
text-align:center;
background:linear-gradient(rgba(245,245,245,0.5),rgba(245,245,245,0.9));
color:#000;
font-size:28px;
backdrop-filter: blur(2px);
	
}

.unloading-pallet-middle-weight::before{
	
content:'Вес ';
opacity:0.5;	
	
	
}

.unloading-pallet-middle-calibre::before{
	
content:'Калибр ';
opacity:0.5;	
	
	
}

.unloading-pallet-bottom-quantity::before{
	
content:'Коробок ';
opacity:0.5;		
	
}

.unloading-pallet-middle-weight input,.unloading-pallet-middle-calibre select,.unloading-pallet-bottom-quantity input{
	
background:none;
color:#000;
font-weight:600;
padding:2vh 0;
font-size:28px;
width:50%;

}
.unloading-pallet-bottom-quantity{


}

.weigher{
	
font:1.5rem/1 Tahoma;
font-style:italic;
background:#fff;
/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
border-bottom:solid 1px #999999;
	
}

.weigher-top{

font-size:2rem;
padding:2vmin 2vmin; 

	
}

.weigher-middle{
	
	
}

.weigher-status{
	opacity:0.5;
	font-size:1rem;
}

.weigher-bottom{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	padding:3vmin 2vmin;
	
}

.weigher-add{
	
	text-align:center;
	margin:5vh 0;
	
}

.menu{
	
	display:flex;
	flex-flow:column nowrap;

}

.menu-item{
	
	background:#fff;
	padding:3vh 3vw;
	color:rgba(15,15,15,0.8);
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	border:solid 1px #999999;
	font-style:italic;	
}

.menu-user{
	
	background:#fff;
	border-radius:15px;
	margin:0 3vmin 2vh 3vmin;
	/*box-shadow:0 1px 5px rgba(0,0,0,0.3);*/
	font-size:1.3rem;
	
}

.menu-user div {
	
	padding:1vh 3vmin;
	opacity:0.7;
	border-bottom:solid 1px rgba(15,15,15,0.2);
	
}

.menu-user div:hover{
	
	background:#f5f5f5;
	cursor:pointer;
	
}

.menu-user div:last-child{
	
	border-bottom:none;
	
}

.menu-user-author{
	
	font:1rem/1 Verdana;
	margin:2vh auto;
	
}

.menu-user-author div{
	
	
}

.sg-header{
	font-weight:600;
}

.menu-open-button{
	
background-image:url('menu.png');

opacity:0.8;

}

.logo-iq{
	
background-image:url('icon.png');

}

.logo-iq-2{
	
background-image:url('logo2.png');

}

.ss-report{
	
	
	flex-grow:1;
	background:#fff;
	
	
}


.ss-report-header{
	
	text-align:center;
	font:22px/1.8 Verdana;
	
	
}

.ss-report-header img{
	
	
margin:auto;


	
}


.report-photos{
	
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	
}


.report-photos-item{
	
	width:25%;
	background-size:cover;
	background-position:center;
	height:50vh;
	transform:scale(0.977);
	position:relative;
}

.report-photos-item-note{
	
	position:absolute;
	bottom:0%;
	width:100%;
	backdrop-filter:blur(2px);
	background:rgba(255,255,255,0.5);
	text-align:center;
	font-style:italic;
	
	
	
}


.rrtrt img{
	
	max-width:100%;
	
}


.version{
	
	text-align:center;
	font-size:16px;
	opacity:0.5;
	margin-top:2vmin;
}

.version::before{
	
	content:'Версия ';
	opacity:0.3;
	
}




.survey-game-header,.game-product-input-header{
	
	font:1rem/1 Arial;
	font-style:italic;
	
}

.header-double-name{
	
	font:1.3rem/1 Arial;
	font-style:italic;
	
}

.header-double-buttons{
	
	display:flex;
	flex-flow:row nowrap;
	
}

.header-double-buttons div{
	
	margin-left:2vmax;
	
}


.survey-game-header-name,.header-double-name{
	
	display:flex;
	flex-flow:column wrap;
	
}

.survey-game-header-name div:last-child,.header-double-name div:last-child{
	
	opacity:0.5;
	
}

.survey-game-product-input{
	
	display:flex;
	flex-flow:column nowrap;
	margin-top:3vh;
}

.game-product-input-header{
	
	margin:1vh 3vw;
	
}

.game-product-input-field{
	
	display:flex;
	flex-flow:row nowrap;
	margin:1vh 2vw;
	border-radius:15px;
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	border:solid 1px #999999;
	background:#fff;
	width:100%:
	
}

.game-product-input-field input{
	
	flex-grow:1;
	width:50%;
	background:none;

	
}

.game-product-input-field div{
	flex-grow:1;
	background:#f5f5f5;
	border-radius:0 15px 15px 0;
	text-align:center;
	padding:0 3vw;
	width:50%;
}

.survey-game-product-input input,.survey-game-product-input select{
	
	font:1rem/1 Arial;
	padding:3vh 3vw;

	
}

.game-product-input-double{
	
	display:flex;
	flex-flow:row nowrap;	
	
}

.game-product-input-double input,.game-product-input-double select{
	
	flex-grow:1;
	width:100%;
	margin:1vh 2vw;
	border-radius:15px;
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	border:solid 1px #999999;
	
}

.game-product-input-double select{
	
	width:106%;
	
}

.list-product-top-calibre{
	
	font-size:22px;
	opacity:0.5;
	margin:1vh 0;
	
}

.survey-game-list-product-middle{
	
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-between;
	margin:2vh 0;
	
}

.survey-game-list-product-bottom{
	
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	margin-top:4vh;
	
}

.survey-game-list-product-middle div{
	
	
	
}

.list-product-middle-item{
	
	font-size:1.25rem;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	border-bottom:dashed 2px rgba(0,0,0,0.1);
	padding:1vh 0;
	
	
}

.survey-files{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	margin:2vh 0;
	
}

.survey-files div{
	

	padding:0.5vh 3vw;
	background:rgba(25,25,25,0.1);
	border-radius:15px;
	
	
}


.list-product-middle-item div:first-child{

opacity:0.5;
	
	
}

.game-edit-box-middle{
	
	display:flex;
	flex-flow:row wrap;
	
}

.edit-box-middle-field{

display:flex;
flex-flow:column nowrap;
margin-bottom:2vh;
border-bottom:solid 2px rgba(0,0,0,0.5);
flex-grow:1;
font-size:1.25rem;
background:#fff;


}

.edit-box-middle-field div:first-child{
	
	opacity:0.5;
	font-style:italic;
	
}

.edit-box-middle-field input{
	
	font-size:1.25rem;
	width:100%;
	
}


.game-edit-box-bottom{
	
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	margin-top:3vh;
	
}

.game-edit-box-bottom div{

	width:20vmax;
	height:20vmax;
	background-size:cover;
	background-position:center;
	transform:scale(0.977);
	
}

.survey-list{
	
padding:0 2vw;
	
}

.survey-list-pallet{
/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
border:solid 1px #999999;	
background:#fff;
padding:2vh 3vw;
border-radius:15px;
	
}

.survey-list-pallets-top{
	
	
	
}

.survey-list-pallets-middle{
	
	
	
}

.survey-list-pallets-bottom{
	
	
	
}

.survey-feed-item{
	
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	
}

.survey-feed-item-wait-opening::before,.survey-feed-item-wait-proceed::before,.survey-feed-item-wait-revision::before,.survey-feed-item-wait-tallyman::before,.survey-feed-item-wait-inspection::before{
	
	display:inline-block;
	background:rgba(0,0,0,0.1);
	border-radius:5px;
	margin-bottom:0.5vh;
	padding:0 1vmin;
	/*box-shadow:0 1px 5px rgba(15,15,15,0.8);*/
	
}

.survey-feed-item-wait-opening::before{
	
	content:'На открытие';
	
}

.survey-feed-item-wait-proceed::before{
	
	content:'Пересдача';
	color:hsl(1,100%,50%);
	background:hsl(1,100%,95%);
	/*box-shadow:0 1px 5px hsl(1,100%,50%);*/
	
}

.survey-feed-item-wait-revision::before{
	
	content:'На доработку';
	color:hsl(1,100%,50%);
	background:hsl(1,100%,95%);
	/*box-shadow:0 1px 5px hsl(1,100%,50%);*/
}

.survey-feed-item-wait-tallyman::before{
	
	content:'Ожидание перевески';
	
}

.survey-feed-item-wait-inspection::before{
	
	content:'Ожидание досмотра';
	color:hsl(1,100%,50%);
	background:hsl(1,100%,95%);
	/*box-shadow:0 1px 5px hsl(1,100%,50%);*/
	
}

.survey-feed-item-top{
	

	
}

.feed-item-top-cargo{
	
	font: 1.3rem/1 Tahoma;
	opacity:0.5;
	padding:1vh 0;
	
}

.feed-item-top-date{
	
	font-size:1rem;
	
}

.survey-feed-item-status{
	
	font-weight:600;
	animation-name:blink;
	animation-iteration-count:infinite;
	animation-duration:1s;
	
}

.survey-feed-item-bottom{
	
display:flex;
flex-flow:row nowrap;
justify-content:space-between;
margin-top:1vh;

}

.survey-feed-item-bottom-fix{
	
	text-align:center;
	font-size:22px;
	background:rgba(0,0,0,0.1);
	border-radius:15px;
	margin-top:3vh;
	padding:1vh 0;
	
}

.feed-item-bottom-line{
	
flex-grow:1;	
background:rgba(0,0,0,0.3);
border-radius:5px;
height:5px;
margin:0 3vw;
	
}

.item-bottom-line-green{
	
	
	
}

.survey-order-data{
	
padding:2vh 2vw;

}





.survey-errors{
	
	background:hsl(0, 90%, 90%);
	padding:2vh 3vw;
	color:hsl(0, 90%, 50%);
	font-style:italic;
	
}

.survey-errors div{
	
	
	margin:2vh 0;
	
}

.survey-errors div:before{
	
	content:'(!)';
	margin-right:3vh;
	opacity:0.5;
	
	
}

.sg-field{
	
}

.sg-field span{
	
	display:block;
	opacity:0.7;
	
}

.sg-field input,.sg-field textarea{
	
	width:100%;	
	
}

.sg-field textarea{
	
	font-size:1.3rem;
	
}

.game-edit-box-tare{
	
	font-size:28px;
	width:100%;
	opacity:0.7;
	padding:1vh 3%;
	
	border:solid 2px rgba(0,0,0,0.8);
	border-radius:15px;
	
	
}

.game-edit-box-temp,.dcs-temp{
	
	display:flex;
	justify-content:space-between;
	flex-flow:row nowrap;

	
	
}

.dcs-temp{
	
	margin:1vh 0;
	
}

.game-edit-box-temp::before{
	
	content:'Темп.';
	opacity:0.5;
	
}

.game-edit-box-temp input,.dcs-temp input{
	
	
	border-bottom:solid 2px rgba(0,0,0,0.5);
	width:100%;
	font-size:1.5rem;
	font-style:italic;
	
	
	
	
}

.dcs-temp input{
	
	font:1.5rem/1.3 Tahoma;
	text-align:center;
	
}

.dcs-card,.dcs-cargo,.dcs-grade,.dcs-unit,.dcs-calibres,.dcs-rejection{
	
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding:1vh 2vmin;
	
}

.dcs-card:before,.dcs-cargo:before,.dcs-grade:before,.dcs-unit:before,.dcs-calibres:before,.dcs-rejection:before{
	
	opacity:0.6;
	display:block;
	
}

.dcs-card:before{
	
	content:'Карточка ';
	
}

.dcs-cargo:before{
	
	content:'Груз ';
	
}

.dcs-grade:before{
	
	content:'Сорт ';
	
}

.dcs-unit:before{
	
	content:'Ед.-измерения ';
	
}

.dcs-calibres:before{
	
	content:'Калибр ';
	
}

.dcs-rejection:before{
	
	content:'Отбраковка ';
	
}

.dcs-subcategory{
	
	border:solid 0.5vh hsla(0,50%,50%,0.8);
	
}

.gallery{
	
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	margin:3vh 0;
	width:100%;
	
}

.gallery div{

	width:20vmax;
	height:20vmax;
	background-color:rgba(127,127,127,0.1);
	background-size:cover;
	background-position:center;
	transform:scale(0.977);
	border-radius:15px;
	
}

.gallery-pc{
	
	background:#fff;
	
}

.gallery-pc, .gallery-three{
	
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	
}

.album-share{
	
	text-align:center;
	font:1.4rem/1 Tahoma;
	font-style:italic;
	padding:12px 0;
	
}

.gallery-three div {
	
	width:33.333%;
	height:33.333vw;
	background-size:cover;
	background-position:center;
	
}

.gallery-pc div { /* 100 / (кол-во фото в линии) = (width && height) (16.666) */

	width:16.666%;
	height:16.666vw;
	background-color:rgba(127,127,127,0.1);
	background-size:cover;
	background-position:center;
	
}

.gallery-pc div:hover {
	
	cursor:pointer;
	
}




.highlight-green,.highlight-yellow,.highlight-red{
	
	border-radius:10px;
	padding:1vh 3vw;
	
	
}

.highlight-green{
	
	background:hsla(120,50%,65%,0.8);
	
}

.highlight-yellow{
	
	background:hsla(60,50%,65%,0.8);
	
}

.highlight-red{
	
	background:hsla(0,50%,50%,0.3);
	
}


.gma-body{
	
	font:1.2rem/1.2 Tahoma;
	
}

.gma-body-header{
	
	font-weight:600;
	text-align:center;
	
}

.gma-body-question{
	
	background:#fff;
	padding:1vh 2vmin; /* 3vh 3vmin; */
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);
	border-left: 1px solid rgba(0,0,0,0.3);
	border-right: 1px solid rgba(0,0,0,0.3);*/
	border-radius:15px;
	margin:5px;
	/* 37 */
	
}

.gma-body-question-top{
	
	font-style:italic;
	color:rgba(15,15,15,0.8);
	
}

.gma-body-question-middle{
	
	margin-top:1vh;
	
}

.body-question-middle-select{
	
	width:100%;
	font-size:1.2rem;
	padding:1vh 2vmin;
	background:rgba(0,0,0,0.1);
	border-radius:15px;
	
}

.body-question-middle-textarea, .body-question-middle-input{
	
	width:96%;
	font-size:1.2rem;
	margin:0.5vh 0;
	padding:1vh 2%;
	background:rgba(0,0,0,0.1);
	border-radius:15px;
	
}

.gma-body-question-bottom{
	
	
	
}

.list-product-matrix{
	
	font:18px/1.5 Verdana;
	background:#fff;
	
}

.list-product-matrix-distribution{
	
	padding:2vh 3vw;
	
}

.product-matrix-distribution-top{
	
	font-weight:600;
	font-style:italic;
	opacity:0.9;
	
}

.product-matrix-distribution-bottom {
	
	margin-top:1vh;
	
}

.product-matrix-distribution-bottom div {
	
	opacity:0.3;

	
}


.search-find{
	
	width:100%;
	font:7vh/1 Arial;
	background:none;
	
}

.card-name{
	
	font:1.3rem/1.3 Arial;
	background:#fff;
	font-style:italic;
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	color:rgba(15,15,15,0.8);
	padding:2vh 2vmin; /* 3vh 3vmin; */	
	
}

.pallets{
	/*
	display:flex;
	flex-flow:row wrap;
	*/
	
}

.pallet-item{

font:1.3rem/1 Tahoma;
flex-grow:1;
background:#fff;
	
}

.pallet-item-top{
	
	padding:2vh 2vmin;
	background:rgba(0,0,0,0.1);
	
}

.pallet-item-middle{
	
	display:flex;
	flex-flow:column wrap;
	padding:0 2vmin;
	
}

.pallet-item-middle div{
	
	flex-grow:1;
	
}

.pallet-item-footer{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	
	
}



.pallet-double-input{
	
	display:flex;
	flex-flow:row nowrpap;
	
}

.pallet-double-input input{
	
	flex-grow:1;
	width:100%;
	font-size:1.3rem;
	
}

.pallet-select,.select-dsg{
	
	width:100%;
	font-size:1.3rem;	
	
}

.fields-row{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items:center;
	font:1.3rem/1 Tahoma;
	padding:1vh 0;
	
}

.fields-row div{
	
	white-space:nowrap;
	color:rgba(15,15,15,0.8);
	font-size:1rem;
	
}

.fields-row input,.fields-row select{
	
	display:block;
	border-bottom:dashed 2px rgba(15,15,15,0.8);
	font:1.3rem/1 Tahoma;
	width:96%;
	padding:0 2%;
	text-align:center;
	
}

.fields-row input::placeholder{font-style:normal}

.dcs-list{
	
	font:1.5rem/1.3 Tahoma;
	font-style:italic;
	
}

.dcs-header{
	
	font:1.2rem/1 Arial;
	
}

.dcs-list-product{
	
	background:#fff;
	padding:2vh 0;
    /*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	border-radius:15px;
	margin:5px;
	
}

.dcs-list-product-header{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	margin:0 2vmin;
	align-items:center;
	
}

.dcs-returns{
	
	margin:0 2vmin;
	opacity:0.5;
	font:1.1rem/1 Tahoma;
	font-style:italic;
	
}

.dcs-list-product-top{
	
	margin:1vh 2vmin;
	font:1.1rem/1 Arial;
	background:rgba(50,50,50,0.2);
	border-radius:5px;
	font-style:italic;
	
}

.dcs-item-top-placename{
	
	font-weight:600;
	
}

.dcs-list-product-middle{
	
	
}

.dcs-item-top-name, .dcs-item-top-name-local{
	
	font:1.4rem/1.1 Arial;
	
}

.dcs-item-top-name-local{
	
	background:rgba(15,15,15,0.2);
	display:inline-block;
	border-radius:5px;
	padding:0 1vmin;
	
}

.list-product-middle-percent{
	
	margin:0 2vmin;
	
}

.product-middle-percent-item, .product-middle-percent-item-damaged {
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	background:rgba(50,50,50,0.1);
	border-radius:5px;
	padding:0 2vmin;
	margin:0.5vh 0;
	
}

.product-middle-percent-item-line {
	
	padding:0 2vmin;
	margin:0.5vh 0;
	text-align:center;
	
}

.product-middle-percent-item-damaged {
	
	color:hsl(1,100%,50%);
	
}

.product-middle-percent-item div:first-child, .product-middle-percent-item-damaged div:first-child {
	
	opacity:0.6;
	font-size:1.1rem;
	
}

.dcs-list-product-bottom{

	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	margin:2vh 2vmin 0 2vmin;


	
}

.unloading-product{
	

	
}

.unloading-product-top{
	
	padding:2vh 2vmin;
	text-transform:uppercase;

	
}

.unloading-product, .unloading-product-item {
	
	
font:1.3rem/1 Tahoma;
flex-grow:1;
font-style:italic;
background:#fff;

	
	
}

.unloading-product-item-top{
	
	padding:2vh 2vmin;
	
}

.unloading-product-item-middle {
	
	display: flex;
    flex-flow: column wrap;
    padding: 0 2vmin;
	
}

.unloading-item-top{
	
margin-bottom:1vmin;
	
}


.returned-counter{
	
	
	
}

.returned-counter::before{
	
	content:'(';
	
}

.returned-counter::after{
	
	content:')';
	
}

.port-feed-item{

font:1.3rem/1 Tahoma;
flex-grow:1;
font-style:italic;
/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
border:solid 1px #999999;
color:rgba(15,15,15,0.8);
background:#fff;
	
}

.port-feed-item-top{
	
	padding:2vh 2vmin;
	
}

.port-feed-item-bottom{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	padding:2vh 2vmin;
	
}

.tally-gate{
	
	font-size:2rem;
	
}

.inspection-item{
	
	
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-between;
	/*box-shadow:0 1px 10px rgba(0,0,0,0.3);*/
	border:solid 1px #999999;
	color:rgba(10,10,10,0.9);
	background:#fff;
	padding:2vh 2vmin;
	font:1.1rem/1 Tahoma;
	font-style:italic;

	
}

.inspection-item-target{
	
	border:solid 0.5vmax rgba(75,75,75,0.4);
	
}

.inspection-item-header{
	
}

.inspection-item-middle{
	
	margin:2vh 0;
	
}

.inspection-item-middle-status{
	
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-between;
	font-style:italic;
	font-size:1.1rem;
	
}

.item-middle-status-line{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	background-color: rgba(75,75,75,0.2);
    margin: 0.1vmax 0;
    padding: 0.5vh 1vmin;
		
}

.inspection-item-middle-date{
	
	font-style:italic;
	opacity:0.5;
	font-size:1rem;
	margin-bottom:0.5vh;
	
}

.inspection-item-bottom{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	
}

.inspection-splash{
	
	top:0%;
	position:fixed;
	display:none;
	flex-flow:column nowrap;
	width:100%;
	height:100%;
	z-index:9999;
	justify-content:center;
	align-items:center;
	background-color:#101010;
	
}



.inspection-splash-top{
	
	position:fixed;
	top:0%;
	width:99%;
	padding:1vh 0.5%;
	background-color:rgba(0,0,0,0.7);
	font:1.3rem/1 Tahoma;
	color:rgba(255,255,255,0.9);
	z-index:1;
	
}

.inspection-splash-bottom{
	
	position:fixed;
	bottom:0%;

	background-color:rgba(0,0,0,0.9);
	opacity:0;
	z-index:1;
	transition:0.3s ease-out;
	
}

.inspection-splash-bottom:hover{
	
	opacity:1;
	
}

.inspection-splash-botom-defects{
	
	display:flex;
	flex-flow:row nowrap;
	
}

.inspection-splash-botom-defects-conclusion{
	
	color:#fff;
	font: 1.3rem/1 Tahoma;
	margin:10px 0.5%;
	text-align:center;
	cursor:pointer;
	
}

.inspection-splash-botom-defects-conclusion-item {
	
	font: 1.5rem/1.3 Tahoma;
	display:flex;
	flex-flow:row;
	color:#fff;
	margin:5px 0;
	padding:5px 15px;
	border-radius:15px;
	
}

.inspection-splash-botom-defects-conclusion-item span {
	
	cursor:pointer;
	font-style:italic;
	margin-right:15px;
	
}

.inspection-splash-botom-defects-conclusion-item input {
	
	font: 1.5rem/1.3 Tahoma;
	border-radius:15px;
	padding:0 15px;
	width:100px;
	background:rgba(255,255,255,0.2);
	color:#fff;
	
}

.inspection-splash-top:hover{
	
	background-color:rgba(0,0,0,1);
	
}

.inspection-splash-top-header, .inspection-splash-top-data{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	
}

.inspection-splash-top-data{
	
	margin:10px 0;
	
}

.inspection-splash-top-data input{
	
	font:1.3rem/1 Tahoma;
	background:rgba(255,255,255,0.2);
	border-radius:15px;
	padding:0 15px;
	color:#fff;
	
}

.inspection-splash img, .inspection-splash canvas, .inspection-splash > .canvas-body {
	
	max-width:100%;
	max-height:100%;
	
}

.inspection-splash-top-categories{

	display:flex;
	flex-flow:row nowrap;
	align-items:flex-end;
	justify-content:space-between;
	overflow:auto;
	
}

.splash-top-categories-item{
	
	color:#fff;
	margin:0 1%;

}

.splash-top-categories-item > div{
	
	opacity:0.5;
	font:1.3rem/1 Tahoma;
	
}

.splash-top-categories-item input,.splash-top-categories-item select{
	
	background:none;
	font:1.3rem/1 Tahoma;
	width:98%;
	color:#fff;
	
}

.splash-top-categories-item select, .splash-top-categories-item select option{
	
	padding:3px 2px;
	font:1.3rem/1 Tahoma;
	background:none;
	
}

.splash-top-categories-item select option {
	
	
	
}

.inspection-splash-bottom-block{
	
	width:99%;
	margin:0 0.5%;
	font:1.3rem/1 Tahoma;
	
}

.inspection-splash-bottom-block > div{
	
	color:rgba(255,255,255,0.9);
	margin:1vh 0;
	
}

.inspection-splash-bottom-texarea,.inspection-splash-bottom-block > input{
	
	width:100%;
	font:1.3rem/1 Tahoma;
	background:none;
	color:rgba(255,255,255,0.5);
	
}

.inspection-splash-bottom-block > input{
	
	color:rgba(255,255,255,0.8);
	
}

.inspection-splash-bottom-texarea option:checked,.inspection-splash-bottom-texarea option:active{
	
	color:rgba(255,255,255,0.5);
	background:rgba(255,0,0,0.7);
	border-radius:15px;
	margin:5px 0;
	padding:0 15px;
	
}

.inspection-splash-bottom-texarea option:hover{
	
	color:#fff;
	
}

.scale{
	
	transition:0.3s ease-out;
	
}

.scale:active{
	
	transform:scale(1.3);
	z-index:9999;
	
}

.canvas-body{
	
	position:relative;
	z-index:9000;
	
}

.canvas-body canvas{
	
	z-index:9000;
	
}

.canvas-layer{
	
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center;
	position:absolute;
	z-index:9999;
	width:100%;
	height:100%;
	opacity:0;
	transition:0.3s ease-out;
	
}

.canvas-layer:hover{
	
	opacity:1;
	
}

.canvas-layer > div{
	
	width:20vw;
	
}

.canvas-layer-range-name span{
	
	padding:0 10px;
	font-weight:600;
	
}


.canvas-layer > div, .canvas-layer-rotate{
	
	background:rgba(15,15,15,0.8);
	color:rgba(255,255,255,0.8);
	border-radius:15px;
	padding:0.5vh 2vmin;
	margin-bottom:0.5vh;
	
}

.canvas-layer-rotate{
	
	text-align:center;
	
}

.canvas-layer-range > input{
	
	width:100%;
	appearance:auto;
	margin:0;
	
}

.canvas-layer > input{
	
	
	z-index:9999
	
	
}

.canvas-layer-rotate span{
	
	cursor:pointer;
	padding:0 1vmin;
	color:rgba(255,255,255,0.5);
	
}

.canvas-layer-rotate span:hover{
	
	color:rgba(255,255,255,1);
	
}

.canvas-resize{
	
	background:rgba(255,0,0,0.3);
	width:25%;
	height:25%;
	overflow:scroll;
	resize:both;
	cursor:pointer;
	position:absolute;
	
}

.ps-group, .ps-group-button{
	
	font: 1.3rem/1.3 Arial;
	padding: 0.5vh 2vmin;
	background:rgb(230,230,230);
	border-radius: 15px;
    margin: 5px;
    background: #fff;
	
}

.ps-group-button{
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	
	
}

.PRselect option:checked, .PRselect option:active{
	
	color:rgba(255,255,255,0.7);
	background:rgba(255,0,0,0.7);
	
}

.spectator-menu {
	
	text-align:center;
	font-size:1.5vmax;
	margin:3vw 1vw 2vw 1vw;
	opacity:0.9;
	
}

.spectator-menu span{
	
	padding:0 0.5vw;
	
}

.spectator-table{
	
	width:100%;
	table-layout: fixed;
	background:#fff;
	font-family:Arial;
	
}

.spectator-table td{ overflow-x:hidden;  white-space: nowrap; }

.spectator-table thead td{
	font-weight: bold;
	text-align: left;
	padding: 10px 15px;
	font-size: 16px;
	border: 1px solid #ddd;
}
.spectator-table tbody td {
	text-align: left;
	border: 1px solid #000;
	padding: 10px 15px;
	font-size: 14px;
	vertical-align: top;
}

.spectator-table thead tr:first-child, .spectator-table tbody tr td:first-child {
	border-left: none;
}
.spectator-table thead tr:last-child, .spectator-table tbody tr td:last-child {
	border-right: none;
}
.spectator-table tbody tr:nth-child(even){
	background: #f3f3f3;
}
.spectator-field{
	
	display:none;
	font-weight: bold;
	
}

.spectator-mobile-body{
	
	display:flex;
	flex-flow:column nowrap;
	font:3vw/1.3 Verdana;
	
}

.spectator-mobile-item {
	
	display:flex;
	flex-flow:column nowrap;
	background:#fff;
	margin:1vw 1.5vw;
	padding:1.5vw;
	border-radius:3vw;
	
}

.spectator-mobile-item div:last-child{
	
	border:none;
	
}

.spectator-mobile-item-line {
	
	display:flex;
	flex-flow:row nowrap;
	padding:0.3vw;
	border-bottom:solid 0.1vw rgba(15,15,15,0.1);
	
	
}

.spectator-mobile-item-line div:first-child{
	
	width:50%;
	color:rgba(0,0,0,0.7);
	font-style:italic;
	
}

.spectator-mobile-item-line div:last-child{
	
	width:50%;
	
}

@media print {


}


@media only screen and (max-width: 1024px){
	
.spectator-table thead {
	
	display:none;
	
}

.spectator-table tr {
	
	margin:0.3vw;
	
}
	
.spectator-table td {
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	
}

.spectator-field {
	
	display:block;
	
}

.spectator-table tbody td{
	
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:dashed 0.3vw rgba(0,0,0,0.3);
	font-size:3vw;
	padding:1vw;
	
}

.spectator-table tbody tr td:first-child{
	
	margin-top:2.5vw;
	
}

.spectator-table tbody tr td:last-child{
	
	margin-bottom:2.5vw;
	
}
	
.monitoring-flex-column{
	
	flex-flow:column nowrap;
	border-top:1px solid rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(0,0,0,0.2);
	overflow:auto;
	
}

.monitoring-flex-column:hover{
	
	background:#fff;
	
}

.monitoring-flex-column:last-child{
	
	display:none;
	
}

.monitoring-flex-column .td{
	
	box-shadow:none;
	border:none;
	
}

.monitoring-flex-column .td:first-child{
	
	font-weight:600;
	
}

.gallery-pc{
	
	flex-flow:column wrap;
	
}

.gallery-pc div{
	
	width:100%;
	height:50vw;
	
}



.report-photos{
	
	flex-flow:column nowrap;
	
}

.report-photos-item{
	
	width:100%;
	
}

.unloading-pallet-middle{
	
flex-flow:column nowrap;	
	
	
}
	
.login-box-forma{

width:80vw;
	
}

.pallets-list-item{

flex-flow:column wrap;

}

.find-results{
	
flex-flow:column nowrap;	
	
}

.find-results-item-column{

width:100%;
	
}



}