@charset "utf-8";
/* CSS Document */
body {
	background-color: rgba(0, 0, 0, 0.07) !important;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
select {
	width:7em;
}
#body_container {
	text-align:center;
}
#instructiuni_container {
	border:1px solid rgba(0,5,255,1.00);
	border-radius:4px;
	background-color:rgba(0, 132, 255, 0.2);
}
#prezentare_container {
	margin-bottom:0.5em;
	border-radius:4px;
	text-align:left;
}
#produse_container {
	text-align: center;
}
#produse_container input[type="text"] {
	width:7em;
}
#pret_unitar_container input[type="text"], #pret_total_container input[type="text"], #discount_container input[type="text"], #pret_initial_container input[type="text"] {
	width: 4em;
}
.termekcsoport {
	text-align: center;
	background-color: #f8f8f8;
	padding: 10px 0 10px 0;
	color: #666;
	box-shadow: 0 0 10px 0 rgba(10,10,10,.5);
	border-radius: 6px;
	border: 1px solid #999;
	font-weight: bold;
	font-size:1.2em;
	margin:0.5em 0em 0.5em 0em;
	font-variant:small-caps;
}
#masurare_container, #catalog_container, #montaj_container {
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-variant:small-caps;
	font-size:1.1em;
}
#masurare_container a, #catalog_container a {
	text-decoration:none;
	cursor:pointer;
}
.produs {
	display:inline-block;
	margin-bottom:10px;
}
.produs:hover {
	box-shadow:0 0 20px 0 rgba(10,10,10,.8);
	border-radius:6px;
}
.produs_image {
	box-shadow: 0 0 10px 0 rgba(10,10,10,.5);
    text-align: center;
    width: 170px;
    border-radius: 6px 6px 0px 0px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
.produs_image img {
    border-radius: 6px 6px 0px 0px;
    height: 140px;
    width: 170px;
}
.produs_cimke {
	text-align: center;
	background-color: #f8f8f8;
	padding: 10px 0 10px 0;
	color: #666;
	box-shadow: 0 0 10px 0 rgba(10,10,10,.5);
	border-radius: 0px 0px 6px 6px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
	width: 170px;
}
#material_textil_container {
	overflow-y:scroll;
	height:450px;
	box-shadow: 0 0 2px 0 rgba(10,10,10,0.5);
    border-radius: 6px;	
}
.material {
	display:inline-block;
	margin-right:0.3em;
	margin-top:0.8em;
    border: 1px groove #999;
	border-radius:4px;
	padding:1px;
}
.caracteristica {
	margin-top: 0.4em;
}
#pret_unitar_container, #pret_total_container, #pret_initial_container {
    margin-top: 0.4em;
    background-color: rgba(0, 51, 255, 0.18);
    padding: 10px 0 10px 0;
    color: #666;
    box-shadow: 0 0 5px 0 rgba(12,58,272,.5);
    border-radius: 6px;
    border: 1px solid #0033FF;
    font-weight: 600;
}
#discount_container {
    margin-top: 0.4em;
    background-color: rgba(255, 0, 0, 0.18);
    padding: 10px 0 10px 0;
    color: #666;
    box-shadow: 0 0 5px 0 rgba(255, 0, 0, 0.58);
    border-radius: 6px;
    border: 1px solid #FF0004;
    font-weight: 600;
}
#alegeti_materialul_text {
	margin: 0.4em 0em 0.4em 0em;
    background-color: #f8f8f8;
    padding: 5px 0 5px 0;
    color: #666;
    box-shadow: 0 0 5px 0 rgba(10,10,10,.5);
    border-radius: 6px;
    border: 1px solid #999;
}
.input_container input, select {
    border-radius: 4px;
    border: 1px solid #999;
    min-height: 2em;
	text-align:right;
}
.pret_input_container {
	text-align:right;
}
.pret_input_container input {
	text-align:right;
	min-height: 2em;
	border-radius:4px;
	border:1px solid #0033FF;
}
.moneda {
	text-align:left;
}
#material_selectat {
	display: inline-block;
    background-image: url('../element/alege_un_material.png');
    background-size: cover;
    border: 1px solid #999;
    border-radius: 6px;
}
#material_selectat img {
	border-radius:6px;
}
#material_selectat_name {
	background-color:#FFFFFF;
	border:1px solid #999999;
	border-radius:4px;
	margin-top:0.3em;
	margin-bottom:0.3em;
	font-variant:small-caps;
	font-weight:bold;
}
#button_container {
	margin-top:1.5em;
	margin-bottom:1.5em;
}
#adauga_produs {
	min-height: 2.5em;
    color: #fff;
    font-weight: 400;
    border: 1px solid #0033FF;
    background-color: rgba(0, 51, 255, 0.75);
    cursor: pointer;
    touch-action: manipulation;
    padding: 0.8em 2.5em;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    border-radius: 4px;
}
#adauga_produs:hover{
	box-shadow:0 0 5px 0 rgba(12, 58, 255, 1);
	border-color:#FFF;
}
#photo_container {
	text-align:center;
	background-color: #f8f8f8;
	padding: 10px;
	border: 1px dashed #999;
	border-radius: 4px;
	margin-bottom:0.5em;
    overflow-x: scroll;
    height: 200px;
    overflow-y: hidden;
    white-space: nowrap;	
}
#photo_container img {
	height:165px;
}
#photo_container a {
	display: inline-block;
}
#informatii_container {
	background-color: #f8f8f8;
	padding: 10px;
	border: 1px dashed #999;
	line-height: 1.5em;
	border-radius: 4px;	
}
.informatii_focim {
	font-weight:500;
	font-size:1.4em;
	font-variant:small-caps;
}
.informatii_element {
	font-size: 1.2em;
	line-height: 1.5;
}
/* validacios hiba uzenetek */
label.error {
	background:url("unchecked.gif") no-repeat 0px 0px;
	padding-left: 16px;
	font-weight:normal !important;
}
label.success {
	background:url("checked.gif") no-repeat 0px 0px;
	padding-left: 16px;
	color: rgba(0,146,30,1.00) !important;
	font-weight: normal !important;
}
form.comanda_form label.error {
	margin-left: auto;
	width: 250px;
}
label.error {
	color: #FF0004;
}
#warning {
	display: none;
}
.glyphicon {
	font-size: 1.5em;
    vertical-align: sub;
    color: blue;
}