*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}
body {
	font-family: "RobotoRegular", sans-serif;
	font-size: 16px;
}
hr {
	margin-top: 3px;
	margin-bottom: 3px;
}

/* Пошук */

#poisk{background-color: #e4e4e5; text-align:center; margin-top: 16px; background-origin:padding-box;background-repeat:no-repeat;background-size:320px auto;min-height:46px;padding:0;width:320px;position:relative;}
input.who{background-color:#e4e4e5;border:medium none;color:teal;width: 220px; font-size:15px;height:30px;line-height:20px;margin-left:14px;margin-top:8px;outline:medium none;padding:0;}
.search{position:relative;}
.vyvod{position: absolute; margin:15px 0 0;overflow-y:auto;padding:0;width:100%;z-index:1000;}
.search_result{ margin:0;background:#FFF;border:0.5px solid teal;border-radius:4px; display:none;}
.search_result li{list-style: none; margin:0;padding:4px 0 2px;line-height:16px;color:#0896D3;cursor:pointer;transition:0.3s;}
.search_result li:hover{background-color:#fcfcc4;padding-left:6px;}
.search_result li a{color:#666;font-size:15px;text-decoration:none;}
.search_result li a:hover{color:teal;}
.submit{background-color: #d0d0d0;height: 30px; width: 30px; border-radius: 3px; border: none;}
.submit:hover{background-color: #cecece;box-shadow:  0 0 10px rgba(0,0,0,0.5); height: 29px; width: 29px; border-radius: 6px;}
/* Кінець пошуку */
#poisk{background-color: #e4e4e5; text-align:center; margin-top: 16px; background-origin:padding-box;background-repeat:no-repeat;background-size:350px auto;min-height:46px;padding:0;width:350px;position:relative;}
input.whona{background-color:#e4e4e5;border:medium none;color:teal;width: 220px; font-size:15px;height:30px;line-height:20px;margin-left:14px;margin-top:8px;outline:medium none;padding:0;}
.search{position:relative;}
.vyvod{position: absolute; margin:15px 0 0;overflow-y:auto;padding:0;width:100%;z-index:1000;}
.search_result{ margin:0;background:#FFF;border:0.5px solid teal;border-radius:4px;padding-left: 0px; display:none;}
.search_result li{list-style: none; margin:0;padding:4px 0 2px;line-height:16px;color:#0896D3;cursor:pointer;transition:0.3s;}
.search_result li:hover{background-color:#fcfcc4;padding-left:6px;}
.search_result li a{color:#666;font-size:15px;text-decoration:none;}
.search_result li a:hover{color:teal;}
.submit{background-color: #d0d0d0;height: 30px; width: 30px; border-radius: 3px; border: none;}
.submit:hover{background-color: #cecece;box-shadow:  0 0 10px rgba(0,0,0,0.5); height: 29px; width: 29px; border-radius: 6px;}
/* Кінець пошуку */

.radiob {
	width: 300px;
	position: absolute;
	top: 200px;
	left: 380px;
}

.radioc p {
	display: inline-block;
}


.top_menu {
	display: inline-block;
	width: 160px;
	margin-left: 10px;
	border: 1px solid;
	padding: 5px;
	text-align: center;
}

.work {
	margin: 10px;
}

.data {
	width: 100px
}

/* додати товар */

.add_tovar {
	width: 400px;
	margin-top: 300px;
}

/*  Звіти  */
td {
	padding: 5px;
}

.zvitdata {
	width: 400px;
}

.zvit_prodano {
	margin: 10px;
}

.forma {
	display: inline-block;
	/*width: 560px;*/
	vertical-align: top;
}

/* add_tovar  */
.add {
	margin: 10px;
}

/* vxod */
.vxod {
	width: 350px;
	padding-top: 50px;
	margin: auto;
}

/* Клієнти */


.garantia {
	display: none;
	max-width: 200px!important;
	position: relative;
	top: -350px;
	margin-left: 740px;
	width: 200px;
}

.garantia p {
	font-size: 14px;
	max-width: 200px!important;
}

/** index.php або новий клієнт **/
.top_line{
	border: 1px solid;
}
.top_menu{
	border: 1px solid;
	max-width: 160px;
	display: inline-block;
	margin: 15px;
}
.top_menu a {
	margin: 5px;
}
.new_forma {
	margin: 10px;
	height: 480px;
}
.new_forma p {
	display: block;
	max-width: 150px;
	margin: 5px;
}
.left_forma{
	margin-left: 10px;
	width: 230px;
	float: left;
}
.right_forma {
	margin-left: 240px;
	width: 700px;
}
.problem{
	width: 480px;
	max-height: 400px;
	border: 1px solid;
}
.problem p {
	max-width: 480px;
}
td {
	padding: 3px;
}
.kod {
	max-width: 200px;
}
.kst{
	max-width: 100px;
}
.cena {
	max-width: 80px;
}
.suma {
	max-width: 120px;
}
.nod_display {

}
/** Кінець **/
/** old_klient Перегляд заявок **/
.poisk {
	widows: 25px;
	height: 25px;
}
#poisk {
	margin-left: 15px;
}
.zap {
	margin-left: 20%;
	width: 200px;
}
#act {
	display: none;
	width: 400px;
}
#act_ost {
	margin-top: 10px;
	
}
#work_igor {
	margin-left: 20px;
	display: inline-block;
	width: 350px;
	float: left;
}
#work_user {
	margin-left: 15px;
	display: inline-block;
	width: 250px;
	margin-left: 100px;
}

/** Кінець old_klient **/
.navigation a {
	font-size: 22px;
	border: 1px solid black;
	padding: 1px;
	min-width: 20px;
}
.navigation span {
	font-size: 22px;
	border: 1px solid black;
	padding: 1px;
	min-width: 20px;
}

.qr{
	position: absolute;
    left: 770px;
    top: 380px;
    display: none;
}

.znak {
	width: 150px;
	position: absolute;
	left: 755px;
	top: 530px;
	display: none;
}

.manual { background-color: #d9f0ff; } /* блідо-блакитний — введено вручну по коду */
#popupMsg {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    display: none;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
#popupMsg.success { background-color: #4CAF50; }  /* зелений */
#popupMsg.error { background-color: #f44336; }    /* червоний */
#popupMsg.info { background-color: #2196F3; }     /* синій */

.highlight-new {
    background-color: #ffff99 !important; /* яскраво-жовтий при новому введенні */
    transition: background-color 0.5s;
}
.found-scankod { background-color: #d4fdd4; } /* зелений */
.found-kod { background-color: #d4e0ff; }     /* синій */
.highlight { background-color: #fff8d4; }     /* блідо-жовтий для товару немає в базі */