body, input.text:hover, input.ifield:hover, .value:hover, .broi:hover, select:hover, label:hover, input[type=checkbox]:hover {cursor: url(cursorie.cur),url(../css/cursorie.cur),default;} 
select[disabled], .form-group * [disabled], input[type=text][readonly]  {background:#ebebe4;cursor:not-allowed;color:black;} 
.content {padding:10px;}
body {padding-bottom:100px;}
#wrap a {	color:black;}
#wrap {    text-shadow:none;    width:1166px;    padding:3px ;   border-radius:5px;    box-shadow:1px 1px 4px rgba(0,0,0,0.7);    background:#F7F7F7;    font-family: Arial, Helvetica, sans-serif;	 font-size:12px;}
label {	display: inline-block;	margin-bottom: 5px;	font-weight: bold;}

.change {   position: relative;    float: left;    display: none;    height: 25px;    font-size:11px;    line-height:15px;    padding:5px;}
#order table thead th {		text-align:center;	}

/*	table settings	*/
table.order {	border:1px solid #999;	max-width: 1126px;	padding:0px;	background:#F7F7F7;	border-collapse:separate;	border-spacing:1px;}
table, table thead, table thead tr, table thead tr th {	border-bottom:1px solid #999;border:1px solid #999;}
table thead:first-child {font-size:10px; font-weight:normal;}
table thead:last-child {font-size:10px; font-weight:normal;}
table thead th:last-child {border-right:1px solid #999;}
table thead {font-size:12px; font-weight:normal;}
table thead tr:nth-child(4) th:first-child {width:320px;min-width:320px;max-width:320px}
table thead tr:nth-child(4) th:nth-child(3) {border-top:none;}
table thead tr:nth-child(3) th:nth-child(2) {text-align:center;}

table.client {	border:0px solid #999;	padding:0px;	background:transparent;	border-collapse:separate;	border-spacing:1px;    width:320px;}

/*	details settings	*/
.form-group { background:#DFDFDF;	}
.form-group tr{ border-collapse:collapse;}
.form-group td {padding:3px;	vertical-align:bottom; 	background:#DFDFDF; border-bottom:1px solid #999;border-left:1px solid #999;}
.form-group td:nth-child(1) {width:7px;text-align:center;border-left:none;}
.form-group td:nth-child(2)  {width:10px;text-align:center;}
.form-group td:nth-child(7)  {width:60px;text-align:center;}
.form-group td:nth-child(8)  {width:10px;text-align:center;}
.form-group td div input, .form-group td div label {position:relative;float:left;display:block;font-weight:normal;font-size:12px;line-height:19px;}
.form-group td div input {margin:0px 3px 0px 3px;}
.form-group td .measure, .result td .measure  {position:relative;display:block;float:left;font-size:12px;padding:4px 4px;margin-left:-2px;background:white;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.7);border-radius:0px 3px 3px 0px;color:#999;}
.form-group {	margin-bottom: 15px;}
.form-group div .man, .form-group div label[for=man]  {min-height:19px;}
.form-group div .man, .form-group div label[for=man]  {position:relative;float:left;display:block;}
.form-group input[disabled] {cursor:not-allowed;}
.form-group td:last-child {min-width:32px;}



select {font-size:12px;padding:0px;margin: 0;border-radius:3px;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.7);border:none;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;width:40px;padding-left:2px;}
.kant {font-size:12px;padding:0px;margin: 0;border-radius:3px;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.7);border:none;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;overflow:hidden;width:40px;padding-left:2px;}

.kant{display:inline;font-size:12px;}  
.kant05 {background:#01D2FC;color:black;}
.kant08 {background:#0288A3;color:white;}
.kant10 {background:#03596A;color:white;}
.kant20 {background:#FF9500;color:white;}
.white {background:white;}

.box {width:25px;min-width:25px;height:25px;padding:5px; font-size:inherit;    border-radius:3px;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);border:none;}
.box:after {content:' \043C\043C'}

.btn-xs {padding: 1px 5px;font-size: 12px;line-height: 1.5;}
.btn {display: inline;padding: 4px;font-size: 12px;line-height: 1.428571429;border: 1px solid transparent;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}	
.btn-danger {color: #fff;background-color: #d9534f;border-color: #d43f3a;}

#wrap .remove-txt, .add-txt {text-align:center;position:relative;float:left;display:inline-block;padding:0px 4px 0px 4px;min-width:25px;height:25px;line-height:24px;}
#wrap .remove-txt {padding-left:0px;padding-right:0px;color:#dfdfdf;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);text-decoration:none; font-weight:bold; font-size:14px;font-family:inherit;width:25px;}
#wrap .remove-txt a{color:#fff; text-decoration:none;}
#wrap .remove-txt:hover{color:#ffe; text-decoration:none;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.7);}

.add-txt {margin-bottom:2px;display:none;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);}
.add-txt:focus {
  -webkit-animation: addtext 1s ease-in-out infinite; /* Safari 4+ */
  -moz-animation:    addtext 1s ease-in-out infinite; /* Fx 5+ */
  -o-animation:      addtext 1s ease-in-out infinite; /* Opera 12+ */
  animation:         addtext 1s ease-in-out infinite; /* IE 10+, Fx 29+ */
  outline:none;
	}	
#mypage a.add-txt:focus {color:white;}

.boxres {min-width:25px;height:25px;padding:5px; font-size:12px;    border-radius:3px;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);border:none;margin-left:5px;}
.boxres:after {content:' \043C'}

.k00 {display:none;background:white;color:black;}
.k05 {display:none;background:#01D2FC;color:black;}
.k08 {display:none;background:#0288A3;color:white;}
.k10 {display:none;background:#03596A;color:white;}
.k20 {display:none;background:#FF9500;color:white;}

.leg {position:relative;display:block;}
.boxk {min-width:25px;height:25px;padding:5px; font-size:12px;    border-radius:3px;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);border:none;margin-left:5px;}
.boxk:after {content:' \043C\043C'}

.l00 {display:inline-block;background:white;color:black;}
.l05 {display:inline-block;background:#01D2FC;color:black;}
.l08 {display:inline-block;background:#0288A3;color:white;}
.l10 {display:inline-block;background:#03596A;color:white;}
.l20 {display:inline-block;background:#FF9500;color:white;}

.infoblock {position:relative;display:block;width:100%;}
.infoblockk {position:relative;display:block;width:100%;min-width:270px;height:50px;text-align:center;}
.infoblockr {position:relative;display:block;width:100%;text-align:right;padding-right:10px;padding-top:10px;}
.iname {position:relative;float:left;display:block;width:100%;font-size:12px; font-weight:normal;height:25px;}
.daljini {display:none;}

.st {position:relative;display:block;font-size:12px; font-weight:normal;}
.matblock {font-size:12px;font-weight:normal;position:relative;display:block;width:100%;min-height:30px;width:320px;}
.ell {position:relative;display:block;width:100%;}
.ell:first-child {padding-top:3px;border-top:1px dotted #999;}

.number, .text, .position {width:100%;display:inline;float:left;text-align:center;vertical-align:middle; padding:4px;border-radius:3px; border:none;outline:none;}
.tab { height:50px: width:70px;overflow:hidden; border-radius:5px;}

.setts {text-align:center;}
.setts .iname {margin-bottom:10px;display:block; width:100%;position:relative;height:35px; line-height:30px;background: transparent;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);border-radius: 3px;}
#settings {display:block;width:100%;position:relative;}
#settings label {width:50px; display:inline-block; background:transparent;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);border-radius:3px;padding-bottom:3px; font-size:11px; font-weight:normal;}
.skant {display:block;  border-radius:5px;	box-shadow: 1px 1px 2px rgba(0,0,0,0.7);}
.skant label {position:relative;display:block;font-size:11px;padding:5px;width:100%;line-height:20px;text-align:right;border-radius:5px;}
.skant label input {position:relative; float:right; display:block; margin-right:30px;}
#settings label:hover, .skant label:hover {background:#6AFB92;}

#settings input[disabled], .skant input[disabled] {cursor:not-allowed;}

.width{position:relative;display:block;width:90px;height:25px;}	
.value {position:relative;float:left;display:block;width:60px;padding:4px;text-align:right;border-radius:3px;border:none;outline:none;}	
.broi {position:relative;float:left;display:block;width:25px;padding:4px;text-align:center;border-radius:3px;border:none;outline:none;}	
.bump{position:relative;float:left;display:block;height:23px;}	
.material {width:100%; height:28px;padding:4px;}


::-webkit-input-placeholder {
	padding:2px 3px 3px 3px;
    color:#ccc;
}

:-moz-placeholder { /* Firefox 18- */
	padding:3px;
    color:#ccc;
}

::-moz-placeholder {  /* Firefox 19+ */
	padding:3px;
    color:#ccc;
}

:-ms-input-placeholder {  
	padding:3px;
    color:#ccc;
}  


.name {position:relative;margin-left:0px;display:block;font-size:12px;font-weight:normal;}
.field {position:relative;float:left;width:100%;}
.ifield, .data {font-size:12px;width:100%;height:23px;line-height:12px;display:inline;text-align:center;vertical-align:middle; padding:4px;border-radius:3px; border:none;outline:none;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.7);	}	

.ploskost {position:relative;font-size:12px;line-height:12px;display:block;width:810px;padding:0px; text-align:center;}
.ploskost .mat-numbers {position:relative; float:left;display:block;width:20px;padding-right:5px;font-size:12px;line-height:35px;text-align:right;}
.ploskost .mat {position:relative; float:left; display:block; width:790px; height:35px;}

.ploskost:nth-child(1) .mat, .ploskost:nth-child(1) .mat-number, .ploskost:nth-child(2) .mat, .ploskost:nth-child(2).mat-number, .ploskost:nth-child(3) .mat, .ploskost:nth-child(3) .mat-number {height:25px;}

.ploskost select:focus {background:#6AFB92}
	
.matmodel, .mattype, .matcolor, .mat-number, .matkant {position:relative;float:left;font-size:12px;height:23px;display:block;text-align:center;vertical-align:top; padding:5px;border-radius:3px;line-height:12px; border:none;outline:none;}	
.mat-number {width:20px;}
.matmodel {width:150px;}
.mattype{width:150px;}
.matcolor, .matkant {width:210px;}

.dinf, .oinf {position:relative;float:left;display:none;width:1156px;}
.dinf p, .oinf p {background: transparent url("../leaflist.png") no-repeat 0px 3px; text-indent:20px;line-height:15px;text-align:justify;padding:0px 10px;}

#wrap a#plus, #wrap a#opt,  #wrap a#bckp {position:relative;display:block;text-align:center;margin-bottom:3px;font-weight:bold;line-height:25px;text-decoration:none;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);background:#6AFB92;color:black; border-radius:5px; padding:3px 5px 3px 5px;min-width:100px;}

#wrap a#oplus {position:relative;display:block;text-align:center;margin-bottom:3px;font-weight:bold;line-height:20px;text-decoration:none;box-shadow: 1px 1px 2px rgba(0,0,0,0.7);background:#6AFB92;color:black; border-radius:5px; padding:3px 5px 3px 5px;min-width:100px;margin-left:10px;}

#wrap a#plus:hover, #wrap a#opt:hover,, #wrap a#bckp:hover #osubm:hover {text-decoration:none;background:#428bca;color:white; }
#wrap a#plus:focus , #wrap a#opt:focus, #wrap a#bckp:focus {outline:none; }

.messageblock {position:relative; display:block; width:1129px;}
#message {position:relative;float:right;display:block;resize: none; overflow-y: hidden; width:810px; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.7);padding: 0px 5px 0px 5px;border-radius: 3px;border: none;outline: none;line-height:25px; height:25px;}

.placeholder { color: #fff; }

.pink {background:pink;}
.wrong {background:#FF6B6B;}


/*
input[readonly]{background:#ebebe4;cursor:no-drop;}
:read-only { background:#ebebe4;cursor:no-drop;}
elect[disabled] {background:#ebebe4;cursor:no-drop;color:black;}
.material[readonly]{background:#ebebe4;cursor:no-drop;}
*/
@-webkit-keyframes blink {
  0%  { background:#fff;}
  100% { background: #0f9; }
}
@-moz-keyframes blink {
  0%  { background:#fff;}
  100% { background: #0f9; }
}
@-o-keyframes blink {
  0%  { background:#fff;}
  100% { background: #0f9; }
}
@keyframes blink {
  0%  { background:#fff;}
  100% { background: #0f9; }
}
@-webkit-keyframes addtext {
  0%   { background: #5cb85c; color:white;box-shadow:none;}
  50%  { background:#98EE98;  color:black;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #5cb85c; color:white;box-shadow:none;}
}
@-moz-keyframes blink {
  0%   { background: #5cb85c; color:white;box-shadow:none;}
  50%  { background:#98EE98;  color:black;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #5cb85c; color:white;box-shadow:none;}
}
@-ms-keyframes blink {
  0%   { background: #5cb85c; color:white;box-shadow:none;}
  50%  { background:#98EE98;  color:black;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #5cb85c; color:white;box-shadow:none;}
}
@-o-keyframes blink {
  0%   { background: #5cb85c; color:white;box-shadow:none;}
  50%  { background:#98EE98;  color:black;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #5cb85c; color:white;box-shadow:none;}
}
@keyframes blink {
  0%   { background: #5cb85c; color:white;box-shadow:none;}
  50%  { background:#98EE98;  color:black;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #5cb85c; color:white;box-shadow:none;}
}
@-webkit-keyframes off {
  0%   { background: #F7F7F7; color:black;box-shadow:none;}
  50%  { background:#FF6B6B;  color:white;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #F7F7F7; color:black;box-shadow:none;}
}
@-moz-keyframes off {
  0%   { background: #F7F7F7; color:black;box-shadow:none;}
  50%  { background:#FF6B6B;  color:white;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #F7F7F7; color:black;box-shadow:none;}
}
@-o-keyframes off {
  0%   { background: #F7F7F7; color:black;box-shadow:none;}
  50%  { background:#FF6B6B;  color:white;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #F7F7F7; color:black;box-shadow:none;}
}
@keyframes off {
  0%   { background: #F7F7F7; color:black;box-shadow:none;}
  50%  { background:#FF6B6B;  color:white;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  100% { background: #F7F7F7; color:black;box-shadow:none;}
}

.off {  background:#FF6B6B;	}
.important {  color:#FF9500;	}

input[type=text] {	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.7); font-size:12px; 	}	
.kant {height:20px;}

select:focus {
 box-shadow: 1px 1px 2px 1px rgba(0, 0, 0,0.7);
 } 
select.material:focus , select.pl:focus{
    background:#6AFB92 url("../images/arrow_down.png") no-repeat right; 
} 
.pl {padding-right:25px;} 

input[type=text]:focus::-webkit-input-placeholder {
  transition: color 0.2s ease-in; 
  color:black;
  transition: text-indent 0.3s 0.1s ease-in; 
  text-indent: -200%;
  opacity: 1;
}

input.info:focus, input.ifield:focus, input.designation:focus  {
color:transparent;
text-shadow:#000 0px 0px 0px;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
  background-repeat:no-repeat;
  -webkit-animation: cursor 1s ease-in-out  infinite;
  -moz-animation: cursor 1s ease-in-out  infinite;
  -ms-animation: cursor 1s ease-in-out  infinite;
  -o-animation: cursor 1s ease-in-out  infinite;
  animation: cursor 1s ease-in-out  infinite;
}

input[type=text][readonly].info:focus, input[type=text][readonly].designation:focus  {
  background:#ebebe4;
  -webkit-animation: no 1s ease-in-out  1;
  -moz-animation: no 1s ease-in-out  1;
  -ms-animation: no 1s ease-in-out  1;
  -o-animation: no 1s ease-in-out  1;
  animation: no 1s ease-in-out  1;
}

input[type=text].value:focus, input[type=text].broi:focus, input[type=text].position:focus, .value, .broi {
  background:#6AFB92;
  color:black;
  }

.calculate {position:relative; display:block; padding: 4px;border-radius: 4px; width:190px;color: #fff;background-color: #428bca;border-color: #357ebd;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;margin:0 auto; box-shadow: 1px 1px 2px rgba(0,0,0,0.7); margin-top:10px; margin-bottom:10px;font-size:12px; }

.calculate:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}
.calculate:active {
    box-shadow:inset 1px 1px 2px rgba(0,0,0,0.7);
}


.calc {
position: relative;
float: left;
display: inline-block;
min-width: 24px;
height: 25px;
line-height: 24px;
padding-left: 5px;
padding-right: 5px;
color: #fff;border-radius: 4px;background-color: #428bca;
box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
margin-bottom:2px;
}


.calc:focus {
    text-decoration:none;
    background-color: #38acec;
box-shadow:inset 1px 1px 2px rgba(0,0,0,0.7);
}

.captcha, .ocaptcha  {
    width: 100%;
    display: inline;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding: 4px;
    border-radius: 3px;
    border: none;
    outline: none;
    margin-right:10px;
}



/*no animation*/
@-webkit-keyframes no {
  0%   {background:#6AFB92;}
  100% {background:#6AFB92;}
}
@-moz-keyframes no {
  0%   {background:#6AFB92;}
  100% {background:#6AFB92;}
}
 
@-ms-keyframes no {
  0%   {background:#6AFB92;}
  100% {background:#6AFB92;}
}
 
@-o-keyframes no {
  0%   {background:#6AFB92;}
  100% {background:#6AFB92;}
}
@keyframes no {
  0%   {background:#6AFB92;}
  100% {background:#6AFB92;}
}
/*cursor animation*/
@-webkit-keyframes cursor {
  0%   {  background-repeat:no-repeat;
background:#6AFB92 url(../images/../images/cursor.png) no-repeat 3px 3px;
color:black;
}
  50%  {  background-repeat:no-repeat;
background:#6AFB92 url(../images/cursor.png) no-repeat 13px 3px;
color:black;
}
  100% {  background-repeat:no-repeat;
background:#6AFB92 url(../images/cursor.png) no-repeat 3px 3px;
color:black;
}
 
}
@-moz-keyframes cursor {
  0%   {background: #6AFB92 url(../images/cursor.png) no-repeat 3px 3px;}
  50%  {background: #6AFB92 url(../images/cursor.png) no-repeat 13px 3px;}
  100% {background: #6AFB92 url(../images/cursor.png) no-repeat 3px 3px;}
}
 
@-ms-keyframes cursor {
  0%   {background: #6AFB92 url(../images/cursor.png) no-repeat 3px 3px;}
  50%  {background: #6AFB92 url(../images/cursor.png) no-repeat 13px 3px;}
  100% {background: #6AFB92 url(../images/cursor.png) no-repeat 3px 3px;}
}
 
@-o-keyframes cursor {
  0%   {background: #6AFB92 url(../images/cursor.png) no-repeat 3px 3px;}
  50%  {background: #6AFB92 url(../images/cursor.png) no-repeat 13px 3px;}
  100% {background: #6AFB92 url(../images/cursor.png) no-repeat 3px 3px;}
}
@keyframes cursor {
  0%   {background: #6AFB92 url(../images/cursor.png) no-repeat 3px 3px;}
  50%  {background: #6AFB92 url(../images/cursor.png) no-repeat 13px 3px;}
  100% {background: #6AFB92 url(../images/cursor.png) no-repeat 3px 3px;}
}
/*nocursor animation*/
@-webkit-keyframes nocursor {
  0%   {background:#ebebe4;cursor:no-drop;}
  100% {background:#ebebe4;cursor:no-drop;}
}
@-moz-keyframes nocursor {
  0%   {background:#ebebe4;cursor:no-drop;}
  100% {background:#ebebe4;cursor:no-drop;}
}
 
@-ms-keyframes nocursor {
  0%   {background:#ebebe4;cursor:no-drop;}
  100% {background:#ebebe4;cursor:no-drop;}
}
 
@-o-keyframes nocursor {
  0%   {background:#ebebe4;cursor:no-drop;}
  100% {background:#ebebe4;cursor:no-drop;}
}

@keyframes nocursor {
  0%   {background:#ebebe4;cursor:no-drop;}
  100% {background:#ebebe4;cursor:no-drop;}
}



@-moz-document url-prefix() {
	#wrap { padding:10px;}
    .kant {
        padding-left:0px;
        padding-top:1px;
        -moz-appearance:none;
    }
    select.pl {text-align:left;padding-right:0px;overflow:hidden;}
    input:focus {color:black;}
}


doesnotexist:-o-prefocus, .material{
height:23px; 
}
doesnotexist:-o-prefocus, select.pl{
	text-align:left; 
}
doesnotexist:-o-prefocus, .form-group td .measure, .result td .measure{
	  height:22px; 
}
doesnotexist:-o-prefocus, input[type=text]:focus{
	  color:black; 
}