.dialogShader {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0.4; z-index: 99;}
.dialogCont {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 100;}
.dialogCont .centerer {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-around;}
.dialogCont .dialogFrame {width: 600px; float: left; background-color: #FFF; position: absolute; z-index: 101; }
.dialogCont .dialogFrame.size-1 {width: 800px;}
.dialogCont .dialogFrame.size-2 {width: 1000px;}
.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: 20px 20px; float: left; background-color: #0C6CB6; color: #FFF; font-size: 20px; text-transform: uppercase; text-align: center;}
.dialogCont .bodyFrame {width: 100%; padding: 30px; float: left; background-color: #FFF; font-size: 14px; font-weight: 300;}
.dialogCont .bodyFrame .imageFrame {width: 100%; float: left; margin: 0px 0px 30px 0px; display: flex; justify-content: space-around;}
.dialogCont .scroller {width: 100%; max-height: 50vh; float: left; overflow-y: scroll;}
.dialogCont .scroller.size-2 {max-height: 80vh;}

.dialogCont .rowItemTable {width: 100%; float: left; border-collapse: collapse;}
.dialogCont .rowItemTable TR:HOVER {background-color: #f7f7f7; cursor: pointer;}
.dialogCont .rowItemTable TH {border-bottom: 3px #479bd2 solid; font-size: 14px; padding: 8px 5px; text-align: left;}
.dialogCont .rowItemTable TD {border-bottom: 1px #cfcfcf solid; font-size: 12px; padding: 5px;}
.dialogCont .rowItemTable .tdImage {width: 80px;}
.dialogCont .rowItemTable .tdImage IMG {width: 100%; float: left;}
.dialogCont .rowItemTable .tdName {width: 150px;}
.dialogCont .rowItemTable .tdDesc .descFrame {width: 100%; max-height: 100px; overflow-y: hidden;
 /*-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
 -webkit-mask-image:  linear-gradient(to bottom, rgba(255,0,0,1), rgba(255,0,0,1), rgba(255,0,0,0));;
 }
.dialogCont .rowItemTable .tdDesc P {font-size: 12px; margin: 5px 0px;}

/* Porovnání produktů */
.dialogCont .dialogFrame .table-compare {width: 100%; float: left; border-collapse: collapse;}
.dialogCont .dialogFrame .table-compare TD {width: 25%; border: 1px #ccc solid; text-align: center; padding: 10px; font-size: 14px;}
.dialogCont .dialogFrame .table-compare TD IMG {max-width: 60%;}
.dialogCont .dialogFrame .table-compare TD.heading-1 {font-size: 16px; font-weight: 700; color: #1796e2; text-align: left;}
.dialogCont .dialogFrame .table-compare TD.heading-1 P {width: 100%; float: left; margin: 0px 0px 0px 0px;}
.dialogCont .dialogFrame .table-compare TD.heading-1 .print {width: 100%; float: left; display: block; font-size: 14px; color: #3a3a3a; margin: 20px 0px 0px 0px; font-weight: 300;}
.dialogCont .dialogFrame .table-compare TD.heading-2 {font-size: 14px; font-weight: 700;}
.dialogCont .dialogFrame .table-compare TD.blue {background-color: #1796e2; color: #FFF; font-size: 16px; font-weight: 700; text-align: left;}
.dialogCont .dialogFrame .table-compare TD .v-centerer {width: 100%; float: left; display: flex; align-items: center;}
.dialogCont .dialogFrame .table-compare TD .v-centerer IMG {margin: 0px 10px 0px 0px; height: 35px;}