.dialogShader {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0.4; z-index: 99999;}
.dialogCont {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 100000;}
.dialogCont P {padding: 0; margin: 15px 0;}
.dialogCont .centerer {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-around;}
.dialogCont .dialogFrame {width: 700px; float: left; background-color: #FFF; position: relative;}
.dialogCont .dialogFrame.size-1 {width: 800px;}
.dialogCont .dialogFrame.size-2 {width: 1000px;}
.dialogCont .dialogFrame.size-3 {width: 1150px;}
.dialogCont .dialogFrame.plan {width: 1300px; max-width: 90vw;}
.dialogCont .dialogFrame.plan .scroller {max-height: 80vh;}
.dialogCont .dialogFrame .close {width: auto; height: auto; float: left; position: absolute; color: #FFF; font-size: 40px; top: -30px; right: -27px; line-height: 20px; opacity: 0.7;}
.dialogCont .dialogFrame .close:HOVER {opacity: 1;}
.dialogCont .headerFrame {width: 100%; padding: 2px 20px; float: left; background-color: #f8c943; color: #4c4c4c; font-size: 20px; font-weight: 500; text-align: center; border-color: #999; text-transform: none;}
.dialogCont .headerFrame.red {background-color: #d9001a; border-bottom: 1px #c20003 solid; color: #FFF;}
.dialogCont .headerFrame .small {font-size: 12px; font-weight: 300;}
.dialogCont .bodyFrame {width: 100%; padding: 30px; float: left; background-color: #FFF; font-size: 14px; font-weight: 300; color: #4c4c4c;}
.dialogCont .bodyFrame P {text-align: center;}
.dialogCont .bodyFrame .infoPanel P {text-align: left;}
.dialogCont .bodyFrame B {font-weight: 700;}
.dialogCont .bodyFrame .imageFrame {width: 50%; float: left; padding: 0px 20px 0px 0px; display: flex; justify-content: space-around;}
.dialogCont .bodyFrame .imageFrame IMG {width: auto; height: auto; max-width: 100%; max-height: 50vh; float: left;}
.dialogCont .bodyFrame .imageFrame.no-image IMG {opacity: 0.3;}
.dialogCont .bodyFrame .descFrame {width: 50%; float: left; padding: 0px 0px 0px 20px;}
.dialogCont .bodyFrame .halfFrame {width: 50%; float: left; padding: 0px 30px 0px 0px;}
.dialogCont .bodyFrame .halfFrame.right {width: 50%; float: left;}
.dialogCont .narezovePlany {width: 100%; float: left; margin-top: 30px; padding: 0px 30px 0px 30px; overflow-y: scroll;}
	.dialogCont .narezovePlany IMG {width: 100%; float: left; margin: 0px 0px 15px 0px;}
.dialogCont .narezakImageDetail {width: 100%; padding: 30px; float: left; background-color: #FFF; font-size: 14px; font-weight: 300; color: #4c4c4c;}
	.dialogCont .narezakImageDetail P {width: calc(100% - 20px); height: 30px; float: left; text-align: center; margin: 0px; padding: 0px;}
	.dialogCont .narezakImageDetail A {width: 20px; height: 20px; float: left; display: block;}
		.dialogCont .narezakImageDetail A IMG {border: 0px;}
	.dialogCont .narezakImageDetail .imgCont {width: 600px; margin-left: calc((100% - 600px)/2); float: left;}
.dialogCont .scroller {width: 100%; max-height: 70vh; float: left; overflow-y: auto;}
.dialogCont .scroller.size-2 {max-height: 80vh;}
.dialogCont .scroller.vypocetLeft {width: calc(100% - 160px); border-right: 1px solid #ccc;}
.dialogCont .scroller.vypocetRight {width: 160px;}
.dialogCont .noScroller {width: 100%; max-height: 70vh; float: left; overflow-y: hidden;}

.dialogCont .noScroller .dekorNahled {width: 100%; height: 70vh; float: left; display: flex; justify-content: space-around; align-items: center;}
	.dialogCont .noScroller .dekorNahled IMG {max-width: 90%; max-height: 90%;}

.objednat {width: 100%; align-items: center;}

.dialogCont .bodyFrame .mainFlexBox {width: 100%; float: left; display: flex;}
.dialogCont .bodyFrame .dialogBodyLeft1 {width: calc(100% - 300px); float: left; padding: 30px 50px 30px 30px;}
.dialogCont .bodyFrame .dialogBodyRight1 {width: 300px; float: left; padding: 20px; background-color: #f7f7f7;}

#dialogLoadingOverlay {position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; color: #FFF; background-color: rgba(0,0,0,0.3); z-index: 2; display: none; align-items: center; justify-content: space-around;}
#dialogLoadingOverlay.visible {display: flex;}
#dialogLoadingOverlay I {font-size: 30px;}

.dialogFrame .formFrame .formLine .formSelectCont .insideIcon {top: 33px;}

TABLE.dialogTable {width: 100%; border-collapse: collapse; font-size: 14px;}
TABLE.dialogTable TH {padding: 4px 0 8px; border-bottom: 2px solid #696969;}
TABLE.dialogTable TH:first-child {text-align: left;}
TABLE.dialogTable TH:last-child {text-align: right;}
TABLE.dialogTable TH.left {text-align: left;}
TABLE.dialogTable TH.right {text-align: right;}
TABLE.dialogTable .noBold {font-weight: 400; font-size: 12px;}
TABLE.dialogTable TD {padding: 4px 0; border-bottom: 1px solid #b4b4b4}
TABLE.dialogTable TD.right {text-align: right;}
TABLE.dialogTable TD.skladovyDekor {font-weight: bold; color: #4c9300;}
TABLE.dialogTable TD.tdName {max-width: 500px;}
TABLE.dialogTable TD.tdCnt {width: 80px; padding-left: 15px; text-align: right; white-space: nowrap;}
TABLE.dialogTable TD.tdProrez {width: 80px; padding-left: 15px; text-align: right; white-space: nowrap;}
TABLE.dialogTable TD.tdPrice {padding-left: 15px; text-align: right; white-space: nowrap;}

.dialogCont .bodyFrame P.soucty {text-align: left;}
.dialogCont .bodyFrame P.soucty SPAN {float: right; font-weight: 700;}

.alert-1 {font-size: 20px; color: red;}