.errorInput {background-color: tomato; background-image: none !important;}

.basicRadius {border-radius: 5px;}

.basicInput {height: 29px; padding: 0px 5px 0px 5px; background-image: linear-gradient(rgb(253, 253, 253), rgb(233, 233, 233)); border: 1px solid #a7a7a7; border-radius: 5px; color: #4c4c4c; font-size: 12px; font-weight: 400;}
.basicInput.activated {background-image: linear-gradient(rgb(0, 204, 102), rgb(51, 153, 51)); color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.basicInput.error {background-image: linear-gradient(rgb(255,0,0), rgb(153,0,0)); color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.basicSelect {position: relative; align-items: center; height: 29px; padding: 0px 5px 0px 5px; background-image: linear-gradient(rgb(253, 253, 253), rgb(233, 233, 233)); border: 1px solid #a7a7a7; border-radius: 5px; color: #4c4c4c; font-size: 12px; font-weight: 400; cursor: pointer;}
.basicSelect.activated {background-image: linear-gradient(rgb(0, 204, 102), rgb(51, 153, 51)); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.basicSelect.noBottomRadius { border-bottom-left-radius: 0;  border-bottom-right-radius: 0; border-bottom: 0;}
.basicSelect {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.basicSelect::after {content: ""; position: absolute; z-index: 10000; right: 6px; top: 0; width: 20px; height: 100%; background-image: url('/images/icon-black-arrow-down.png'); background-position: center center; background-repeat: no-repeat;}
.basicSelect.hranaDrop::after {background-image: none;}
.selectWrapper::before {content: ""; position: absolute; right: 6px; top: -5px; z-index: 1; width: 20px; height: 40px; background-image: url('/images/icon-black-arrow-down.png'); background-position: center center; background-repeat: no-repeat;}

.buttonCont1 {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0px 0px 0px;}
.buttonCont1 .centerText {width: 100%; text-align: center;}
.buttonCont1 .basicBtn {padding: 0px 20px;}
.basicBtn {align-items: center; justify-content: center; height: 40px; background-image: linear-gradient(rgb(249, 229, 62), rgb(248, 201, 68)); border-radius: 5px; color: #4c4c4c; font-size: 14px; font-weight: 700; text-align: center; cursor: pointer;}
.basicBtn.disabled {background-image: linear-gradient(#ddd, #ccc); cursor: not-allowed;}

#zakazka {width: 100%; height: auto; padding: 5px 0px 0px 0px;}
#zakazka .topLine {width: 100%; height: auto; justify-content: space-between;}
#zakazka .topLine .nazev {position: relative; width: 230px;}
#zakazka .topLine .vypocetCeny {width: 130px;}
#zakazka .topLine .fittings {width: 200px;}
#zakazka .topLine .txt {height: 25px; font-weight: 700;}
#zakazka .topLine .nazev .clearInput {display: none; position: absolute; top: 32px; right: 5px; bottom: 12px; cursor: pointer; font-size: 14px; color: #666; z-index: 10;}

#tableZakazka {width: 100%; height: auto; color: #4c4c4c; margin-top: 20px;}
#tableZakazka .row {width: 100%; padding: 3px 0; height: auto; justify-content: space-between;}
#tableZakazka .row.head {font-size: 14px; font-weight: 700; border-bottom: 2px solid #696969; margin-bottom: 6px;}
#tableZakazka .row.oddelovac {border-top: 1px dashed #696969; padding-top: 8px; margin-top: 6px;}
#tableZakazka .row .photo {width: 40px; border-radius: 5px; background-size: cover; border: 1px solid #a7a7a7;}
#tableZakazka .row.head .photo {border: 0px;}
#tableZakazka .row .material {width: 230px;}
#tableZakazka .row .material .materialDropped {display: none; position: absolute; left: 0; top: 100%; z-index: 20000; width: 1090px; cursor: default;}
#tableZakazka .row .material .materialDropped .topBg {width: 230px; height: 10px; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; background-color: #e9e9e9;}
#tableZakazka .row .material .materialDropped .content {position: relative; z-index: -1; margin-top: -1px; padding: 10px 10px 10px 10px; width: 100%; height: 220px; border: 1px solid #a7a7a7; background-color: #e9e9e9; justify-content: space-between;}
#tableZakazka .row .material .materialDropped .content .photo {position: relative; width: 206px; height: 100%; align-items: center; justify-content: center;}
#tableZakazka .row .material .materialDropped .content .photo .photoMouseHover {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-repeat: no-repeat; border-radius: 5px; background-size: cover;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu {width: 430px; height: 100%; border: 1px solid #a7a7a7; border-radius: 5px;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .search {width: 100%; height: 40px; border-bottom: 1px solid #a7a7a7; border-top-right-radius: 5px; border-top-left-radius: 5px; background-image: linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233));}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .search .icon {width: 50px; height: 40px; align-items: center; justify-content: center; background-image: url('/images/material-search.jpg'); background-repeat: no-repeat; background-position: center;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .search INPUT {width: 315px; height: 100%; border: 0; background-color: transparent; font-size: 14px; font-weight: 400;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .materialList {padding: 0 10px; height: 154px; overflow-y: auto;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .materialList .item {width: 100%; padding: 4px 0; border-bottom: 1px solid #d0d0d0; cursor: pointer; display: flex;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .materialList .item .name {width: 82%; height: 100%; font-size: 13px;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .materialList .item .price {width: 18%; height: 100%; text-align: right; font-size: 12px;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .materialList .lastItem {width: 100%; padding: 6px 0px 6px 27px; border-bottom: 1px solid #4c4c4c; cursor: pointer; background-image: url('/images/icon-last-search.png'); background-repeat: no-repeat; background-position: left center;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .materialList .lastItem .name {width: 82%; height: 100%; font-size: 13px;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .materialList .lastItem .price {width: 18%; height: 100%; text-align: right; font-size: 12px;}
#tableZakazka .row .material .materialDropped .content .vyberMaterialu .materialList .item B {color: #4c9300;}
#tableZakazka .row .material .materialDropped .content .umisteniMaterialu {width: 410px; height: 100%; flex-wrap: wrap; align-content: space-between;}
#tableZakazka .row .material .materialDropped .content .umisteniMaterialu .item {position: relative; width: 100%; height: 30px; padding: 0 28px 0 10px; margin: 0px 0px 120px 0px; justify-content: space-between; align-items: center; border: 1px solid #a7a7a7; background-image: linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233)); cursor: pointer;}
#tableZakazka .row .material .materialDropped .content .umisteniMaterialu .item.active {background-image: linear-gradient(rgb(249, 229, 62), rgb(248, 201, 68));}
#tableZakazka .row .material .materialDropped .content .umisteniMaterialu .item .value {font-weight: 700; font-style: italic; margin-left: auto;}
#tableZakazka .row .material .materialDropped .content .umisteniMaterialu .item .btn {position: absolute; right: 0; top: 0; width: 20px; height: 100%; z-index: 30000; align-items: center;}
#tableZakazka .row .material .materialDropped .content .umisteniMaterialu .hintItem {position: relative; width: 100%; height: 20px; padding: 3px 0px 0px 30px; box-sizing: border-box; text-align: left; font-size: 12px; background-image: url('/images/icons/info.png'); background-position: left center; background-repeat: no-repeat;}
#tableZakazka .row .material .materialDropped .content .umisteniMaterialu .hintItem B {color: #4c9300;}
#tableZakazka .row .dilec {width: 171px;}
#tableZakazka .row .sirka {width: 78px;}
	#tableZakazka .row .sirka .basicInput {background-image: url(/images/xInput.jpg); padding-left: 30px; background-position: left center;}
	#tableZakazka .row .sirka .basicInput.activated {background-image: url(/images/xInput_green.jpg); padding-left: 30px; background-position: left center;}
#tableZakazka .row .vyska {width: 78px;}
	#tableZakazka .row .vyska .basicInput {background-image: url(/images/yInput.jpg); padding-left: 30px; background-position: left center;}
	#tableZakazka .row .vyska .basicInput.activated {background-image: url(/images/yInput_green.jpg); padding-left: 30px; background-position: left center;}
#tableZakazka .row .pocet {width: 63px;}
#tableZakazka .row .leta {width: 120px;}
#tableZakazka .row .hrany {width: 220px;}
#tableZakazka .row .cnc {width: 70px;}
	#tableZakazka .row .cnc .basicInput {display: block; text-decoration: none; color: #4c4c4c; background-image: url(/images/cncInput.jpg); padding-left: 40px; padding-top: 7px; background-position: left center; cursor: hand;}
#tableZakazka .row .hrany .hranaDropped {display: none; position: absolute; left: -876px; top: 100%; z-index: 20000; width: 1096px; cursor: default;}
#tableZakazka .row .hrany .hranaDropped .topBg {width: 220px; height: 10px; float: right; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; background-color: #e9e9e9;}
#tableZakazka .row .hrany .hranaDropped .content {position: relative; z-index: -1; margin-top: -1px; float: left; padding: 10px 10px 10px 10px; width: 100%; height: 170px; border: 1px solid #a7a7a7; background-color: #e9e9e9; justify-content: space-between;}
#tableZakazka .row .hrany .hranaDropped .content .photo {position: relative; width: 206px; height: 100%; align-items: center; justify-content: center;}
#tableZakazka .row .hrany .hranaDropped .content .photo .photoMouseHover {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-repeat: no-repeat; border-radius: 5px; background-size: cover;}
#tableZakazka .row .hrany .hranaDropped .content .vyberHrany {width: 370px; height: 100%; border: 1px solid #a7a7a7; border-radius: 5px;}
#tableZakazka .row .hrany .hranaDropped .content .vyberHrany .search {width: 100%; height: 40px; border-bottom: 1px solid #a7a7a7; border-top-right-radius: 5px; border-top-left-radius: 5px; background-image: linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233));}
#tableZakazka .row .hrany .hranaDropped .content .vyberHrany .search .icon {width: 50px; height: 40px; align-items: center; justify-content: center; background-image: url('/images/material-search.jpg'); background-repeat: no-repeat; background-position: center;}
#tableZakazka .row .hrany .hranaDropped .content .vyberHrany .search INPUT {width: 315px; height: 100%; border: 0; background-color: transparent; font-size: 14px; font-weight: 400;}
#tableZakazka .row .hrany .hranaDropped .content .vyberHrany .hranaList {padding: 0 10px; height: 104px; overflow-y: auto;}
#tableZakazka .row .hrany .hranaDropped .content .vyberHrany .hranaList .item {width: 100%; padding: 4px 0; border-bottom: 1px solid #d0d0d0; cursor: pointer;}
#tableZakazka .row .hrany .hranaDropped .content .umisteniHrany {width: 470px; height: 100%; flex-wrap: wrap; align-content: space-between;}
#tableZakazka .row .hrany .hranaDropped .content .umisteniHrany .item {position: relative; width: 100%; height: 30px; padding: 0 28px 0 10px; justify-content: space-between; align-items: center; border: 1px solid #a7a7a7; background-image: linear-gradient(rgb(255, 255, 255), rgb(233, 233, 233)); cursor: pointer;}
#tableZakazka .row .hrany .hranaDropped .content .umisteniHrany .item.active {background-image: linear-gradient(rgb(249, 229, 62), rgb(248, 201, 68));}
#tableZakazka .row .hrany .hranaDropped .content .umisteniHrany .item.off {background-color: tomato; background-image: none !important;}
#tableZakazka .row .hrany .hranaDropped .content .umisteniHrany .item .value {margin-left: auto; font-weight: 700; font-style: italic;}
#tableZakazka .row .hrany .hranaDropped .content .umisteniHrany .item .btn {position: absolute; right: 0; top: 0; width: 20px; height: 100%; z-index: 30000; align-items: center;}
#tableZakazka .row .hrany .hranaDropped .content .umisteniHrany .item .btn IMG {width: 10px; height: 10px;}
#tableZakazka .row .buttons {width: 25px; font-size: 14px; text-align: right;}
#tableZakazka .row .buttons .iconSave {background-image: url('/images/icon_save.jpg'); display: block; widht: 25px; height: 25px; cursor: hand;}
#tableZakazka .row .buttons .iconSaveRed {background-image: url('/images/icon_save_red.jpg'); display: block; widht: 25px; height: 25px; cursor: hand;}
#tableZakazka .row .buttons .iconDelete {background-image: url('/images/icon_delete.jpg'); display: block; width: 22px; height: 19px; cursor: hand; margin: 4px 0px 0px 3px;}
#tableZakazka .row .disabledDueToCNC {color: #999999; font-style: italic;}

.basicSelect.hranaDrop {justify-content: space-between;}
.basicSelect.hranaDrop .rowHrana {width: 25%; height: 29px; align-items: center; padding-left: 21px; font-size: 12px; background-repeat: no-repeat; background-position: left center;}
.basicSelect.hranaDrop .rowHrana.spodni {background-image: url('/images/icon-hrana-spodni.png');}
.basicSelect.hranaDrop .rowHrana.prava {background-image: url('/images/icon-hrana-prava.png');}
.basicSelect.hranaDrop .rowHrana.horni {background-image: url('/images/icon-hrana-horni.png');}
.basicSelect.hranaDrop .rowHrana.leva {background-image: url('/images/icon-hrana-leva.png');}