@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,600&display=swap');
@font-face{
    font-family: 'Hrot Basic Medium';
    src: url('../fonts/HrotBasic-Medium.woff2') format('woff2'), url('../fonts/HrotBasic-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
			}
@font-face{
    font-family: 'Hrot Basic SemiBold';
    src: url('../fonts/HrotBasic-SemiBold.woff2') format('woff2'), url('../fonts/HrotBasic-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
  font-size: 100%;
}

h1{
	font-size: 2.25rem !important;
	line-height: normal !important

}

h2{
	font-weight: normal;	
    line-height: 1.95rem; 
}

h3{
	    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
font-family: "FontAwesome";
color: #fff;
content: "\f00c";
top: 2px !important;
left: 2px !important;
line-height: 14px;
}

@supports (-webkit-touch-callout: none) {
  [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
content: "\f00c";
left: 2px !important;
top: 1px !important;
}
}
body,
table,
option,
button {
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
}
#sptnav a{
        font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
        font-weight: 600 !important;
}
h1,h2,h3{
        font-family: 'IBM Plex Sans', Arial, sans-serif !important;

}
p, th, td, select, input{
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;
    color: #4d4d4d;
    border-radius: 0px !important;
}
* {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'IBM Plex Sans', Arial, sans-serif;  
}

/*media queries EDGE*/
@supports (-ms-ime-align:auto) {

    .faq-sidebar span {
        width: auto;
        height: auto;
    }

    .config .tabform .wovat .price span, 
    .config .tabform .wvat .price span{
        text-align: center !important;
    }
 	
 	.config-info .availability .yes{
   		width: 65% !important;
   		margin: 0 auto;
   		float: unset;
   		padding: 0 0 0 15px;
	}

 	.config-info .availability .no{
   		width: 90% !important;
   		margin: 0 auto;
   		float: unset;
   		padding: 0 0 0 15px;
	}

	[type='checkbox']:not(:checked) + label::after, 
	[type='checkbox']:checked + label::after{
    	top: 0px !important;
    	left: 0px !important;
	}
}
	/*safari*/
	/*@media not all and (min-resolution:.001dpcm),(-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 1200px){
	    .config .config-detail .config-info.half.float-right{
	            transform: translateX(415px) !important;
	    }      
	}*/
 
/*mozzila*/


/*.highlighted{
border-left: 2px solid #e83e49 !important;
}*/

@media (min--moz-device-pixel-ratio:0) and (min-width: 1200px){
	.config .config-detail .config-info.half.float-right{
        /*transform: translateX(294%) !important;*/
    }  
}
  
@media (-ms-high-contrast: none), (-ms-high-contrast: active){
    .config-info .availability .yes{
   		width: 100% !important;
   		margin: 0 auto;
   		float: unset;
   		padding: 0 0 0 35px;
	}

 	.config-info .availability .no{
   		width: 100% !important;
   		margin: 0 auto;
   		float: unset;
   		padding: 0 0 0 15px;
	}
    
    .config .price input {
        width: 155px;
    }
    
    .config .greenloancalc .grenkeKalkulackaBlock .block-title {
        background-image: none !important;
        /*height: 1.5rem !important;*/
        text-align: left !important;
        width: auto !important;
        margin-left: 0px !important;
    }

    .stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-title {
        background-image: none !important;
        height: 1.5rem !important;
        text-align: right !important;
        width: auto !important;
        margin-left: 0px !important;
    }

    .config .greenloancalc th {
        visibility: visible !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
        padding: 5px 5px 5px 0 !important;
    }

    .greenloancalc .label {
        visibility: visible !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
        padding: 5px 5px 5px 0 !important;
    }

    .config .greenloancalc th:before {
        display: none !important;
    }

    .greenloancalc .label:before {
        display: none !important;
    }

    .tabform th:not(:empty):not(.notdeliv):after {
        visibility: visible !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
    }

    .rowbox :not(:empty).label::after {
        display: inline-block !important;
    }

    .greenloancalc .label:after {
        content: ":" !important;
        margin: 0 0 0 -4px;
        display: none !important;
    }

    .stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-title span {
        content: "" !important;
        display: block !important;
    }

    .config .greenloancalc .grenkeKalkulackaBlock .block-title span {
        display: inline-block !important;
    }
}
/*min 1400px jen pro menu*/
@media screen and (min-width: 1400px){
    #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a{
    height: 80px !important;
    display: block !important;
    padding: 25px 0 0 0 !important;
}
	#footercont .companycontact{
	grid-column: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi .cnt nav{
       grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
footer .boxcont.navi>.cnt {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 33% 13% 54%;
}
.mobileColumnGroup{
	display: none;
}

#stinotecmtblock_info .text_pic{
	                	display: none;
	                }

			.orders #contentcont .document.moredetails, 
	.orders #contentcont .document.half, 
	.orders #contentcont .document.float-half, 
	.iisutil #contentcont .document.moredetails, 
	.iisutil #contentcont .document.half, 
	.iisutil #contentcont .document.float-half{
		    width: calc(100%/3) !important;
    margin-top: 10px;
    height: 330px;
    margin-bottom: 10px;
	}
	.ordbaskets #centercont, .orders #centercont{
	padding-top: 106px !important;
	}		
/*	.modal-popup{
		bottom: unset;
		width:10% !important;
	}*/
	.modal-popup.modal-pf2020 .pf2020 p {

    font-size: 6.6rem !important;

	}

	#sptnav ul li .sptnavsub{
        padding: 0 100%;
    	top: 35px;
    	width: 300%;
    	transform: translateX(-50%);
    	left: 50%;
	}
}

@media screen and (min-width: 1200px){

    #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a{
    height: 80px !important;
    display: block !important;
    padding: 25px 0 0 0 !important;
}
    .googlehvezdyuvodka{
    margin: 90px 0 60px 60px;
    background: #fff;
    padding: 20px;
    float: left;
    max-width: 400px;
    border-bottom: 2px solid #E6E6E6;
}

    #googlehvezdy {
    float: left;
    clear: left;
    grid-column: 1;
    grid-row: 3;
    margin-right: 25px;
}
	#footercont .companycontact{
	grid-column: 5;
        grid-row-start: 2;
        grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi .cnt nav{
       grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi>.cnt {
    display: grid;
    grid-template-columns: 22% 20% 20% 20% 17%;
    grid-template-rows: 200px 10% 0%;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    width: 200px;
}
.faq-sidebar_kontakty.cenik {
	background: url(../img/kontakt_gallery/kontakt_3.jpg) no-repeat center !important;
	background-position: -110px -50px;
    background-size: 613px !important;
}

.mobileColumnGroup{
	display: none;
}
#stinotecmtblock_info .text_pic{
	                	display: none;
	                }
.boxcont.basketadd .stiplname{
	width: 70% !important;
	    padding: 0 !important;
    height: 70px;
}
.popupcont.basketadd{
	top: 96px !important;
    z-index: 1000;
    right: 50%;
    left: 50% !important;
    width: 390px;
    min-width: unset;
    position: fixed !important;
    border-radius: 0px;
    transform: translateX(210px);
}

#sptnav .sptnavsub .level6>li>.categories>a{
		/*padding: 15px 0px 15px 15px !important;*/
	}
	.step_3 #contactdatacont_1, .step_3 #contactdatacont_2, .step_3 #contactdatacont_3, .step_3 #contactdatacont_4, .step_3 #contactdatacont_5, .step_3 #contactdatacont_6, .step_3 #contactdatacont_1_log, .step_3 #contactdatacont_2_log, .step_3 #contactdatacont_4_log {
    background: #ffffff !important;
    background: #ffffff !important;
        margin: 0 10px 0 0;
    width: calc(100% / 5 - 10px);
    padding: 0 10px;
    clear: none;
}

	.boxcont.config-detail{
	display: grid;
    grid-template-rows: auto auto;
}

	.boxcont.config-detail .cnt form {
            display: grid;
        order: 2;
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 4;
        grid-template-rows: 50px 360px auto auto 30px;
}
.boxcont.config-detail>.cnt {
    display: grid;

    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-rows: auto auto;
}
	.boxcont.config-detail, .boxcont.config-detail .cnt form,.boxcont.config-detail>.cnt {
    grid-template-columns: 37% 34% 3% 26%;
}
	#filterstiparinfcont .cnt form div[data-cpaid="1633"] .hdr p {
        color: #fff !important;
        border-bottom: none;
        padding: 5px 0px 5px 0 !important;
        margin: 10px 15px 10px 0 !important;
        width: 100%;
        background: #21378a;
        text-align: center;
        font-size: 0.875rem !important;
        font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
        text-transform: uppercase;
        font-weight: normal;
}

    #filterstiparinfcont .cnt form div[data-cpaid="1633"] .hdr:after{
        content: "" !important;
    }
	/*.boxcont.compare.prodlist{
		margin: 25px 10px 0 0;
	}*/
	#headercont .basket,.boxcont.compare.prodlist{
    margin: 15px 10px 0 0;
    padding: 5px !important;
}
		.prodbox {
    width: calc(100% / 4);
}
	.subcats ul li {
    width: calc(25% - 5px);
}
.subcats ul li:nth-child(4n) {
    margin-right: 0;
    margin-left: 5px;
    clear: initial;
}
	.news li .img {
        width: 100% !important;
    height: 100px !important;
    overflow: hidden;
}
	.carousel .owl-item{
	    width: 32% !important;
    margin: 0;
    display: none;
}
	.boxcont.basket {
    margin: 25px 15px 0 0;
}
	.search {
    transform: translateY(40px);
}
	#footercont footer .boxcont.navi .cnt nav ul{
	width: 100%;
	padding: 35px 0 0 0;
}
	#footercont .companycontact{
		padding: 35px 0 0 0;
	}
	/*.homepage .news li:nth-child(2) {
    padding-right: 20px;
    padding-left: 20px;*/
}
	#centercont {
    padding: 148px 0 0 0 !important;

}

.config #centercont {
    padding: 170px 0 0 0;
}

	.sekundarni_lan_adaptery .configinput input[type=checkbox] + label {
    order: 2;
    width: 100% !important;
    padding: 0px 0 0px 60px !important;
    margin: 0 0 0 -50px;
    height: fit-content;
}

#basketsumtab tr:last-child th {
    font-size: 1.5rem;
    min-width: 117.61px !important;
    padding: 5px 3px !important;
}
	#gdprcont {
        width: 45%
}
	#customsignordercont{
width: 30%;
}

	#deliverycont, #paywaycont{
	width: 30%;
}
	#contactdatacont_4_log ~ .boxcont.products.noedit{
    width: 100%;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 100%;

}
	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1){
    padding-bottom: 30px;
}
	.cont.contentcont.ordbaskets #logincontactcont{

    margin: 0 auto;
    float: unset;
}

	.boxcont.logincontact.ds_none + form .boxcont.products.noedit{
    /*width: 40%;*/
}

		.cont.contentcont.ordbaskets form
	#contactdatacont_1, 
	#contactdatacont_2, 
	#contactdatacont_3, 
	#contactdatacont_4,	#contactdatacont_1_log, 
	#contactdatacont_2_log, 
	#contactdatacont_4_log{
	    float: left !important;
	}
	.iisutil #centercont,.ordbaskets #centercont, .orders #centercont{
	padding-top: 100px !important;
	}		

	.modal-popup.modal-pf2020 .pf2020 .btn.btn-close{
	margin: 0px 0px;
	}
	.modal-popup.modal-pf2020 .pf2020 p {
        font-size: 4.5rem;
    min-width: 350px;
	}
   .boxcont.webnews .prodbox h2 {
    	font-size: 1.5rem;
    	color: #204471; 
    	text-align: left;
    	padding: 5px 0;
	}
	.boxcont.news h2 {
 font-size: 1.125rem;
    line-height: 1.6875rem;
    padding: 0px 0;
    color: #21378a;
    width: 100%;
    display: block;
    float: left;
    position: relative;
	}
.text-block h2{
	padding:  0 !important
}
	.boxcont.webnews.news .hdr {
	background: #fff;
    padding: 30px 30px 5px 30px;

	}

    #headercont .basket .price {
    	margin: 0px;
    	padding: 5px 0 0 20px;
	}

    #headercont .logo a {
      background: url(../img/logo_CS.png) no-repeat !important;
    background-size: 100% !important;
    margin: 0;
    width: 180px;
    height: 65px !important;
	}
	#footercont .footerlogo{
	margin: 40px 0 0 0;
    width: 80%;
    height: inherit;
    grid-column: 1;
    grid-row: 1;
    display: block;
    max-width: 194px;
	}

	#footercont .boxcont.footerlogo a{
	background: url(../img/logo_CS.png) no-repeat !important;
    background-size: 92% !important;
    width: 184px;
    height: 58px;
    color: transparent;
    float: left;
    background-position: -14px -3px !important;
	}

	/*.ordbaskets #headercont .logo a{
    	    margin: 20px 0 !important;
	}*/

    /*.homepage .boxcont.webnews .boxcont.news ul li {
        width: 50%;
	    display: block;
	    height: 240px;
	    float: left;
	    clear: right;
	    padding: 0;
	    margin-top: 2%;
    }*/

    .news li .hdr a {
    	font-size: inherit;
	}

    .prodbox .btn-config, .prodbox .btn-buy{
	    float: right !important;

	    margin: 0 !important;
	    font-size: 1rem;
	    color: #fff !important;
    }

    .prodbox .btn-config, .prodbox .btn-buy {
    background: #152654 !important;
        border-radius: 0px !important;
	}

    #stepscont{
    position: fixed;
    z-index: 200;
    transform: translateY(-95px);
    max-width: 100px;
    left: 50%;
	}
    
    .ordersteps table .step .num:before{
    	font-size: 2.5rem;
	}
	.ordersteps table .step {
    padding: 18px 0;
}
    /*.owl-carousel .owl-item{
        width: 25% !important;
    }*/

	.config-info .order{
	    display: block;
	    z-index: 99;
	    order: 3;
	   	width: 100%;
	    padding: 0px 25px 0 25px;
	}

	.stoitem .boxcont.half.stiimg {
	    width: 100%;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 3;
    background: #fff;
    grid-template-columns: 100%;
    grid-row-start: 1;
    grid-row-end: 3;
	}

	.boxcont.half.float-right.stiinfo {
width: 100%;
    border-radius: unset;
    background: transparent;
    grid-column-start: 4;
    grid-column-end: 4;
    height: fit-content;
    grid-row-start: 1;
    grid-row-end: 3;
    padding: 0;
    transform: translateY(-144px);
	   }

	.config-info .tabform .availability{
	 order: 5;
    width: 60%;
    display: inline-block;
    padding: 25px 25px 0 0;
	}
.config-info .tabform .classname{
}
	#config_selected, #config_selected_services{
	background-color: white;
	/*position: absolute;
	top: 777px;*/
	float: left;
	width: 100%;
	display: block;
	padding: 10px;
	margin-top: 5px;
	width: 100%;
	height: min-content;
	/*max-height: 300px;*/
	z-index: 99;
	}

#config_selected::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

#config_selected::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(21 38 84);
}
#config_selected::-webkit-scrollbar-button:vertical:start:decrement {
	width:15px;
	display: block;
    background:
        linear-gradient(120deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(240deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(0deg, #ffffff 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #152654;
}

#config_selected::-webkit-scrollbar-button:vertical:end:increment {
	width:15px;
	display: block;
    background:
        linear-gradient(300deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(60deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(180deg, #ffffff 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #152654;
    }

	.config-info .tabform tbody{
		display: flex;
		flex-flow: row wrap;
	    max-width: 310px;
	}

	.config-info .tabform .wovat, .rowbox.wovat{
	        order: 1;
    width: 100%;
    padding: 0 0 0 0px;
    border-top: none;
    border-bottom: none;
    display: block;
    grid-column-start: 1;
    grid-column-end: 3;
	}

	.config-info .tabform .wvat, .rowbox.wvat{
	    order: 2;
    width: 100%;
    padding: 0 0 15px 0;
    display: block;
    grid-column-start: 1;
    grid-column-end: 3;
	}
	  
	  .config-info .tabform .wovat{
	  	padding-top: 0px !important;
	  }

	  .config-info .tabform .wvat{
	  	padding-left: 0px !important;
	  }


	html[lang="cs"] #config_selected:before{
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
	    content: "Upravená konfigurace";
	    width: 100%;
	    display: block;
	    font-size: 1.15rem;
	    font-weight: 600;
	    color: #21378a;
	    padding: 5px 0px 0px 10px;
	 	text-align: left;
	}

    html[lang="cs"] #config_selected_services:before{
        font-family: 'IBM Plex Sans', Arial, sans-serif;
        content: "Záruky a služby";
        width: 100%;
        display: block;
        font-size: 1.15rem;
        font-weight: 600;
        color: #21378a;
        padding: 5px 0px 0px 10px;
        text-align: left;
    }

	html[lang="sk"] #config_selected:before{
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
	    content: "Upravená konfigurácia";
	    width: 100%;
	    display: block;
	    font-size: 1.15rem;
	    font-weight: 600;
	    color: #21378a;
	    padding: 5px 0px 0px 10px;
	 	text-align: left;
	}



	.config .title span{
	    font-size: 1.125rem !important;
    position: relative;
    color: #4D4D4D;
    font-weight: 400;
    text-align: left;
    margin: 15px 0px 5px 0px;
    display: block;
    border-bottom: 0px dotted #4D4D4D;
    width: fit-content;
    line-height: 1.6875rem;
	}
	    /*úprava produktová stránka s konfigurátorem*/
	        /*.config .configinput label .configname {
	            width: 73%;
	        }*/

/*	.config-detail .status {
	    margin: 100px 0 0 0;
	    position: relative;
	}
*/
	.config .config-detail .hdr h1 {
	  padding: 15px 25px;
	}
    .config .ui-widget-header{
        display: none !important;
    }
	.config #tabs {
    display: flex;
    margin: 30px 0;
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 4;
    flex-direction: column-reverse;
    	}   

	.configuration{
	    width: 100% !important;
	    background: #f9f9f9;
	    order: 6;
	}

	.config .config-detail .config-info.half.float-right{

	    width: 310px;
	}

	        /*.config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note{
	            margin: 100px 0 0 0;
	        }*/

	       

	        /*.config .config-detail>.hdr {
	            width: 100%;
	            height: 6.5em;
	            margin: -1px 0 0 0;
	        }*/

	        /*.configuration > .cnt > .tabform tr{
	        padding: 2px 0 2px 0;
	        display: table-row;
	        width: -webkit-fill-available;
	        }*/

	        /* .config .configinput {
	        float: right !important;
	        clear: right !important;
	        width: 68% !important;
	        margin: -3px 12% 0 0 !important;
	        border-left: 1px solid #c8d6e4 !important;
	        padding: 0;
	        }*/

	        /* .config-detail .cnt .boxcont.config-img.half{
	                border-right: 1px solid #e7e7e7;
	        }*/
	        /*.configuration > .cnt > .tabform {
	        padding-top: 0px;
	        margin: -20px 0px 0px -30px;
	        }*/
	        /*úprava produktová stránka s konfigurátorem*/
	        /*úprava produktová stránka s konfigurátorem*/
	        




	        
	.config-detail .cnt form .boxcont.config-info.half.float-right .cnt .hdr.hdr-config-info {
	    width: 100%;
	    display: none;

	}

	.config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note{
	    width: 100%;
		background: #fff;
		padding: 0 25px 17px 25px; 
	} 
	.config .config-detail .boxcont.tools {
	        height: 56px;
    background: #fff;
    margin: 0;
    padding: 0px 15px 0 15px;
    border-top: 0 solid #fff;
    border-bottom: 0px solid #fff;
	}
	.config-detail .boxcont.note{
	    width: 32%;
	    padding: 0 20px;
	    height: 210px;
	}
	    
	.config .config-detail>.hdr {
	    width: 72%;
        height: 124px;
    display: table;
	}
	        
	.subcats ul li {
	   	height: 45px;
	}

	      /*  .config .config-detail .configuration .hdr:before {
	    content: "Upravit konfiguraci podle potřeb";
	    display: block;
	    color: #3b608a;
	    width: 100%;
	    font-weight: 400;
	    padding: 5px 0px 5px 0px;
	    margin: 0px 0 0px 0px;
	    font-size: 1.4em;
	    
	    text-align: center;
	    background-image: url(../img/gearwheel.svg);
	    background-position: 68% 3px;
	    background-repeat: no-repeat;
	    background-size: 20px;
	    }*/
	.config div.configinput {
	    background: white;
	    display: flex;
	    float: right !important;
	    clear: right !important;
	    width: 100.2% !important;
	    margin: 0 !important;
	    font-weight: 400;
	}

	.configuration .cnt .tabform .serverove_disky td>span, 
	.configuration .cnt .tabform .serverove_diskove_ramecky td>span,
	.configuration .cnt .tabform .lan_adaptery_ethernet td>span,
	.configuration .cnt .tabform .serverove_operacni_systemy td>span,
	.configuration .cnt .tabform .adaptery_fibre_channel td>span,
	.configuration .cnt .tabform .sekundarni_lan_adaptery_ethernet_do_pcie_slotu td>span,
	.configuration .cnt .tabform .primarni_lan_adapter_na_zakladni_desce td>span,
	.configuration .cnt .tabform .sekundarni_lan_adaptery td>span,
	.configuration .cnt .tabform .lan_adaptery td>span,
	.configuration .cnt .tabform .housing_v_datovem_centru td>span,
	.configuration .cnt .tabform .instalace_os td>span{
	    width: 100% !important;
	    color: #4D4D4D;
	    background: rgba(255, 255, 255, 1) !important;
	    font-style: normal !important;
	    text-align: left;
	    font-weight: 600 !important;
	    padding: 10px 0 5px 0px !important;
	    font-size: 1rem;
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
	}

	.config .configinput label{
	    order: 2;
	    width: 100% !important;
	    padding: 0 0 0 40px;
	    margin: 0 0 0 -30px;
	    height: fit-content;
            border-top: 1px solid #F2F2F2;
	}
.config .configinput label.third-item{
	padding: inherit;
}
	/*.boxcont .note .cnt .note p:nth-child(2){
	  	padding: 20px 0;
	}*/

	/*.config-detail .cnt form .note .hdr-note h2:before{
	    content: "Možnosti konfigurace:";
	    width: 100%;
	    display: block;
	    font-size: 1.2em;
	    font-weight: 600;
	    color: #3b608a;
	    padding: 0 0 5px 0;
	    text-align: left;   
	}*/

	.config-info .tabform .availability.inet {
	    width: 100%; 
	    padding: 0 !important;
	}

	            /*.level6 li .categories{
	                    height: 1px;
	                    background: #bccada;
	            } */

	.level9 li .categories{
/*	    height: 40px !important;*/
	    background-color: transparent;
	    padding: 0px;
	    border: 0px solid transparent;
	    float: left;
	    } 

	    .modal-popup{
	width: 100%;
    z-index: 500;
	}
}
@media screen and (max-height: 670px){
#config_selected{
    /*max-height: 200px;*/
	}
}
@media screen and (min-height: 800px){
#config_selected{
/*    float: right;
    width: 20%;*/
	   }
}

@media screen and (min-height: 900px){
#config_selected{
    max-height: unset;
    }
}
@media screen and (min-height: 1000px){
/*#config_selected{
        max-height: 680px;
        position: absolute;
}*/
}


/*#gdprcont [type="checkbox"]:checked + label:after{
        top: 4px !important;
}*/
/*SERVERY*/
/*
    a[data-strid='8764596'] {
    background-image: url(../img/icons/CS_RACK_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 7px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='8764596'] {
    background-image: url(../img/icons/CS_RACK_ICON_black.svg);
    background-position: 0px -1px;
    color: #204471;
    }*/
/*STORAGE*/
/*    a[data-strid='5807392'] {
    background-image: url(../img/icons/CS_STORAGE_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 7px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='5807392'] {
    background-image: url(../img/icons/CS_STORAGE_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*PAMETI*/
/*    a[data-strid='84'] {
    background-image: url(../img/icons/CS_RAM_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 7px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='84'] {
    background-image: url(../img/icons/CS_RAM_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*DISKY*/
/*    a[data-strid='99'] {
    background-image: url(../img/icons/CS_DISK_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 10px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='99'] {
    background-image: url(../img/icons/CS_DISK_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*KOMPONENTY*/
/*    a[data-strid='83'] {
    background-image: url(../img/icons/CS_KOMPONENTY_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 10px 6px 7px 39px !important;
    margin:7px;
    }
    .act a[data-strid='83'] {
    background-image: url(../img/icons/CS_KOMPONENTY_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*WORKSTATION*/
/*  a[data-strid='4992329'] {
    background-image: url(../img/icons/CS_WORKSTATION_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 10px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='4992329'] {
    background-image: url(../img/icons/CS_WORKSTATION_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*SOFTWARE*/
/*    a[data-strid='228'] {
    background-image: url(../img/icons/CS_SOFTWATE_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 7px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='228'] {
    background-image: url(../img/icons/CS_SOFTWATE_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*konec ikony 1.uroven menu*/
/*zacatek ikony 2.uroven menu*/
/*RACK hpe PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(1) img {
    background-image: url(../img/icons/CS_ICON_hpe_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RACK hpe PROLIANT*/
/*TOWER hpe PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(2) img {
    background-image: url(../img/icons/CS_ICON_hpe_TOWER.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*TOWER hpe PROLIANT*/
/*BLADE hpe PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(3) img {
    background-image: url(../img/icons/CS_IBM_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*BLADE hpe PROLIANT*/
/*RACK DELL PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(4) img {
    background-image: url(../img/icons/CS_FJ_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RACK DELL PROLIANT*/
/*TOWER DELL PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(5) img {
    background-image: url(../img/icons/CS_ICON_DELL_TOWER.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*TOWER DELL PROLIANT*/
/*BLADE DELL PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(6) img {
    background-image: url(../img/icons/CS_ICON_DELL_BLADE.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*BLADE DELL PROLIANT*/
/*IBM*/
/*    .level3 li:nth-child(1) div ul li:nth-child(7) img {
    background-image: url(../img/icons/CS_ibm_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*IBM*/
/*FUJITSU*/
/*    .level3 li:nth-child(1) div ul li:nth-child(8) img {
    background-image: url(../img/icons/CS_FJ_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*FUJITSU*/
/*SUN*/
/*    .level3 li:nth-child(1) div ul li:nth-child(10) img {
    background-image: url(../img/icons/CS_SUPERMICRO_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*SUN*/
/*SUPERMICRO*/
/*    .level3 li:nth-child(1) div ul li:nth-child(9) img {
    background-image: url(../img/icons/CS_SUN_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*SUPERMICRO*/
/*STORAGE hpe*/
    /*.level3 li:nth-child(2) div ul li:nth-child(1) img {
    background-image: url(../img/icons/CS_ICON_hpe_STORAGE.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*STORAGE hpe*/
/*STORAGE DELL*/
   /* .level3 li:nth-child(2) div ul li:nth-child(2) img {
    background-image: url(../img/icons/CS_ICON_DELL_STORAGE.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*STORAGE DELL*/
/*STORAGE DELL*/
    /*.level3 li:nth-child(2) div ul li:nth-child(3) img {
    background-image: url(../img/icons/CS_ICON_FUJ_STORAGE.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*STORAGE DELL*/
/*RAM 1.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(1) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 1.*/
/*RAM 2.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(2) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 2.*/
/*RAM 3.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(3) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 3.*/
/*RAM 4.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(4) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 4.*/
/*RAM 5.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(5) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 5.*/
/*RAM 6.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(6) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 6.*/
/*RAM 7.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(7) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 7.*/
/*HDD SAS 2.5*/

/*.level3 li:nth-child(4) div ul li div ul {
    padding: 0 0px 0px 75px !important;
    background-size: 3% !important;
    background-position: 8px -3px !important;
    margin: -10px 0 0 0;
    }

    .level3 li:nth-child(4) div ul li:nth-child(1) div ul {
    background: url(../img/icons/CS_HDD_2.5_SAS_ICON.svg) no-repeat !important;
    }*/
/*HDD SAS 2.5*/
/*HDD SAS 3.5*/
/*    .level3 li:nth-child(4) div ul li:nth-child(2) div ul {
    background: url(../img/icons/CS_HDD_3.5_SAS_ICON.svg) no-repeat !important;
    }*/
/*HDD SAS 3.5*/
/*HDD SATA 2.5*/
/*    .level3 li:nth-child(4) div ul li:nth-child(3) div ul {
    background: url(../img/icons/CS_HDD_2.5_SATA_ICON.svg)  no-repeat !important;
    }*/
/*HDD SATA 2.5*/
/*HDD SATA 3.5*/
/*    .level3 li:nth-child(4) div ul li:nth-child(4) div ul{
    background: url(../img/icons/CS_HDD_3.5_SATA_ICON.svg) no-repeat !important;
                }*/
/*HDD SATA 3.5*/
/*HDD FC*/
/*    .level3 li:nth-child(4) div ul li:nth-child(5) div ul {
    background: url(../img/icons/CS_HDD_FC_ICON.svg) no-repeat !important;
    }*/
/*HDD FC*/
/*HDD SCSI*/
/*    .level3 li:nth-child(4) div ul li:nth-child(6) div ul {
    background: url(../img/icons/CS_HDD_SCSI_ICON.svg) no-repeat !important;
    }*/
/*HDD SCSI*/
/*SSD SATA*/
/*    .level3 li:nth-child(4) div ul li:nth-child(7) div ul{
    background: url(../img/icons/CS_SSD_SATA_ICON.svg) no-repeat !important;
    }*/
/*SSD SATA*/
/*SSD SAS*/
/*    .level3 li:nth-child(4) div ul li:nth-child(8) div ul{
    background: url(../img/icons/CS_SSD_SAS_ICON.svg) no-repeat !important;
    }*/
/*SSD SAS*/
/*RAMECEK*/
  /*  .level3 li:nth-child(4) div ul li:nth-child(9) div ul {
    background: url(../img/icons/CS_RAMECEK_ICON.svg) no-repeat !important;
    }*/
/*RAMECEK*/
/*LAN*/
/*    .level3 li:nth-child(5) div ul li:nth-child(1) img {
    background-image: url(../img/icons/CS_LAN_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*LAN*/
/*ZDROJE*/
/*    .level3 li:nth-child(5) div ul li:nth-child(2) img {
    background-image: url(../img/icons/CS_ZDROJ_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*ZDROJE*/
/*RADIC*/
/*    .level3 li:nth-child(5) div ul li:nth-child(3) img {
    background-image: url(../img/icons/CS_RADIC_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RADIC*/
/*BATERIE&CACHE*/
 /*   .level3 li:nth-child(5) div ul li:nth-child(4) img {
    background-image: url(../img/icons/CS_BATERIE&CACHE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*BATERIE&CACHE*/
/*ZAKLADNI_DESKA*/
/*    .level3 li:nth-child(5) div ul li:nth-child(5) img {
    background-image: url(../img/icons/CS_ZAKLADNI_DESKA_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*ZAKLADNI_DESKA*/
/*CPU*/
/*    .level3 li:nth-child(5) div ul li:nth-child(6) img {
    background-image: url(../img/icons/CS_CPU_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*CPU*/
/*BACKPLANE*/
/*    .level3 li:nth-child(5) div ul li:nth-child(7) img {
    background-image: url(../img/icons/CS_BACKPLANE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*BACKPLANE*/
/*RISER*/
/*    .level3 li:nth-child(5) div ul li:nth-child(8) img {
    background-image: url(../img/icons/CS_RISER_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RISER*/
1263/*VRM_MODUL*/
/*    .level3 li:nth-child(5) div ul li:nth-child(9) img {
    background-image: url(../img/icons/CS_VRM_MODUL_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*VRM_MODUL*/
/*MANAGMENT*/
/*    .level3 li:nth-child(5) div ul li:nth-child(10) img {
    background-image: url(../img/icons/CS_MANAGMENT_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*MANAGMENT*/
/*CHLAZENI*/
/*    .level3 li:nth-child(5) div ul li:nth-child(11) img {
    background-image: url(../img/icons/CS_CHLAZENI_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*CHLAZENI*/
/*LIZINY*/
/*    .level3 li:nth-child(5) div ul li:nth-child(12) img {
    background-image: url(../img/icons/CS_LIZINY_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*LIZINY*/
/*OPTICKE*/
/*    .level3 li:nth-child(5) div ul li:nth-child(13) img {
    background-image: url(../img/icons/CS_OPTICKE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*OPTICKE*/
/*PASKOVE*/
 /*   .level3 li:nth-child(5) div ul li:nth-child(14) img {
    background-image: url(../img/icons/CS_PASKOVE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*PASKOVE*/
/*SKRINE*/
/*    .level3 li:nth-child(5) div ul li:nth-child(15) img {
    background-image: url(../img/icons/CS_SKRINE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*SKRINE*/
/*KABELY*/
/*    .level3 li:nth-child(5) div ul li:nth-child(16) img {
    background-image: url(../img/icons/CS_KABELY_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*KABELY*/
/*SD*/
/*    .level3 li:nth-child(5) div ul li:nth-child(17) img {
    background-image: url(../img/icons/CS_SD_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*SD*/
/*OSTATNI*/
/*    .level3 li:nth-child(5) div ul li:nth-child(18) img {
    background-image: url(../img/icons/.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*OSTATNI*/
/*WORKSTATION hpe*/
/*    .level3 li:nth-child(6) div ul li:nth-child(1) img {
    background-image: url(../img/icons/CS_WORKSTATION_DELL_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*WORKSTATION hpe*/
/*WORKSTATION DELL*/
 /*   .level3 li:nth-child(6) div ul li:nth-child(2) img {
    background-image: url(../img/icons/CS_WORKSTATION_hpe_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/

    .config-detail .tabinfo {
        border: none;
    }

    .config .configinput label.first-item {
        width: 100% !important;
    }
/*WORKSTATION DELL*/
/*NEVIM*/
/*
.fa.fa-cog:before {
    display: none;
}
*/
/*
.webmenu.menuid_2 .down {
    line-height: 1.5em;
    margin-top: 10px;
}
*/
/*
.prodbox .sts_img {
    right: 40px;
}

*/
/*

.sippriceord td {
    color: transparent;
}

.sippriceord .price {
    display: none;
}

.sippriceord td span {
    color: black;
}
*/

/*
#stiysttable tr .name {
    border-left: transparent;
}
*/


.boxcont .recommended {
    display: none;
}


/*
.boxcont .products .noedit {
    width: 100%;
}
*/

/*NEVIM*/
/*.boxcont.config-detail>.cnt{
	display: flex;
	flex-flow: wrap;
}*/
/*.boxcont.config-detail .cnt form{
	    display: grid;
    order: 2;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 4;
    grid-template-rows: 477px;
}*/
#sptnav .level3>li:nth-child(1) .level6 .level9 .categories a{
	    text-align: center !important;
    font-size: 0.875rem !important;
    margin: 0;
    position: relative;
    z-index: 100;
    mix-blend-mode: multiply;
    background-color: transparent !important;
    padding-top: 0px;
    background-position: 50% 0px;
    overflow: hidden;
    background-size: 130px;
	}
	#sptnav .level3>li:nth-child(1) .level6 .level9 .categories a+span{
		z-index: 100;
    position: relative;
    color: transparent;
    background: transparent;
	}
	#sptnav .level3>li:nth-child(1) .level6 .level9>li:hover .categories a+span{
		color: initial !important;
		 background: #fff;
         position: relative;
         z-index: 50;
         	}
/*hpe*/
	
/*check boxy*/
.configinput [type="checkbox"]:checked + label:after{
   top: 8px;
    left: 12px !important;
}

[type="checkbox"]:checked + label:before {
    background: #224AAB
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    border: 1px solid #C0C0C0;
    top: 1px !important;
    border-radius: 0;
}   
/*check boxy*/

/*radiobuttny*/
.config [type="radio"]:not(:checked) + label:after,.config [type="radio"]:checked + label:after {
    background: radial-gradient(circle, rgba(255,255,255,1) 35%, #224AAB 38%);
    border: 1px solid #477fc1;
    content: '';
    top: 0px;
    left: 10px;
    width: 14px;
    height: 14px;
    transition: all 0.2s;
    font-weight: 600;
    border-radius: 15px;
    border: 1px solid #224AAB;
}
/*radiobuttny*/

/*zápatí*/
btn-icon:before,
.fa:before {
   
    top: inherit;
    font-size: 16px !important;

}


.footerinfo .cnt .copyright {

    text-align: center !important;
}

.footerinfo .cnt .company {
    display: none;
}
 #footercont .newsletterbox {
    border-top: 1px solid #d1d7de;
    background: #e4ebf3 !important;
    display: none;
}

#footercont .footerinfo {
    border-top: 0px solid #e2e2e2;
    background: rgb(20 38 84) !important;
    font-size: 0.75rem;
}

#footercont .navi {
    padding: 0 10px 150px 10px;
    border-top: 1px solid #e2e2e2;
    background: #152654 !important;
}
#footercont .companyinfo p, #footercont .companycontact p a, #footercont .companycontact p span, #footercont .companycontact p{
    color: #ffffff;
}
#footercont .webmenu li ul a, #footercont .navi .cnt{
    color: #ffffff;
}

#footercont .webmenu li a {
    color: #ffffff;
}

html[lang="cs"] .boxcont.footerlogo:after{
	 content: "kvalitní repasované servery se zárukou 2 roky";
    font-size: 1rem;
    display: block;
    margin: 66px 2px 0 0;
    padding: 10px 0px 0 0;
    border-top: 2px solid #224AAB;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: 400;
    width: 91%;
}

html[lang="sk"] .boxcont.footerlogo:after{
	content: "kvalitné repasované servery so zárukou 2 roky";
    font-size: 1rem;
    display: block;
    margin: 66px 2px 0 0;
    padding: 10px 0px 0 0;
    border-top: 2px solid #224AAB;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: 400;
    width: 91%;
}

/*zápatí*/

/*záhlaví*/

.boxcont.basket{
    margin: 25px 15px 0 0;
    padding: 0 !important;
    border-bottom: 1px solid #FA4047;
    width: auto;
    float: right;
    clear: right;
}
.boxcont.compare.prodlist{
/*    padding: 0 !important;*/
    border-bottom: 1px solid #FA4047;
    width: 50px;
}
/*.prodlist .hdr .btn{
	padding: 0 0 5px 5px;
}*/
.search {
    display: block;
    padding: 0 !important;
    margin: 0 auto !important;
    float: left;
    width: 35%;
    z-index: 100;
    position: absolute;
    left: 40%;
}
#headercont, .scroll {
    /* z-index: 200; */
    /* margin: 0 auto; */
    /* float: none; */
    /* max-width: 1180px; */
    background: #152654 !important;
    position: fixed !important;
    transition-duration: 1s;
    transition-property: margin-top;
}

#headercont #sptnav{
/*	position: absolute;*/
/*    top: 80px;*/
}

#headercont {
    background: #152654 !important;
    z-index: 101;
    border-top: 5px solid #FA4047 !important;
    display: block;
    height: 147px;
    top: 0;

}
.ordbaskets #headercont,
.iisutil #headercont/*,
.orders #headercont*/{
  height: auto;
      max-height: 102px;
}

#sptnav ul {
        background: #152652;
        max-width: 1200px;
    display: block;
    margin: 0 auto;
    float: unset;
}
        


#sptnav .boxcont > ul > li {
	height: 50px;

       border-right: 0px solid #e6E6e6 !important;
    border-left: 0px solid #e6E6e6 !important;
}

/*.level3 li:nth-child(7) {

    border-right: 0px solid #A6A6A6 !important;
}*/

/*SVISLA CARA MENU*/


.menuid_1 li ul li a {
    border-bottom: none;
}

#headercont .webmenu li ul li:before {
   /* content: "•";
    float: left;
    padding: 0 5px 0 0;
    color: #bb3539;*/
}

#headercont .webmenu > li > a {
    font-size: 1.6rem;
    color: black;
}

.credit {
    font-size: 1.6rem;
    color: black !important;
}

#headercont .logged .cnt .inner .cnt {
    border: none !important;
    padding-bottom: 4px !important;
    width: 100%;
}

#headercont .logged .cnt {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    padding: 0 !important;
    border: 1px solid #C0C0C0 !important;
    right: 64px;
    z-index: 101;
    top: 30px;
    border-radius: 0px;
}

#headercont .login ul li label{
        float: unset;
    margin: 5px auto;
    display: block;
    width: fit-content;
}

#headercont .login ul li {
    padding: 5px 0 5px 0;
    width: 100%;
}

#headercont .login .btn {

        float: unset;
    margin: 5px auto;
    display: block;
}

#headercont .logged .cnt .inner .hdr {
    border-color: #ddd;
    padding: 10px;
}
.inner .ds_block {
    box-shadow: none !important;
}
#headercont .credit span {
    float: unset !important;
}

.credit span {
    float: left !important;
}
.prodlist .count, #headercont .basket .btn .count{
	font-size: 0.75rem;
    right: -12px;
    top: -5px;
    font-weight: normal;
    padding: 3px;
    width: 1.5rem;
    height: 1.5rem;background: #fa4047 !important;
}

#headercont .basket .btn .count{
	background: #fa4047 !important;
}

}
/*#headercont .basket .btn .count {
    top: -16px !important;
    right: -23px !important;
}*/

header .boxcont.top nav {
    display: none;
}

/*#headercont .basket .price {
    float: none !important;
    border: 2px solid white !important;
    padding: 7px 10px 3px 10px !important;
}*/
#headercont .logged ul li a span {
    display: inline-block;
}


/*#sptnav ul li .sptnavsub .level6 > li:nth-child(5n+1) {
    clear: none;
}
*/
#sptnav ul li .sptnavsub ul li {

    float: left !important;
    display: block;
    padding: 0 !important;
}



#sptnav ul li .sptnavsub ul li a,
#sptnav ul li .sptnavsub ul li p {
    border: none;
}
#sptnav ul li .sptnavsub .level9 li a{
    border-radius: 3px;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    text-align: left;
    width: 100%;
    line-height: 1.3125rem;

}
#sptnav ul li .sptnavsub .level9 li a:hover{
    font-weight: 600 !important;
}

#sptnav ul li .sptnavsub .level9 li a:after{
    display: none;

}

#sptnav .level3 li:nth-child(1)  .level6>li{
    padding: 0;
/*    min-height: 3.5rem;*/
    width: 100% !important;
    clear: unset !important;
}

#sptnav .level3 li:nth-child(2) .level6>li{
display: flex;

width: 100%;
}
/*Dell servery*/#sptnav .level3 li:nth-child(1) .level6>li:nth-child(1){
	grid-row-start: 1;
    grid-row-end: 9;
    grid-column-start: 1;
    grid-column-end: 1;

    
}

/*HPE ProLiant*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(2){
	border-right: 1px solid #e6e6e6;
    grid-row-start: 1;
    grid-row-end: 8;
    grid-column-start: 2;
    grid-column-end: 2;
    border-left: 1px solid rgb(215, 215, 215);
}
/*IBM/Lenovo*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(3){
grid-row-start: 7;
    grid-row-end: 7;
    grid-column-start: 2;
    grid-column-end: 2;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0 10px;
}
/*Storage, disková pole*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4){
    grid-row-start: 8;
    grid-row-end: 8;
    grid-column-start: 2;
    grid-column-end: 2;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
/*Databázové servery*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5){
	    grid-row-start:1;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 3;
    background: #e8ecf6;
}
/*Úložiště a zálohování*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6){
	grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 3;
    background: #e8ecf6;
}

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9) a{
    font-size: 0.875rem !important;
    font-weight: normal !important;
}
/*Virtualizace a Docker*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7){
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 3;
background: #e8ecf6;
}
/*ZFS (Proxmox, TrueNAS, FreeBSD, ap.)*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8){
    grid-row-start: 5;
    grid-row-end: 5;
    grid-column-start: 3;
    grid-column-end: 3;
background: #e8ecf6;

}
/*Účetnictví, ERP do kanceláře*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9){
    grid-row-start: 6;
    grid-row-end: 6;
    grid-column-start: 3;
    grid-column-end: 3;
    background: #e8ecf6;

}
/*Výprodej*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(10){
    grid-row-start: 7;
    grid-row-end: 7;
    grid-column-start: 3;
    grid-column-end: 3;

}
/*Úsporné servery*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(11){
    grid-row-start: 8;
    grid-row-end: 8;
    grid-column-start: 3;
    grid-column-end: 3;

}
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) .categories{
	height: 100%;
}

#sptnav .sptnavsub .level6>li>.categories>a{
	position: relative;
    margin: 0;
    padding: 0 !important;
    z-index: 1;
    width: 100% !important;
    background-blend-mode: multiply;
    font-weight: 600;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1.125rem;
}
/*#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) a{
	     border-left: 1px solid #d7d7d7;
}*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a{

    font-weight: normal !important;
    font-size: 0.875rem !important;
    flex-direction: column;
}


#sptnav .level3 li:nth-child(1) .level6>li:nth-child(1)>.categories>a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(2)>.categories>a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(3)>.categories>a{
    width: fit-content;
    margin: 0 auto;
    padding: 17px 0 0 0 !important;
}
#sptnav .level3 li .level6>li>.categories>a:hover:after,
#sptnav .level3 li .level6>li>.categories>a:hover:after,
#sptnav .level3 li .level6>li>.categories>a:hover:after{
	content: "_";
	position: absolute;
	color: #fa4047;
}
#sptnav .level3 li .level6>li>.categories>a:hover{
	color: #224AAB !important;
}
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) .categories,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) .categories,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7) .categories,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8) .categories,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9) .categories{
	height: 100%;
}

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(10) a{

    flex-direction: column;
    background-size: 30%;
    background-image: url(../img/Vyprodej_menu.svg);
    background-color: #fafafa;
    background-blend-mode: multiply;
    background-position: center 40px;
    background-repeat: no-repeat;
    height: 100% !important;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
        padding: 10px 0 0 0 !important;
}

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(11) a{
height: 100%;
   
   height: 100%;
    flex-direction: column;
    background-size: 40%;
    background-image: url(../img/servery/banner_nav2.jpg);
    background-color: #fafafa;
    background-blend-mode: multiply;
    background-position: center 5px;
    background-repeat: no-repeat;
    height: 100% !important;
        padding: 10px 0 0 0 !important;

}

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:before{

}


/*html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:after,
html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a:after{
	content: "Vybrat server";
    display: block;
    width: 50%;
    background: #fa4047;
    color: #fff;
    padding: 0px;
    position: absolute;
    bottom: 10px;
    margin-right: 25%;
    margin-left: 25%;
    font-size: 0.85rem;
}

html[lang="sk"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:after,
html[lang="sk"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a:after{
	content: "Vybrať server";
    display: block;
    width: 50%;
    background: #fa4047;
    color: #fff;
    padding: 0px;
    position: absolute;
    bottom: 10px;
    margin-right: 25%;
    margin-left: 25%;
    font-size: 0.85rem;
}*/

/*html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(11) a:before{
content: "s nízkými náklady na elektřinu";
    order: 2;
    display: block;
    width: calc(100% - 20px);
    font-size: 0.85rem;
    text-align: center;
    margin: 3px auto 0px auto;
    font-weight: 400;
    line-height: 1.3125rem;
}

html[lang="sk"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(11) a:before{
content: "s nízkymi nákladmi na elektrickú energiu";
    order: 2;
    display: block;
    width: calc(100% - 20px);
    font-size: 0.85rem;
    text-align: center;
    margin: 3px auto 0px auto;
    font-weight: 400;
    line-height: 1.3125rem;
}*/
/*
html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:before{
    content: "s vysoce efektivními procesory";
    order: 2;
    display: block;
    width: calc(100% - 50px);
    font-size: 0.85rem;
    text-align: center;
    margin: 3px auto 0px auto;
    font-weight: 400;
    line-height: 1.3125rem;
}
*/

/*
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:hover:after,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) a:hover:after,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a:hover:after{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}*/
/*#sptnav .level3 li:nth-child(1) .sptnavsub .level9 li:hover span,
#sptnav .level3 li:nth-child(2) .sptnavsub li:hover span{
	display: block;
    transform: translateY(-45px);
    margin: 2px auto;
    float: unset;
    clear: unset;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    background: #ffffffd1;
    position: relative;
    z-index: 10;
    width: 100%;
    font-weight: normal;
    font-size: 0.75rem;
    visibility: visible;
}*/

.prodbox:nth-child(3n){
	border-right: 1px solid;
}

#sptnav .level3 li:nth-child(3) .level6>li{
      width: 100%;
    clear: initial;
    display: flex;
    flex-direction: row;
}

#sptnav .level3 li:nth-child(5) .level6>li{
  width: 100% !important;
    display: flex;
}
#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li a:after{
	content: "| ";
}
#sptnav .level3 li:nth-child(4) .level6>li{
   width: 100%;
 display: flex;
}
#sptnav .level3 li:nth-child(6) .level6>li{
      width: 100%;
    display: flex;
}
/*#sptnav .level3 li:nth-child(4) .level6>li img{
	display: none;
}*/
#sptnav ul li img{
	margin-right: 15px;
}
#sptnav .level3>li:nth-child(3) .level6>li:nth-child(5){
	clear: left;
}
/*#sptnav .level3>li:nth-child(3) .level6>li:nth-child(8){
    margin-right: 5%;
}*/
#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li:hover,
#sptnav .level3 li:nth-child(4) .sptnavsub .level9 li:hover,
#sptnav .level3 li:nth-child(3) .sptnavsub .level9 li:hover{
	background: transparent;
}


#sptnav .level3 li:nth-child(3) .sptnavsub .level9 li,
#sptnav .level3 li:nth-child(2) .sptnavsub .level9 li{
        width: calc(100% / 1) !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: block;
    text-align: center;
}

#sptnav .level3 li:nth-child(4) .sptnavsub .level9 li{
    width: calc(100% / 1) !important;
    padding: 0 !important;
    clear: none !important;
}

#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li,
#sptnav .level3 li:nth-child(6) .sptnavsub .level9 li{
/*    width: calc(100% / 1) !important;*/
    padding: 0px 5px 0 0px !important;
    margin: 0 auto !important;
    display: block;
    text-align: center;
}
#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li:after,
#sptnav .level3 li:nth-child(6) .sptnavsub .level9 li:after{
	content: " | ";
	    padding: 0 0px 0 5px;
}
/*.level3 .sptnavsub li:nth-child(3n+1) {
    clear: left;
}*/

#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li:hover .categories a{
	font-weight: 600 !important;
}
#headercont .top {
    margin: 5px 15px 0 0px;
    background: #152654 !important;
    padding: 0;
    width: auto;
    float: right;
}
/*.sptnavsub > ul > li {
    padding: 15px 0 0 0 !important;
}*/

#sptnav ul>li {
    padding: 0;
    width: calc(100% / 5);
    border-right: 1px solid #ffffff;
}
#headercont .logged {
    margin: 0;
}

#sptnav .level3>li:nth-child(1) img,
#sptnav .level3>li:nth-child(2) img{
   max-width: unset !important;
    max-height: unset !important;
    width: 120px;
}

/*#sptnav .level3>li:nth-child(3) img{
	width: 100%;
	margin: 0;
	max-width: unset;
	max-height: unset;
}*/
.sptnavsub .categories{
	text-align: center;
    height: 100%;
    display: table;
    width: 100%;
}
#sptnav ul li .sptnavsub .level3 li img{
	display: block !important;
}
#sptnav ul li:nth-child(1) .sptnavsub .level6 li img{
    display: block !important;
    width: 120px;
/*    height: 55px;
    transform: translateY(-10px);*/
    mix-blend-mode: multiply;
    float: unset;
    clear: none;
    margin: 0 auto;
}
#sptnav ul li:nth-child(1) .sptnavsub .level6>li:nth-child(1)>img,
#sptnav ul li:nth-child(1) .sptnavsub .level6>li:nth-child(2)>img,
#sptnav ul li:nth-child(1) .sptnavsub .level6>li:nth-child(3)>img{
	display: none !important;
}
.level9 .categories span{
	display: none;
}

.level3>li:nth-child(1) .level9 .categories span{
    display: block !important;
}

#headercont .webmenu ul {
    background: #FFFFFF;

}

nav .webmenu li {
    text-align: left;
}

/*nav .webmenu li a:hover {
    color: #072E5C;
    background-color: #FFFFFF;
}*/

nav .webmenu li a {
    width: 100%;
    padding: 5px 10px 6px 10px;
}

#headercont .webmenu ul {
    box-shadow: 4px 4px 5px #031223;
    border: 1px solid #072E5C;
    border-top: 1px solid white;
    border-top-left-radius: 0px;
    left: 0;
    box-shadow: none;
    width: 100%;
    padding: 0 10px 10px 10px !important;
}

#headercont .webmenu ul li a {
    color: #072E5C;
    text-align: left;
    padding: 0px 10px 10px 10px;
    width: 100%;
    font-size: 1rem !important;
}

nav .webmenu li:after {
    display: none;
}

#sptnav ul li > a {
    display: block;
    float: none !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 0.875rem;
    text-align: center;
    padding: 10px 0 10px 0;
    position: relative;
    z-index: 99;
}

.sptnavsub ul li a {
    color: #152652 !important;
    font-size: 1.3125rem;
    text-transform: none !important;
}
.boxcont.compare.prodlist .cnt form ul{
    padding: 0 5px;
}
.cnt #whisperinput{
   padding: 20px 5px 5px 10px !important;
    border: none !important;
    margin: 0 !important;
        border-radius: unset !important;
        font-size: 1rem;
        width: calc(100% - 60px);
}
.search .btn-search, #headercont .basket .btn.btn-buy{
	padding: 0;
	background: #152654 !important;
    color: #fff !important;
}

.search .btn-search{
        height: 46px;
    padding: 0;
    background: #21378A !important;
    width: 60px;
}

#headercont .basket .cnt{
    padding: 0 !important;
}
.whisper {
    top: 0px;
}
.level6 li > .categories > a {
    font-weight: 400 !important;
}
/*header.btn.btn-comp.btn-second:before {
    background-size: 26px;
    padding: 11px 13px;
}
*/

.basket .price {
    color: #FFF;
    background-color: #152654;
}

#headercont .i18n {
margin: 0 0 0 20px;
    width: 50px;
}

#sptnav .boxcont > ul > li:last-child {
        /* border: transparent !important; */
    border-right: 1px solid transparent;
}


#sptnav .boxcont {
       width: 100%;
    display: table;
    background: #21378A;
    max-width: initial;
        border-top: 1px solid #224AAB;
        display: block;
        height: 38px;
}

    /*porovnávač v menu*/
        .prodlist{
               padding: 0 !important;
    margin: 5px;
        }
    /*porovnávač v menu*/
/*záhlaví*/

/*drobečková navigace*/

/*drobečková navigace*/

/*stránka s texty - podminky, o nas,...*/
/*.wnnote h2 {
margin-top: 10px;
}
*/
.article p,
.wnnote p,
.wnnote li{
    line-height: 1.8rem;
	font-size: 1rem !important;
	color: #4d4d4d;

	text-align: left;


}

.contentcont .boxcont.article{
	width: 100%;
	    margin: 0 0 0px 0;
}

u {
/*text-decoration: underline;*/
}
.contentcont .boxcont.article a {
    color: #21368a;
    text-decoration: underline;
}
.article .anotation{
	font-weight: normal;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    color: #152654;
    line-height: 1.5rem;
}

.content ol, .content li{
    color: #4d4d4d;
}
.content ol{
    padding: 10px 0px 10px 20px;
    margin: 0;
}

.content li{
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    float: left;
    clear: left;
}

.article .content ul {
/*    padding: 0 0 0 20px;*/
    margin: 0;
}
.boxcont.article h1{

    color: #142654;
    font-weight: 400;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
}
.article h3{
	color: #142654;
	padding: 15px 0 0 0;
	text-align: left;

}

.article h4{
    padding-top: 5px;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
	color: #142654;

}
/*.boxcont.webnews.news>.hdr>p{
    padding: 20px 0px;
}*/
/*.boxcont.webnews.news>.cnt>.wntext>p{
	    font-size: 1rem !important;
    line-height: 1.5rem !important;
}*/
.buttons .btn.btn-comp.btn-second {
       margin: 0;
    padding: 11px 0 7px 0;
    min-width: unset;
    width: 100%;
    height: 100%;
}
.stitable .buy .btn-config{
	float: unset;
}
/*.buttons .btn.btn-comp.btn-second:hover{
border: 1px solid #3D608C;
}*/
.buttons .btn.btn-comp.btn-second.remove{
        background: #152654 !important;
    border-left: 1px solid #fff !important;
}
.spresenttrees .prodbox .price .wovat span{
	float: right;
}
.prodbox .buttons {
	height: min-content;
    display: block;
    z-index: 2;
    margin: 0;
    position: relative;
    order: 3;
    top: unset;
    right: unset;
    background: #ffffff;
    height: inherit;
    width: 34px;
}
.boxcont.compare.prodlist>.cnt{
	top: 0px;
    width: 450px;
    z-index: 101;
}
.article h2 {
    color: #142654;
    font-size: 1.125rem !important;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    padding: 10px 0px 0px 0;
}
/*stránka s texty - podminky, o nas,...*/


/*.config .configinput label.third-item{
    padding: 3px 0 !important;
}
*/


/*dostupnost - cenovka - detail, výpis produktů*/
.order th {
    font-size: 1.5rem;
}
/*.boxcont.half.float-right.stiinfo */.stock.yes:before, .tabform .stock.yes:before{
 content: "";
     /*float: none;*/
}

.spresenttrees .availability .no:before {
    float: none;
}

.tabform .stock.yes:before{
    top: 0px;
}

.rowbox.wovat .text.price, .rowbox.wvat .text.price {
    font-size: 2.5rem;
    font-weight: 600;
    float: unset;
    margin: 0 auto;
}
.rowbox.order{
    width: 100%;
}
.rowbox.order .inputs{
        margin: 0 auto;
    float: unset;
    
}

.rowbox.order .inputs .buybox{
    width: 97%;
        padding: 0 15px 0 15px;
}

.qtybox.icon .up:before, .qtybox.icon .down:before{
	    margin: 0 auto;
    width: auto;
    left: 0;
    float: unset;
    clear: unset;
    display: block;
    position: relative;
}
.rowbox.wovat .label {
    padding: 19px 5px 19px 0 !important;
}
/*dostupnost - cenovka - detail, výpis produktů*/
/*košík*/
/* 4.krok kosiku*/


.orbitem.orbstiidpackitem td,
.orditem.oristiidpackitem td{
    border-top: none !important;
    font-size: 1.1rem !important;
    font-weight: normal !important;
    text-align: left;
    padding-top: 0px;
}


.orbstiidpack td {
    border-bottom: none !important;
}

.orders .tabinfo.hor.stitable{
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

#dempaytotalprice {
/*    font-size: 1.5rem;*/
        /*min-width: 120px;*/
}

.tabinfo.hor th {
    border-bottom: none;
}

#ordproductscont .tabinfo.hor td {
    padding:0;
    border-bottom: 0px;
    background: #fff;
}

#ordproductscont .tabinfo.hor.stitable tr:last-child td {
/*    border-bottom: 1px solid #cccccc !important;*/
    border-radius: 2px;

}


/* 4.krok kosiku*/

/* skryt legendu v kosiku */


.orders .table-scroll table tr td:first-child,
.iisutil .table-scroll table tr td:first-child{
    text-align: center;
}

.orders .table-scroll table tr td:first-child a,
.iisutil .table-scroll table tr td:first-child a{
    width: 100%;
    margin: -7% 0;
}

.orders .table-scroll table tr td:nth-child(3),
.iisutil .table-scroll table tr td:nth-child(3){
    /* text-align: left; */
}

.orders .table-scroll table tr td:nth-child(4) span,
.iisutil .table-scroll table tr td:nth-child(4) span {
    float: right;
}

.orders .table-scroll table tr td:nth-child(5) span,
.iisutil .table-scroll table tr td:nth-child(5) span {
    /* float: right; */
}
/* skryt legendu v kosiku */
#ordproductscont .name {
    border-left: none;
    border-top-left-radius: 0px;
}


.step_1 #ordproductscont{
grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
}

.step_1 #contactdatacont_4_log ~ #ordsumtabcont {

    grid-row-start: 2;
}

.cont.contentcont.ordbaskets.step_1  form .buttons{
	    grid-row-start: 3;
    grid-column-start: 1;
    grid-column-end: 4;
        background: #f2f2f2;
        margin: 0 0 30px 0;}
#ordproductscont {
        padding: 0;
}

#ordproductscont div {
    padding: 0 !important;
}

.ordbaskets .contentcont .boxcont {
    border: none;
}

#ordproductscont div table .img {
    display: none;
}

.step_1 #ordproductscont div table .img {
    display: table-cell !important;
    width: 120px !important;
}
/*.rowbox .text > * {
    display: initial !important;
}
*/

.rowbox .label {
    font-weight: 400 !important;
    text-align: left;
}
.noedit .tabinfo.hor tr:first-child .total {
    border-top-right-radius: 0px;
}

.noedit .tabinfo.hor tr:last-child .totalprc {
    border-bottom-right-radius: 0px;
}
/*.ordbaskets .contentcont .boxcont .cnt p {
    width: fit-content;
    padding: 0 5px;
    margin: 12px 0px -8px 11px !important;
    background: white;
    min-width: unset;
    position: relative;
    color: #afafaf;
}*/

#addbynumcont {
    display: none;
}

.ordbaskets .contentcont .boxcont .hdr:not(:empty) {
    border-bottom: none;
    background: none;
    padding: 0px;
}

.ordbaskets .boxcont.products .qtybox .up,
.down {

}

.ordbaskets .boxcont.products .qtybox .down {
    padding: 0 !important;
}

.ordbaskets .contentcont .boxcont .hdr p {
   padding: 0;
    margin: 0;
    color: #152654;
    font-weight: 400;
    font-size: 1.25rem !important;
    padding: 10px 0 5px 0px !important;
    text-align: left;
    background: transparent;
}

/*.ordbaskets .comshipto .hdr span {
    margin: 0 auto;
    float: unset;
    width: 100%;
    display: block;
    padding: 0;
}
*/
#itemsintoexistorder {
    padding: 0px;
}

#itemsintoexistorder .boxcont {
    padding: 0px;
    border: none !important;
}

#itemsintoexistorder .boxcont .tabinfo.hor tr td:first-child {
    border-left: none;
}

#contactdatacont_3 .rowbox .inputs{
    width: min-content;
    float: unset;
    margin: 0 auto 0 0 !important;

}

.orders .document,
.iisutil .document {
    border: 0px solid #C0C0C0;
}
#contactdatacont_3 .rowbox .inputs .payvat {
    color: #152654;
    width: 100%;
    padding-top: 2px;
    margin: 0 !important;
    font-size: 1.25rem;
    padding-bottom: 0 !important;
}

#itemsintoexistorder .boxcont .tabinfo.hor tr th:first-child {
    border-left: none;
}


.ordbaskets .rowbox {
/*    display: grid;
    width: 40%;
    margin: auto;
    float: none;*/

}


/*#contactdatacont_1 .rowbox p {
    margin-left: 10px;
}

#contactdatacont_2 .rowbox p {
    margin-left: 10px;
}

#contactdatacont_3 .rowbox p {
    margin-left: 10px;
}

#contactdatacont_4 .rowbox p {
    margin-left: 13px;
}*/

/*.ordbaskets .buyasfirm.data_3 .cnt {
    display: block;
}*/

.buyasfirm [type="checkbox"]:checked + label:after {
    line-height: 16px;
    left: 1px !important;
    font-size: 14px;
}
.stitable .price.wovat {
/*    border-left: 1px solid rgba(233, 233, 233, 1);*/
}

.stitable .totalprc.wvat {
    border-left: 1px #e9e9e9;
}

.ordbaskets #contactdatacont_4 [type="radio"]:not(:checked) + label:before, 
.ordbaskets #contactdatacont_4 [type="radio"]:checked + label:before, 
.ordbaskets #contactdatacont_4 [type="radio"]:checked + label:after{
	margin: 2px 0;
}


.delivmode [type="radio"]:checked + label:after, 
.paywaymode [type="radio"]:checked + label:after{
	top:  2px !important;
	    font-size: 15px;
}

.stitable .buyout {
    /*border-right: 1px solid #ddd !important;*/
    width: 5% !important;
}
.orbstiidpack .btn.btn-delete {
    background: none !important;
    border: none;
    margin: 0 auto;
    float: none;
    width: 50px;
    display: block;

}
.stitable .ordcount input {
            min-width: 35px !important;
    padding-right: 20px;

}

.boxcont.products.noedit .stitable .ordcount input {
    min-width: 15px !important;
    margin-right: 3px !important;
        height: 16px !important;
}

.ordbaskets .boxcont.products .qtybox .up,
.ordbaskets .boxcont.products .qtybox .down {
    color: #f2f2f2;
    background: transparent;
}

#gdprcont {
    float: left;
    clear: left;
}

.ds_hide {
    display: initial;
}

.ordersteps table .step.act .num:before {
    color: #152654;
}

#bsktfailure .boxcont.table-scroll {
    padding-left: 0px;
    padding-right: 0px;
}

#bsktfailure > .cnt {
    padding-left: 0px;
    padding-right: 0px;
}

#bsktfailure {
    padding-left: 0px;
    padding-right: 0px;
}
html[lang="cs"] #payid_7:checked ~ .price:after{
content: "Zboží bude vyexpedováno po připsání platby na účet.";
}
html[lang="sk"] #payid_7:checked ~ .price:after{
content: "Tovar bude odoslaný po pripísaní platby na účet.";
}
#trippleswitchcont {
   /* min-height: 75px;*/
}
.noedit .stitable tr:last-child td {
    border-bottom: none;
}

/*.step_1 .orders .table-scroll table tr:last-child,
.step_1 .products .stitable tr:last-child,
.step_1 .noedit .stitable tr:last-child {
    display: table-row !important;
}*/

#discoupons {
    display: none;
}
.document {
    /*border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

.msgbox.success {
    /* margin-top: 20px; */
}


.btn-pdf {
    background: transparent !important;
}
.stitable .ordcount .qtybox {
    margin: 15px auto 0 auto;
}
.step_2 .stitable .ordcount .qtybox {
    width: auto;
    float: none;
    margin: 15px 0 0 0;
}
.stitable .ordcount {
    min-width: 50px !important;
        line-height: 2.6rem;
}

/*vyskakovací okno po vložení do košíku*/
.buttons.popup {
    display: none !important;
}
/*vyskakovací okno po vložení do košíku*/
/*košík*/

/*tlačítka - detail - porovnat, tisk, doporučit - zrušeno*/
.boxcont.tools .btn.btn-comp.btn-second.comp:before{
    background-image: url(../img/icons/CS_arrow_down_left_blue.svg);
    background-position: initial;
    background-repeat: no-repeat;
    background-size: 13px;
    padding: 6px 7px;
    content: "";
    opacity: 0.8;
}
.boxcont.tools .btn.btn-comp.btn-second{
    padding:5px 7px;
        padding: 5px 7px;
    float: left;
    background: white !important;
    color: #142654 !important;
    border: 1px solid #142654;
        margin: 0 0 0 10px;
        float: right;
}
.boxcont.tools .btn.btn-comp.btn-second.remove{
background: #152654 !important;
    color: #fff !important;
}
.btn-comp.remove:before {
       background-image: url(../img/icons/CS_arrow_down_left.svg) !important;
}
.config .boxcont .tools{
    width: 100% !important;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
    z-index: 9;
}

/*#centercont .boxcont.tools .btn.btn-watchdog.btn-second.watchdog,
#centercont .boxcont.tools .btn.btn-print.btn-second.print {
    color: #152654 !important;
    border: 1px solid #152654 !important;
    background-color: transparent !important;
    float: right;
    margin: 0 3px;
    display: inline-block;
    width: 24%;
}*/
/*tlačítka - detail - porovnat, tisk, doporučit -  zrušeno*/
/*porovnávač*/
.stiparcomp .cnt table td img{
    max-width: 230px;
    margin: -60px 0 -10px -11px;
}
/*porovnávač*/


.boxcont.webnews.news>.cnt{


}

/*detail nekonfigurovatelného produktu*/
.stoitem .stiinfo .cnt .order .label {
    color: #3c608a;
    font-size: 1.5em !important;
    padding: 35px 10px !important;
    margin: 0px 1px 1px 1px !important;
}

#stitable tr td {
    border-left: 1px solid #f5f5f5;
    background-color: #ffffff;
    height: 5rem;
    padding: 0px 5px;
        border-bottom: 1px solid #f5f5f5;
}

#stitable .img {
    
}

#stitable tbody tr>.stock {
	display: none;
    min-width: 140px;
    padding: 0;
    color: transparent !important;
    line-height: 0;
}

#stitable tbody tr:nth-child(1)>.stock:before{
    content: "Centrála";
    color: black;
    width: 50%;
    display: inline-block;
    float: left;
}

#stitable tbody tr:nth-child(1)>.stock:after{
	content: "Logistika";
    color: black;
    width: 50%;
    display: inline-block;
    float: right;
}

.tabinfo .btn span{
	/*color: #fff;*/
}
#stiparsets .cnt .tabinfo.hor th {
    border-left: none;
}
#stiparsets .cnt .tabinfo.hor th p{
   /*border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;*/
   text-align: left;
}
.config .tabs ul.ui-tabs-nav .ui-state-active{
    border-color: #e9e9e9;
    padding: 0;
}

.stoitem .stiinfo .cnt .rowbox .text {
   width: fit-content !important;
    text-align: left;
    padding: 0px;
    color: #4D4D4D;

}
.rowbox.leasingrowfl .text,
.rowbox.leasingrowol .text{
float: right;
}
.config .tabs ul.ui-tabs-nav li a {
    color: #4D4D4D !important;
    font-size: 1rem;
}
.stoitem .stiinfo .cnt .buybox .btn-buy {
 font-size: 1rem !important;
    padding: 10px 0 10px 0px;
    width: calc(100% - 50px);
    float: right;
    margin: 0 0 0 10px;
    background: #fa4047 !important;
    color: #fff !important;
    height: 45px;
}

.stoitem .stiinfo .cnt .buybox  .qtybox {
     position: relative;
    float: left;
    width: 40px;
   
}

.stoitem .stiinfo .cnt .buybox .qtybox.icon .qty{
	    height: 45px;
    border-right: 1px solid #c0c0c0;
    border-radius: 0px !important;
    width: 40px;
    min-width: unset;
    margin: 0 !important;
}
.stoitem .stiinfo .cnt .rowbox .label {
    min-width: unset;
    padding:0px 5px 0 0px;
    color: #4D4D4D;
    width: unset;
}
/*.rowbox.code .text p,.rowbox.code .label{
	height: 20px;
	line-height: 1.5rem !important;
	font-size: 0.75rem !important;
}*/
.rowbox .label:not(:empty):after{
	content: "";
}
/*.stoitem .stiinfo .cnt .rowbox .label:after {
content: ": ";
}*/
.stiparsets .tabinfo {
    border-top-left-radius: 0px;
}
.stoitem .tabs .tabpage {
    border: none !important;
}
/*.boxcont.half.float-right.stiinfo>.cnt{
    margin: 0 auto;
    width: fit-content;
    float: none;
}
*/
.rowbox.wovat .text.price{
	color: #FA4047 !important;
}
/*.stoitem .stiinfo .cnt .rowbox.code .label {

    padding: 0px 7px 0 0px;

}*/


.stoitem .stiinfo .cnt .buybox .qtybox .qty {
    padding: 11px 7px 11px 7px;
    width: 60%;


}


.stoitem .stiinfo .cnt .buybox .qtybox.icon .up,
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down {
       background: #d6d6d6;
    width: 25%;
    height: 23px;
    display: none;
}

.stoitem .stiinfo .cnt .buybox .qtybox.icon .up:before,
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down:before {
        padding: 5px 0 !important;
    display: grid;
    margin: auto;
    position: relative;
    width: fit-content;
}

.rowbox.wvat .text.price {
    font-size: 0.9rem;
    font-weight: 400 !important;
    color: #4d4d4d !important;
}
/*detail nekonfigurovatelného produktu*/
/*detail konfigurovatelného produktu*/
.config .tabform .btn-buy:before, .buybox form .btn-buy:before{
    display: none;
}

.order .config .btn span{
    text-align: center;

    font-weight: 600;
}
.cont.contentcont.config{
    padding: 0 !important; 
}
/*kalkulacka*/
.stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock {
    width: 100%;
}



/*.config .greenloancalc .grenkeKalkulackaBlock .block-title {
    background-image: url(../img/icons/calculator.svg) !important;
    background-repeat: no-repeat;
    background-position-x: -7px;
    background-size: contain;
    height: 3em !important;
    margin: 0;
}*/ 

/*.stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-title {
        border: 0px solid #b1b1b1;
    background: #fa4047;
    border-radius: 5px;
    margin: 0;
    padding: 2px !important;
    color: white;
    text-align: center;
    border-radius: unset !important;
}*/

.config .greenloancalc th {
    visibility: hidden;
    word-spacing: -999px;
    letter-spacing: -999px;
    /*padding: 13px 19px 5px 0px !important;*/
    display: table;
}

.greenloancalc .label {
    visibility: hidden;
    word-spacing: -999px;
    letter-spacing: -999px;
    padding: 13px 7px 5px 0px !important;
}

html[lang="cs"] .config .greenloancalc th:before {
    content: "Koupit na splátky";
    visibility: visible;
    word-spacing: normal;
    letter-spacing: normal;
}

html[lang="sk"] .config .greenloancalc th:before {
    content: "Kúpiť na splátky";
    visibility: visible;
    word-spacing: normal;
    letter-spacing: normal;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content table th:before {
    content: "";
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content table th {
    visibility: visible !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    display: inline-block;
    width: auto !important;
    text-align: left !important;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content table tr {
    display: inline-block;
    width: 100%;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content table td {
    display: inline-block;
    width: 33%;
    text-align: left;
}

/*.greenloancalc .label:before {
    content: "Koupit na splátky";
    visibility: visible;
    word-spacing: normal;
    letter-spacing: normal;
}
*/
.greenloancalc .label:after {
    /*content: "Koupit na splátky:" !important;*/
    visibility: visible !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}

.grenkeKalkulacka-input input {
    float: none;

}

.stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-title span {
    display: none;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content {
    /*          margin: 0px;
    background: #efefef;
    display: block;
    padding: 10px;
        transform: translateY(10px);
    width: 100%;
    z-index: 1;
    left: 0%;*/
/*        position: absolute;
    margin: 0 auto;
    background: #fff;*/
    display: block;
}
.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs p,
.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs ol,
.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs table{
	display: none;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs a{
    visibility: hidden;
    float: unset;
    transform: translateY(-30px);
    display: block;
    height: 0;
    margin: 0 0 25px 0;
}

/*.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs a:after{
	     content: "[více info]";
    visibility: visible;
    display: block;
    text-align: right;
        padding: 0 25px 0 0;
}*/

.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-input,
.config .greenloancalc .grenkeKalkulackaBlock .block-title{
	display: none !important;
}
 .config .greenloancalc .grenkeKalkulackaBlock .block-content table{
    	width: 100%;
    }
/*.config .greenloancalc .grenkeKalkulackaBlock {
    width: 50px;
    position: relative;
    left: 0%;
}*/

/*kalkulacka*/


.config th {
    width: auto !important;
    /* display: inline-table;*/
    font-weight: 400;
    color: #3c608a;
    text-align: center !important;
    background: transparent !important;
    padding: 0px;
}

.config-info td {
  
    padding: 0px; 

}

.config #config_selected table td.tablesel_qty {
    width: 1% !important;
}

/*.configinput {
    padding-left: 20px;
}*/


select {
    font-size: 0.85rem !important;
}
.config .tabs .tabpage {
    border: none;
}
.config .order input {
 	padding: 8px;
    width: 20%;
    margin: 0 3% 0 0;
    border-radius: 0px;
}
.listpage .cnt .nextpage .btn {
    border: 1px solid #152654;
}
.config-detail .tools .btn {
    border: 1px solid;
    color: #152654 !important;
    background: #fff !important;
    margin: 0;
    font-size: 0.875rem;
    float: right;
}
.config .config-info {
/*    border: 0px solid #C0C0C0;
    margin: 0;
    background: transparent !important;
        padding: 0px;    /*border: 1px solid #C0C0C0;
    background: linear-gradient(to bottom, white 30%, #F0F0F0 95%) !important;*/
}
/*poslat info*/
.sendmail .hdr {
    float: left !important;
    clear: left !important;
    right: 0px !important;
    top: 0px !important;
}

.sendmail .hdr p {
    text-align: center !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sendmail form{
        width: 300px;
    margin: 0 auto;
    float: unset;
}


/*poslat info*/
.config-detail .cnt .boxcont.config-img.half .boxcont.gallery.owl-carousel.owl {
    border-top: 0px solid #C0C0C0;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
}


/*.stiparsets .paramvalue {
    border-right: 1px solid #cccccc !important;
}*/
.configuration {
    width: 100% !important;
    background: #fff !important;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 7;

}


.configinput {
    /* padding-left: 2px !important; */
}

#stiparsets .cnt .tabinfo.hor tr:nth-child(2n+1) td {
    background: transparent !important;
}
#stiparsets .cnt .tabinfo.hor td, .datasheet tr td {
    border-bottom: 1px solid #c0c0c05c;
    padding:5px 0;

}

.config td select {
    padding: 0px 0px 0px 20px;
    z-index: 0;
    max-width: unset;
    font-size: 1.3rem;
    background: #f4f6fb;
    width: auto;
}

/*.config .tabs .tabpage {
    border-bottom: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-left: 1px solid #cccccc !important;
}
*/


/*.tabform .order > td {
    padding: 30px 0;
}*/

table th,
table td {
    background: transparent;
}


.config .configinput label .configname {
        width: auto;
            padding: 8px 0 10px 10px;
                z-index: 99;
    max-width: 88%;
            }

  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;

}
.paramclass p {
    float: unset !important;
    color: black;
}
.stitable .name.font-italic, .stitable .stiidpacktitle{
	display: none;
}
.tabform .btn-buy {
    width: 77%;
    padding: 9px !important;
    font-size: 1rem;
            background: #fa4047 !important;
    color: #fff !important;
}

.cont.contentcont.iisutil .ordtbl .orditem .name{
	pointer-events: none;
	font-weight: 600;
}
.btn {
    font-weight: 400 !important;
        border-radius: unset !important;
            font-size: 1rem;

}
/*tabulka parametrů*/
/*.tabinfo.hor .paramname {
    border-left: 1px solid #cccccc;

}*/

.iisutil .tabinfo.ordtbl {

}

.ordbaskets .tabinfo.hor td,
.orders .tabinfo.hor td,
.anonymousbuy .tabinfo.hor td{

/*    border-left: 1px solid #dadada !important;*/
    font-size: 0.875rem !important;
/*    color: black !important;*/
}

.anonymousbuy .tabinfo.hor tr:last-child td{
    border-bottom: 0px solid #cccccc !important;
    border-radius: 0px;
}

#stiparsets .cnt {
    padding: 0;
}
/*tabulka parametrů*/
.config .config-info .cnt .tabform tr th {
    text-align: left !important;
    min-width: auto;
    width: auto !important;
    float: left;
    /*padding: 3px 2px 3px 0px;*/
}
.boxcont.navbar {
    margin: 0 !important;
    border: none;
    /*z-index: 120;*/
    position: relative;
    margin: 10px 0 10px 0px !important;
    padding: 0;
}

/*.config .config-detail .cnt form .configuration .hdr {
    top: 0;
    width: 100%;
    margin: inherit;
    position: relative;
    float: left;
    clear: left;

}*/

.navbar {
    width: auto !important;
    z-index: 4;
    border-bottom: none;
    font-size: 1rem;
}
.config .boxcont.navbar {

    margin: 20px 0 20px 25px;

}
.listpage .cnt .pagetext .recordcount{
	font-size: 0.875rem;
    color: #4D4D4D;
    margin: -5px 0 0px 0;
}
.navbar ul li p:before, .navbar ul li a:before{
	font-size: 1.3rem;
}
.boxcont.tools .cnt {
    width: 100%;
    float: right !important;
}
/*.config .config-detail .configuration .hdr p {
    display: none;
}*/



/*.config .config-detail .boxcont.legend {
    display: none;
    border: none;
    position: absolute;
    top: 17%;
    left: 67.5%;
}*/



/*.boxcont.i18n.lng .icons li .en {
    display: none;
}*/

.config-detail .owl-pagination {
    top: initial;
    position: initial;
    transform: translateY(-30px);
}
/*.config .config-img a img{
    mix-blend-mode: multiply;
    image-rendering: pixelated;
}*/

/*#centercont .order .btn,
.btn-config,
.tools .btn,
.tools_undertabs .btn {
    background: #152654 !important;
}*/

.config_option option {
    width: 100%;
}

.config_option {
    width: 100%;
}

/*.tabinfo tr:first-child th {
    min-width: 130px;
}*/

.owl-pagination {
    bottom: 10px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
   /*padding: .5em .5em !important;*/
}

/*.config .configinput label.first-item{
    padding: 3px 0px !important;
}*/

/*.config-img .intel_ssd_img span img,
.config-img .win_2012_img span img,
.config-img .win_2016_img span img {
    max-width: 130px;
    margin-right: 50px;
}

.prodbox .intel_ssd_img,
.prodbox .win_2012_img,
.prodbox .win_2016_img {
    visibility: hidden;
}*/

.boxcont.config-detail .ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header, .boxcont.stoitem .ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    display: block;
}
.wvat input{
        font-weight: 400 !important;
    color: #4D4D4D !important;
        text-align: right;
    padding: 0 3px 0 0 !important;
    font-size: 0.85rem !IMPORTANT;
}
html[lang="cs"] .config .tabform .leasingrowol th:not(:empty):not(.notdeliv):after,
html[lang="cs"] .rowbox.leasingrowol .label:not(:empty):after,
html[lang="cs"] .rowbox.leasingrowfl .label:not(:empty):after{
    content: "Leasing (36 splátek):";
    font-size: 0.85rem;
    color: #4d4d4d;
}

html[lang="sk"] .config .tabform .leasingrowol th:not(:empty):not(.notdeliv):after,
html[lang="sk"] .rowbox.leasingrowol .label:not(:empty):after,
html[lang="sk"] .rowbox.leasingrowfl .label:not(:empty):after{
    content: "Leasing (36 splátok):";
    font-size: 0.85rem !important;
    color: #4d4d4d;
}

/*detail konfigurovatelného produktu*/
/*výpis produktů*/

.boxcont.stinote .img img {
    width: 500px;
    float: right;
    margin: 0px 0 0 10px;

}
.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs{
	display: none;
}
.boxcont.paramitem.act .hdr,
.boxcont.paramitem .hdr {
    padding:0 !important;
    border: none !important; 
}

.boxcont.paramitem p {
    padding:0 5px 0 0;
    margin-bottom: 0;
}

.stiparinf .param label {
    padding: 0 5px 0 25px !important;
    width: auto;
}

/*.boxcont.filter.store,
.boxcont.filter.status {
    display: none !important;
}*/
.orderby .btn:before {
color: #fff;
}
/*dostupnost*/
.availability .store {
   margin: 0 !important;
    width: auto;
    padding: 0;
    float: left;
    clear: left;
}
/*dostupnost*/
#filterstorecont, #filterprcrangecont, #filterstiparinfcont{
    padding: 2px !important;
}

.prcrange .from input,
.prcrange .to input {
    max-width: 80px !important;
}
.tabinfo.hor .wovat,
.tabinfo.hor .wvat,
.tabinfo.hor .qtyprice,
.tabinfo.hor .total{
    text-align: center !important;
        color: #fa4047;
/*            width: 8%;*/

}
.listpage {
    border-bottom: 0px solid #C0C0C0 !important;
    padding: 15px !important;
}

.listpage.btm {
    border-top: 0px solid #C0C0C0;

}
.product .price.wvat {
    text-align: right;
}

.product .price.wovat {
    text-align: right;
}
/*.product .price.wvat span {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: right;
    color: grey;
}*/
.product .price.wovat span {
    font-size: 1rem;
    font-weight: 600;
}
.prodbox .wovat p {
    display: none;
}

/*.prodbox .hdr h2 {
	height: 4.3em;
    font-weight: 400;
    height: 2.3em; 
    width: 100%;
}*/
#filterstatuscont>.cnt{
    margin: 0 auto;
    width: 65%;
    float: none;
}
.filter label {
    margin: 3px 0 !important;
}

#contentcont .filter {
    padding: 0;
    margin: 0 0 0 0 !important;
}
.stiparinf > .cnt .hdr p{
    display: unset;
    padding: 0px 0 0 0 !important;
    color: #152654;
}
.btn-config:before {
    display: none !important;
}

.stiparinf .paramitem:last-child div {
    border-bottom: 0px solid #C0C0C0;
}
.subcats ul li .count {
    display: none;
}

.subcats ul li .name {
    width: 100%;
    color: white;
}

.contentcont .boxcont .hdr > p {
    float: initial;
    color: #152654;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    background: transparent;

}
#leftcont .boxcont {
    margin: 0 0 0 0 !important;
}
.boxcont .hdr .date span{
	    font-size: 0.875rem;
    font-weight: 400;
}
#filterstiparinfcont>.cnt form .boxcont{
    margin: 3px 0;
    border-bottom: 1px solid #C0C0C0;
    padding: 10px 5px !important;
}

.filter,
.stiparinf {
    background-color: white !important;
}
/*možno odstranit - styluje skrytou sekci - .ds_none, .ds_hide*/
.boxcont .stocks .cnt label {
    width: 25%;
    position: relative;
    margin: 5% 0 0 0;
    left: 22%;
    padding-left: 22px;
    cursor: pointer;
    padding: 0 23% 0 18%;
    float: left;
}
/*možno odstranit - styluje skrytou sekci - .ds_none, .ds_hide*/
.listpage .cnt .pagenav .page a {
    font-size: 1.2em !important;
    font-weight: 400;
    margin: 0;
}

.listpage .cnt .pagenav .page a {
    float: left;
    padding: 5px 8px !important;
    color: #152654;
}

.listpage .next a:before,
.listpage .last a:before,
.listpage .first a:before,
.listpage .prev a:before {
    font: normal bold normal 1em/1 FontAwesome;
    font-size: 1.5em;
    line-height: .8em;
}


/*tabulkovy vypis produktu*/


.stock .availability .isbundle a {
    color: transparent;
}
.stock .availability .isbundle:hover:before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #55a43c;
}

.stock .availability .isbundle :after {
    content: "";
    color: #55a43c;

}
#prodlistanchor .stitable .wovat {
    width: 13%;

}

.stitable .img,
.thimg {
    border-left: none !important;

}

.stitable .img img {
    max-width: 90px;
    mix-blend-mode: multiply;
    margin: 0 auto;
    display: block;

}

/*a.stiplname{
	font-size: 1.5rem !important;
	font-weight: 400;
}*/
.stitable .description {
    width: 30% !important;


}

.stitable .buy {
    width: 15% !important;
    min-width: 120px !important;
    text-align: center;

}

.stitable .buy .btn-config {
    margin: auto !important;

}




.boxcont.listpage {
margin: 0;}



.stitable .buy .buybox .btn {
    margin: 0;
    top: 6px;
    padding: 6px 6px;
    float: initial;
    background: #152654 !important;
    color: #fff;
}
#stitable .qtybox{
	display: none;
}
.stitable .buy .buybox .btn:before {
    display: none;
}

.stitable .product .price.wovat span {
    /*margin: 0 auto;*/
    /*font-size: 2rem;*/
    /* text-align: -webkit-auto; */
    /*position: relative;*/
    /*display: table;*/
    /*margin:0;*/

}



.stitable .buy .btn-buy u {
    border-left: none;
    margin: 0 -1px 0 6px;
    padding: 0;
}

.stitable .buy .btn-buy u:before {
    display: none;
}



.iframe > div {
    border: none !important;
}


/*odstranění řádkového výpisu*/
.listpage .cnt .showstyle .list a:before {
    display: none;
}
/*odstranění řádkového výpisu*/
/*.prodbox.list .wovat span {
    font-size: 2.4rem;
    font-weight: 400;
}

.prodbox.list .wovat p {
    font-size: 1.2rem;
    font-weight: 400;
    display: none;
}

.prodbox.list .wvat span {
    font-size: 1.2rem;
    font-weight: 400;
}

.prodbox.list .wvat p {
    font-size: 1.2rem;
    font-weight: 400;
}

.prodbox.list .hdr H2 {
    font-size: 1.2em;
    font-weight: 600;
    text-align: left;
    max-width: calc(100% - 165px);
}

.prodbox.list .hdr {
    margin: 0 0 0 0;
    width: 100%;
}

.prodbox.list .hdr h2 a {
    font-size: 1.4em !important;
}

.prodbox.list .img {
    width: 22%;
    margin: -5% 0 0 0;
}

.prodbox.list .note {
    width: 50%;
    margin: 0 0 1% 2%;
}

.prodbox.list .status {
    top: 15%;
    left: 1%;
}

.prodbox.list .price {
    margin: -8% 0 0 0;
}


.prodbox.list .wovat span {
    font-size: 3rem;
}*/

/*.listpage .cnt .paging .cnt p{
        padding: 5px 10px 0 0;
}*/

/*.listpage .cnt .paging .cnt .pagesize{
    width: 40px;
}*/
.listpage .cnt .showstyle .styletab:first-child {
    margin-left: 10px;
}

.listpage .cnt .showstyle .styletab {
    margin: 0 !important;
}

/*tabulkovy vypis produktu*/
.stitable .code {
    display: none;

}

/*.stitable .thimg {
    width: 15% !important;
    padding: 0% 2% 0 2%;

}*/

.stitable .name {
    width: 65% !important;

}

.orbstiidpack .name{
    font-size: 1.8rem !important;
}

/*navigace pres kategorie ve vypisu produktu*/
.subcats ul li .name {
            font-family: 'IBM Plex Sans', Arial, sans-serif !important;
            font-size: 1rem;
            font-weight: 600;
            margin: auto auto;
            color: #152654;
            float: unset;
            /*line-height: 1.6rem;*/
            padding: 0;
            display: table-cell;
            vertical-align: middle;
}

/*[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{
    font-family: 'Nunito Sans', sans-serif;

}*/
.subcats ul li .name.noCount {
    width: 100% !important;

}

.subcats ul li {
    /*background-color: #f5f5f5; */
    /* border: 1px solid #15265447 !important; */
    text-align: center;
    float: left !important;
    border-radius: 0;
    margin: 5px 0 0 5px !important;
    clear: initial !important;
    padding: 0 !important;
    border: none;
}

.subcats ul li:hover {
    border: 0px;
    background-color: #ffffff;
}

/*navigace pres kategorie ve vypisu produktu*/
#prodlistanchor .boxcont.table-scroll table#stitable.tabinfo.hor.stitable {
    border: 1px solid #f5f5f5 !important;
        border-bottom: none !important;
}
.listpage .cnt .pagenav .page:not(.num) {
    font: normal bold normal 1em/1 FontAwesome !important;
    padding: 0 !important;
        background: #152654;
}
.webnews .tabs ul.ui-tabs-nav li {
    margin: 0px .5% 0px 0% !important;
    border-color: #E9E9E9 !important;
}
.listpage.btm .pagenav {
    position: relative !important;
    width: auto !important;
    float: right;
}
.listpage .cnt .pagenav .page{
    box-shadow: none;
    margin: 0 5px 0 0 !important;
    border-radius: 0px;
}
.listpage .cnt .pagenav .page:hover{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.boxcont.listpage{
    padding: 0;
    background-color: #ffffff;
} 
.boxcont.stinote>.hdr p{
    padding: 15px 15px 25px 14px;

}
.boxcont.stinote>.cnt{
    padding: 0;
}
html[lang="cs"] .spresenttrees .isbundle:after,
html[lang="cs"] .sptnavigator .isbundle:after{
  content: "Ihned k odběru";
    transform: translateY(10px);
    color: #55a43c;
    font-weight: 600;
    display: block;
    float: left;
}

html[lang="sk"] .spresenttrees .isbundle:after,
html[lang="sk"] .sptnavigator .isbundle:after{
  content: "K dispozícii ihneď";
    transform: translateY(10px);
    color: #55a43c;
    font-weight: 600;
    display: block;
    float: left;
}

.spresenttrees .isbundle a,
.sptnavigator .isbundle a{
   display: none;
}
.prodbox .buttons .btn.btn-comp.btn-second:before {
    background-image: url(../img/icons/CS_arrow_down_left_blue.svg);
width: 32px !important;
    height: 100% !important;
}

.prodbox .buttons .btn.btn-comp.btn-second.remove:before {
    background-image: url(../img/icons/CS_arrow_down_left.svg) !important;

}
/*.stiplname {
    position: relative;
    z-index: 2;
}
*/

#productlistjx .boxcont.legend {
    display: none;
}

#productlistjx .boxcont.legend .cnt ul li .partly,
#productlistjx .boxcont.legend .cnt ul li .stock{
    display: none;
}

#productlistjx .boxcont.legend .cnt ul li .stock.out,
#productlistjx .boxcont.legend .cnt ul li .stock.yes,
#productlistjx .boxcont.legend .cnt ul li .stock.no{
    display: block;
}

#productlistjx .boxcont.legend .cnt ul:nth-child(1),
#productlistjx .boxcont.legend .cnt ul:nth-child(3),
#productlistjx .boxcont.legend .cnt ul:nth-child(2) li:nth-child(1),
#productlistjx .boxcont.legend .cnt ul:nth-child(2) li:nth-child(2){
    display: none;
}

#prodlistanchor .prodbox .wvat u {
    /* font-size: 1.4rem; */
    color: #656565 !important;
}
/*výpis produktů*/
/*úvodní stránka*/
.owl-wrapper-outer .discount {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/*.boxcont.news li h2 a {
    padding-top: 0px;
    font-size: 1.7rem;

}*/

.boxcont.news li h2{
        font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    
}

/*.boxcont.news .date {
    display: none;
}*/

/*.boxcont.news .img {
    margin-top: -50px;
}*/

.carousel .prodbox {
    width: 100% !important;
    /* background: linear-gradient(to bottom, white 80%, #F0F0F0 88%) !important; */
}
.carousel .prodbox .price {
    width: fit-content;
    float: left;
    padding: 0px !important;
    margin: 0 !important;
}

.carousel .prodbox .price .wvat {
    margin: 0 !important;
    width: auto;
}

.carousel .prodbox {
    border-radius: 0px;
    /* background: linear-gradient(to bottom, white 82%, #F0F0F0 95%); */
}

.boxcont.webnews .hdr p {
    color: rgb(33 55 138);
    font-weight: 400;
    font-size: 1.875rem !important;
    width: 80%;
    float: left;
    line-height: 1.3;
}
/*.boxcont.news .cnt .boxcont .hdr {
    display: block !important;
    border-bottom: 0px !important;
    background: #7aa0c533;
    width: 65%;
    float: right;
}
*/
/*.boxcont.news .cnt .boxcont .cnt .note{
	float: right;
    width: calc(100% - 210px);
}*/
/*.prodbox .tools {
        min-height: unset !important;
    height: 40px;
}*/

.prodbox .price {
    width: auto;
    margin: 0 0 5px 0 !important;
    float: right;
    clear: both;
}
.prodbox .tools .buybox > form > .qtybox {
    display: none;
}
/*.price .wvat {
   padding-top: 2px;
    font-size: .8em !important;
}*/
.prodbox .price .wovat {
    font-size: 1rem;
}
.boxcont.product.carousel.ui-tabs-panel.ui-corner-bottom.ui-widget-content {
    border: none;
    /* border-bottom: none; */
    display: block !important;
    margin: 0px 0;
}
.homepage .owl-next:before, 
.homepage .owl-prev:before{
    display: none;
}
.carousel .owl-prev,
.carousel .owl-next {
    background-image: url(../img/icons/navigate.svg) !important;
    background-position: -30px -1px !important;
    background-repeat: no-repeat !important;
    background-size: 100px 100px !important;
    height: 100px !important;
    opacity: 0.3;

}

.carousel .owl-next {
    transform: rotate(180deg);

}

.carousel .owl-prev:hover,
.carousel .owl-next:hover {
    box-shadow: none !important;
    background-image: url(../img/icons/navigate.svg) !important;
    background-position: -30px -1px !important;
    background-repeat: no-repeat !important;
    background-size: 100px 100px !important;
    height: 100px !important;
    opacity: 1;

}

.carousel .owl-next,
.carousel .owl-prev {
    background-color: transparent !important;
    width: 40px !important;
    padding: 4px 0px;
    margin-top: 0px;
}

/*#wnCarousel9 .tools .sts.sts13,
#wnCarousel9 .tools .sts.sts_new.news {
    display: none;
}*/
.owl-item .prodbox{
    border:none;
}

.ui-corner-bottom {
    border-radius: 0px;
}

.carousel .prodbox .status .sts {
    border-radius: 0px;
	margin: 3px 5px;
}

.boxcont.news {
    margin-top: 20px;
}
.news li .hdr .date {
    display: none;
}

.boxcont.news .note p{
   display: block;
    line-height: 1.3125rem;
    text-align: left;
    font-size: 0.875rem !important;
    max-height: 7.875rem;
    overflow: hidden;
    padding: 0 !important;
    width: 100% !important;

}
.news .detwn .moredet {
    
}
.wnnote a:hover{
	text-decoration: underline;
}
.wnnote a{
	float: unset;
}

html[lang="cs"] .homepage.sptnavigator #centercont #contentcont .webnews .boxcont.banner #wn5:before{
	content: "Hlavní výhody pro vás";
    font-family: 'Hrot Basic Medium';
    font-size: 22px;
    color: #142654;
    padding: 30px 0 30px 0;
    display: block;
    text-align: center;
}

html[lang="sk"] .homepage.sptnavigator #centercont #contentcont .webnews .boxcont.banner #wn5:before{
	content: "Hlavné výhody pre vás";
    font-family: 'Hrot Basic Medium';
    font-size: 22px;
    color: #142654;
    padding: 30px 0 30px 0;
    display: block;
    text-align: center;
}


.owl-wrapper-outer .owl-item li a img {
    max-width: 1200px;
    max-height: 250px;
}
.boxcont.banner .owl-item > li > img {
    max-width: 1200px;
    max-height: 250px;
}
#wntabs {
    margin: 0px 0 0px 0;
}

.owl-theme .owl-controls .owl-page span {
    margin: 8px 4px 0px 7px !important;
}

.boxcont.banner {
    margin: 0 0 0px 0 !important;
}
/*.news li .img {
    height: 180px;
    display: block;
    overflow: hidden;
}*/
/*.news li:nth-child(3) .img{

    margin-top: -30px;
}*/

/*.news li:nth-child(4) .img,
.news li:nth-child(6) .img {

    margin-top: -90px;
}*/

.news .detwn a{
    float: right;
    font-weight: 400;
}

.news .detwn a:after{
    content: " >";
}

.news li .hdr {
    border-bottom: none !important;
}
.banner .owl-item img {

    padding: 0 !important;
    /*    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;*/

}

#wn5 {
    border: 0px solid #204471;
    border-radius: 5px;
    width: 100%;
}
.owl-wrapper-outer .note p {
    text-align: center;
}
/*#wntabs .sts3,
#wntabs .sts1,
#wntabs .sts13 {
    display: block;
}*/

.ui-widget {
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1rem !important;
}
.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    display: none;
}
.carousel > .cnt {
        border: none;
}
.ui-widget-content a {
    color: #204471 !important;
    float: none;
}

.carousel .prodbox .status .sts,
.carousel .prodbox .status .discount {
    /* display: block; */
    width: fit-content;
}

.owl-wrapper .tools .status {
    left: 20px;
    top: 60px
}

.wvat span {
    color: #000000 !important;
    font-size: 0.875rem;
    font-weight: normal !important;
}

.prodbox .wvat p {
    color: #656565;
    font-weight: 400;
    font-size: .875rem !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    line-height: initial;
}
.owl-item .prodbox {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
/*úvodní stránka*/


/*#prodlistanchor>.cnt{
        border: 1px solid #eeeeee;
}*/


/*box s produktem - úvodní stránka, výpis produktů, ...*/
.prodbox {
    background: #ffffff;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    margin: 0;
}
.stirelation .prodbox{
	border-bottom: 1px solid;
}
.prodbox:last-child {
   border-right: 1px solid;
    border-bottom: 1px solid;

}
.prodbox .status {
    position: absolute;
    top: 88px !important;
    left: 10px;
    z-index: 99;
}
.prodbox:nth-child(1),
.prodbox:nth-child(2),
.prodbox:nth-child(3){
	border-top: 1px solid #eeeeee !important;
}
.prodbox .img a {
    height: auto;
}

.homepage .prodbox .img a {
    height: 175px;
}

/*lottie-player{
	width: 236px !important;
    height: auto !important;
    margin: 0 auto;

}*/
.prodbox .comp {
    /*z-index: 10;*/
    background: transparent !important;
    color: #3D608C;
    border-top-right-radius: 2px;
    /* transform: perspective(1px) rotateX(1deg); */
    border-bottom-right-radius: 2px;
}
.prodbox {
    background-color: #FFFFFF !important;
    padding:10px !important;
    /* background: none !important;*/
}
/*.stiparinf .paramitem .hdr:after {
    margin: 10px 0 0px 0;
}*/
/*NAHLEDOVÉ OBRÁZKY*/

/*.prodbox .img {
    max-width: 250px;
    float: initial !important;
    margin: -30px auto 0 auto;
    position: relative;
    z-index: 1;
}*/


/*.prodbox .img img {
    width: 100% !important;
    max-width: 200px !important;
    mix-blend-mode: multiply;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}*/

/*NAHLEDOVÉ OBRÁZKY*/
.btn {
	background: #fff;
	box-shadow: none !important;
    color: #152654;
}
header .btn.btn-comp.btn-second{
	background: transparent !important;
    padding: 0;
    width: 100%;
    height: 32px;
}
.boxcont .cnt{
    padding: 0 !important;
}
.prodbox {
    border-color: #eeeeee !important;
        margin-top: 0;
            width: calc(100% / 3);

}

.spresenttrees .prodbox {

            height: 520px;
}

/*box s produktem - úvodní stránka, výpis produktů, ...*/
/*uživatelská sekce - úvodní stránka*/
.logbusinfo .cnt table td.tabspace {
    padding-left: 0px;
}
/*
.logged > .hdr > p {
    display: none;
}*/
/*uživatelská sekce - úvodní stránka*/
/*uživatelská sekce - objednávky*/
.orders .boxcont.legend,
.iisutil .boxcont.legend {
   display: none;
}
.tabinfo span{
	font-weight: normal;
}
/*uživatelská sekce - objednávky*/
/*komponenty - body*/
#maincont {
    font-size: 0.875rem !important;
    background-color: #F2F2F2;
}
.homepage.sptnavigator #centercont{
	 background: transparent !important;
}
#centercont {
    background: #f2f2f2;
    z-index: 100;
}
.homepage.sptnavigator{
    background-image: url(../img/rast_tecky.png) !important;
    background-position: 80% 40% !important;
    background-repeat: no-repeat !important;
}
/*komponenty - body*/
/*komponenty - tabulka*/
.tabinfo.hor tr:last-child td {

    border-radius: 10px;
}
/*.tabinfo tr:last-child th{
       padding: 5px 5px 5px 0 !important;

}*/
.tabinfo.hor th {
    border-left: 1px solid #e9e9e9;
}
.tabinfo {
	    border: 0px solid #e5e5e5;
    /*border: NONE; */
    margin-bottom: 0px;
    border-radius: 0px;
}

.paramname {
    font-weight: 400;
    text-align: right !important;
    color: #3c608a;
}

.tabform th:not(:empty):not(.notdeliv):after {
    visibility: visible !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    content: ": ";
    padding-right: 5px;
}

/* tabulka s parametry*/
/*.paramclass .pacname.Štítek {
    display: none;
}*/
/*.tabform .wvat {
    display: contents;
}*/
.tabinfo.hor th:last-child {
    border-top-right-radius: 0px;
}

.tabinfo.hor th:first-child {
    border-left: none;
    border-top-left-radius: 0px;
}

.postcodes .tabinfo.hor tr td:first-child,
.postcodes .tabinfo.hor tr th:first-child{
        border-left: none;
    width: 50% !important;
    text-align: left !important;
}

.postcodes .tabinfo.hor tr td,
.postcodes .tabinfo.hor tr th{
width: 12% !important;
    text-align: center !important;
    min-width: 100px !important;
}

.postcodes .tabinfo.hor tr td:last-child,
.postcodes .tabinfo.hor tr th:last-child{
    min-width: 120px !important;
}
.tabinfo.hor tr:nth-child(2) td {
/*        border-top: 1px solid #ddd !important;*/
            border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.tabinfo.hor tr:last-child td:first-child {
    border-bottom-left-radius: 0px;
}

.tabinfo.hor tr:last-child td:last-child {
    border-bottom-right-radius: 0px;
}
/*.tabinfo.hor tr:last-child td:nth-child(3) {
    border-bottom-left-radius: 5px;
}*/
/* tabulka s parametry*/
















































































































































































































/*.owl-stage .owl-item{
	display: none;
}*/

.owl-stage>div:nth-child(1),
.owl-stage>div:nth-child(2),
.owl-stage>div:nth-child(3){
	display: block;
}
.owl-nav{
	display: none;
}

.stoitem .owl-carousel .owl-stage-outer {
    padding: 0;
    background: #fff;
    height: auto;
    width: calc(100% - 50px);
    margin: 10px 25px 0 25px;
}

.homepage .owl-carousel .owl-stage {
    width: 100% !important;
    border-left: 1px solid #f2f2f2;
}
.config .configinput input[type=checkbox]:checked + label{
	    padding: 0px 0 0px 105px;
}

.wm #centercont .cont.contentcont.wm .img img{
	display: none;
}

.wm #centercont .cont.contentcont.wm .img{
	margin: 0;
}


.config .gallery .owl-item {
    width: 165px !important;
    margin: 0;
}

.owl-carousel .owl-stage{
	width: max-content !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
    .boxcont.config-detail .owl-item a img {
    width: 100px !important;
}
.config .config-img>a img {
    width: 300px !important;
    margin: 20px 0 !important;
}
.config .gallery .owl-item {
    width: 115px !important;
    margin: 0;
}

.boxcont.config-detail .cnt form {
    grid-template-rows: 307px 120px auto auto 30px;
}
}
/*.owl-stage>div:nth-child(3n){
	margin: 0 !important;
}
*/
/*.config .gallery .owl-wrapper, .config .gallery .owl-item {
    margin: 0 25px 0 0;
}*/


.registration form input[name="conxcouid"][value="35"] ~ div#reg-firm #importByICO{
    display: none !important;
}


.registration form input[name="conxcouid"][value="35"] ~ div#reg-firm #comregid{
	width: 100% !important;
}


.registration .document .cnt table #comregid{
width: 80%;
    float: left;
    clear: left;
    display: inline-block;
}

#importByICO {
        background: #152654 !important;
    width: 90px;
margin: 2px 0 0 10px !important;
    height: 42px;
    float: left;
    clear: unset;
    display: block !important;
}

html[lang="sk"] #importByICO{
	display: none !important;
}
#importByICO.ds_none{
	width: 90px;
	background: grey !important;
}
tr.housing_v_datovem_centru>td>div:nth-child(2){
    display: none;
}

.news li .hdr .top{
	display: none;
	float:left;
}


#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li>.categories>a{
    height: auto;
    padding: 15px 0 10px 0;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    position: relative;
    z-index: 200;
}
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(1)>.categories>a{

    margin-top: 0;

}
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(1)>.categories>ul,
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(2)>.categories>ul,
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(3)>.categories>ul,
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(4)>.categories>ul{
	
        display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto;
}

#sptnav .level3 li:nth-child(6) .level6 li .categories a{
	text-align: left;
	padding: 0;
}

#sptnav .level3>li:nth-child(1) .level6>li>.categories>a:hover{
    font-weight: 600 !important;

}
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(8)>.categories>a:hover,
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(5)>.categories>a:hover,
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(6)>.categories>a:hover,
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(7)>.categories>a:hover,
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(9)>.categories>a:hover{
    border-top: 2px solid #fa4047;

}
.navbar ul li h1:before,
.navbar ul li p:before, 
.navbar ul li a:before,
.navbar ul li.hpe a:before{
	font: normal normal normal 24px/1 FontAwesome;
}
.homepage #contentcont .boxcont.news:before{
	    content: "Novinky";
    color: #142654;
    font-family: 'Hrot Basic Medium';
    font-size: 1.25rem;
    text-align: left;
    margin: 0 auto;
    float: left;
    padding: 30px 0 20px 0;
    text-transform: uppercase;
    width: 50%;
    clear: left;
    position: relative;
    z-index: 1;
}


html[lang="cs"] #contentcont #wn15 .owl-wrapper-outer:before{
content: "Kvalitní repasované servery se zárukou 2 roky";
color: #142654;
font-family: 'Hrot Basic Medium';
font-size: 22px;
text-align: center;
margin: 0 auto;
float: unset;
display: block;
padding: 30px 0 30px 0;
}

html[lang="sk"] #contentcont #wn15 .owl-wrapper-outer:before{
content: "Kvalitné repasované servery s 2-ročnou zárukou";
color: #142654;
font-family: 'Hrot Basic Medium';
font-size: 22px;
text-align: center;
margin: 0 auto;
float: unset;
display: block;
padding: 30px 0 30px 0;
}

#footercont .navi .companycontact .hdr p {
    display: none;
}

#footercont .companyinfo, #footercont .companycontact {
    width: 100%;
	/* float: right; */
	padding: 0;
	margin: 0;
}

#footercont nav div .logo{
    background: url(../img/logo_CS.png) no-repeat !important;
    background-size: 90% !important;
    margin: 0;
    height: 75px !important;
    width: 20%;
    color: transparent;
}

/*#footercont .webmenu, #footercont .webmenu li {
    width: 50%;
}
#footercont .webmenu li:nth-child(3) {
    display: none;
}*/

.prodbox .status .sts p,
.prodbox .status .discount p {
    padding: 3px 6px !important;
        font-size: 0.9em;
}
html[lang="cs"] .prodbox .status .discount p:before{
content: "Dealerská sleva ";
white-space: nowrap;
}
html[lang="sk"] .prodbox .status .discount p:before{
content: "Dealerská zľava ";
white-space: nowrap;
}

.prodbox .status .discount p{
	color: #fff;
}
/*.availability.inet .stock p {
    display: none;
}*/
/* administrace - objednávky - export (EXCEL) */
.btn-xls {
    background: transparent !important;
}

.btn-icon:before {
    margin-left: 15px;
}
.btn-login:before {
    content: "\f090";
    font-size: 1rem;
}
.stiparinf .paramitem.slider .cnt .param-range{
    margin: 15px 0;
}
.stiparinf .paramitem.slider .cnt .param-range .ui-state-default{
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #f6f6f6 url(../img/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
}
.stiparinf .paramitem.slider .cnt .param-range .ui-widget-header{
    background: rgba(0, 96, 159, 0.8);
}
.carousel .hdr {
display: block;
}

.sts1, .sts2, .owl-item .discount {
 display: none !important;
}
.carousel .prodbox {
    padding: 10px !important;
}
#wnCarousel13  {
    display: none !important;

}
#wnCarousel13  {
    border: 10px solid #202442;

}
#wnCarousel13 .hdr p {
    background-color: #7e1c1c;
    color: white;
}
#wnCarousel13 .owl-item {
    margin: 0px 10px 0 0;
    width: 228px !important;
}

/*#wnCarousel13 .note, #wnCarousel13 .sts {
    display: none;
}*/
#wnCarousel13 .price {
    font-size: 1.6rem;
    margin: -30px 30% 0% 30% !important;
}
#wnCarousel13 H2 {
    font-size: 1.6rem;
    font-weight: 600;   
}
#filterstoitemclasscont {
display: none !important;
}



/*kariera*/
/*.hpep>p, .hpep>h2, .hpep>ul{
    background-color: #ffffff1f;
    margin: 0 !important;
}

.birgada>p, .birgada>h2, .birgada>ul{
    background-color: #ffffff1f;
    margin: 0 !important;
}

.birgada h3, .hpep h3{
    background-color: #ffffff;
    padding: 10px;
    font-weight: 400;
}

.birgada h2,.birgada p , .hpep h2,.birgada p, .hpep p{
    padding: 10px;
    /* font-family: "Hrot Basic", 'IBM Plex Sans', Arial, sans-serif !important; */
}
/*
.hpep div{
    background-color: #ffffff1f;
    border-top-left-radius: 10px;
    border-bottom: 2px solid white;
}

.birgada div{
    border-bottom: 2px solid white;
    background-color: #ffffff1f;
    border-top-right-radius: 10px;
}*/
/*kariera*/

/*#contentcont {
    min-height: 1080px !important;
    height: -webkit-fill-available;
    margin: 0 0 -17.3% 0;
}*/

.watchdog img{
    width: 100%;
}

.printpage img{
    width: 10%;
}

.rating, #centercont .boxcont.tools .btn.btn-watchdog.btn-second.watchdog{
display: none;
    }

.paramname, .paramclass p{
    font-weight: 600;
    text-align: left !important;
    color: #000000;
    width: 100%;
    min-width: 180px;
font-size: 0.875rem !important;
    padding: 10px 15px !important;

}
.pacname {
text-align: left;
font-size: 1rem !important;
font-weight: 600;
}

.config .tabs ul.ui-tabs-nav li {
background-color: #f2f2f2;
border:none;
}

html[lang="cs"] .configinput.instock i:hover::before{
        content: "Skladem";
    display: block;
    position: absolute;
    /* border: 1px solid; */
    top: -32px;
    left: -8px;
    padding: 5px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.5);
    color: black;
    font-weight: 400;
}

html[lang="sk"] .configinput.instock i:hover::before{
        content: "Skladom";
    display: block;
    position: absolute;
    /* border: 1px solid; */
    top: -32px;
    left: -8px;
    padding: 5px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.5);
    color: black;
    font-weight: 400;
}


.configinput.instock  i:hover::after{
    content: "";
    display: block;
    position: absolute;
    top: -14px;
    padding: 5px;
    background: white;
    transform: rotate(45deg);
    color: #333333;
    box-shadow: 4px 4px 7px -2px rgba(0,0,0,0.5);
}

html[lang="cs"] .configinput.outstock i:hover::before{
    content: "Není skladem, o termínu dodání vás budeme informovat";
    display: block;
    position: absolute;
    top: -30px;
    left: -10px;
    padding: 5px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.5);
    color: black;
    font-weight: 400;
    width: 350px;
    font-size: 1.3rem;
}

html[lang="sk"] .configinput.outstock i:hover::before{
    content: "Nie je na sklade, budeme vás informovať o termíne dodania";
    display: block;
    position: absolute;
    top: -30px;
    left: -10px;
    padding: 5px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.5);
    color: black;
    font-weight: 400;
    width: 350px;
    font-size: 1.3rem;
}

.configinput.outstock i:hover::after{
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    padding: 5px;
    background: white;
    transform: rotate(45deg);
    color: #333333;
    box-shadow: 4px 4px 7px -2px rgba(0,0,0,0.5);
}

/*.configinput.outstock .configname i:hover::before, .configinput.instock .configname i:hover::before {
      content: "";
      display: block;
      position: absolute;
      right: 100%;
      top: 26px;
      width: 0;
      height: 0;
      border-top: 13px solid transparent;
      border-right: 26px solid red;
      border-bottom: 13px solid transparent;
    }*/

.config .configinput label i {
font-size: 1em;
float: left;
 }

#ordproductscont .tabinfo.hor th {
    border-bottom: 0px solid #666666;
}

#ordproductscont .buyout button {
    background: none !important;
    border: none;
    margin: 0 auto;
    float: none;
    width: 50px;
    display: block;
        padding-top: 40px !important;
}

#stidiscussion{
    display: none !important;
}

#tabs .ui-tab:nth-child(4),
#tabs .ui-tab:nth-child(5g13698){
    display: none;
}

#sticomment .boxcont.stiplnote,
#sticomment .boxcont.web{
    margin: 0 !important;
        padding:0px 15px 15px 15px;
            grid-column-start: 1;
    grid-column-end: 5;
}

#stibettprice, #stisendinfo, #stiusrerrmsg{
    display: none;
}

.stoitem .tabs .tabpage{
        border: none !important;
}

.docscont .tabinfo{
    border: none;
    background: #fff;
}
.pacname , Technická specifikace serveru{
    display: none;
}
.stoitem .stiimg .owl-next, .stoitem .stiimg .owl-prev{
        background: rgba(255, 255, 255, 0.6);
}

.note a{
    float: none;
        text-decoration: underline;
}

/*.order{
    background-color: #f0f0f0;
}*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9) a{
    font-size: 0.875rem !important;
    font-weight: normal !important;
    height: 100% ;
    display: table-cell;
    vertical-align: middle;
}

.stoitem .tabs ul.ui-tabs-nav li{
    background-color: #e9e9e936;

    border: none;
    border-radius: 0px !important;
}

/*.stock.yes:hover::after{
    content: "Servery jsou skladem, kompletace navolené konfigurace zabere 1 den. Testování a zahoření probíhá 1 až 3 dny podle velikosti RAM";
    display: block;
    position: absolute;
    top: -14px;
    padding: 5px;
    background: white;
    transform: rotate(45deg);
    color: #333333;
    box-shadow: 4px 4px 7px -2px rgba(0,0,0,0.5);
}*/

html[lang="cs"] .config .stock.yes:hover p:before{
        padding: 10px;
   visibility: visible;
    margin: -180px -145px;
    position: absolute;
    content: 'Servery v základní konfiguraci pro vás připravíme ještě tentýž den – můžete si je osobně vyzvednout na naší adrese nebo vám je zašleme přepravní službou. Konfigurace s úpravami obvykle dokončíme během jednoho až dvou pracovních dnů, v závislosti na aktuálním množství objednávek.';
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    width: 270px;
        font-size: 0.85rem !important;
    line-height: 1.3125rem;
}

html[lang="sk"] .config .stock.yes:hover p:before{
        padding: 10px;
   visibility: visible;
    margin: -180px -145px;
    position: absolute;
    content: 'Servery v základnej konfigurácii pre vás pripravíme ešte v ten istý deň – môžete si ich osobne vyzdvihnúť na našej adrese alebo vám ich zašleme prepravnou službou. Konfigurácie s úpravami obvykle dokončíme počas jedného až dvoch pracovných dní, v závislosti od aktuálneho množstva objednávok.';
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    width: 270px;
        font-size: 0.85rem !important;
    line-height: 1.3125rem;
}


html[lang="cs"] .config .stock.no:hover p:before{
    padding: 10px;
    margin: 10px -250px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Server nebo některá vybraná komponenta není skladem, o termínu dodání Vás budeme informovat po potvrzení objednávky";
    box-shadow: 4px 7px 17px -2px rgb(0 0 0 / 50%);
    background: white;
    width: 335px;
    visibility: visible;
    z-index: 200;
}

html[lang="sk"] .config .stock.no:hover p:before{
    padding: 10px;
    margin: 10px -250px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Server alebo niektorý vybraný komponent nie je na sklade, po potvrdení objednávky vás budeme informovať o termíne dodania";
    box-shadow: 4px 7px 17px -2px rgb(0 0 0 / 50%);
    background: white;
    width: 335px;
    visibility: visible;
    z-index: 200;
}

/*.prodbox .stock.no p:hover:before{
    margin: -150% -135% !important;
}

*/

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5):before{
    content: "Doporučujeme pro";
    font-weight: bold;
    color: #152654;
    font-size: 1.125rem;
    width: 100%;
    display: block;
    height: 50px;
    text-align: center;
    margin: 20px 0 -20px 0;
}



.prodbox .stock.yes p:hover:before{
     margin: -100% -45%;
}
.btn-close{
    background-color: none;
}


/*.configuration > .cnt > .tabform .title{
    border-bottom: 1px solid #e7e7e7 !important;
    width: -webkit-fill-available;
}*/

.config .configinput label .configprice{
    color: #880000;
    width: auto;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    padding: 12px 0px 6px 0;
}

.config [type="radio"]:checked + label:before {
    background: transparent;
    border: none !important;
    border-radius: 14px;
    }

.config .configinput label:before,
.config .configinput label:after{
       top: 10px !important;
    pointer-events: all;
    left: 10px;
}

.config .configinput [type="radio"]:checked + label:after{
top: 3px; 

}

#financnileasing, #operativnileasing{
        padding: 0 !important;
    color: #224AAB;
font-weight: 600;
}

/*.availability .out, .modal .iframe{
        pointer-events: none;
}*/
.stoitem .availability div:nth-child(1) .stock.yes p{
    display: none;
}

html[lang="cs"] .stoitem .availability div:nth-child(2) .stock.yes p:hover:before{
    padding: 10px;
    border-radius: 5px;
    margin: 0% -45%;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Na centrále obvykle do 24 hod.";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 120px;
}

html[lang="sk"] .stoitem .availability div:nth-child(2) .stock.yes p:hover:before{
    padding: 10px;
    border-radius: 5px;
    margin: 0% -45%;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "V centrále zvyčajne do 24 hodín.";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 120px;
}


html[lang="cs"] .stock.out p:hover:before,
html[lang="cs"] .prodbox .stock.out:hover:after{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    content: "Produkt není skladem. O dostupnosti Vás budeme informovat";
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    width: 170px;
    margin: -62px 0% 0 -22px;
    z-index: 100;
}

html[lang="sk"] .stock.out p:hover:before,
html[lang="sk"] .prodbox .stock.out:hover:after{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    content: "Produkt nie je na sklade. Budeme vás informovať o dostupnosti";
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    width: 170px;
    margin: -62px 0% 0 -22px;
    z-index: 100;
}

/*.stock.out p:hover:after{
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    padding: 5px;
    border-bottom: 12px solid white;
    border-left: 11px solid white;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    transform: rotate(-45deg);
    color: black;
    font-weight: 400;
    box-shadow: -13px 13px 9px -7px rgba(0,0,0,0.3);
    margin: -69px 0px 0 -3px;
}*/



.undefined .btn{
    background: none !important;
}

#headercont .btn-buy:before{
    font-size: 32px !important;
    width: 32px;
}

.prodbox:hover{
    z-index: 7;
}

#frqsrchword-box .title{
    padding: 15px 5px 0;
    text-align: left;
    position: initial !important;
    margin: 0;
    font-size: unset; 
    line-height: 2em;
    color: #cccccc;
    background: #FFFFFF !important; 
    font-weight: 400;
}



#sticattree>.cnt{
    padding-top: 10px !important;
}
/*našeptávač*/
/*.item.cat b, .item.freq b{
        color: #3c608a;
        font-weight: 900;
}

#frqsrchword-box .title:first-child:after{
    content: "";
    border-bottom: .5px solid #cccccc;
    width: 89.5% !important;
}

#frqsrchword-box .title:after{
    content: "";
    border-bottom: .5px solid #cccccc;
    width: 84.5%;
    float: right;
    margin: 13px 0px;
    height: 1px;
}
*/
#whisper-box ul li{
    border: none;
    padding: 5px;
}

#whisper-box ul li .img img {
    width: 100% !important;
    mix-blend-mode: multiply;
}

#whisper-box ul li .img {
    width: 12%;
}

/*
.boxcont.whisper{
    width: 120%;
    margin-left: -10%;
}*/

#whisper-box ul li .name{
    width: 80% !important;
    padding: 1% 2%;
}

#whisper-box ul li .name .code{
    display: none;
}

#whisper-box ul li .btn-buy{
    display: none !important;
}

#whisper-box ul li .btn-comp {
    margin: 3% 0;
    display: none;
}
#whisper-box ul li .price{
    display: table !important;
    width: auto;
    margin: 5% auto;
}

#whisper-box ul li .price .wovat p{
    display: none;
}


#whisper-box ul li .price span u{
    display: none;
}

#whisper-box ul li .price .wovat span:after{
    content: " Kč";
    color: #E62E2E;
}

#whisper-box ul li .price .wvat span:after{
    content: " Kč";
    color: black;
    font-weight:300;
}

#whisper-box ul li .price .wvat p{
    font-weight:400;
    padding: 0 0 0 2px;
}

#frqsrchword-box ul li{
    border: none;
}

#whisper-box{
    max-height: 585px !important;
}

#whisper-box ul li .name a{
        padding: 0 0 2px 0px;
}


/*našeptávač*/
/*registracni formular*/
.registration .document{
    border: none;
    margin: 0;
}

.registration .document .hdr{
    border: none;
}
.info span{
	z-index: 100;
}
.registration .nav{
    margin: 0 25%;
    padding: 2% 0;
    width: 100%;
}

.registration .nav label{
    margin: 0px 13%;
    width: max-content;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: initial;
}

.registration .nav label::first-letter{
    text-transform: uppercase;
}
.contentcont .registration .nav {
text-transform: uppercase;
font-weight: 600;
width: auto;
margin: 0 auto;
float: unset;
clear: unset;
display: table;
}
.registration .document .hdr p{
    font-weight: 400;
padding: 25px 25% 0px 25%;
font-size: 1.5rem !important;

}
#reg-deliv-address .hdr{
    border:none;
} 

.registration .document .cnt table tr{
    display: grid;
width: 50%;
margin: 15px auto;
}

.registration .document .cnt table td input{
    width: 100%;
    border: 1px solid rgba(192, 192, 192, .5);
        padding: 7px;
        margin: 0;
}
.registration .document .cnt table td .custom-select {
    border: 1px solid rgba(192, 192, 192, .5);
    border-radius: 0px;
}
.tabinfo tr:first-child th, .tabinfo tr:first-child td {
    padding-top: 6px !important;
}

.tabinfo th:not(:empty):not(.notdeliv):after {
    content: "";
}
.registration .document .cnt table td {
    width: 100%;
    padding: 0;
}
#reg-deliv-address p{
    float: left;
    width: 40%;
    margin: 0 auto;
}

#reg-deliv-address p label{
    line-height: 1.6rem;
    width: max-content;
}

.registration .custom-select, .registration .recaptcha.g-recaptcha, .registration #gdpr-1 + label, .registration .btn-big.btn-user, .registration .payvat{
    width: 100%;
/*    margin: 0% 30% !important;*/
}


input.err, textarea.err{
    box-shadow: 0 0 4px rgba(255, 0, 0, 0.6) !important;
}

input.format, textarea.format, .input-required.err{
     border: 1px solid #fa4047 !important;
        box-shadow: none !important;
    background: #ff00001c;
}


.ordbaskets .contentcont .boxcont .cnt .msg.format{
	color: #fa4047;
	    float: left;
	    font-size: 1.1rem;
}
.registration .postcodes{
        width: 100%;
    border: 1px solid rgba(192, 192, 192, .5);
        top: 28px;
}


.registration .msg.format{
    /*position: absolute;*/
    /* float: right; */
    font-size: .9em;
    color: orange;
    /* text-align: right; */
    transform: translateY(6px);
    /* float: right; */
    /* top: 35%; */
}

.registration .input-psc + .msg.format{
    left: 55%;
}

.registration .input-email + .msg.format, .registration .input-phone + .msg.format, .registration .input-phone + .msg.format{
    left: 54%;
}

.registration .input-password + .msg.format{
    left: 49%;
}

#reg-deliv-address .input-psc + .msg.format{
    left: 25%;
}

#reg-deliv-address .input-email + .msg.format{
    left: 24%;
}

#reg-deliv-address .input-phone + .msg.format{
    left: 24%;
}

#reg-firm .input-ico + .msg.format{
        left: 55%;
    float: left;
    color: red;
}

#reg-firm table tr td strong, #reg-firm table tr td div{
     font-weight: 400;
    text-align: center;
    display: block;
    width: 40%;
    /* border: 1px solid rgba(192, 192, 192, .5); */
    margin: 2% 30% 0;
    font-size: 1.2em;
}

#reg-firm table tr td div{
    display: none;
}

#reg-firm table tr td .payvat{
       margin: 10px 0 0px 0;
}

.catalog .navbar{
    display: none;
}

/*#importByICO {
        right: 33%;
    position: absolute;
    transform: translateY(-2px);
}*/

.GDPR-DET+.info{
    z-index: initial !important;
    display: none;
}

.recaptcha.g-recaptcha>div{
    margin: 0 auto;
}

table .gdpr td{
     padding: 15px 0;
}

.boxcont.registration .cnt .document.contact .cnt table th{
    padding: 10px 0 0 5px;
text-align: left;
}

.boxcont.registration .cnt .boxcont.document.firm .cnt table th{
	display: block;
	text-align: left;
	padding:10px 0 0 5px;
}

/*registracni formular*/

/*novy vzhled produktové stránky*/
/*
.config .scroll + #centercont .config-detail .config-info.half.float-right{
    background: #fff !important;
    padding: 0;
    width: 95%;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 4;
    grid-column-end: 4;
    position: absolute !important;
    top: 0px;
    border-radius: 0;
}

.config .config-detail .config-info.half.float-right{
    background: #fff !important;
    padding: 0;
    width: 19%;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 4;
    grid-column-end: 4;
    top: 212px;
    right: 0;
    border-radius: 0;
    position: fixed !important;
    display: block;
    right: 14%;
}*/

.config .config-detail .config-info.half.float-right{
    background: #fff !important;
    padding: 0;
    width: 95%;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 4;
    grid-column-end: 4;
    transform: translateY(-123px);
    top: 0px;
    border-radius: 0;
}
.config .config-detail .boxcont.config-info. .hdr .hdr-config-info{
    height: 7em;
}

/*.config-detail .cnt .boxcont.config-img.half {
    margin: 100px 0 0 0;
    /*border-bottom: 1px solid #dddddd;}*/


.config-detail .boxcont.note{
	float: right;
    padding: 0 30px 0 0;
    margin: 0;
    width: 100%;
    height: auto;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 2;
    z-index: 18;
}

.hdr-config-info{


}
/*.config-detail .cnt .boxcont.config-img.half {
    border-right: 1px solid #e7e7e7;
}*/

/*.configuration {
    width: 82.5% !important;
    margin: 1% 0!important;
    transform: translateX(-10px);
}*/

.config-detail>.hdr {
    width: 100% !important;

    padding: 0px 0 0px 0;
    background: white;
    z-index: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
}

.config .config-detail .hdr span {

    display: none;

}

.config .config-info .hdr>h1 {
    font-size: 1.6em !important;
}

.config .config-info .hdr-config-info>h2 {
    font-size: 1rem !important;
    margin: 20px 25px 10px 25px;
    font-weight: 600 !important;
    text-align: left;
    line-height: 1.6em;
    color: #152654;
}

.config-detail .cnt form .note .hdr-note h2{
    padding: 0px 0 10px 0;
    font-size: 1rem !important;
    font-weight: 600 !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    line-height: 1.5rem;
}	

.config-detail .config-info .hdr span{
    font-size: 1em;
    line-height: 1.3em;
}

.config-detail .status{
    grid-column-start: 1;
    grid-column-end: 3;
    order: 0;
    width: 100% !important;
    grid-row-start: 1;
    grid-row-end: 1;
    background: #fff;
    padding: 0 25px 20px 25px;
    position: relative !important;
    height: 50px;
}

.config .config-detail .config-info .hdr .hdr-config-info{
    height: 7em;
}
.status .sts{
	display: inline-block;
	border-radius: 0px;
}
.boxcont.note .note .akce{
	color: #224AAB;
	font-weight: 400;
}

/*.configuration .cnt .tabform tr > td > span, .config .configinput {
    border-left: 1px solid #c8d6e4;
}*/



.config .configuration .custom-select {
    border-color: #ffffff;
    width: 100% !important;
    margin: 0;
    /*left: 10px;*/
    position: relative;
    float: left;
    min-width: 50px;
    border-radius: 0px;
}

 

 /*konfigurátor výpis navolených položek*/

    

    .config #config_selected td{
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
            border: none !important;
          padding-top: 6px !important;
              font-size: 0.875rem !important;
                  font-weight: 400;
    }

    #config_selected .tablesel_avail,
    #config_selected_services .tablesel_avail{
        display: none;
    }

    #config_selected .tablesel_qty{
        text-align: center;
        border-right: 1px solid #d6d6d6;

            font-weight: 400;
    }

    #config_selected table tr:last-child td{
        border: none;
            padding-bottom: 10px !important;
    }

    .config .tablesel_name:before{
                    content: '•';
    font-size: 1.5em;
    line-height: 0em;
    margin: 0px 10px 0px -20px;
    vertical-align: inherit;
}
     

     .config .tablesel_qty:after{
            content: 'x';
    
     }

    
     .config .tablesel_name{
                padding: 0 5px 0 25px !important;
     }

     .config .tablesel_qty{
    padding-right: 10px !important;  
     }
 /*konfigurátor výpis navolených položek*/
/*uprava konfigurator poradi položek*/


.configinput .config_qtylist_line{
    /*display: flex;*/
    order: 1;
}
.diskove_pozice_pro_nvme_pcie_ssd_disky .configinput label, 
.serverove_cpu .configinput label, 
.operacni_pamet_ram .configinput label, 
.diskove_pozice .configinput label, 
.vzdalena_sprava .configinput label, 
.baterie_pro_diskovy_radic .configinput label, 
.diskovy_radic .configinput label, 
.zdroj .configinput label, 
.liziny .configinput label, 
.serverove_ram_ddr4_rdimm .configinput label, 
.serverove_cpu .configinput label, 
.primarni_lan_adapter_na_zakladni_desce .configinput label,
.housing_v_datovem_centru .configinput label,
.instalace_os .configinput label{
    padding-left: 30px !important;
    margin: 0 0 0 -30px;
}

.zaruky_a_servis .configinput label{
    padding-left: 30px !important;
    margin: 0 0 0 0px;
}

/*.baterie_pro_diskovy_radic .configinput .config_qtylist_line, .zdroj  .configinput .config_qtylist_line, .diskovy_radic .configinput .config_qtylist_line, .housing_v_datovem_centru .configinput .config_qtylist_line, .operacni_pamet_ram .configinput .config_qtylist_line{
    display: none;

}*/
/*uprava konfigurator poradi položek*/

/*.config .configinput .config_qtylist_line .qty{
            display: none;
}

.serverove_disky .custom-select, 
.serverove_diskove_ramecky .custom-select, 
.lan_adaptery_ethernet .custom-select, 
.adaptery_fibre_channel .custom-select, 
.serverove_operacni_systemy .custom-select, 
.vzdalena_sprava .custom-select, 
.baterie_pro_diskovy_radic .custom-select, 
.sekundarni_lan_adaptery_ethernet_do_pcie_slotu .custom-select, 
.sekundarni_lan_adaptery .custom-select,
.lan_adaptery .custom-select{
        visibility: hidden;
}
*/
/*.serverove_disky .custom-select select, 
.serverove_diskove_ramecky .custom-select select, 
.lan_adaptery_ethernet .custom-select select, 
.adaptery_fibre_channel .custom-select select, 
.serverove_operacni_systemy .custom-select select,  
.vzdalena_sprava .custom-select select,
.baterie_pro_diskovy_radic .custom-select select,
.sekundarni_lan_adaptery_ethernet_do_pcie_slotu .custom-select select,
.sekundarni_lan_adaptery .custom-select select,
.lan_adaptery .custom-select select{
	visibility: visible;
	height: 26px;
	margin: 0;
	overflow: hidden;
	background: transparent url(../img/select-arr-down.svg) no-repeat;
	background-size: 20px 20px;
	background-position: center right;
	border-right: 0px solid #f9f9f9;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 0px;
	padding: 3px;
	min-width: unset !important;
	width: 35px !important;
}*/

.baterie_pro_diskovy_radic .custom-select select{
    width: fit-content !important;
}

.baterie_pro_diskovy_radic .custom-select select:enabled,
.vzdalena_sprava .custom-select select:enabled {
    visibility: hidden;
}

.baterie_pro_diskovy_radic .custom-select.product select {

        visibility: visible !important;
    width: 100% !important;
}

.config-info .producent{
    display: none;
}

.config .configinput .config_qtylist_line .custom-select{
        width: auto !important;
        max-width: unset;
        left: 0;
        top: 0;
        min-width: unset;
 }
.config .configinput .config_qtylist_line .custom-select select:enabled{
 	background: transparent url(../img/select-arr-down_blue.svg) 100% no-repeat !important;
 	width: 75px !important;
}
/*.config .configinput input[type=checkbox]:checked ~ .config_qtylist_line>.custom-select:after{
	content: " ks";
}*/
.config .configinput .config_qtylist_line select, 
.config .configinput .config_qtylist_line input, 
.config .configinput .config_qtylist_line .custom-select{
width: 75px;
    min-width: unset !important;
    margin: 0;
    border: none;
    direction: ltr;
    background: transparent;
    height: initial;
    color: #152654;
    z-index: 10;
    font-weight: 600;
    max-width: unset !important;
}

.config-detail {
    position: relative;
}

/*novy vzhled produktové stránky*/

.owl-buttons div{
    z-index: 0;
    opacity: 0.1;
    display: block;
}
#headercont.scroll{
    box-shadow: none;
}

select:disabled,
select:disabled + .qty{
    display:none !important;
}

/*.custom-select select{
	padding:0 !important;
}*/
.config .configinput .config_qtylist_line .qty{
	font-size: unset;
        padding: 0 0 0 5px;
    margin: 0;
    font-weight: 400; 
    background: #f4f6fb;
        transform: translate(32px, -21px);
            z-index: 8;
            font-weight: 600;
}
.configinput .product{
    margin: 0 !important;
}

.popupcont{
    z-index: 10;
}

.stoitem .tools{
   display: none;
}

.config .config-detail .hdr h1 {
    width: 100%;
        font-weight: 400;
    color: #152654;
    display: table-cell;
    vertical-align: middle;
    float: unset;
    clear: unset;
}

/*dostupnost textem na produktové stránce*/

/*.availability .stock p{
        display: block;
    color: transparent;
    z-index: 20;
    position: absolute;
}*/

/*.boxcont.half.float-right.stiinfo .cnt .rowbox.avail.inet{
    display: none;
} 
.availability .store:nth-child(2) {
    display: none;
}*/

html[lang="cs"] .stoitem .availability .out:before , .config .availability .out:before  {
    content: "Na objednání";
    font: unset;
    height: fit-content;
        margin: 0;
}
html[lang="sk"] .stoitem .availability .out:before , .config .availability .out:before  {
    content: "Na objednanie";
    font: unset;
    height: fit-content;
        margin: 0;
}
#stitable .availability .out:before{
float: inherit;
}
html[lang="cs"] .config .availability .out:before  {
    content: "Na objednání";
    font: unset;
    height: fit-content;
}

html[lang="sk"] .config .availability .out:before  {
    content: "Na objednanie";
    font: unset;
    height: fit-content;
}
.availability .out:before {
        content: "Na objednání";
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;
    font-weight: 600; 
}
.config .availability .stock p{
	    visibility: hidden;
    color: transparent;
    height: 0;
    width: 0;
}
 /*.stoitem .availability .stock p{
    position: relative;
    display: block;
    color: transparent;
    background-image: url(../img/icons/information.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    float: right;
    margin: 3px;
}*/
#stitable .availability .stock p{
	    position: absolute;
    background-image: none;
    display: block;
    color: transparent;
    margin: 0px;
    transform: translateY(-43px);
    height: 66px;
    width: 66px;

}


/*.owl-carousel .owl-stage-outer .owl-stage{
	height: 20px;
}
*/
#stitable .availability .stock p:hover:before{
	    margin: -50px 0% 0 -77px !important;
}

#stitable .availability .stock.no p:hover:before{
	    margin: -50px 0% 0 -117px !important;
}


#stitable .availability .stock.yes p:hover:before{
	    margin: -30px 0% 0 -40px !important;
}
/*[title~=Centrála]{
display: none;
}*/

/*.stoitem .availability .no:before, */html[lang="cs"] .config .availability .no:before  {
    content: "Není skladem";
    font: unset;
    height: fit-content;
        margin: 1px 5px 0 5px;
        min-width: max-content;
}
/*.stoitem .availability .no:before, */html[lang="sk"] .config .availability .no:before  {
    content: "Nie je skladom";
    font: unset;
    height: fit-content;
        margin: 1px 5px 0 5px;
        min-width: max-content;
}
html[lang="cs"] #stitable .availability .no:before
html[lang="cs"] .config .availability .no:before{
    content: "Není skladem";

}
html[lang="sk"] #stitable .availability .no:before
html[lang="sk"] .config .availability .no:before{
    content: "Nie je skladom";

}
/*.availability.inet .stock.no p {
    display: none;
}*/
/*.availability .yes:before {
    content: "";
}*/

html[lang="cs"] .store .availability .yes:before {
    content: " Skladem" ;
    padding-left: 5px;
        font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem !important;
}
html[lang="cs"] .stoitem .availability>.yes:before, .config .availability .yes:before {
    content: "Skladem";
    font: inherit;
    width: max-content;
    text-align: left;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    margin: 0;
    padding: 0 5px 0 5px;
}

html[lang="sk"] .store .availability .yes:before {
    content: " Skladom" ;
    padding-left: 5px;
        font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem !important;
}
html[lang=sk] .stoitem .availability>.yes:before, .config .availability .yes:before {
    content: "Skladom";
    font: inherit;
    width: auto;
    text-align: left;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    margin: 0;
    padding: 0 5px 0 5px;
    float: right;
}

#stitable .availability .yes:before{
	display: none;
}
html[lang="cs"] .config .availability .yes:before {
    content: "Skladem na prodejně" ;


}
html[lang="sk"] .config .availability .yes:before {
    content: "Skladom na predajni" ;


}

html[lang="cs"] .prodbox .stock.no p:hover:after,
html[lang="cs"] #stitable .stock.no p:hover:before,
html[lang="cs"] .stoitem .stock.no p:hover:before,
html[lang="cs"] .prodbox .stock.no:hover:after{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Produkt není skladem. O termínu dodání Vás budeme informovat po potvrzení objednávky";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 240px;
    margin: -80px -20px;
    z-index: 1;
}

html[lang="sk"] .prodbox .stock.no p:hover:after,
html[lang="sk"] #stitable .stock.no p:hover:before,
html[lang="sk"] .stoitem .stock.no p:hover:before,
html[lang="sk"] .prodbox .stock.no:hover:after{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Produkt nie je na sklade. O termíne dodania vás budeme informovať po potvrdení objednávky";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 240px;
    margin: -80px -20px;
    z-index: 1;
}
.config .availability.inet .stock.yes,
.stoitem .availability.inet .stock.yes{
	    border-bottom: 1px dotted #55a43c !important;
}	
.prodbox .availability_wrap.not_config:hover .availability:not(.inet) {
display: none !important;
}
.config .availability.inet .stock.no,
.stoitem .availability.inet .stock.no{
	    border-bottom: 1px dotted #fa4047 !important;
}	

.spresenttrees .availability.inet .stock.yes{
	display: flex;
	flex-direction: column-reverse;
	text-align: left;
}
.availability.inet .stock.yes>p {
	color: #55a43c;
    padding: 0 5px 0px 0;
  /*  text-transform: capitalize;*/

}
/*.stock p:hover:after{
    content: "";
    display: block;
    position: absolute;
    margin: -21% 0px 0px -6px;
    width: 0px;
    height: 0px;
    padding: 5px;
    border-bottom: 12px solid white;
    border-left: 11px solid white;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    transform: rotate(-45deg);
    color: black;
    font-weight: 400;
    box-shadow: -13px 13px 9px -7px rgba(0,0,0,0.3);
    z-index: 201;
}*/

/*.prodbox .stock.yes p:hover:before, #stitable .stock.yes p:hover:before, .stoitem .stock.yes p:hover:before{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Produkt je skladem";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 120px;
    margin: -60px -20px;
    z-index: 1;
}*/

.stoitem .stock.yes p:hover:before{
	    margin: -40px -120px;
}

.stoitem .stock.out p:hover:before{
	    margin: 0% -120%;
}

.stoitem .stock.no p:hover:before {
    margin: -70px -210px;
}

.availability  .store .modal.iframe .stock{
float: none;
text-align: left;
padding: 1px 0px 0px 5px;
}

.spresenttrees .availability  .store .modal.iframe .stock{
	text-align: left !important;
}

#stitable .store p{
	display: none;
}

/*skryti chatu*/
/*#chat-application{
    visibility: hidden;
}*/


.listpage .cnt .showstyle .styletab a {
    color: #DFDFDF;
}

.listpage .cnt .showstyle .act a:before{
    color: #152654;
} 

/*.contentcont .boxcont{
    padding: 0 0 10px 0;
    
}*/

/*.config .config-detail .config-img.half {

    order: 1;
}
*/
.config .configinput.instock i, .config .configinput.outstock i{
    /*height: fit-content;
    min-width: 15px;
    margin: 0 0 0 6px ;*/
    width: 20px;
    height: 15px;
    margin: 0;
}

.modal-popup .configinput.instock .configname:after{
	content: "";
}

/*.serverove_cpu .configinput.instock .config_par:after{
	content: "Skladem" !IMPORTANT;
	color: #166F49;
	    margin: 0 10px 0 10px;
	    float: right;
	    font-weight: 400;
}*/
html[lang="cs"] .configinput.instock label[for="js_cocsel_2_1_76630"] .configname:before,
html[lang="cs"] .configinput.instock label[for="js_cocsel_2_1_88019"] .configname:before{
     content: "Není možné použít NVMe disky";
    color: rgb(33, 55, 138);
    margin: 0 10px 0 10px;
    float: right;
    font-weight: 400;
}
html[lang="cs"] .configinput.instock .configname:after{
	content: "Skladem"; /*nedávat !important kvůli službám*/
	color: #166F49;
	    margin: 0 10px 0 10px;
	    float: right;
	    font-weight: 400;
}
html[lang="sk"] .configinput.instock .configname:after{
	content: "Skladom";
	color: #166F49;
	    margin: 0 10px 0 10px;
	    float: right;
	    font-weight: 400;
}
.modal-popup .configinput.instock .configname:after{
	content: "" !IMPORTANT;
}
/*.serverove_cpu .configinput.instock .configname:after{
	display: none;

}*/
.modal-popup .configinput.instock .configname:before{
	content: "" !IMPORTANT;
}
html[lang="cs"] .configinput.outstock .configname:after{
	content: "Není skladem";
	color: #fa4047;
	    margin: 0 0 0 10px;
}

html[lang="sk"] .configinput.outstock .configname:after{
	content: "Nie je skladom";
	color: #fa4047;
	    margin: 0 0 0 10px;
}
.configinput i{
	display: none !important;
}
.contentcont .boxcont {
    margin: 0;

}
.boxcont.configuration .cnt .tabform{
	width: 100%;
	float: left;
}



.boxcont.boxcont.tools_undertabs{
	display: none;
}
/*vystredeni v radku v konfiguratoru*/
/*.config .configinput.instock i, .config .configinput.outstock i, .config label:after, .config .configinput label:before{
        margin: 0px 0px 0 5px;
}*/
/*vystredeni v radku v konfiguratoru*/

[type="checkbox"]:not(:checked) + .config_qtylist_line{
    visibility: hidden;
}



/*.tabinfo tr:last-child td{
    padding: 5px 3px;
}*/

.showstyle .styletab a:before{
        font-size: 2.4em !important;
}


.showstyle .styletab.table{
        padding-right: 10px;
}

.listpage .cnt .paging{
        padding: 0px 42px 0px 0px;
}
.boxcont.pagetext{
	padding: 6px 42px 0px 0px;
}
.listpage .cnt .paging .cnt .pagesize{
    width: 32px;
    margin: 2px 0 0 0;
        border-radius: 0px !important;
    height: 30px;
}
.orderby .btn {
    margin: 0 5px 0 0;
}
#subcatscont a .img {
    display: none;
        }
.listpage .cnt .paging .cnt p {
    padding: 7px 10px 0 0;
}
.config .greenloancalc th{
        width: 100% !important;
    }

    .config .tabform .wovat .price span, 
    .config .tabform .wvat .price span  {
   display: block;
    margin: 0 auto;
    float: unset;
    color: #fa4047;
    text-align: left;
    padding: 0;
    width: fit-content;
}

.config .tabform .wovat .price span u{
    font-weight: 400;
    font-size: initial;
    padding: 0 0 0 10px;
}
.config .tabform .wvat .price span {
    display: block;
    margin: auto;
    width: max-content;

}

    .config .tabform .wovat td, .config .tabform .wvat td{
        display: block;
    }
    
    .config .tabform .wvat .price span u:after, .stiinfo .rowbox.wvat .price u:after{
        content: " s DPH";

    }

    .config .tabform .price{
        width: auto;
    }

    #prodlistanchor .prodbox .availability{
       width: auto;
    margin: 0 auto;
    float: left;
    clear: unset;
    }
    #prodlistanchor .prodbox .availability_wrap.not_config:hover .availability:not(.inet){
    	    display: block !important;
    position: absolute;
    background: #fff;
    z-index: 100;
    border: 1px solid #c0c0c0;
    box-shadow: 3px 4px 6px -3px rgba(0,0,0,0.5);
padding: 5px;
    margin: -10px -5px;
    top: unset;
    }
#prodlistanchor .prodbox .availability.inet{
	width: 100%;
}
    .prodbox .availability_wrap{
    	position: unset;
    }
.serverove_operacni_systemy .configinput.instock input[type="radio"] + label{
	padding: 0px 0 0px 30px !important;
}

.stoitem .boxcont.gallery.owl-carousel.owl-theme{
    margin: -10px 0 5px 0;
    order: 3;
}
/*.stoitem .hdr span{
	font-size: 1rem !important;
	line-height: 1.5rem;
}*/
.boxcont.config-detail .owl-item a img{
max-width: unset;
    margin: 0;
    mix-blend-mode: multiply;
    width: 100px;
    height: auto;
    image-rendering: pixelated;
}
.config .config-img a {
    float: none;
    display: block;
    border: 1px solid #f2f2f2;
    margin: 0 0 17px 0;
}

.config-img .owl-item a{
	margin: 0 15px 0 0;

}
#headercont .basket .price {
    font-size: 1rem;
    border-radius: unset !important;
    border-color: transparent !important;
    color: #fff;
}
/*#contentcont {

    padding: 0 10px 0 0;
}*/

.configuration [type="checkbox"]:checked + label,.configuration [type="radio"]:checked + label{
    font-weight: 600;
    background: rgba(34, 74, 171, 0.05);
    color: #152654;
}

#chat-application{
    display: none !important;
}
.config .wovat .price input, 
.config .wvat .price input{
    margin: auto;
    float: none;
    color: #fa4047;
    text-align: right;
    margin: 0 5px 0 0;
    font-weight: normal;
    width: auto !important;
}

.config .wovat .price input, .config .tabform .wovat .price span u{
   font-size: 2.4rem !important;
    margin: 0 !important;
    color: #fa4047;
    display: inline-block;
}

td.text.price.line-through span u, div.text.price.line-through{
	color: #fa4047 !important;
	font-size: 0.9rem;
	font-weight: unset;
}

.config-info table .wovat, .config-info table .wvat{
	display: flex !important;
	width: 100%;
	justify-content: center;
	padding: 0 0 0 0;
}

.srchtools, .toolbar{
	padding: 0;
}
/*.wvat th{
    display: none;
}

.config table .wvat:before{
    content: "Cena s DPH:";
    font-weight: 400;
    color: #3c608a;
    padding: 0px 10px;

    display: table;
}

.wovat th{
    display: none;
}

.config table .wovat:before{
    content: "Cena bez DPH:";
    font-weight: 400;
    color: #3c608a;
    padding: 0px 10px;
    margin: 15px 0;
    display: table;
}
*/
.config .config-img a img{
        float: none;
    overflow: hidden;
       width: 350px;
    height: auto;
        margin: 0;
}

.config .config-img a {
    float: none;
    overflow: hidden;
}
.config-info .tabform .rating{
	display: none;
}
/*.config-info .tabform .producent, 
.config-info .tabform .rating, 
.config-info .tabform .leasingrowol, 
.config-info .tabform .leasingrowfl,
.rowbox.producent,
.rowbox.waruser{
 display: none;
}*/
.config-info .tabform .leasingrowol, 
.config-info .tabform .leasingrowfl, 
.rowbox.leasingrowol, .rowbox.leasingrowfl {
    order: 4;
    padding: 15px 25px 10px 25px;
    width: 100%;
}

.stoitem .config-info .tabform .leasingrowol, 
.stoitem .config-info .tabform .leasingrowfl, 
.stoitem .rowbox.leasingrowol, .rowbox.leasingrowfl {
        order: 4;
    padding: 15px 25px 10px 25px;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
}

/*.modal-content.contentcont {
    border-top: 5px solid #fa4047;
    background: #fff;
    padding: 0px;*/
}
.rowbox.leasingrowfl{
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 15px;
    padding-top: 10px;
}
.leasingrowol td,
.leasingrowfl td{
	text-align: right;
	float: right;
}
.stoitem .stiimg .status {
position: relative;
        order: 1;
        padding: 0 0 0 25px;
    }
/*.config-info .tabform .leasingrowol:before,
.rowbox.leasingrowol:before{
	content: "Další možnosti financování";
    display: block;
    font-size: 1rem !important;
    margin: 5px 0 25px 0;
    font-weight: 400 !important;
    text-align: left;
    line-height: 1.6em;
    color: #152654;
}*/
.config-info .tabform .wovat th, 
.config-info .tabform .wvat th, 
.config-info .tabform .greenloancalc th, 
.config-info .tabform .order th, 
.config-info .tabform .availability th, 
.config-info .tabform .classname th, 
.config-info .tabform .war th, 
.config-info .tabform .code th,
.stiinfo .rowbox.wovat .label,
.stiinfo .rowbox.wvat .label,
.stiinfo .rowbox.order .label,
.stiinfo .rowbox.war .label,
.stiinfo .rowbox.waruser .label,
.stiinfo .rowbox.avail.inet .label {
    display: none !important;
}

.tabform .normalweight{
	    color: #224AAB;
	    display: none;
    /*font-weight: 600;*/
} 



/*.config-info .tabform .order{
    order: 3;
    width: 62%;
}*/

.config-info .tabform .order td, 
.config-info .tabform .availability td{
        width: 100%;
    display: block;
    margin: 0 auto;
    float: left;
}

.config-info .tabform .greenloancalc{
       order: 4;
    width: 100%;
  /*  padding: 0 25px 20px 25px;*/
    /* display: none; */
    place-self: flex-end;
    flex-flow: column;
    border-bottom: 2px solid #f2f2f2;
}

.config-info .tabform .war{
         order: 5;
    width: 40%;
    display: inline-block;
    padding: 25px 0 10px 25px;
      }

/*.boxcont.config-detail>.cnt{
	    display: grid;
    grid-template-columns: 37% 35% 3% 25%;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-rows: auto 8% auto;
}*/

.config-detail .cnt .boxcont.config-img.half{
	    order: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    z-index: 10;
}
.config-info .tabform .war td, 
.config-info .tabform .code td{
    margin: auto;
    display: block;
    width: 100%;
    text-transform: lowercase;
}

.config-info .tabform .code td{
	text-align: right;
}
.config-info .tabform .war td:before, .rowbox.war .text:before{
   content: "Záruka: ";
text-transform: capitalize;
}

.config-info .tabform .code td:before{
   content: "Kód: ";

}

.availability .stock {
        float: right;
    border-bottom:1px dotted;
}

.config-info .tabform .classname{
    order: 6;
    width: 60%;
    display: inline-block;
    border-bottom: 2px solid #f2f2f2;
}
.config-info .tabform .classname td{
        text-align: left;
    display: block;
    
}

.config-info .tabform .classname,
.config-info .tabform .code{
	padding: 0 0 25px 25px;
}

.config-info .tabform .code{
    width: 40%;
    order: 7;
    display: inline-block;
        padding: 0 25px 5px 0px;
        border-bottom: 2px solid #f2f2f2;
}
.config .greenloancalc .grenkeKalkulackaBlock .block-title span{
	text-decoration: none;
    font-weight: 400;
    text-transform: none;
}
.config-info .tabform .leasingrowfl,
.stoitem .stiinfo .leasingrowfl{
    	/*order: 11;
    	height: 1px;
    	display: flex !important;
    	width: 40%;
    	margin: 0px -42%;
    	place-items: flex-end;
	    place-self: flex-end;
	    justify-content: center;
	    color: white;
	    background: #fa4047;
	    font-weight: 600;
	    padding: 16px 0 2px 0;*/
        display: none;
	}
/*.config-info .availability .yes{
   width: 100%;
    margin: 0 auto;
    float: unset;



}*/
.config .greenloancalc .grenkeKalkulackaBlock{
    width: 100%;

}
.config .greenloancalc .grenkeKalkulackaBlock .block-title{
 border: 1px solid #21378a;
    text-decoration: none;
    color: #21378b !important;
    background: #fff;
    border-radius: 0;
    margin: 1px 0;
    padding: 5px !important;
    color: white;
    text-align: center;
    border-radius: unset !important;
}

/*.config .greenloancalc .grenkeKalkulackaBlock .block-title span{
    display: none !important;
}*/

/*.config .greenloancalc .grenkeKalkulackaBlock .block-title:before, .stoitem .rowbox.greenloancalc .grenkeKalkulackaBlock .block-title:before{

       display: block !important;
    content: "Leasing";
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    font-size: 1.7rem;
    line-height: 22px;
}
*/
.config .greenloancalc td{
    display: none;
}

.config-info .stock.yes p:first-letter{
    text-transform: uppercase;
}

#ordproductscont .stock, #ordproductscont table tr>.price.wvat{
    display: none !important;
}

#ordproductscont table tr>.total.wvat,#ordproductscont table tr> .totalprc.wvat{
    display: table-cell;
}
.table-scroll table tr>.total.wvat, .table-scroll table tr>.totalprc.wvat{
    display: table-cell;
}

    /*    #contactdatacont_1,
        #contactdatacont_2,
        #contactdatacont_3,
        #contactdatacont_4,
        #contactdatacont_1_log,
        #contactdatacont_2_log,
        #contactdatacont_2,
        #contactdatacont_4,
        #contactdatacont_4_log,
        #contactdatacont_1,
        #contactdatacont_3,
        #customsignordercont,
        #paywaycont,
        #deliverycont,
        #discoupons,
        #storecont,
        #demtoplacecont,
        #customsignordercont {
            background-color: #ffffff;
            width: 40%;
            display: block;
        }*/

        #trippleswitchcont{
   width: calc(80% - 10px);
    float: left;
    clear: left;
    background: transparent;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-end: 1;
    grid-row-start: 1;
    margin: 40px 0 10px 0;
        }

/*        #contactdatacont_2,
            #contactdatacont_4,
            #contactdatacont_1,
            #contactdatacont_3,
            #customsignordercont,
            #paywaycont,
            #deliverycont,
            #discoupons,
            #storecont,
            #demtoplacecont,
            #customsignordercont {
                display: block;
    width: 40% !important;
    float: left !important;
    clear: left;

            }*/

            .trippleswitch [type="radio"]:not(:checked) + label:after{
                top: 3px;
    left: 3px;
    font-size: 22px !important;
            }

            .ordbaskets .contact .rowbox input, .ordbaskets .buyasfirm .rowbox input, .ordbaskets .comshipto .rowbox input{
width: 100%;
    margin: 0 auto 0 !important;
    border-radius: 0px !important;
    padding: 15px 10px 5px 10px !important;
    float: none;
    display: block;
    padding: 20px 10px 7px 10px;
    font-size: 1.4rem;
    /* background: transparent; */
    z-index: 7;
    border: 1px solid #fff;
            }

            .ordbaskets .trippleswitch .trplopt p{
             display: none;
}
#trippleswitchcont .trplopt label:before, #trippleswitchcont .trplopt label:after{
	content: "";
	display: none;
}
html[lang="cs"] #trippleswitchcont .trplopt label[for="trploptst1"]:after{
	 content: "Nákup s registrací";

}
html[lang="cs"] #trippleswitchcont .trplopt label[for="trploptst2"]:after{
	 content: "Přihlásit se";

}
html[lang="cs"] #trippleswitchcont .trplopt label[for="trploptst3"]:after{
	 content: "Nákup bez registrace";

}
html[lang="sk"] #trippleswitchcont .trplopt label[for="trploptst1"]:after{
	 content: "Nákup s registráciou";

}
html[lang="sk"] #trippleswitchcont .trplopt label[for="trploptst2"]:after{
	 content: "Prihlásiť sa";

}
html[lang="sk"] #trippleswitchcont .trplopt label[for="trploptst3"]:after{
	 content: "Nákup bez registrácie";
}

/*#trippleswitchcont .trplopt input:checked + label:after{
	color: #fff !important;
}*/

#trippleswitchcont [type="radio"]:checked + label{
        background: #fff;

}
#trippleswitchcont .trplopt label:after{
    display: block;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1.125rem !important;
    
    color: #152654;
    font-weight: 400;
    float: left;
    clear: left;
    margin: 0 !important;
    position: relative;
    transform: scale(1) !important;
    opacity: 1 !important;
    left: 0;
    width: 100%;
}


            .ordbaskets .trippleswitch .trplopt {
    float: left;
    width: calc(100% / 3);
    margin: 0;
    padding: 0;

    background: transparent;
}
#headercont .logged .hdr .btn-icon {
    font-size: 1rem;
    padding: 0;
}
.prodlist ul .name, .prodlist li .name {
    line-height: 1.5rem;
    height: auto;
    width: calc(100% - 80px);
}
.prodlist ul .name a, .prodlist li .name a {
    
    height: auto;
   
}
/*.cont.contentcont.ordbaskets .boxcont .cnt .rowbox .label{
    display: none;
}*/

#contactdatacont_3 .hdr p{
        width: fit-content;
    padding: 0px !important;
}

/*#contactdatacont_4_log .cnt .boxcont .rowbox .label{
    display: block;
    text-align: right;
    min-width: 70px;
}

#contactdatacont_4_log .cnt .boxcont .rowbox{
    display: block;
}

#contactdatacont_4_log .cnt .rowbox label{
    margin: 0 auto;
}*/

#discoupons{
    display: none;
}

#deliverycont, #paywaycont{
    float: left !important;
    clear: left;
    padding: 0 10px 0 0;
}
/*
#deliverycont {

    margin: 10px 0;
}*/
#gdprcont{

}


.step_3 #deliverycont {
	        grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
}

.step_3 #paywaycont {
	        grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;

}
.step_3 #customsignordercont {
	        grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 7;
    margin-bottom: 20px;
}
.step_3 #gdprcont {
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 5;
}
.rowbox.code{
 	order: 6;
    height: fit-content;
    width: auto;
    padding: 0 25px 5px 0;
    grid-column-start: 2;
    grid-column-end: 2;
}

.rowbox.partno{
    display: none;

}

.rowbox.order{
    order: 3;
    width: 100%;
}

.rowbox.wovat .text.price, .rowbox.wvat .text.price{
    margin: auto;
    float: unset;
}
.rowbox.endprc{
	grid-column-start: 1;
	grid-column-end: 3;
	display: flex;
	justify-content: center;
	padding-top: 10px;
}

.rowbox.endprc div{
	color: #3b608a !important;
	text-align: center;
	width: 100%;
}
.rowbox.avail.store{
    display: none;
}
.rowbox.avail.store:hover{
    position: absolute;
    bottom: 0;
    right: 35px;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    border: 1px solid #cacaca;
    display: block;
    width: auto;
    padding: 10px;
}
.stoitem .rowbox.avail.inet:hover + .rowbox.avail.store {
    position: absolute;
    bottom: 0;
    right: 35px;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    border: 1px solid #cacaca;
    display: block;
    width: auto;
    padding: 10px;
}
.rowbox.avail.inet {
 order: 5;
    width: auto;
    grid-column-start: 2;
    grid-column-end: 2;
    padding: 25px 25px 0 0;
    border-top: 2px solid #f2f2f2;
}

.rowbox.war{
         order: 5;
    width: auto;
    padding: 25px 0 10px 25px;
    grid-column-start: 1;
    grid-column-end: 1;
    border-top: 2px solid #f2f2f2;

}
.rowbox.waruser{
         order: 5;
    width: 100%;
    margin: 10px 0 0 15px;
    display: none;
}
.rowbox.class{
    height: fit-content;
    order: 6;
    width: auto;
    grid-column-start: 1;
    grid-column-end: 1;
    padding: 0 0 25px 25px;
}



.stoitem .availability .store {
    float: left;
    margin: 0 0 0 0;
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
        padding: 0 0 0 0;
        clear: left;
}
.availability .modal.iframe{
	pointer-events: none;
}
.stoitem .availability .store:last-child:after{
    /*content: "Logistika";*/
}
/*.stitable .availability .store p{
    display: initial !important;
}
.availability .store p{
    display: none;
}*/
/*[title~="Centrála"]{
    display: block !important;
}
*/
.boxcont .prodbox .hdr{
    background: white;
    padding-bottom: 15px;
    position: relative;
    z-index: 2;
    }

    .config .title.title_{
        display: none;
    }
.config .configinput .config_qtylist_line {
    height: 20px;
    width: 70px;
    z-index: 10;
    margin: 8px -70px 0 30px;
}

.config .configinput input:disabled ~ .config_qtylist_line {
    height: 0px;
    margin: 0;
}

.prodbox .img{
	border: 0px solid #f2f2f2;
	margin-bottom: 10px;
}
.boxcont.half.float-right.stiinfo>.cnt {
        display: grid;
    background: #fff;
}

/*.stoitem .stiinfo .cnt .rowbox.greenloancalc .label, .stoitem .stiinfo .cnt .rowbox.leasingrowfl .label{
   display: none;
}*/

/*.stiinfo .tabform .war td:before, .rowbox.war .text:before {
    content: "Záruka pro firmy: ";
        color: #4D4D4D;
}
.stiinfo .tabform .waruser td:before, .rowbox.waruser .text:before {
    content: "Záruka pro spotřebitele: ";
        color: #4D4D4D;
}*/
.prodbox .img img{
	width: 240px;
	max-width: unset;
	mix-blend-mode: darken;
}

.stoitem .rowbox.wovat .text.price{
    color: #fa4047;
    font-weight: 400;
    padding: 15px 0 0 0 !important;
}
.stoitem .stiinfo .cnt .rowbox.avail.store .label {
    display: none;
}
/*.stoitem .stiinfo .cnt .rowbox.avail.store .text:before {
        content: "Dostupnost: ";
        display: block;
        text-align: left;
        color: #3c608a;
}*/

/*.serverove_cpu td,
.diskove_pozice td,
.operacni_pamet_ram td,
.diskovy_radic td,
.baterie_pro_diskovy_radic td,
.zdroj td,
.liziny td,
.serverove_disky td,
.serverove_diskove_ramecky td,
.lan_adaptery_ethernet td,
.serverove_operacni_systemy td,
.housing_v_datovem_centru td,
.zaruky_a_servis td,
.vzdalena_sprava td,
.adaptery_fibre_channel td
{
    transform: translateY(-60px);
}*/
.diskove_pozice_pro_nvme_pcie_ssd_disky td, .title_diskove_pozice_pro_nvme_pcie_ssd_disky,
.serverove_cpu td, .title_serverove_cpu,
.diskove_pozice td, .title_diskove_pozice,
.operacni_pamet_ram td, .title_operacni_pamet_ram,
.serverove_ram_ddr4_rdimm td, .title_serverove_ram_ddr4_rdimm,
.diskovy_radic td, .title_diskovy_radic,
.baterie_pro_diskovy_radic td, .title_baterie_pro_diskovy_radic,
.vzdalena_sprava td, .title_vzdalena_sprava,
.zdroj td, .title_zdroj,
.liziny td, .title_liziny,
.serverove_disky td, .title_serverove_disky,
.serverove_diskove_ramecky td, .title_serverove_diskove_ramecky,
.lan_adaptery_ethernet td, .title_lan_adaptery_ethernet,
.serverove_operacni_systemy td, .title_serverove_operacni_systemy,
.housing_v_datovem_centru td, .title_housing_v_datovem_centru,
.zaruky_a_servis td, .title_zaruky_a_servis,
.primarni_lan_adapter_na_zakladni_desce td, .title_primarni_lan_adapter_na_zakladni_desce,
.sekundarni_lan_adaptery_ethernet_do_pcie_slotu td, .title_sekundarni_lan_adaptery_ethernet_do_pcie_slotu,
.sekundarni_lan_adaptery td, .title_sekundarni_lan_adaptery,
.adaptery_fibre_channel td,.title_adaptery_fibre_channel,
.lan_adaptery td,.title_lan_adaptery,
.instalace_os td,.title_instalace_os{
    padding: 0 !important;
    border: 0px solid #fff;
    border-top:0px;
}

.title_serverove_cpu,
.title_diskove_pozice,
.title_operacni_pamet_ram,
.title_diskovy_radic,
.title_baterie_pro_diskovy_radic,
.title_vzdalena_sprava,
.title_zdroj,
.title_liziny,
.title_serverove_disky,
.title_serverove_diskove_ramecky,
.title_lan_adaptery_ethernet,
.title_serverove_operacni_systemy,
.title_housing_v_datovem_centru,
.title_zaruky_a_servis,
.title_sekundarni_lan_adaptery,
.title_instalace_os{
    padding-top: 0px !important;
    border-top:0px solid #fff;
    background-color: #fff !important;
    border-bottom: 0px;
}

.title_serverove_disky,
.title_serverove_diskove_ramecky, 
.title_lan_adaptery_ethernet, 
.title_serverove_operacni_systemy,
.title_instalace_os{
    padding-bottom: 0px !important ;
}

/*.zaruky_a_servis td .configinput.instock:before{
	content: "✔ ";
	color: green;
	margin: 0 5px 0 0; 
}*/


/*#sptnav .level3>li:nth-child(1) .level9 li .categories span{
        margin: 0 auto;
    float: unset;
    width: fit-content;
    transform: translateY(-16px);
}
*/

/*konfigurátor obrázky*/

/**/
/*
.configuration .title_serverove_cpu{
    background-image: url(../img/config/cpu.jpg);

}

.configuration .title_operacni_pamet_ram,
.configuration .title_serverove_ram_ddr4_rdimm{
    background-image: url(../img/config/ram.jpg);

}

.configuration .title_diskovy_radic{
    background-image: url(../img/config/sas.jpg);
}

.configuration .title_baterie_pro_diskovy_radic{
    background-image: url(../img/config/baterka.jpg);
}

.configuration .title_vzdalena_sprava{
    background-image: url(../img/config/sprava.jpg);
}

.configuration .title_zdroj{
    background-image: url(../img/config/zdroj.jpg);
}

.configuration .title_liziny{
    background-image: url(../img/config/liziny.jpg);
}

.configuration .title_serverove_disky{
    background-image: url(../img/config/disk.jpg);
}

.configuration .title_serverove_diskove_ramecky{
    background-image: url(../img/config/ramecek.jpg);
}

.configuration .title_lan_adaptery_ethernet{
    background-image: url(../img/config/lan.jpg);
}


.configuration .title_adaptery_fibre_channel{
    background-image: url(../img/config/fibre.jpg);
}

.configuration .title_serverove_operacni_systemy{
    background-image: url(../img/config/win.jpg);
}

.configuration .title_housing_v_datovem_centru{
    background-image: url(../img/config/housing.jpg);
}

.configuration .title_zaruky_a_servis{
    background-image: url(../img/config/zaruka.jpg);
}

.configuration .title_diskove_pozice{
    background-image: url(../img/config/pozice.jpg);
}*/
/*
#sptnav ul li .sptnavsub .level9{
    top: -12px !important;
}*/

#sptnav ul li .sptnavsub .level9{
	padding: 0px;
    margin: 0px !important;
    border: 0px solid transparent;
    left: 0px;
    width: 100%;
    align-items: center;
    margin: 0;
    top: 0;
    display: block;
}
#sptnav .level3>li:nth-child(3) .sptnavsub .level9{
	 min-height: 5em;
}
/*#sptnav .level3>li:nth-child(4) .sptnavsub .level9{
	 min-height: 10em;
}*/
/*#sptnav .level3>li:nth-child(5) .sptnavsub .level9{
	    padding: 0 0 0 30px;
}*/
.level6>li>.categories>a{
	text-align: left;
    font-size: 1rem;
    padding: 0px !important;
    background: transparent;
    width: fit-content !important;
    margin: 15px auto;
    display: block;
    float: none !important;
}
.level3 li:nth-child(1) .level6 .categories>a,
.level3 li:nth-child(2) .level6 .categories>a{
	text-align: left;

}

.level3>li:nth-child(3) .categories>a{
	text-align: left;
}


#sptnav ul li .sptnavsub ul li {

    clear: both ;
	float: left;
}

#sptnav .level3 li:nth-child(1) li .level9 li{
    padding: 0;
    width: 100%;
    margin-bottom: 0px !important;
    clear: initial;
    display: flex;
    flex-direction: column-reverse;
}

/*.categories span{
display: none;
}*/
#sptnav .level3>li:nth-child(1) .sptnavsub  .level9{
 /*   padding: 0;
    float: left;*/
}
#sptnav .level3 li:nth-child(5) .level6>li>.categories {
/*    padding: 10px 0 0 0;*/
}
/*#sptnav .level3>li:nth-child(1) .level6 li .categories>a:hover + .level9{
    padding: 0px;
}*/

#sptnav .level6 li .categories>a:hover + .level9 li,
#sptnav .level3 li .level6 .categories>a:hover
{
    background-color: #fff;
    
}

 #sptnav .level3>li:nth-child(1) .level6 li .categories>ul:hover{
    border: 0px solid transparent;

}

#sptnav .level3>li:nth-child(1) .level9 li .categories:hover{
    /* background: #f2f2f2; */
    padding: 0 !important;
    border-radius: 0;
}


/*#sptnav .level3 li:nth-child(5) .level6>li{
    padding: 10px 0 0 0 !important;
}
*/
/*#sptnav .level3 li .level6 li{
    padding: 30px 15px 0 0; 
}

#sptnav .level3 li .level6>li:nth-child(2n+2){
    padding: 30px 0 0 15px !important; 
}*/

/*#sptnav ul li .sptnavsub{
    padding: 20px 10px 10px 10px;
       top: 35px;
}*/
#headercont .login .hdr{
	font-size: 0.85rem;
	padding: 0;
}

#headercont .login .cnt{
    padding: 10px !important;
    border-radius: 0px;
        transform: translateX(-40px);
        z-index: 104;
}

#headercont .login .cnt input{
    width: 100%;
        margin:5px 0 10px 0;
        height: 44px;
}

#headercont .login ul li a{
    text-align: center;
        width: 100%;
}

.prodbox .wvat span {
    color: #656565 !important; 
        font-weight: 400;
}

.prodbox .note{
    height: 4.2rem;
}


.owl-item .prodbox .note{
        height: 6.8rem;
    display: none;
    position: absolute;
    bottom: 3.3em;
    width: 92%;
    padding: 0.5rem 0;
    background: #ffffffd1;
} 

.wn14right .btm .img{
	background-image: url(../img/placeholder.png);
    background-repeat: no-repeat;
    background-size: 85% 255px;
    display: block;
    width: 100%;
    height: 270px;
    margin: 150px 15px 0 15px;
}

.prodbox .note p{
	font-size: 0.875rem;
    line-height: 1.3125rem;
        float: left;
}
.price span u{
	text-decoration: none;
}
.prodbox:hover .note,
.homepage .prodbox:hover .config_par{
	display: block !important;
} 

#lngstiask .rowbox.submit{
    width: 100%;
} 

#lngstiask .rowbox.submit .label{
    display: none;
} 
#lngstiask .rowbox.submit button{
        display: inline-block;
    width: 44%;
    margin: 3%;
} 

.liziny .configinput.outstock label{
    margin: 0 0 0 20px;
}

.config-info .price span u {
    font-weight: 400;
    font-size: 0.9rem;
    color: #4D4D4D;
}

.prodbox .buybox .btn{
        padding: 11px 0 10px 0;
        margin: 0 0;
        width: 100%;
}
.prodbox .btn-config{
	padding: 7px 11px 6px 9px !important;
}


.prcrange .price-range .ui-widget-header {
        background-color: #152654;
}

.listpage .cnt .pagenav .page.act {
    background-color: #152654;
}

#contentcont .srch .hdr p{
    display: none;
}
#contentcont .stinote .hdr p{
    text-align: left;
}
.cur li a, #logincont span{
    font-family:'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: normal;
}

.navbar ul li h1{
    font-size: 1em !important;
}

.boxcont.stinote{
        margin: 0;
        background: #ffffff;
}

.ordbaskets .buyasfirm label:before, .ordbaskets .buyasfirm label:after {
    top: 25px !important;
 
}

/*.prodbox:nth-child(4n){
    border-right: 1px solid;
}*/

#lastvisitedcont{
    display: none !important;
}

.config-info .tabform tr:nth-child(10){
   display:none;
}

.config-info .tabform tr:nth-child(10){
    width: 100%;
}

.config-info .tabform tr:nth-child(10) td{
    width: fit-content;
    margin: 10px auto 0px;
    display: block;
}

.config-info .tabform tr:nth-child(10) td span{
    /* margin: 0 auto; */
    /* display:block; */
    /* float:unset; */
    width: fit-content;
}

html[lang="cs"] .config-info .tabform tr:nth-child(10) td:before{
    content: "Cena před slevou bez DPH: ";
    float:left;
    color: #3b608a;
    text-align:center;
    padding-right: 5px;
}
html[lang="sk"] .config-info .tabform tr:nth-child(10) td:before{
    content: "Cena pred zľavou bez DPH: ";
    float:left;
    color: #3b608a;
    text-align:center;
    padding-right: 5px;
}

 .config .tabform .wvat td{
    margin: initial !important;
    width: auto !important;
}
.config .tabform .wvat td:before{
    display:none;
}

/*#contentcont .boxcont.webnews{
    display: flex;
    flex-direction: column;
}*/

/*#contentcont .boxcont.banner{

    display: none;
}*/

#contentcont #wntabs {
	width: calc(100% - 300px);
    padding: 0;
}

/*#contentcont .boxcont.news{
	width: 160%;
    margin: 0 0 0 -100%;
    padding: 0 0% 0 100%;
}*/

#subcatscont .cnt li a{
    display: table;
    height: 100%;
    background-color: #f5f5f5;
    border: 1px solid #15265447 !important;
}

.ordbaskets #centercont .custom-select,
.ordbaskets .custom-multi-select,
.ordbaskets input,.ordbaskets .curcode{
border-radius: 0px !important;
    /*margin: 2px auto 2px;*/
    float: none;
    width: 100%;
 border: 1px solid #fff;
}

.prcrange .curcode{
    border: none;
    font-size: 1rem;
    text-decoration: none;
}
.logincontact .tabform td {
    padding: 10px 0;
}

#wnCarousel14 .owl-stage-outer{
	    padding: 0 0 22px 30px;
	    background: #fff;
}
.price{
    color: #fa4047;
}

.banner .owl-pagination {
    position: absolute;
}

#wnCarousel14 .hdr{
background: #fff;
}

#wnCarousel14 .hdr p {
    text-align: left;
    width: calc(100% - 170px) !important;
    text-transform: uppercase;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    float: left;
    line-height: 2.25rem;
    padding: 30px 0 15px 30px;
    background: #fff;
    font-size: 1.5rem !important;
}

/*html[lang="cs"] #wnCarousel14 .hdr p:after{
	content: "NAKONFIGUROVANÉ SERVERY IHNED K ODBĚRU";
   font-size: 1.125rem;
}

html[lang="sk"] #wnCarousel14 .hdr p:after{
	content: "NAKONFIGUROVANÉ A UPRAVENÉ SERVERY IHNEĎ K ODBERU";
   font-size: 1.125rem;
}*/
.boxcont.webnews.news .wntext{
	padding: 0 0 15px 0;

}
#headercont .logo {
    margin: 20px 0;
    padding: 0;
    clear: left;
    width: 445px;
}

.boxcont .logo h1{
    display: block;
    height: auto;
    position: relative;
    width: 50%;
}
/*.ordbaskets #headercont .top,*/
.orders #headercont #tree-icon{
	display: none !important;
}
.ordbaskets #headercont .logo:after,
.iisutil #headercont .logo:after{
	content: "" !important;

}
.ordbaskets .boxcont.basket,
.ordbaskets .boxcont.prodlist{
	display: none;
}
html[lang="cs"] #headercont .logo:after{
	    content: "úspora s každým serverem";
    display: block;
    float: left;
    clear: none;
    color: white;
    max-width: 106px;
    font-size: 0.85rem;
    line-height: 1.3125rem;
    padding: 0 0 0 30px;
    margin: 9px 0 0 20px;
    border-left: 2px solid #224AAB;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: 400;
}

html[lang="sk"] #headercont .logo:after{
	    content: "kvalitné repasované servery so zárukou 2 roky";
    display: block;
    float: left;
    clear: none;
    color: white;
    max-width: 125px;
    font-size: 0.85rem;
    line-height: 1.3125rem;
    padding: 0 0 0 40px;
    margin: 0 0 0 20px;
    border-left: 2px solid #224AAB;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: 400;
}

#wnCarousel14 .hdr .seemore{
	    margin: 30px 30px 0 0;
    float: right;
    text-transform: lowercase;
    color: #4d4d4d;
    font-size: 1rem;
}

#wnCarousel14 .hdr .seemore:after{
	content: " >";
}

#headercont header {
    height: 75px;
}

.owl-carousel .owl-item:nth-child(n+4) .prodbox{
    border-right: none !important;
}

/*[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{
      top: 0px !important;
    width: 16px;
    height: 16px;
    border-radius: 10px;
}*/

.ordbaskets #headercont #sptnav, 
.ordbaskets header .search, 
/*.orders #headercont #sptnav, */
/*.orders header .search,*/
.iisutil header .search,
/*.orders .legend,
.orders .logged,
.orders .cur,
.orders .lng,*/
/*.orders #basketcont,*/
.iisutil #headercont #sptnav,
.iisutil #basketcont,
.iisutil .boxcont.compare.prodlist{
    display: none !important;
}


.iisutil #logincont,
.iisutil .lng,
.iisutil .cur{
	display: block !important;

}

/*.ordbaskets #centercont, 
.orders #centercont,
.iisutil #centercont{
    padding: 81px 0 90px 0 !important;

}
*/
.ordersteps table .step .name, 
.ordersteps table .step .num:before{
    color: #ffffff !important;
    text-transform: capitalize;
    min-width: 110px;
    padding: 0;
}

.ordersteps table {
    transform: translateX(-40%);
}

.step.act{
    background: #fa4047;
}

.ordersteps table .step {
    min-width: auto;
    width: 25% !important;
    height: auto;
    /*max-width: 100px;*/    
}

.ordbaskets #headercont .logo,
.orders #headercont .logo{
    margin: 16px 0;
}
.boxcont.document.comcommon .tabinfo.tabedit .custom-select{
        border: 1px solid #C0C0C0 !important;
    background: white url(../img/select-arr-down.svg) no-repeat !important;
    background-size: 20px 20px !important;
    background-position: center right !important;
}

.boxcont.document .tabinfo .custom-select{
    border: none;
    background: none;
    margin: 0;
}
.boxcont.document .tabinfo .custom-select select:disabled,
.boxcont.document .tabinfo .custom-select select{
    display: block !important;
    white-space: pre-wrap;
    color: black;
    /*padding: 0;
    margin: 0;*/
}

.boxcont.document.comres .tabinfo.tabedit .custom-select{
        border: 1px solid #C0C0C0 !important;
    background: white url(../img/select-arr-down.svg) no-repeat !important;
    background-size: 20px 20px !important;
    background-position: center right !important;
}

.boxcont.document.comres .tabinfo .custom-select{
    border: none;
    background: none;
}
.boxcont.document.comres .tabinfo .custom-select select:disabled{
    display: block !important;
    color: black;
    padding: 0;
}

.tabedit th, .tabedit td {
    background: rgb(245, 245, 245) !important;
}

#contactdatacont_2_log .cnt .rowbox,#contactdatacont_1_log .cnt .rowbox{
	height: initial !important;
       padding: 0 0 0 0px !important;
       }

#contactdatacont_2_log .cnt .rowbox p,#contactdatacont_1_log .cnt .rowbox p{
display: none;
       }    

/*#contactdatacont_2_log .cnt div span:after, #contactdatacont_1_log .cnt div span:after{
       content: ", ";
       }*/
       
       #contactdatacont_1_log .cnt div:nth-child(1) span:after, #contactdatacont_2_log .cnt div:last-child span:after, #contactdatacont_1_log .cnt div:last-child span:after{
       content: "" !important;
       }

#contactdatacont_1_log{

}

.tabinfo.hor tr:nth-child(2n+1) td {
    background: #ffffff;
}

#deliverycont .cnt li, .ordbaskets .payway li, #storecont .rowbox, #customsignordercont .cnt .rowbox{
    width: -webkit-fill-available;
}

#deliverycont .cnt li.ds_block, .ordbaskets .payway li.ds_block{
	display: block;
}

#deliverycont .cnt li span.price.dmg, #paywaycont .cnt li div.price{
	display: flex;
	color: #515151;
	width: fit-content;
}
.ordbaskets .delivery li.dmgid_3:after {
    content: "Adresa: Bílá 2571/6, Praha 6 - 16000, ČESKÁ REPUBLIKA";
    color: #333;
    width: 100%;
    position: relative;
    top: 6px;

}
html[lang="cs"] .ordbaskets .delivery li.dmgid_2:after {
    content: "Expresní dodání, dle podmínek dopravce grid.online s.r.o.";
    color: #333;
    width: 100%;
    position: relative;
    top: 6px;

}

html[lang="sk"] .ordbaskets .delivery li.dmgid_2:after {
    content: "Expresní dodání, dle podmínek dopravce grid.online s.r.o.";
    color: #333;
    width: 100%;
    position: relative;
    top: 6px;

}
.ordbaskets .delivery li .price span.free{
	    width: 0;
    text-align: right;
    color: transparent;
    display: none;
}

.ordbaskets .delivery li.dmgid_3 .price:after{
content: "Zdarma";
color: #515151;
}
.ordbaskets .delivery li .price .wvat, .ordbaskets .payway li .price .wovat{
width: 80%;
    text-align: right;
}
.ordbaskets .delivery li>.price p, .ordbaskets .payway li>.price p{
	float: right;
    min-width: 55px;
    width: 55px;
}
.ordbaskets  .dempawdetail .price{
	padding: 0 !important;
}
.ordbaskets .dempawdetail{
	padding: 0;
}

.ordbaskets .dempawdetail .name{
	padding: 0;
}
.tabinfo.hor th {
    background: rgba(233, 233, 233, 1) !important;
}

#customsignordercont .cnt .rowbox{
    float: unset;
    width: 100%;
    margin: 0 auto;
}

#customsignordercont .cnt .rowbox .custom-select, 
#customsignordercont .cnt .rowbox input, 
#customsignordercont .cnt .rowbox textarea{
    width: 100%;
    border-radius: 0px;
        border-color: #dadada;
        padding: 20px 0 5px 11px;
            z-index: 7;
    /*position: relative;*/
    /*background: transparent;*/
}
#customsignordercont .cnt div:nth-child(1) input{
    margin: 0 0 10px 0 !important;
}

#customsignordercont .cnt div:nth-child(2) .custom-select{
	 padding: 0 10px 0 0;
	     margin: 0 0 10px 0;
}
#storecont .rowbox p{
    display: none;
}

#storecont .rowbox .custom-select{
    width: 100%;
}

#contactdatacont_4_log .cnt .rowbox, #contactdatacont_4 .cnt .rowbox{

    margin: 10px auto 0;
    width: fit-content;
}

.msgbox{
    border-radius: 0px;
}


.tabinfo.hor tr:first-child th {
    border-bottom: 0px solid silver;
    color: black !important;

}

.ordtbl .total{
    text-align: right;
}

.ordtbl .oriqty{
    text-align: center;
}

.orders .contentcont .boxcont.half,
.iisutil .contentcont .boxcont.half{
    min-height: 190px;
}

.orders .boxcont.table-scroll table tr .img,
.iisutil .boxcont.table-scroll table tr .img{
    width: 20%;
    border-left: 0px !important;
}

.orders .boxcont.table-scroll table tr .name,
.iisutil .boxcont.table-scroll table tr .name{
    width: 60% !important;
    padding: 0 5px 0 5px;

}

.orders .boxcont.table-scroll table tr.oripack .name,
.iisutil .boxcont.table-scroll table tr.oripack .name{
        vertical-align: bottom;
}

.boxcont.msgbox.err.success .hdr > p{

    font-size: 1.5rem !important;
    color: rgba(33, 55, 138, 1);
    font-weight: 400;
    text-align: center;
    line-height: 2.25rem;
}
html[lang="cs"] .boxcont.msgbox.err.success .hdr > p:before{
    content: "Děkujeme za vaši objednávku";
        display: block;
    font-size: 1.5rem;
}

html[lang="sk"] .boxcont.msgbox.err.success .hdr > p:before{
    content: "Ďakujeme za vašu objednávku";
        display: block;
    font-size: 1.5rem;
}

.tabinfo.hor.stitable.ordtbl{
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	background: #fff;
}

.homepage .boxcont.webnews .boxcont.news ul{
    display: block;
    height: auto;
    width: 100% !important;
    position: relative;
    z-index: 1;
}

/*
.ordbaskets #contactdatacont_1 .rowbox, 
.ordbaskets #contactdatacont_2 .rowbox, 
.ordbaskets #contactdatacont_3 .rowbox{
        float: unset;
    clear: unset;
    margin: 0 auto;
    width: fit-content;
}
*/

.ordbaskets #comxcouid, .ordbaskets #centercont .custom-select select{
    min-width: 180px;
   margin: 5px 0px 0 10px;
    color: #aaaaaa;
        height: initial;
            padding: 0;
}

.rowbox .label.empty{
    display: none;
}

.ordbaskets #storecont{
    display: none;
}

.msgbox.success {
    background: transparent !important;
    border: 0px solid rgba(245, 245, 245, 1) !important;
    box-shadow: none !important;
}

.boxcont.err p, .boxcont.err a{
        width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
}

.orders .document .hdr,
.iisutil .document .hdr{
    width: 100%;
    padding: 0px;
    border-bottom: 0px solid #c8cede;
    margin: 0 auto;
    float: unset;
}

.orders .document .hdr p,
.iisutil .document .hdr p{
    padding: 5px 0 !important;
    font-size: 1.125rem !important;
    color: rgba(33, 55, 138, 1);
    font-weight: 400;
    text-align: center;

}

.orders #contentcont .msgbox.err.success .cnt p,
.iisutil #contentcont .msgbox.err.success .cnt p{
        margin: 0 auto;
        float: unset;
        padding: 0;
}

.orders #contentcont .msgbox.err.success .cnt p:nth-child(2), 
.orders #contentcont .msgbox.err.success .cnt a,
.iisutil #contentcont .msgbox.err.success .cnt p:nth-child(2), 
.iisutil #contentcont .msgbox.err.success .cnt a{
        display: none !important;
}
.orders #contentcont .document.moredetails,
.orders #contentcont .document.half,
.orders #contentcont .document.float-half,
.iisutil #contentcont .document.moredetails,
.iisutil #contentcont .document.half,
.iisutil #contentcont .document.float-half{
    width: calc(100%/3);
    margin-top: 10px;
    margin-bottom: 30px;
    height: 320px;
    padding-top: 10px;
}

.orders #contentcont .document.half tr:first-child td ,
.iisutil #contentcont .document.half tr:first-child td {
    display:none;
}

.orders #contentcont .document.float-right tr:first-child td,
.iisutil #contentcont .document.float-right tr:first-child td {
    display:block;
}
.ordtbl .oripack{
	background: #fff;
}
.orders .totalsum td,
.iisutil .totalsum td{
    /* padding:0 !important; */
}

.orders #contentcont .document.half tr th ,
.iisutil #contentcont .document.half tr th {
    width: 40%;
}

.orders #contentcont .document.float-right tr th,
.iisutil #contentcont .document.float-right tr th{
    width: 50%;
}

/*#sptnav{
        background: #152654;
}*/

.owl-next:hover {
    opacity: 1;
}
.loading {
	position: absolute;
  z-index: 300;
  display: none;
}
.loading .canvasloader{
       top: 16rem;
    border-radius: 0px;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    left: 160%;
    display: flex;
    width: auto;
    min-width: 290px;
}


/*.boxcont.productlist #prodlistanchor .cnt .prodbox .hdr h2 a{
 font-size: 1.5rem;
}
*/


/*.ordbaskets #contactdatacont_1_log .cnt .rowbox .label, 
.ordbaskets #contactdatacont_2_log .cnt .rowbox .label,
.ordbaskets #contactdatacont_3_log .cnt .rowbox .label,

.ordbaskets #contactdatacont_1 .cnt .rowbox .label, 
.ordbaskets #contactdatacont_2 .cnt .rowbox .label,
.ordbaskets #contactdatacont_3 .cnt .rowbox .label,
.ordbaskets #contactdatacont_4 .cnt .rowbox .label
{
    display: none;
}
*/

.tabinfo.hor .col-price.qtyprice, .tabinfo.ordsumtab .totalsum td{
    color: #fa4047;
}

.orders .msgbox.success .cnt p,
.iisutil .msgbox.success .cnt p{
    font-size: 1.3rem;
}

.orders .msgbox.success .cnt,
.iisutil .msgbox.success .cnt{
        float: unset;
        margin: 0 auto;
        width: fit-content;
}

.ordbaskets .itemsintoexistorder .tabinfo.hor tr:nth-child(2n+1) td{
    background: rgba(245, 245, 245, 1) !important;
}

.ordbaskets .boxcont.buttons .btn.btn-inv.btn-back{
    margin-right: 5px;
}
.ordbaskets .boxcont.buttons .btn.btn-inv, .ordbaskets .boxcont.buttons .btn.btn-big{
    padding: 15px;
    font-size: 1rem;
    color: white !important;
    background: #152654 !important;
        margin: 13px 0 0 0;
}

.rowbox .label:not(:empty):after{
    content: ":";
}

.config .tabs ul.ui-tabs-nav .ui-state-active a {
    background: #fafafa;
    border:none;
}

.orders .tabinfo.hor .oripack .name, 
.orders .tabinfo.hor .oripack .qtyprice, 
.orders .tabinfo.hor .oripack .total,
.iisutil .tabinfo.hor .oripack .name, 
.iisutil .tabinfo.hor .oripack .qtyprice, 
.iisutil .tabinfo.hor .oripack .total{
    font-size: 1.2rem;

}

.ordbaskets #itemsintoexistorder .tabinfo.hor tr:first-child th{
    border-top:1px solid silver;
}

.ordbaskets #customsignordercont .cnt .rowbox .label{
    display: none;
}

.orders .tabinfo.hor .ordtblhead .oriqty,
.iisutil .tabinfo.hor .ordtblhead .oriqty{
    color: transparent !important;
}

/*.kariera .birgada, .kariera .hpep{
    border-top: 1px solid silver;
}*/

.homepage .news li{
    border-top: none;
    border-bottom: 0;
}

/*#filterstiparinfcont .cnt .boxcont.paramitem{
    border:7px solid #C0C0C0;
    padding: 5px;
}*/
 
#headercont header #logincont{
    margin: 3px 0 0 10px;
    z-index: 101;
}

#contentcont .boxcont.contact .cnt .rowbox, 
#contentcont .boxcont.buyasfirm .cnt .rowbox, 
#contentcont .boxcont.comshipto .cnt .rowbox{
      width: 100%;
      margin: 0 ;
      /*height: 45px;*/
}

#contentcont .boxcont.contact .cnt .rowbox .inputs, 
#contentcont .boxcont.buyasfirm .cnt .rowbox .inputs, 
#contentcont .boxcont.comshipto .cnt .rowbox .inputs{
        width: 100%;
}

#sptnav ul li.act a, #sptnav ul li.act p {
    color: #204471;
    padding: 10px 0 10px 0;
}

#contentcont .boxcont.docscont.logout{
    width: 100%;
    margin: 20% auto;
    float: unset;
    text-align: center;
}

.qtybox.icon .up, .qtybox.icon .down{
    width: 23px !important;
    height: 23px;
    color: #fff;
    border-color: transparent;
    right: 2px;
}



input:-internal-autofill-selected {
    background-color: #ffffff !important;
}

.postcodes .tabinfo.hor tr{
    display: table !important;
    width: 100% !important;
    margin: auto !important;
}

.postcodes .tabinfo.hor tr td{
    text-align: center;
    width: auto;
        padding: 1px 5px;
}
#financnileasing:before,
#operativnileasing:before{
    content:"od ";
}



.config-info .tabform .leasingrowfl th, .config-info .tabform .leasingrowfl td .normalweight{
 	
    /*display: none;*/

 }

.stoitem .rowbox.greenloancalc{
       order: 4;
    width: 49%;
    display: none !important;
    height: 0;
    flex-flow: column;
    width: 47%;
    padding: 0 2% 0 3%;
}


/*.stoitem .rowbox.leasingrowfl{
    order: 5;
    height: fit-content;
    display: flex;
    width: 42%;
    justify-content: center;
    color: white;
    background: #fa4047;
    font-weight: 600;
        margin: -20px 0 0 56%;
    padding: 2px 0;
}*/

.stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-content{

    width: 200%;
    margin: 20px 0;
    background: #efefef;
    position: absolute;
    padding: 10px;
    transform: translateX(-191px);
    /* transform: translateY(20px); */
    width: 360px;
    z-index: 1;
    /* left: 0%*/
}
.stoitem .normalweight {
	display: none;
}

.stoitem .stiinfo .cnt .order{
        order: 3;
    grid-column-start: 1;
    grid-column-end: 3;
}

.document .cnt table td .btn-pdf 
    padding: 0;
    background: none !important;
    margin: 0 5px;
}

.stitable .availability .store{
	display: flex;
    flex-direction: column-reverse;
    width: 50%;
    height: 5.7em;
    margin: 0;
    border-right: 1px solid #f5f5f5;
    padding: 27px 0;
}

.stitable .availability .store:last-child{
	border: none;
}

.stitable .availability .store .modal.iframe{
	line-height: initial;
}

#sptnav ul li .sptnavsub>ul {
    background: #FFFFFF;
    border: none;
    width: 100%;
    max-width: 1400px;
    display: inline-block;
   border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px 15px 10px 15px;
    
}

#sptnav .level3 li:nth-child(1) .sptnavsub>ul {
 border-bottom: 0px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: none;
    padding: 0px;
    display: grid;
    grid-template-columns: 41% 41% 18%;
    grid-template-rows: 50px 80px 80px 80px 80px 80px 130px 130px;
}

#sptnav .level3 li:nth-child(4) .sptnavsub .level9 li>div>span{
/*	display: none;*/
}
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(10)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(11)>img{
	display: none !important;
}


#sptnav .level3 li:nth-child(2) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
/*    grid-template-rows: 33% 33% 33%;*/
}

#sptnav .level3 li:nth-child(2) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
/*    grid-template-rows: 33% 33% 33%;*/
        grid-row-gap: 10px;
}
#sptnav .level3 li:nth-child(3) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
/*    grid-template-rows: 33% 33% 33%;*/
        grid-row-gap: 10px;
}
#sptnav .level3 li:nth-child(4) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
/*    grid-template-rows: 65% 35%;*/
grid-row-gap: 10px;
}
#sptnav .level3 li:nth-child(5) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-row-gap: 15px;
}
#sptnav .level3 li:nth-child(6) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}
#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li:last-child:after,
#sptnav .level3 li:nth-child(6) .sptnavsub .level9 li:last-child:after{
	content: "" !important;
}
/*#sptnav .level3 li:nth-child(2) .sptnavsub{
	transform: translateX(-16%);
}
#sptnav .level3 li:nth-child(3) .sptnavsub{
	transform: translateX(-33%);
}
#sptnav .level3 li:nth-child(4) .sptnavsub{
	transform: translateX(-50%);
}
#sptnav .level3 li:nth-child(5) .sptnavsub{
	transform: translateX(-66%);
}	
#sptnav .level3 li:nth-child(6) .sptnavsub{
	transform: translateX(-83%);
}*/
#sptnav ul li:nth-child(1) .sptnavsub {
    border-bottom: 1px solid #e6E6e6 !important;
}


#sptnav ul li .sptnavsub {
    background: #00000050;
    max-height: unset !important;
    height: 100%;
    padding: 0;
    width: 100%;
    box-shadow: none;
    z-index: 104;
    border: none;
    position: absolute;
    overflow: auto;
    top: 148px;
    left: 0;
    /* max-width: 1200px; */
/*    */
    transform: unset;
    position: fixed !important;
    pointer-events: none;

}
.prodbox .btn-config {
transform: translate(0px, 0px);
    width: 100%;
    padding: 10px 0 10px 0 !important;
    order: 4;
}

.spresenttrees .prodbox .tools,
.sptnavigator .prodbox .tools {
        display: grid;
    width: 100%;
    grid-template-columns: 44% 14% 42%;
        min-height: 42px;
}
.homepage .prodbox .tools {
    display: block;
    margin: 0;
    min-height: unset;
        width: unset;
}
/*.prodbox .availability .store {
	float: left;
    clear: both;
        float: left;
    clear: left;
    width: 130%;
    transform: translateX(-15px);
}*/

.stirelation .prodbox .availability .store .modal.iframe .stock span, 
.spresenttrees .prodbox .availability .store .modal.iframe .stock span,
.stoitems .prodbox .availability .store .modal.iframe .stock span{
	display: none;
    position: absolute;
    background: white;
    margin: 0 15%;
    padding: 9px;
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    z-index: 10;
    border-radius: 5px;
}

.spresenttrees .prodbox .availability .store .modal.iframe:hover .stock span{
	display: block;
    z-index: 200;
    position: absolute;
    width: 100px;
}

.spresenttrees .prodbox .availability .store .modal.iframe,
.sptnavigator .prodbox .availability .store .modal.iframe{
	padding: 0;
    float: right;
    text-align: left;
    width: max-content;
}
/*.spresenttrees .prodbox .btn.btn-buy span{
	color: transparent;
	font-size: 0;
}*/
/*.spresenttrees .prodbox .btn.btn-buy span:before{
	color: #fff; 
	content: "\f07a";
        font: normal normal normal 1.4rem/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
.stirelation .prodbox .availability .store p,
.spresenttrees .prodbox .availability .store p,
.stoitems .prodbox .availability .store p{
	text-align: left;
    float: left;
    font-size: 1.1rem;
    width: auto;
}

.prodbox .availability .stock:before{
margin: 0;
font-size: 1.2rem;
}

/*.stoitem .availability .stock.yes p{
	margin: 2px 0px 0px 5px;
}*/
/*.stoitem .stiinfo .cnt .rowbox.code .label {
    display: block !important;
}*/

.stoitem.hidden_product .boxcont.msgbox.err{
	    border: none !important;
    box-shadow: none !important;
    background-color: white;
}

.stoitem.hidden_product .boxcont.msgbox.err .hdr p{
	    font-size: 2.1rem;
    padding: 0;
}

.stoitem.hidden_product .rowbox.similar_products{
width: 100%;

}
.stoitem.hidden_product .rowbox.similar_products .text{
        margin: 0 auto;
    float: none;
    width: 60% !important;
}

.stoitem.hidden_product .rowbox.similar_products .text .btn{
	font-size: 1.6rem;
    padding: 14px 40px;
}

.stoitem.hidden_product .rowbox.code{
	    margin: 5px auto;
    width: auto;
}

.btn.btn-close{
	background-color: transparent !important;
}
/*pop-up*/
.modal-popup{
/*		border-top: 5px solid #FA4047;
	background: #fff;
	    padding: 0px;*/
}

.modal-popup{
    /*background: #fff;
    position: fixed;
    display: block;
    margin: 0 auto;
    top: 220px;
    height: fit-content;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);*/
}

/*.modal-content .btn-close {
    font-size: 1.4em;
}*/
.modal-popup .boxcont.modalcfg{
	margin: 0;
	    border-top: 5px solid #fa4047;
}
.modal-content .btn-close {
padding: 15px;
}
.boxcont.modalcfg .hdr p{
    padding: 20px;
    text-align: center;
    background: #fff;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    font-size: 1.25rem !important;
}

.boxcont.modalcfg .cnt{
/*	background: white;*/
	    padding: 0 10px !important;
}
.modal-popup button.btn{
	float: left;
    clear: unset;
    margin: 0 auto 0px;
    display: block;
    padding: 10px 15px;
    display: block;
    font-size: 1rem;
    padding: 10px !important;
    font-size: 1rem;
    background: #21378a !important;
    color: #fff !important;
}

.cont.cookie .btn-inv.allow-selection{
	    margin-right: 15px;
}

.toolbar .btn-tool{
	display: inline-grid;
	background: #fff;
	min-width: 75px;
}
/*pop-up*/
/*RAM*/
.modal-popup .showinfobeforebuy .warning{
	    	font-size: 2.2rem;
	    padding: 0 0 15px 0;
	    text-align: center;
	    color: #fa4047;
	    font-weight: 600;
}

.modal-popup .showinfobeforebuy .raminfo{
	        text-align: center;
    color: #fa4047;
    font-size: 1.8rem;
    margin: 0px 0 20px 0;
}

.modal-popup .showinfobeforebuy input{
	margin: 0px 0 10px 0;
}

/*RAM*/
/*záruky a servis*/
.boxcont.modalcfg .configinput.instock label{
	width: 99%;
	margin: 0px 0px 10px 0px;
}

.boxcont.modalcfg .configinput.instock label .configname{
float: left;
    padding: 0 0 0 5px;
        width: 85%;
            font-size: 1rem;
}

.boxcont.modalcfg .configinput.instock label .configprice{
    float: right;
    color: #880000;
    width: auto;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1rem;
}

.boxcont.modalcfg .configinput.instock.selected label .configprice{
	font-weight: 600;
} 

.boxcont.modalcfg .configinput.instock.selected label:before{
    background: radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(71,127,193,1) 45%);
    width: 13px;
    height: 13px;
    border-radius: 8px;
    border: 1px solid rgb(71, 127, 193);
    content: '';
       top: 0px;
    left: 3px;
    font-size: 14px;
    color: white;
    transition: all 0.2s;
    font-weight: 600;
    transform: scale(1);
    
}


.boxcont.modalcfg .configinput.instock label:before{
    content: '';
    left: 0;
    top: 0px;
    width: 13px;
    height: 13px;
    border: 1px solid #C0C0C0;
    background: white;
    border-radius: 8px;
    float: left;
}


/*záruky a servis*/
/*PF2020*/

/*.modal-popup.modal-pf2020 .pf2020{

}

.modal-popup.modal-pf2020 .pf2020 p{
	color: white;

    text-align: left;
}

.modal-popup.modal-pf2020 .pf2020 p span{
	font-weight: 600;
}

.modal-popup.modal-pf2020 .pf2020 .hdr span{    margin: 0 auto;

	    color: #2648c0;
}

.modal-popup.modal-pf2020 .pf2020 .txt{
	
    font-size: 2.4rem !important;
    width: 100%;
    margin: 24% auto 12% auto;
}

.modal-popup.modal-pf2020 .pf2020 .txt span:nth-child(1){
	display: block;
    padding: 0 0 47px 0;
    font-weight: 200 !important;
}

.modal-popup.modal-pf2020 .pf2020 .txt span:nth-child(2){
font-weight: 400;
}

.modal-popup{
	background: url(../PF2020/img_popup/rastr.svg) #152654 no-repeat !important;
    background-size: 110% !important;
    background-position: -8px -43px !important;
    padding: 1% 4% 3% 4%;
    border-top: 10px solid rgba(245, 57, 67, 1);
}

.modal-popup.modal-pf2020 .pf2020 a{
	    display: block;
    font-weight: 400;
    float: unset !important;
    background-color: rgba(245, 57, 67, 1);
    padding: 19px 11px;
    font-size: 2.6rem;
    color: white;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: 0px 10px 2px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 2px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 2px -2px rgba(0,0,0,0.75);
}

.modal-popup.modal-pf2020 .pf2020 a span:after{
	content: "\f178";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(13px, 4px);
    line-height: 1rem;
    font-size: 3.3rem;
}

.modal-popup.modal-pf2020 .pf2020 a:hover span:after{
    transform: translate(40px, 4px);
}

.modal-popup.modal-pf2020 .pf2020 .btn.btn-close{
    float: right;
    width: 14%;
    background-color: transparent !important;
}

.modal-popup.modal-pf2020 .pf2020 .btn.btn-close:before{
	        font-size: 20rem;
    line-height: 1px;
    color: rgba(38, 72, 192, 1);
    content: "\f1d";
}
*/

/*koronappop-up*/
/*#maincont:before{
         padding: 6px 0;
    content: "Stav k 18.3.2020: Objednané zboží doručujeme přepravní službou DPD a v Praze kurýrem. Osobní odběr není dočasně možný.";
    background: #f84146;
    width: 100%;
    margin: 0 auto;
    float: none;
    position: fixed;
    clear: none;
    z-index: 200;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 1.2rem;
}*/

/*#headercont{
	top: 25px;
}
*/
/*#centercont{
	padding-top: 115px !important;
}*/
/*.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
    padding: 106px 0 90px 0 !important;
}*/


/*koronappop-up*/
.orbstiidpack .img a{
display: block;
    height: 62px;
    width: 100%;
}

.stitable .img a{
display: block;
    width: 100%;
}


#ordproductscont .tabinfo.hor .name {
    padding: 0px;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;

}
.step_3 form #contactdatacont_4, 
.step_3 form #contactdatacont_5,
.step_3 form #contactdatacont_6{
	height: 200px;
	width: auto;
}
.cont.contentcont.ordbaskets form #contactdatacont_5 {
    padding: 0 0 0 10px;
}
/*.orbstiidpack .name, .orbstiidpack .price.wovat, .orbstiidpack .ordcount, .orbstiidpack .totalprc.wvat{
	padding: 10px 10px 10px 10px !important;
}*/

.orbstiidpack .img{
	    width: 20% !important;
}

.ordbaskets .noedit{
	float: right;
    display: block;
    position: relative;
    width: 60%;
    margin: 0;
    

}
.stitable .buyout .btn-delete:before {
    font-size: 1.5rem;
    margin: 6px 0;
}
.ordbaskets .noedit .orbstiidpack .name{

}

.ordbaskets .noedit .stitable .img img{
	/*width: 70px;*/
}

/*.ordbaskets .noedit .stitable .ordcount{
	    width: 7%;

}

*/

.noedit .orbstiidpack .name,.noedit .stitable .name {
    font-size: 1.3rem !important;
}

/*.noedit .orbstiidpack .price.wovat,.noedit .orbstiidpack .totalprc.wvat{
	width: 1%;
}*/

.noedit .img{
	    width: 15% !important;
}

/*košík úprava GRID*/
.cont.contentcont.ordbaskets #logincontactcont{
	    display: block;
}

.cont.contentcont.ordbaskets #logincontactcont .cnt{
border: 0px solid #dadada;

    padding: 0px !important;

}

.cont.contentcont.ordbaskets form{

}

.cont.contentcont.ordbaskets .boxcont.products{
	display: block;
    flex-flow: wrap;
    width: 100%;
        margin: 0;
}
 .cont.contentcont.ordbaskets.step_3 .buttons {
     grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 6;
    background: #fff;
    padding: 6px 10px 10px 0px;
    margin: -12px 0 0 0;
    height: 100px;
}

.step_1 .cont.contentcont.ordbaskets form{
	display: flex;
    flex-flow: column;
    width: 100%;
    margin-top: 10px;
    padding: 0;
    flex-direction: column;
    background: #fff;
}
#btnOrdBackProduct,
#btnOrdBack{
	    background: transparent !important;
    color: #152654 !important;
}

#btnOrdClear{
	display: none;
}
.cont.contentcont.ordbaskets.step_3 form{
	    display: grid;
    grid-template-columns: 31% 31% 36%;
    grid-template-rows: auto;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    padding: 30px 0 10px 0;
}

.step_2 .boxcont.logincontact.ds_none+form #kosik_wrapper{
    width: 100% !important;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 7;
    grid-column-start: 3;
        transform: translate(0px, 4px);
}
.step_2 .boxcont.logincontact+form #kosik_wrapper{
    width: 100% !important;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 7;
    grid-column-start: 4;
    transform: translate(0px, 4px);
}
.ordbaskets.step_2{
	    display: grid;
    grid-template-columns: 31% 31% 38%;
    grid-template-rows: min-content;
}
.step_2 .boxcont.logincontact{
grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    width: 100%;
    grid-row-end: 2;
    padding-top: 10px;
}
.step_2 .boxcont.logincontact+form{
display: grid !important;
    float: right !important;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-template-columns: 20% 30% 50%;
    padding:5px 0 0 0;
}
.step_3 .cont.contentcont.ordbaskets .buttons{
    margin: -80px 0 30px 0;
}




.boxcont.logincontact.ds_none + form .boxcont.products.noedit{
display: flex;
    float: right;
    clear: right;
    float: none;

}


#contactdatacont_1, 
#contactdatacont_2, 
#contactdatacont_3, 
#contactdatacont_4,
#contactdatacont_5, 
#contactdatacont_6,
#contactdatacont_1_log, 
#contactdatacont_2_log, 
#contactdatacont_4_log{
    float: left !important;
    clear: left;
    margin: 0 auto;
    width: 59%;
    background: #f2f2f2;
    padding: 5px 50px 0 0px;
}

#contactdatacont_3,
#contactdatacont_4{
	padding: 0 50px 0 0;
}


.cont.contentcont.ordbaskets form #contactdatacont_6 .cnt .rowbox.company{
	display: inline-block;
    width: inherit;
}
.cont.contentcont.ordbaskets form #contactdatacont_6 .cnt .companycont{
    display: table-row-group;
    width: inherit;
}

#contactdatacont_4_log ~ .boxcont.products.noedit{

        grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 4;
    margin-top: 10px;
}
 #contactdatacont_4_log ~ #ordsumtabcont{
grid-column-start: 3;
    grid-row-start: 5;

 }
.boxcont.products.noedit ~ #ordsumtabcont {

}


.boxcont.logincontact.ds_none ~ form .boxcont.sumtab{
}
/*very sensitive*/
.cont.contentcont.ordbaskets #ordsumtabcont{

    width: auto;
        padding: 0;
            margin: 0;
            float: none;
    clear: right;
    float: none;
}

.step_3 #ordsumtabcont{
    grid-row-start: 4;
    grid-column-end: 4;
}
.cont.contentcont.ordbaskets.step_1 #ordsumtabcont{
   display: block !important;
   background: #f2f2f2;
}
.cont.contentcont.ordbaskets form #contactdatacont_5, .cont.contentcont.ordbaskets form #contactdatacont_6{
    clear: unset;
    padding: 10px;
}

.boxcont.logincontact ~ form .boxcont.sumtab{
	
}

.boxcont.buyasfirm.data_3 .hdr p [type="checkbox"]:checked ~ .boxcont.sumtab{

}


.boxcont.products.noedit .tabinfo.hor .wovat, .boxcont.products.noedit .tabinfo.hor .code{
	display: none;
}

/*.ordbaskets .comshipto label{
	    margin: 0 0 2% 20%;
}*/

.noedit .orbstiidpack .name, .noedit .stitable .name strong{
	/*font-size: 1.25rem !important;*/
	font-weight: normal;
    color: #152654;

}

#contactdatacont_1 .hdr p{
	padding-top: 10px !important;
}

/*#contactdatacont_1_log:before, #contactdatacont_1:before{
	content: "Kontakt";
	display:block;
	font-size: 2rem !important;
	font-weight: 400;
}*/


/*#ordproductscont:before{
	content: "Shrnutí objednávky";
    display: block !important;
    font-size: 1.5rem;
    padding: 10px 0 5px 0px;
    font-weight: 400;
    color: #152654;
}*/

#customsignordercont{
    float: left;
    clear: left;
}



#itemsintoexistorder{

}

#deliverycont, #paywaycont, #gdprcont, #customsignordercont{
	width: 100%;
    background: #fff;
    padding: 10px;
}

#gdprcont{
	padding: 10px;
}
/*#contactdatacont_1, 
#contactdatacont_2, 
#contactdatacont_3, 
#contactdatacont_4,
#contactdatacont_1_log, 
#contactdatacont_2_log, 
#contactdatacont_4_log,
#deliverycont,
#paywaycont{
      border: 1px solid #dadada;
	
}*/


#itemsintoexistorder{
	display: none;
}

.ordbaskets.step_3 #kosik_wrapper .ordcount,
.boxcont.products.noedit .stitable .name,
.ordbaskets .noedit .stitable .ordcount,
.boxcont.products.noedit .stitable .totalprc.wvat{
    border-top: 10px solid #f2f2f2;
    padding: 10px 10px 0 10px !important;
}
.ordbaskets .gdpr .cnt .rowbox {
	float: left;
	    margin: 0 0px 0px 20px;
}

#contactdatacont_1_log{

}
#contactdatacont_2_log{
	margin: 0 !important;
	grid-column-start: 3 !important;
}
#contactdatacont_4_log{

}

.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log,
.boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log{
display: block !important;
    margin: 0 10px 0 0;
    background: #fff !important;
    width: 100%;
    clear: initial;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    padding: 10px;
}


.boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log{
	display: block !important;
/*    background: #fff;*/
    width: 100%;
    padding: 10px 10px 10px 10px;
    float: left !important;
    clear: left !important;
    grid-row-start: 2;
    grid-column-end: 3;
    grid-column-start: 1;
}
.step_2 .boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log{ 
    /*margin: 2% 10px 0px 0;*/
}
.ordbaskets #contactdatacont_1 .cnt,
.ordbaskets #contactdatacont_2 .cnt,
.ordbaskets #contactdatacont_1_log .cnt,
.ordbaskets #contactdatacont_2_log .cnt,
#deliverycont .cnt{    
	/*border: 1px solid #dadada;*/


}

.ordbaskets #contactdatacont_1 .cnt,
.ordbaskets #contactdatacont_2 .cnt,
.ordbaskets #contactdatacont_3 .cnt,
.ordbaskets #contactdatacont_4 .cnt{    
	border: 0px solid #e8e8e8;
    background: none;
    padding: 0 !important;

}

/*.ordbaskets #contactdatacont_3 .cnt{
    padding: 10px 10px 17px 10px !important;
}
*/
.ordbaskets #contactdatacont_3 .cnt{
 padding: 0px 0px 0px 0px !important;
}



 #deliverycont .cnt,
 #paywaycont .cnt{
    border: 0px solid #dadada;
    background: none;
    display: block;
    padding: 0px !important;
}

.boxcont.products.noedit .tabinfo.hor.stitable tr:first-of-type{
	display: none;
}

/*.boxcont.products.noedit .stitable .totalprc.wvat{
	border-right: 1px solid #dadada !important;
}*/

.boxcont.products.noedit .stitable tr:nth-child(2) .name,
.boxcont.products.noedit .stitable tr:nth-child(2) .ordcount,
.boxcont.products.noedit .stitable tr:nth-child(2) .totalprc.wvat{
	border-top: 1px solid #dadada;
	padding-top: 0px !important;
}

#contactdatacont_4_log .hdr p,
#contactdatacont_4 .hdr p{
	display: none;

}

#contactdatacont_4_log .hdr{
/*border: 1px solid #dadada;*/
border-bottom:none;
    padding: 0;
}
.step_3 #contactdatacont_4_log .hdr{

    padding: 0px;
}
#contactdatacont_4 .hdr{
/*border: 1px solid #dadada;*/
border-bottom:none;
    padding: 0 18%;
}

/*#contactdatacont_4_log .cnt{
border-top: none;
    border-bottom: none;
   border: 0px solid #dadada;
    background: none;
    padding: 10px 20px 10px 20px !important;
    margin-top: 10px;
}*/

#contactdatacont_4_log .hdr span label, 
#contactdatacont_4 .hdr span label {
    width: auto;
    display: inline-block;
    float: left;
    margin: 0px 15px 5px 0px;
    padding: 0 5px 0 35px;
    COLOR: #152654;font-size: 1rem;
    clear: left;
}
#contactdatacont_2 .custom-select{
	background: #fff !important;
}
.ordbaskets [type="radio"]:not(:checked) + label:before, .ordbaskets [type="radio"]:checked + label:before,.ordbaskets [type="radio"]:checked + label:after{
top: 3px;
}
html[lang="cs"] #contactdatacont_4_log > div.hdr > p:after,
html[lang="cs"] #contactdatacont_4 > div.hdr > p:after{
	    content: "(Nevyplňovat v případě osobního odběru)";
    float: right;
    clear: left;
    display: inline-block !important;
    font-size: 0.85rem;
    margin: 0 0 0 10px;
    color: #c3c3c3;
}
#contactdatacont_4 > div.hdr > p{
	    display: block !important;
    width: fit-content;
}

html[lang="sk"] #contactdatacont_4_log > div.hdr > p:after,
html[lang="sk"] #contactdatacont_4 > div.hdr > p:after{
	    content: "(Nevypĺňajte v prípade osobného odberu)";
    float: right;
    clear: left;
    display: inline-block !important;
    font-size: 0.85rem;
    margin: 0 0 0 10px;
    color: #c3c3c3;
}
.boxcont.products.noedit .tabinfo.hor.stitable .orbstiidpack .ordcount:after{
	content: "x";
}

.step_2 #contactdatacont_4_log .cnt .rowbox label {
    margin: 5px 0;
}
#contactdatacont_4_log .cnt .boxcont{
	margin: 0 !important;
}
#payid_7 ~ .price{
	float: right;
    font-size: 1em;
    padding: 5px 0 0 0;
    width: auto !important;
}

#contactdatacont_4 .hdr{
	padding: 0px 0 0px 0;
}

#contactdatacont_4 .hdr{
	   /* border-top: 1px solid #dadada;*/

}
.step_2 #contactdatacont_1{
	    order: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    width: 100%;
}
.step_2 #contactdatacont_2{
	      order: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    width: 100%;
}
.step_2 #contactdatacont_3{
order: 2;
    margin: 0 auto !important;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    width: 100%;
}
.step_2 #contactdatacont_4{
	order: 4;
    margin: 0 auto !important;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;
    width: 100%;
}
.step_2 .boxcont.logincontact.ds_none+form #ordsumtabcont{

	        grid-row-start: auto;
    grid-row-end: auto;
}
.step_2 .boxcont.logincontact+form #ordsumtabcont{

	        grid-row-start: auto;
    grid-row-end: auto;
}
.step_2 .boxcont.buttons{
order: 7;
    grid-column-end: 4;
    grid-column-start: 1;
    grid-row-start: 7;
    margin: 80px 0 0 0;
}
#contactdatacont_4 {
	   /* border-bottom: 1px solid #dadada;*/
    margin: 0 1% 0% 0% !important;
}

#contactdatacont_4 .cnt{
  /*border: 1px solid #dadada;*/
    border-top: none;
    border-bottom: none;
    padding-bottom: 15px !important;
    border: 1px solid #dadada;
    background: #f9f9f9;
    padding: 10px 10px 0px 10px !important;
  /*  margin-top: 10px;*/

}

#contactdatacont_1 .hdr{
	    padding: 0px;

}
/*.boxcont.addbynum ~ form .boxcont.sumtab #basketsumtab #dempayCost,
.boxcont.addbynum ~ form .boxcont.sumtab #basketsumtab tr:nth-child(4){
	display: none;
}

.boxcont.addbynum.ds_hide ~ form .boxcont.sumtab #basketsumtab #dempayCost{
	display: table-row !important;
}*/

.ordbaskets .boxcont.sumtab .total.wovat th,
.ordbaskets .boxcont.sumtab .total.wovat td{
	font-size: 1rem;
}

.ordbaskets .boxcont.sumtab td{
	color: black;
}

.ordbaskets .boxcont.sumtab tr th:after{
content: ": ";
}

.step_1 #ordproductscont .stitable .orbstiidpack td,
.step_1 #ordproductscont .stitable .orbitem td,
.step_1 .orders .stitable .oripack td,
.step_1 .orders .stitable .orditem td,
.step_1 .anonymousbuy .stitable .oripack td,
.step_1 .anonymousbuy .stitable .orditem td{
	    border-top: 10px solid #fff;
	    background: #fff;
	    vertical-align: top;
}

.tabinfo.hor .oripack .img{
	width: 100% !important;
    height: 60px;
    display: block;
}


.orders .stitable .orditem.oristiidpackitem td{
	    border-top: 0px dotted #ddd;
}
#ordproductscont .stitable .orbitem.orbstiidpackitem  td{
	   padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.tabinfo.hor .wovat{
	color: black;
}

.btn-import:before, .btn-import span {
    color: #fff;
}

.boxcont.products.noedit .stitable .ordcount .qtybox.icon .fa{
	display: none;
}
.boxcont.products.noedit .stitable .ordcount .qtybox.icon input{
	border: none;
    width: auto;
    float: left !important;
    max-width: 20px !important;
    padding: 5px 0px !important;
}


.boxcont.products.noedit .ordcount .qtybox.icon:after {
    content: "x";
    display: block;
    color: #152654;
    float: left;
    line-height: 1.5rem;
}

.step_1 .ordbaskets .stitable .qtybox.icon {
    width: auto;
    padding: 0px 20px 0 0 !important;
}

/*.ordbaskets .step_1 .stitable .qtybox.icon {
    margin: 0 0 0 15px;
}*/

.ordbaskets .boxcont.products.noedit .qtybox.icon{
	padding: 0 !important;
	background: transparent;

}

/*.ordbaskets .boxcont.products.noedit .qtybox.icon .qty{
	margin: 0 0 0 3px !important;
	background: transparent;
} 
*/
#ordproductscont .ordcount input {
    border-color: #152654;
    margin: 0 0 0 3px;
    float: right;
    padding: 0 5px 0 0px !important;
    height: 45px;
    border-color: transparent;
    height: 1.5rem !important;
    text-align: right;
    width: fit-content;
    min-width: unset !important;
    margin: 0 !important;
    color: #152654;
    font-size: 0.875rem !important;
    background: transparent;
}
.step_2 #ordproductscont .ordcount input {

    padding: 0px !important;

}
.step_2 #ordproductscont .tabinfo.hor.stitable{
	background: #fff;
}
.step_2 .boxcont.products .stitable .name{
	    padding: 10px 10px 0 10px !important;
}
.step_2 .boxcont.products .stitable .name{
    border-top: 10px solid #f2f2f2;
}
.step_2.ordbaskets .boxcont.products .buyout,
.step_2 .boxcont.products .stitable .ordcount .qtybox.icon .fa {
    display: none !important;
}
.step_3 #ordproductscont .ordcount input,
.boxcont.products.noedit .ordcount .qtybox.icon:after{
	color: #4d4d4d;
}

.step_1 #ordproductscont .ordcount input {
    height: 70px !important;
    text-align: center;
    width: 100%;
    max-width: unset;
    margin: 0 !important;
}
.boxcont.logincontact .cnt .tabform th{
	width: 23% !important;
    text-align: right;
    display: none;
}

.boxcont.logincontact .cnt .tabform tr:nth-child(1) th,
.boxcont.logincontact .cnt .tabform tr:nth-child(2) th{
	width: 50% !important;
    text-align: left;
    display: block !important;
    margin: 2px 0px -28px 7px !important;
    z-index: 7;
    position: relative;
    color: #aaaaaa;
    font-weight: 100;
}


.boxcont.logincontact .btn.btn-login.submit{
	padding: 10px 20px;
    font-size: 1rem;
    background: white !important;
    color: #152654;
    border: 1px solid #152654;
    float: right;
    clear: none;
    width: 50%;
    display: block;
    margin: 0;
}

.ordbaskets .contact .rowbox .text {
    padding: 3px 0;
}

.ordbaskets .comshipto .hdr span {
    padding: 0 0 0 0 ;
    width: 100%;

}

.ordbaskets #gdprcont .cnt{
	padding: 10px !important;
}

.ordbaskets .contact .rowbox input::placeholder, 
.ordbaskets .buyasfirm .rowbox input::placeholder, 
.ordbaskets .comshipto .rowbox input::placeholder,
.registration .document .cnt table td input::placeholder,
.boxcont.logincontact .cnt .tabform input::placeholder{
/*color: transparent;*/
}

#contactdatacont_1_log .cnt table th, 
#contactdatacont_2_log .cnt table th,
.boxcont.document.firm .cnt table th,
.boxcont.document.comshipto .cnt table th{
    display: none;
}

#contactdatacont_1_log .cnt div:nth-child(1), 
#contactdatacont_1_log .cnt div:nth-child(2), 
#contactdatacont_2_log .cnt div:nth-child(3){
	display: inline-block;
	width: auto !important;
    float: left;
    height: initial !important;
}

#contactdatacont_1 .cnt div:nth-child(4),
#contactdatacont_1 .cnt div:nth-child(5){
/*	display: inline-block;
	width: 48% !important;

	float: unset;	    padding: 0px 0 0 0 !important;*/
}
#contactdatacont_1 .cnt div:nth-child(4){
	/*margin: 0px 3% 10px 0 !important;*/
    padding: 0 !important;
}
.step_3 #contactdatacont_4_log label[for=logged_fill_cst]{
	display: none;
} 
#contactdatacont_1 .cnt input{
	min-width: unset;

}


.boxcont.contact .cnt .rowbox:nth-child(1),
.boxcont.buyasfirm .cnt .rowbox:nth-child(1){
	padding: 0 !important;
}
.boxcont.buyasfirm .cnt{
	display: flex;
    flex-direction: column;
}
.boxcont.buyasfirm .cnt .rowbox:nth-child(1){
	order: 3;
}
.boxcont.buyasfirm .cnt .rowbox:nth-child(2){
	order: 1;
}
.boxcont.buyasfirm .cnt .rowbox:nth-child(3){
	order: 2;
}
.boxcont.buyasfirm .cnt .rowbox:nth-child(4){
	order: 4;
}
.boxcont.logincontact .cnt .tabform input{
	width: 100% !important;
	    padding: 20px 10px 7px 10px !important;
	        margin: 0 0 20px 0;
	            max-width: 380px;
}

#logincontactcont .cnt form .tabform tbody{
	    display: flex;
    flex-direction: column;
}

#logincontactcont .cnt form .tabform tbody tr:nth-child(1){
order:1;
margin: 5px 0 10px 0;
}
#logincontactcont .cnt form .tabform tbody tr:nth-child(2){
order:2;
}

#logincontactcont .cnt form .tabform tbody tr:nth-child(1) td,
#logincontactcont .cnt form .tabform tbody tr:nth-child(2) td{
display: block;
width: 100%;
padding: 0;
}
#logincontactcont .cnt form .tabform tbody tr:nth-child(3){

        order: 4;
    margin: -40px 0 -65px 0px;
}



#logincontactcont .cnt form .tabform tbody tr:nth-child(4){
order:3;
}

#logincontactcont .cnt form .tabform tbody tr:nth-child(4) td{
display: block;
    width: 100%;

}

#logincontactcont .cnt form .tabform tbody tr:nth-child(4) td ul li:nth-child(1){
    padding: 0px 0 60px 0px;
}

#contactdatacont_1_log .cnt div:nth-child(3),
#contactdatacont_1_log .cnt div:nth-child(4),
#contactdatacont_2_log .cnt div:nth-child(2),
#contactdatacont_2_log .cnt div:nth-child(5){
	width: 100% !important;
	height: initial !important;
} 

.step_2 #contactdatacont_1 .cnt .rowbox,
.step_2 #contactdatacont_2 .cnt .rowbox,
.step_2 #contactdatacont_3 .cnt .rowbox,
.step_2 #contactdatacont_4_log .cnt .rowbox,
.step_2 #contactdatacont_4 .cnt .rowbox{
margin: 5px 0 5px 0 !important;
	    width: 100% !important;
}

.ordbaskets .contentcont .boxcont .cnt .label{
	    margin: 0px 0px -70px 10px !important;
    z-index: 8;
    position: relative;
    color: #aaaaaa;

}

 .ordbaskets .buyasfirm .btn-import{
 	        float: right;
    width: min-content;
    margin: 0;
 }

.stitable .orditem td a,
.stitable .orbitem td a{
	    color: #152654;
    font-weight: normal;
}

#contactdatacont_1_log .cnt div:nth-child(3) .label,
#contactdatacont_1_log .cnt div:nth-child(4) .label{
	/*display: block;*/
    width: auto;
    min-width: unset;
    margin: 0 0 !important;
    padding: 2px 5px 0 0px;
}

#contactdatacont_1_log .cnt div:nth-child(3) .label:after,
#contactdatacont_1_log .cnt div:nth-child(4) .label:after{
content: ":";
}

#contactdatacont_1_log .cnt div:nth-child(1) .text,
#contactdatacont_1_log .cnt div:nth-child(2) .text{
font-size: 0.875rem;
}

.step_2 #contactdatacont_2 .rowbox .custom-select,
.step_2 #contactdatacont_3 .rowbox .custom-select,
.step_2 #contactdatacont_4 .rowbox .custom-select{
	height: 47px !important; /* selectbox v košíku - výběr země */
	padding: 16px 9px 6px 9px;
}


#contactdatacont_4_log .cnt .boxcont div:nth-child(5) .text-placeholder span{
	color: transparent;
}

#customsignordercont .cnt .custom-select{
	padding: 0;
} 

.ordbaskets #gdprcont .cnt {
    padding: 0px !important;
}

.ordbaskets .gdpr .cnt .rowbox {
    float: left;
    margin: 0;
        width: 100%;
}

#gdprcont .cnt .rowbox label{
	padding-left: 30px;
	    width: 100%;
	        font-size: 0.875rem;
}

.ordbaskets .delivery li .price .wvat,
.ordbaskets .delivery li .price p,
.ordbaskets .payway li .price .wvat,
.ordbaskets .payway li .price p{
	font-weight: normal;
    margin-left: 0px;
    font-size: inherit;
    line-height: inherit;
}

.price.dmg .free:first-letter{
	text-transform: uppercase;
}
.ordbaskets .payway li .price span{
	font-weight: 400;
}

.ordbaskets #customsignordercont .cnt div:nth-child(3) .label,
.ordbaskets #customsignordercont .cnt div:nth-child(1) .label{
	display: block;
	    z-index: 11;
}

#customsignordercont .cnt .rowbox input::placeholder{
/*	color: transparent;*/
}

 #customsignordercont .cnt .rowbox textarea{
 	padding: 20px 0px 16px 10px;
 }

 #contactdatacont_2 .cnt .custom-select select,
 #contactdatacont_4 .cnt .custom-select select{
 	    margin: 5px 0px 0 1px;
 	    height: 45px;
 }

#ordproductscont .pack_code{
	font-size: 0.875rem;
    margin: 0;
    color: #9f9f9f;
}

.step_2 #ordproductscont .pack_code{
	margin: 0;
    font-size: 0.875rem !important;
    color: #9f9f9f;
}

.ordbaskets .boxcont.buttons .btn span{
	    white-space: initial;
}

.ordbaskets .boxcont.customsignorder .cnt{
	border: 0px solid #dadada;
    background: none;
    padding: 0px !important;
}
.ordbaskets .buyasfirm label {
        margin: 0px 0px 0px 0px;
    padding: 21px 0px 22px 35px !important;
}

 #contentcont .boxcont.comshipto #new_cst div:last-child .inputs input{
 	margin: 0 auto 0px !important;

 }
 
 #logincontactcont .cnt form .tabform tbody tr:nth-child(2) td input{
 	    margin: 0 0 10px 0;
 }
#customsignordercont .input-placeholder .custom-select select {
    margin: 0px 10px !important;
    height: 40px;
}

       #logincontactcont  tr .notdeliv + td li:nth-child(2) a,
       #logincontactcont  tr .notdeliv + td li:nth-child(3) a{
       	/*transform: translateY(20px);*/
}
.ordbaskets #ordsumtabcont .delivery .info, .ordbaskets .delivery .delivmode .info{
	display: none;
}
.ordbaskets .payway li .info span{
	top: 0;
    right: 20px;
    min-width: 180px;
}
.ordbaskets .delivery .info span{
	top: -7px;
	right: 24px;
}

.input-placeholder .text-placeholder {
        top: 14px;
    max-width: calc(100% - 20px);;
}
.registration .input-placeholder .text-placeholder {
    top: 15px !important;
}

.step_2 .input-placeholder input{
	        height: 45px;
	        padding: 15px 0px 0 10px;
}
#headercont .login .cnt .active input {
           padding: 15px 10px 0px 10px;

}

#contactdatacont_1_log, #contactdatacont_2_log, #contactdatacont_4_log{
        padding: 5px 10px 0 10px;
    margin: 10px 10px 0 0 !important;
}
.contentcont.comshipto .input-placeholder input {
            padding: 20px 10px 5px 10px;
}
.registration .document .cnt table td .input-placeholder input {
        padding:20px 10px 10px 10px;
        font-size: 1.4rem;
}
html[lang="cs"] .info:before {
    color: #21378a;
    content: "[více info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
}
html[lang="sk"] .info:before {
    color: #21378a;
    content: "[viac info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
}
header .input-placeholder.active .text-placeholder{
	    transform: translate(0px, 0px);
	    top: 4px !important;
}

.input-placeholder.active .text-placeholder{
	    transform: translate(0px, 0px);
	    top: 4px !important;
}
.owl-theme .owl-dots .owl-dot span{
/*	    margin: 15px 5px -2px 5px;*/
}
.registration .input-placeholder.active .text-placeholder,
.registration .input-required.err + .text-placeholder,
.input-required.input-ico.err ~ .text-placeholder{
	    transform: translate(0px, 0px) !important;

}
#headercont .logged .cnt .inner .hdr .username,
#headercont .logged .cnt .inner .hdr ul li,
#headercont .logged .cnt .inner .hdr .settings, 
#headercont .logged .cnt .inner .hdr .logoff,
#headercont .logged ul li a span{
	font-size: 1rem;
	margin: 0 0;
}
#contactdatacont_4_log .cnt #new_cst .rowbox{
	margin: 0 0 0px 0;
}
#customsignordercont .cnt .rowbox .input-placeholder input{
	    padding: 15px 10px 5px 10px;
    max-width: 100%;
    min-height: 40px !important;
}

#customsignordercont .input-placeholder.active .text-placeholder{
	    transform: translate(0px, -4px);

}
#logincontactcont .cnt form .tabform tbody tr:nth-child(1) td .input-placeholder.active .text-placeholder,
#logincontactcont .cnt form .tabform tbody tr:nth-child(2) td .input-placeholder.active .text-placeholder{
	    transform: translate(0px, 0px);

}
#logincontactcont .input-placeholder input{
    padding: 25px 10px 5px 10px !important;
    font-size: 1.8rem;
}
.search .input-placeholder .text-placeholder {
    top: 16px;

}
.input-placeholder .text-placeholder>span{
	background: transparent;
	font-size: 0.875rem;
	padding: 0;
}
#sptnav ul li .sptnavsub ul li img{
	    max-width: 70px;
    max-height: 70px;
}
#contactdatacont_1 .input-placeholder .text-placeholder,
#contactdatacont_2 .input-placeholder .text-placeholder,
#contactdatacont_3 .input-placeholder .text-placeholder,
#contactdatacont_4 .input-placeholder .text-placeholder,
#contactdatacont_4_log .input-placeholder .text-placeholder{
	top: 5px;
    font-size: 1.5rem;
}

#contactdatacont_1 .input-placeholder.active .text-placeholder,
#contactdatacont_2 .input-placeholder.active .text-placeholder,
#contactdatacont_3 .input-placeholder.active .text-placeholder,
#contactdatacont_4 .input-placeholder.active .text-placeholder,
#contactdatacont_4_log .input-placeholder.active .text-placeholder{
	top: -2px !important;
}

.step_2 #contactdatacont_1 .input-placeholder input,
.step_2 #contactdatacont_2 .input-placeholder input,
.step_2 #contactdatacont_3 .input-placeholder input,
.step_2 #contactdatacont_4 .input-placeholder input,
.step_2 #contactdatacont_4_log .input-placeholder input{
	padding: 20px 10px 5px 10px !important;
    border: 1px solid #8080802b;
    border-radius: 10px !important;
}

#contactdatacont_1 .input-placeholder,
#contactdatacont_2 .input-placeholder,
#contactdatacont_3 .input-placeholder,
#contactdatacont_4 .input-placeholder{
	top: 0px;
	cursor: text;
	height: 100%;
}

.step_2 #contactdatacont_1 .input-placeholder.active input,
.step_2 #contactdatacont_2 .input-placeholder.active input,
.step_2 #contactdatacont_3 .input-placeholder.active input,
.step_2 #contactdatacont_4 .input-placeholder.active input{
	padding: 25px 10px 5px 10px !important;
    font-size: 1.6rem;
}

#contactdatacont_2 .cnt div:nth-child(4) .text-placeholder,
#contactdatacont_4 .cnt div:nth-child(5) .text-placeholder{
	color: transparent !important;
}
.search .input-placeholder.active .text-placeholder {
    transform: translate(0px, 0px);
}
.search .input-placeholder.active .text-placeholder span {
    background: transparent;
    color: #999999;
}

#customsignordercont .cnt div:nth-child(2) .input-placeholder .text-placeholder{
	color: transparent;
}

#customsignordercont .cnt div .input-placeholder textarea + .text-placeholder{
	color: #999999 !important;
}

.input-placeholder.active .text-placeholder>span{
	font-size: 0.75rem;
}
#contentcont.ordbaskets .input-placeholder .custom-select {
    padding: 0;
    height: 100%;
}
.input-placeholder .text-placeholder span, #logincont .input-placeholder .text-placeholder span{
	font-family: 'IBM Plex Sans', Arial, sans-serif !important;
}
.ordbaskets.step_3 .input-placeholder .custom-select select {
    height: 26px !important;
}
#contentcont.ordbaskets .input-placeholder .custom-select select {
    height: 26px;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;
    color: #4d4d4d;
    padding: 0 0 0 0;
    color: #999;
}
.step_2 .custom-select select{
	    height: 100% !important;
    line-height: 1rem !important;
}
#alertcontainer{
	background: #1352d2;
	border: none;
	z-index: 201;
}

#alertcontainer p{
	color: white;
	font-size: 2rem;
}
#footercont .newsletterbox .cnt .newsletter{
	     width: auto;
    margin: 10px 0 !important;
}

#footercont .newsletterbox .cnt .newsletter .input-required.input-email{
	width: 64%
}
#customsignordercont .cnt .rowbox .input-placeholder textarea {
    padding: 15px 10px 15px 10px;
    max-width: 100%;
    min-height: 42px;
    max-height: 200px;
    font-size: 0.875rem;
}
#footercont .newsletterbox .cnt .newsletter button{
padding: 12px 8px;
}


.boxcont.buyasfirm .cnt .rowbox:nth-child(2) .inputs .input-placeholder{
    width: calc(100% - 100px);
}
html[lang="sk"] .boxcont.buyasfirm .cnt .rowbox:nth-child(2) .inputs .input-placeholder{
    width: 100%;
}
.input-placeholder .custom-select select {
    padding: 0;
    margin: 0 0 0 10px !important;
}

.step_3 #contactdatacont_4_log .input-placeholder .custom-select select{
	margin: 0 !important;
    color: #000;
    height: initial;
  	pointer-events: none;
    font-size: 1em !important;
}

.registration .input-placeholder .custom-select select {
	padding: 10px 0 0 0;
    height: 48px;
}

#reg-firm table tr td div.input-placeholder{
	margin: 10px 0 0 0;
}

.registration #reg-firm .cnt table tbody tr:nth-child(1) td .input-placeholder{
	margin: 0;
} 


.ordbaskets #logincontactcont .input-placeholder .text-placeholder{
	top: 14px;
}
#logincontactcont .input-placeholder .text-placeholder{
	top: 18px;
}

.login.sptnavigator .newpassword .input-placeholder input{
	height: 48px;
	padding: 20px 15px 10px 10px;
}

.login.sptnavigator .newpassword .input-placeholder.active .text-placeholder{
transform: translate(0px, -5px);
}

.login.sptnavigator .newpassword .input-placeholder .text-placeholder {
    transform: translate(0px, 4px);
}

.login.sptnavigator .newpassword .cnt form .tabform tbody tr:nth-child(1) th{
	display: block;
    float: right;
    padding: 20px 10px;
}

.login.sptnavigator .login .cnt form .tabform tbody tr td input{
	height: 48px;
	padding: 20px 15px 10px 10px;
}

.login.sptnavigator .login .cnt form .tabform tbody tr td .text-placeholder{
	transform: translate(0px, 0px);
}

.login.sptnavigator .login .cnt form .tabform tbody tr td .input-placeholder.active .text-placeholder{
	transform: translate(0px, 0px);
}

#footercont .newsletterbox .gdpr .cnt form .input-placeholder input{
	height: 48px;
	padding: 20px 15px 10px 10px;
}

#footercont .newsletterbox .gdpr .cnt form .text-placeholder{
	transform: translate(0px, 5px);
}

#footercont .newsletterbox .gdpr .cnt form .input-placeholder.active .text-placeholder{
	transform: translate(0px, -7px);
}

#footercont .newsletterbox .cnt .newsletter .hdr p {
    padding: 15px 10px 13px 0;
}

.showinfobeforebuy .input-placeholder input{
	height: 48px;
	padding: 20px 15px 10px 10px;
}

.showinfobeforebuy .text-placeholder{
	transform: translate(0px, -3px);
}

.showinfobeforebuy .input-placeholder.active .text-placeholder{
	transform: translate(0px, -7px);
}

#footercont .newsletterbox .cnt{
	max-width: 1200px;
}

#DigiCertClickID_W0jZEBePSeal img{
	transform: translate(-500%, -115%);
    max-width: 100px;
}

#DigiCertClickID_W0jZEBePSeal{
	height: 0;
}

html[lang="cs"] .ordbaskets #paywaycont .cnt ul .payid_1:hover:after,
html[lang="cs"] .ordbaskets #paywaycont .cnt ul .payid_10:hover:after{
	content: "Nelze u serverů";
    color: #515151;
    font-size: 1.2rem;
    width: 50%;
    display: block;
    float: right;
    text-align: right;
    position: relative;
    bottom: -9px;
}

html[lang="sk"] .ordbaskets #paywaycont .cnt ul .payid_1:hover:after,
html[lang="sk"] .ordbaskets #paywaycont .cnt ul .payid_10:hover:after{
	content: "Nie je možné pre servery";
    color: #515151;
    font-size: 1.2rem;
    width: 50%;
    display: block;
    float: right;
    text-align: right;
    position: relative;
    bottom: -9px;
}


.ordbaskets .trippleswitch .trplopt label{

    color: transparent;
    /* height: 50px; */
    margin: 0;
    padding: 10px 10px 15px 10px;
    position: relative;
    z-index: 100;
    text-align: center;
    font-size: 0;
    width: 100%;
}

#trippleswitchcont .trplopt label:before,
#trippleswitchcont .trplopt label:after{
    font-size: 22px;
    margin: 0px -10px;
}

#trippleswitchcont .trplopt label:before{
    margin: 5px -10px;
}
#contentcont [data-strid="8764596"] #prodlistanchor #stitable tr .stock {
	display: none;
}

.stitable .pack_code{
	margin: 0;
	font-size: 1rem;
}

.price .wvat span,
.price .wvat p{
	font-size: 0.75rem !important;
}

#wnCarousel9, #wnCarousel10, #wnCarousel11, #wnCarousel12{
	display: none !important;
}


#ui-id-4:before{

    content: "Parametry serveru";
    font-size: 1.125rem;
    padding: 10px 0 0px 15px;
    width: 100%;
    display: block;
    color: #152654;
}
#ui-id-2:before{
        content: "Vlastnosti modelové řady";
        font-size: 1.125rem;
    padding: 10px 0 10px 15px;
    width: 100%;
    display: block;
    color: #152654;
}
#ui-id-2{
        border: 10px solid #d0d0d0;
        margin: 30px 0 0 0;
}
.config .tabs .ui-tabs-panel{
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fafafa;
    border:none;
    display: block !important;
}

.config .tabs ul.ui-tabs-nav [aria-controls="ui-id-4"]{
    display: none;
}

.owl-carousel .owl-wrapper-outer {
    background: #fff;
}

.prodbox h2 {
    text-align: left;
    line-height: 1.5rem;
    font-size: 1rem !important;
    font-weight: 400;
        height: 4.5em;
}
.prodbox h2 a{
    text-decoration: none !important;
}
.boxcont.stiparcomp table .stiwartxt th{
	color: transparent;
	line-height: 6px;
}
.stiparcomp .cnt table tr{
	background-color: #fff !important;
}

.stiparcomp .cnt table tr td{
	border-bottom:1px solid #dedede;
}

.stiparcomp .cnt table .Remove td,
.stiparcomp .cnt table .thumbnail td,
.stiparcomp .cnt table .buy td{
	 border-bottom: 1px solid #dedede !important;

}

.owl-controls {
    display: none !important;
}

.boxcont.stiparcomp table .stiwartxt th:after{
	display: block !important;
	content: "Záruka";
	color: #4d4d4d;
}

.btn-config{
    background-color: #051647 !important;
    opacity: 0.9 !important;
	padding: 4% 7% !important;
	border-radius: 2px !important;
}

/*.ordbaskets #deliverycont .hdr p:after{
	content: "\f05a";
	font: normal normal normal 1.5rem/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	font-size: 2.2rem;
	margin: 0 0 0 10px;
}*/

/*.ordbaskets #deliverycont .hdr p:hover:before{
	content: "Balné je zahrnuto v ceně manipulačního poplatku.";
	display: block;
	position: absolute;
	margin: 0 0 0 13%;
	color: #000000;
	font-size: 1.3rem !important;
	font-weight: normal;
	padding: 10px;
	border: 1px solid #C0C0C0;
	border-radius: 0.5em;
	background: white;
}*/

#cookieUseAgreement{
	z-index: 9;
}



/*Novinka CVUT*/
span.cls_006{font-family:Arial,serif;font-size:14.0px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_006{font-family:Arial,serif;font-size:14.0px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_009{font-family:Arial,serif;font-size:23.0px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_009{font-family:Arial,serif;font-size:23.0px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_003{font-family:Arial,serif;font-size:31.2px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_003{font-family:Arial,serif;font-size:31.2px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_004{font-family:Arial,serif;font-size:12.0px;color:rgb(254,255,255);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_004{font-family:Arial,serif;font-size:12.0px;color:rgb(254,255,255);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_005{font-family:Arial,serif;font-size:31.2px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_005{font-family:Arial,serif;font-size:31.2px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_002{font-family:Arial,serif;font-size:21.0px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_002{font-family:Arial,serif;font-size:21.0px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_008{font-family:Arial,serif;font-size:14.1px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_008{font-family:Arial,serif;font-size:14.1px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_010{font-family:Arial,serif;font-size:23.1px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_010{font-family:Arial,serif;font-size:23.1px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_011{font-family:Arial,serif;font-size:23.1px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_011{font-family:Arial,serif;font-size:23.1px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_012{font-family:Arial,serif;font-size:12.7px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_012{font-family:Arial,serif;font-size:12.7px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_013{font-family:Arial,serif;font-size:12.7px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_013{font-family:Arial,serif;font-size:12.7px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
.cvut_nws{
	height:1400px;
	width: 841px;
	margin: 0 auto;
}
/*Novinka CVUT*/

/*Novinka CvT*/
.wnnote table td{
	border-bottom: 1px solid #ddd;
	padding: 0 10px 0 0;
}
/*Novinka CvT*/

/*Odkaz na stránku se všemi novinkami*/
div.nextwn{
   display: flex;
    float: right;
    margin: -40px 70px;
    font-size: 1.2em;
}

div.nextwn a{
    color: #4d4d4d;
    font-size: 1rem;
}


/* div[data-stiid="xcislo xxxxx"]{} - selektor pro konkrétní produkt na eshopu */
/* div[data-stiid="xcislo xxxxx"]{} - selektor pro konkrétní produkt na eshopu */

.step_3 #contactdatacont_4 .input-placeholder{
    pointer-events: none;
}
.step_3 #contactdatacont_4 .input-placeholder.active input,
.step_3 #contactdatacont_4 .input-placeholder input,
.step_3 #contactdatacont_4_log .input-placeholder.active input,
.step_3 #contactdatacont_4_log .input-placeholder input{
	border: none !important;
	font-size: 1.3rem;
	padding: 5px 0 !important;
	pointer-events: none;
}

.step_3 .input-placeholder{
margin: 0;
}

.step_3 #contactdatacont_4 .text-placeholder,
.step_3 #importByICO,
.step_3 #contactdatacont_4_log .text-placeholder{
	display: none !important;
}

.step_3 #contactdatacont_3{
	display: none;
}
.step_3 #contactdatacont_4{
	width: 19%;
    float: left !important;
    clear: none;
}

.step_3 label[for="fill_cst"]{
	display: none !important;
}

.step_3 #contentcont.ordbaskets .input-placeholder .custom-select select {
    margin: 0 !important;
    /*height: initial !important;*/
}
.step_3 #contactdatacont_4 .custom-select,
.step_3 #contactdatacont_4_log .custom-select{
    background: none;
    border: none;
    color: black;
    padding: 0 !important;
}

.step_3 #contactdatacont_4 select{
       color: #4d4d4d !important;
    margin: 0 !important;
/*    height: auto !important;*/
}
.step_3 #contactdatacont_4 label[for="nofill_cst"],
.step_3 #contactdatacont_4_log label[for="nofill_cst"]{
	display: none;
}
.step_3 #contactdatacont_4 input:checked + label[for="nofill_cst"],
.step_3 #contactdatacont_4_log input:checked + label[for="nofill_cst"]{
	display: block;
}

.step_3 #contactdatacont_5 .hdr p,
.step_3 #contactdatacont_6 .hdr p,
.step_3 #contactdatacont_4:before{
	font-weight: 400;
}
.ordbaskets.step_3 .sumtab .handlingfeedetail .price{
	display: none;
}
html[lang="cs"] .ordbaskets.step_3 .sumtab .handlingfeedetail:after{
	content: "Balné zahrnuje přepravní paletu a ostatní materiály zajišťující maximální ochranu serveru během dopravy. U objednávek nad 10 000Kč/370€ je zdarma.";
    display: block;
    color: #000000;
    text-align: left;
    font-weight: 400;
}

html[lang="sk"] .ordbaskets.step_3 .sumtab .handlingfeedetail:after{
	content: "Balenie zahŕňa prepravnú paletu a ďalšie materiály na zabezpečenie maximálnej ochrany servera počas prepravy. Pri objednávkach nad 10 000 Kč/370 € je zdarma.";
    display: block;
    color: #000000;
    text-align: left;
    font-weight: 400;
}
.ordbaskets #deliverycont .hdr p:after{
	content: "";
}
.config span > .info {
    z-index: unset;
}

.step_3 .handlingfee>th{
	    width: 69px;
    min-width: unset;
    display: block;
    float: right;
}
.info span {
    min-width: 300px;
}
.title.title_liziny .info>span{
	background-image: url(../img/config/hpe_rack_42U.jpg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center 50px;
    height: 250px;
    width: 390px;
    padding: 10px;
      top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.title.title_server_boot_adaptery_s_disky_m\.2_ssd .info>span{
	background-image: url(../img/config/hpee-ns204i-p-nvme.jpg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center 50px;
    height: 420px;
    width: 390px;
    padding: 10px;
}

}
/*.liziny label[for="js_cocsel_8_1_78041"] span.configname:hover:after {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background: #FFFFFF;
    content: "";
    position: absolute;
    background-image: url(../img/liziny.jpg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center -30px;
    height: 180px;
    width: 390px;
    padding: 10px;
    z-index: 10;
    margin: 20px -90px;
}*/

/*.boxcont.webnews.news a{
	text-decoration: underline;
}*/
/*konfigurator_liziny*/

.config .liziny .configinput label[for="js_cocsel_6_1_23291"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-dell-r710.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}


.config .liziny .configinput label[for="js_cocsel_9_1_23675"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-dell-r720-r730.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}

.config .liziny .configinput label[for="js_cocsel_7_1_23786"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen6-7-vysuv.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}


.config .liziny .configinput label[for="js_cocsel_7_1_24701"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen8-9-sff-lff-vysuv.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 0 5px;
    z-index: 8;
    margin: -5px -1px;
}

.config .liziny .configinput label[for="js_cocsel_7_1_24700"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen8-9-sff-lff-tele.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}


.config .liziny .configinput label[for="js_cocsel_8_1_24701"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen8-9-sff-lff-vysuv.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}

html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_8_1_24700"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_8_1_24701"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_9_1_23675"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_7_1_24700"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_7_1_24701"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_7_1_23786"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_7_1_17703"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_6_1_23291"] .configname:after{
    display: inline-block;
    transform: translate(0, 0);
    color: #21378a;
    content: "[více info]" !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    margin: 0 0 0 5px !important;
}

html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_8_1_24700"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_8_1_24701"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_9_1_23675"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_7_1_24700"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_7_1_24701"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_7_1_23786"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_7_1_17703"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_6_1_23291"] .configname:after{
    display: inline-block;
    transform: translate(0, 0);
    color: #21378a;
    content: "[viac info]" !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    margin: 0 0 0 5px !important;
}
.config .liziny .configinput label[for="js_cocsel_8_1_24700"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen8-9-sff-lff-tele.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}


.config .liziny .configinput label[for="js_cocsel_7_1_17703"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl380-g6-g7-374517-001.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}
/*konfigurator_liziny*/


.homepage .h-carousel>.h-banner{
	  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
    position: relative;
    width: 100%;
    height: inherit;
    
}

/*.banner1{
	background-image: url(../img/banner/R730.png);
	background-size: 60%;
    background-repeat: no-repeat;
    background-position: 30px 90px;
}
.banner2{
		background-image: url(../img/banner/hpe-dl380-gen10-12lff_1.jpg);
		    background-size: 68%;
    background-repeat: no-repeat;
    background-position: 19px -13px;
}
.banner3{
		background-image: url(../img/banner/lenovo-x3550-m5-8sff.jpg);
		background-size: 57%;
    background-repeat: no-repeat;
    background-position: 29px 38px;
}*/
.homepage .boxcont.h-carousel{
	width: 100%;
	border-bottom: 2px solid #E6E6E6;
	overflow: hidden;
	margin: 10px 0 10px 0;
}

.homepage .h-carousel{
	width: 75%;
    float: left;
    height: 325px;
    background: #fff;
    clear: left;
}

.homepage .h-carousel .h-carousel_controls{
	width: 25%;
    float: right;
    clear: right;
    display: block;
    height: 325px;
    margin: 0;
    padding: 0;
}
/*
.homepage .h-carousel .text-block{
	float: right;
    width: 50%;
    color: #142654;
}*/
/*.h-carousel h2{
	font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    float: right;
    text-align: right;
    margin: 25px 25px 35px 0;
    text-transform: uppercase;
    font-size: 2rem !important;
    width: 440px;
    font-weight: 400;
}

.h-carousel p{
	font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    float: right;
    text-align: right;
    clear: right;
    margin: 0px 25px 0 0;
    width: 60%;
}

.h-carousel span{
    float: right;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 1rem;
    margin: 55px 25px 0 0
}*/

.h-carousel .banner_btn{ 
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    width: 100%;

}

.h-carousel_controls{
	    border-bottom: 2px solid #F2F2F2;
    border-left: 2px solid #F2F2F2;
    text-align: left;
    background: #FAFAFA;
    font-size: 1rem;
    cursor: pointer;
}

.boxcont.h-carousel .h-carousel_controls .h-carousel_btn:last-child{
	   border: 0px solid transparent !important;
}
.h-carousel_btn{
    background: #fAfAfA;
    border-bottom: 2px solid #F2F2F2;
    height: calc(100% / 5);
    list-style: none;
    padding: 23px 20px;
    width: 100%;
    position: relative;
    z-index: 3;
}

.h-carousel_btn a{
	color: #000 !important;
}
.h-carousel_btn.active {
	background: #fff;
    border-bottom: 2px solid #224AAB !important;
}

.h-carousel_btn:hover{
	background: #fff !important;
}

.homepage #wnCarousel14{
	float: left;
    width: 75%;
    clear: left;
    border-right: 2px solid #fafafa;
    border-bottom: 2px solid #E6E6E6;
}

.homepage .wn14right{
	float: right;
    width: 25%;
    clear: right;
    background: #fff;
    height: 470px;
    border-bottom: 2px solid #E6E6E6;
}
.eet p, #footercont .footerinfo .cnt .copyright{
	color: #b1b1b1;
	font-size: 0.75rem !important;
}
.homepage .wn14right .cnt{
	margin: 0 25px 0px 20px;
    width: 85%;
}
.homepage .wn14right .hdr p{
    text-align: left;
    text-transform: uppercase;
    padding: 30px 30px 15px 20px;
    font-size: 1.5rem !important;
    line-height: 2.25rem;
    background: #fff;
}
.homepage .wn14right .cnt p{
    font-size: 1rem;
}

.boxcont.sluzby .sluzby_blok p{
	font-weight: 400;
}

header .custom-select, header .custom-multi-select{
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #224AAB;
	width: 100%;
	border-radius: 0px !important;
	margin: 0;
	background: transparent url(../img/select-arr-down_wht.svg) 32px 0px no-repeat;
}

header .custom-select select{
	color: #fff;
    padding: 0 20px 0 0;
    margin: 0;
}
header .custom-select select option{
color: #000;
}

.boxcont.sluzby{
	background: #fff;
	margin: 30px 0 0 0 !important;
	border-bottom: 2px solid #E6E6E6;
}
/*.boxcont.sluzby .left_cont{
	width: 50%;
    float: left;
    background: url(../img/uvodni_stranka/cz_s-uvod_1.jpg) no-repeat !important;
    height: 400px;
    position: relative;
    background-size: 120% !important;
    background-position: -80px 0px !important;

}*/
.boxcont.sluzby .left_cont{
	width: 50%;
    float: left;
    background: url(../img/uvodni_stranka/server_lab.jpg) no-repeat !important;
    height: 400px;
    position: relative;
    background-size: 100% !important;
}
.boxcont.product.carousel .tools .btn{
	color: #21378A;
    border: 1px solid #21378A;
    background: #fff !important;
    padding: 0px 10px 2px 10px;
    float: right;
    margin: 0;
}

.boxcont.product.carousel .tools .btn span{
/*    text-transform: lowercase;*/
    font-size: 0;
}
html[lang="cs"] .boxcont.product.carousel .tools .btn span:after{
	content: "Konfigurovat";
	font-size: 0.875rem;
}

html[lang="sk"] .boxcont.product.carousel .tools .btn span:after{
	content: "Konfigurovať"; 
	font-size: 0.875rem;
}


.boxcont.sluzby .right_cont{
	width: 50%;
	float: right;
}
.boxcont.sluzby .left_cont h4{
	    width: 75%;
    font-size: 0.85rem !important;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    color: #ffffff;
    background: #00000069;
    padding: 0 0 0 30px;
    font-weight: 400;
}
.boxcont.sluzby .left_cont h3{
    padding: 8px 30px;
    width: 75%;
    font-size: 1.5rem !important;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    line-height: 3rem;
    color: #ffffff;
    background: #00000069;
    font-weight: 400;
}

/*.config-detail .sts.sts0{
	display: none;
}*/
.boxcont.sluzby .left_cont a{
	color: #fff;
    background: #FA4047;
    padding: 10px 20px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 95%;
}

.boxcont.sluzby .sluzby_blok{
    width: 50%;
    float: left;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.boxcont.sluzby .sluzby_blok h4 {
    font-weight: 400;
    margin: 0 auto;
    float: unset;
    clear: none;
    width: auto;
    font-size: 1rem;
    color: #152654; 
    text-align: center;
}

.boxcont.sluzby .sluzby_blok a{
    float: none;
    margin: 15px;
    color: #FA4047;
}

.boxcont.sluzby .sluzby_blok p,
.boxcont.sluzby .sluzby_blok a{
	text-align: center;
	font-size: 1rem;
    line-height: 1.5rem;
}

.boxcont.sluzby .sluzby_blok p,
.boxcont.sluzby .sluzby_blok a{
	display: none;
}
.boxcont.sluzby .sluzby_blok:hover{
	background: #FAFAFA;
}
.boxcont.sluzby .sluzby_blok:hover p,
.boxcont.sluzby .sluzby_blok:hover a{
	display: block !important;
}

.boxcont.sluzby .sluzby_blok:hover h4,
.boxcont.sluzby .sluzby_blok:hover img{
	display: none !important;
}

.boxcont.sluzby .right_cont div:nth-child(1){
    border-right: 2px solid #FAFAFA;
    border-bottom: 2px solid #FAFAFA;
}

.boxcont.sluzby .right_cont div:nth-child(2){
    border-bottom: 2px solid #FAFAFA;
}

.boxcont.sluzby .right_cont div:nth-child(3){
    border-right: 2px solid #FAFAFA;
}



div[data-cpaid="1612"] .param.val label{
	width: 90%;
}

/*div[data-cpaid="1612"] div[data-cpvid="4"]:hover:before {
	content: "";
    position: absolute;
    background-image: url(../img/servery/hpe-ml350p-gen8-6lff.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 150px;
    z-index: 100 !important;
    text-align: center;
    width: 300px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 0;
}

div[data-cpaid="1612"] div[data-cpvid="3"]:hover:before {
	content: "";
    position: absolute;
    background-image: url(../img/servery/hpe-dl980-g7.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 150px;
    z-index: 100 !important;
    text-align: center;
    width: 300px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 0;
}

div[data-cpaid="1612"] div[data-cpvid="2"]:hover:before {
	content: "";
    position: absolute;
    background-image: url(../img/servery/hpe-dl380-gen10-12lff.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 150px;
    z-index: 100 !important;
    text-align: center;
    width: 300px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 0;
}

div[data-cpaid="1612"] div[data-cpvid="1"]:hover:before {
	content: "";
    position: absolute;
    background-image: url(../img/servery/dell-r440-8sff.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 150px;
    z-index: 100 !important;
    text-align: center;
    width: 300px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 0 265px;
}*/
.boxcont.proc .blok_proc{
	width: 50%;
    float: left;
    padding: 30px;
    height: 205px;
    position: relative;
}

.blok_proc>div{
position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 30px 30px;
    z-index: 1;
}

.blok_proc>p{
right: 0px;
    bottom: 44px;
    position: absolute;
}
.boxcont.proc h2{
	width: 50%;
    color: #152654;
    margin: 0px 0px 40px 0;
    font-size: 2.25rem !important;
    line-height: 2.875rem !important;
    font-weight: 500;
}
.boxcont.proc h2:after{
	content: "_";
	color: #FA4047;
}
.boxcont.proc .cont_proc{
	background: #fff;
	display: inline-block;
	border-bottom: 2px solid #E6E6E6;
}

.blok_proc h3{
	color: #FA4047;
    font-family: 'Hrot Basic Medium' !important;
    padding: 0 0 20px 0;
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
}

.boxcont.proc{
	width: 55%;
	margin: 100px 0 30px 0;
}

.boxcont.reference{
	    width: 40%;
    float: right;
    margin: 40px 0 0 0;
    border-top: 5px solid #fa4047;
}

.boxcont.reference h3{
	    width: 100%;
    color: #152654;
    padding: 30px;
    font-size: 1.5rem !important;
    line-height: 2.25rem !important;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Hrot Basic Medium' !important;
}
.blok_proc li{
	color: #4D4D4D;
	list-style: none;
	font-size: 1rem;
    line-height: 1.5rem;
}

#cookieUseAgreement button, #cookieUseAgreement a{
    font-size: 1rem;
}

.blok_proc li:before{
	content: "-";
    color: #152654;
    font-family: monospace;
    display: inline-block;
    float: left;
    padding-right: 5px;
}
.blok_reference{
	padding: 0;
	display: inline-block;
	height: initial;
}
.blok_reference .logo{
	width: 20%;
    float: left;
}

.blok_reference .text{
	width: 80%;
    float: right;
    padding: 0 20px 20px 20px;
    border-left: 2px solid #E6E6E6;
    margin: 0 0 20px 0;
}

.homepage .text p{
    font-size: 1rem;
    line-height: 1.5rem;
    color: #4D4D4D;
}

.reference .blok_puntiky_reference{
	margin: -8% 0 5% -0.5%;
	display: none;
}

.v-carousel .blok_puntiky_v-carousel{
	margin: 70px 0 0 0;
	display: none;
}


.puntiky_reference{
    width: 24px;
    height: 4px;
    background: #E6E6E6;
    display: inline-block;
    margin: 0 0 0 4px;
}
.prcrange .price-range .noUi-connect {
    background: rgb(33 55 138);
}
.puntiky_v-carousel{
    width: 24px;
    height: 4px;
    background: #224AAB;
    display: inline-block;
    margin: 0 0 0 4px;
}

#leftcont {
    width: 30%;
}
#contentcont.wleft {
    width: calc(100% - 30%);
}
.config .title {
    background: #fff;
}

.cont_reference{
	    background: #fff;
    border-bottom: 2px solid #E6E6E6;
}

.homepage .boxcont .date{
	margin: 10px 0 0 0;
padding: 5px 2px;
    color: #999999;
    float: left;
    display: block;
    clear: both;
}

.puntiky_reference.active,
.puntiky_v-carousel.active {
    background: #FA4047;
}

.blok_v-carousel .logo{
background-image: url(../img/rast_tecky.png) !important;
    background-position: 75% 55% !important;
    background-repeat: no-repeat !important;
    background-size: 440%;
}

.homepage #contentcont .boxcont.news {
    width: 75%;
    /*margin: 15px;*/
    float: left;
    clear: left;
}
.homepage .news li {
    width: 29%;
    margin: 10px 20px 45px 0px;
    float: left;
    clear: initial;
    height: 340px;
}
.homepage .news li:last-child{
    display: none;
}
.cont.contentcont.wm .article .hdr h1{
	display: none;
}
.homepage .boxcont.v-carousel .cont_v-carousel{
	width: 100%;
    background: #152654;
    padding: 25px;
    border-top: 5px solid #FA4047;
    height: 638px;
}

.homepage .boxcont.v-carousel{
	width: 25%;
    background: #fafafa;
	margin: 35px 0 0 0;
	position: relative;
	float: right;
	clear: right;
}

.homepage .news ul{
	display: flex;
}
.homepage .boxcont.news:after{
	background: url(../img/fafafa.png) !important;
    position: absolute;
    content: "";
    width: 100%;
    height: 2000px;
    /*height: -webkit-fill-available;*/
    z-index: 0;
    left: 0%;
    margin: 0 0 0 0;
    min-width: 300px;
}

.cont_v-carousel h3{
	font-size: 1.125rem !important;
    line-height: 1.625rem;
    font-family: 'Hrot Basic Medium' !important;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    padding: 0 0 30px 0;
}

.blok_v-carousel .logo {
    width: 100%;
    height: 180px;
}

.blok_v-carousel .logo img{
float: unset;
    clear: none;
    display: block;
    margin: 0px auto;
    padding: 20px 0;
    width: 50%;
}

.blok_v-carousel .text p{
	color: #fff;
	padding: 25px 0 15px 0px;
}

.v-carousel .blok_puntiky{
	margin: 20px 0 0 0;
}

.cont_v-carousel .tlacitko a{
	    width: 100%;
    background: #FA4047;
    color: #fff;
    text-align: center;
    padding: 10px;
    float: left;
}

.homepage .boxcont.newsletter{
	position: relative;
	float: left;
    clear: left;
    display: block;
    width: 75%;
}

.homepage .cont_newsletter{
	position: relative;
    float: left;
    clear: left;
    display: block;
    width: 92%;
    background: #ffffff;
    border: 1px solid #E6E6E6;
    padding: 30px;
    margin: 45px 0 40px 0;
}

.cont_newsletter h3{
	float: left;
    clear: left;
    width: 30%;
    color: #152654;
    margin: 0 30px 0px 0;
    font-size: 1.25rem !important;
}

.cont_newsletter .blok_newsletter{
	width: 65%;
    float: left;
    margin: 0 0 5px 0;
}

.cont_newsletter input{
	width: calc(100% - 180px);
    float: left;
    border: 1px solid #E5E5E5;
    padding: 7px;
    margin: 0 0 0 0;
    border-radius: 0;
}

.cont_newsletter input[type="checkbox"]{
	position: relative;
    left: initial;
    width: auto !important;
    margin: 5px 5px 0 0;
}

.cont_newsletter a{
	float: left !important;
    width: 175px;
    background: #FA4047;
    color: #fff;
    padding: 9px;
    text-align: center;
    text-transform: lowercase;
}

.cont_newsletter p{
    font-size: 0.875rem !important;
}

#footercont .webmenu li ul{
	width: 100% !important;
}
#footercont .webmenu li ul a {
    font-size: 1rem;
    padding: 5px 0 0 0;
    line-height: 1.5rem;
}
#footercont .webmenu li a {
        font-size: 1rem;
    line-height: 1.5rem;
}
.homepage div.nextwn a:after{
content: " >";
} 

#footercont .companyinfo .hdr p, #footercont .companycontact .hdr p{
	color: #fff;
    font-size: 1rem !important;
    padding: 35px 0 0 0 !important;
    line-height: 1.5rem;
}

#footercont .companyinfo p, #footercont .companycontact p {
    font-size: 1rem !important;
    padding: 5px 0 0 0;
    line-height: 1.5rem;
    float: left;
    clear: left;
}

#footercont .webmenu li ul {
    padding: 0 !important;
}

.boxcont.companycontact p span{
	display: block;
}

#footercont .companyinfo p a, #footercont .companycontact p a{
	float: left;
	line-height: 1.3125rem;
}
.fa-phone:before,
.fa-mobile:before,
.fa-envelope:before{
	content: "";
}

nav>ul>li>a>span:after,
#footercont .companyinfo .hdr p:after{
	content: "_";
    display: block;
    color: #FA4047;
}

#footercont .boxcont.companyinfo .cnt{
	padding: 0 0 0 0 !important;
}

#footercont .companycontact .fa.fa-envelope{
    padding: 5px 0 10px 0;
}

.config-detail .boxcont.scroll_button{
	    width: 32%;
    float: right;
    padding: 0 20px;
    margin: 0 20px 0 0;
}
.article a{
	float: initial;
}
.webmenu.menuid_2>li>a{
	text-decoration: none !important;
}
.custom-select select, .custom-multi-select select{
	padding: 0px 25px 0px 6px;
}
/**********SMAZAT************/
/*.boxcont.news ul li:nth-child(4), .boxcont.news ul li:nth-child(6), .boxcont.news ul li:nth-child(7), .boxcont.news ul li:nth-child(8), .boxcont.news ul li:nth-child(9), .boxcont.news ul li:nth-child(10){
	display: none;
}*/
/**********SMAZAT************/
.price.basketprice u{
        	text-decoration: none;
        }
/*kontaktni stranka galerie*/
.column {
    float: left;
    width: calc(100% / 5);
    padding-right: 5px;
}
#footercont .eet{

    width: 60%;
}
.mySlides {
    display: none;
}

.cursor {
    cursor: pointer;
}
.warranties .item .custom-select{
    height: unset !important;
}


.warranties .srchform .item select,
.gdprpermiss .srchform .item select{
 	height: 25px;
 }
.kontakt_container .row div:nth-child(3){
	padding-left: 0 !important;
}
.active, .demo:hover {
opacity: 1 !important;
}
.demo {
  opacity: 0.6;
}

.input-placeholder{
	margin: 0;
}

.sptnavigator .kontakt .left {
    width: 50%;
    float: left;
    padding-right: 10px;
}

.sptnavigator .kontakt .right{

width: 50%;

float: right;
}

.sptnavigator .kontakt .left.full{
    margin: 25px 0 0 0;
width: 100%;
}

/*kontaktni stranka galerie*/
#filterprcrangecont {
    display: none !important;
}
#footercont{
	position: relative;
	z-index: 2;
}
.btn-next:before {
    content: "\f054";
    float: right;
    margin: 5px 0 0 5px;
    font-size: 1rem;
}
.filter label {
    font-size: 0.85rem;
}
.facebook{
	display: none;
}
.btn-favour{
	display: none;
}
#contentcont #subcatscont{
	background-color: #ffffff;
    padding: 10px 15px 0px 10px;	
}
#filterorderbycont .custom-select {
	width: 70px !important;
	    border-radius: 0px !important;
}
#filterorderbycont .custom-select .orderselector{
	padding: 0 10px !important;
	height: 24px;
}
#nextpage span{
	font-size: 1rem !important;
}
.tabinfo tr:last-child th, .tabinfo tr:last-child td {
   border-bottom: 0px solid #cccccc !important;
   padding-bottom: 5px ;
}

.invoice .tabinfo tr:last-child th, .tabinfo tr:last-child td {
   padding-bottom: 5px !important;
}
.config span > .info span {
border-radius: 0px;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    border: none;
    font-size: 0.85rem !important;
    line-height: 1.3125rem;
    
}

/*.contentcont .boxcont.configuration .hdr:before{
        content: "Konfigurátor";
    font-weight: 400;
    color: #21378a;
    font-size: 2rem;
    margin: 0;
    display: inline-block;
    background: #f2f2f2;
    width: calc(100%);
    padding: 5px 15px 20px 25px;
}*/
.navbar ul li *{
	font-size: 1rem !important;
line-height: 1.5rem;
}
.configuration .cnt{
    padding: 5px 25px !important;
}
.stoitem .stiinfo .cnt .rowbox.similar_products{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
}

.stoitem .stiinfo .cnt .rowbox.similar_products .btn{
        background: #152654;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 20px;
}
.stoitem .stiinfo .boxcont.msgbox.err{
    display: none;
}
.boxcont.err{
    border: none !important;
    box-shadow: none !important;
    background: #fff !important;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 5px solid #fa4047 !important;
    padding: 0;
    margin: 30px 0 30px 0 !important;
}
.boxcont.msgbox.err ~ .rowbox.war{
border:none;
}   

.boxcont.msgbox.err .cnt{
    padding: 10px !important;
} 
#lottie {
    height: 630px !important;
    margin: 0;
    padding: 5px;
    background-color: #ffffff00 !important;
}
.webnews .boxcont > .hdr{
	border: none;
}

/*.configuration .hdr p{
	display: none;
}*/

.boxcont.stoitem{
display: grid;
    grid-template-columns: 34% 33% 3% 30%;
}

.boxcont.stoitem>.hdr{
	    width: 100%;
    background: #fff;
    padding: 25px;
    z-index: 10;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
}

.boxcont.stoitem>.cnt{
		display: grid;
		grid-template-columns: 34% 33% 3% 30%;
		    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-rows: auto auto;
}

.boxcont.tabs.ui-tabs{
	grid-column-start: 1;
    grid-column-end: 5;
    margin: 20px 0 0 0;
} 

.boxcont.stoitem .stiimg a{
	float: unset;
	display: block;
} 
.stoitem .stiimg .owl-carousel .owl-item a{
	    margin-right: 20px;
	border: 1px solid #f2f2f2;
	    width: 100px;
}
.stoitem .tabs .tabpage > .cnt{
	background: #fff;
}

#contentcont{
	padding: 0;
}

.boxcont .hdr > h1 {
    font-weight: normal;
    color: #152654;
	padding: 0;
}

.stoitem .boxcont.tools .btn{
	float: right;
    margin: 5px !important;
    border: 1px solid #152654 !important;
}
.stoitem .boxcont.half.stiimg>.boxcont.img{
	width: calc(100% - 50px);
    margin: 10px 25px 25px 25px;
    border: 1px solid #f2f2f2;
    order: 2;
}
#prodlistanchor>.cnt{
	background: #fff;
    padding: 0 15px !important;
}
.stoitem .rowbox.avail.inet .text,
.stoitem .rowbox.code .text{
float: right;
} 
.stoitem .rowbox.code .text p:before{
	content: "Kód: ";
}
.stoitem .rowbox.code .label{
	display: none;
}
.producent{
	display: none;
}
.stoitem .stiimg .boxcont.img a img{
    width: 350px;
    height: auto;
}
/*.availability.inet .stock span{
	margin-left: 5px;
}*/
.boxcont.stoitem .stiimg .boxcont.img a{
display: block;
    margin: auto;
    width: 350px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.stoitem .stiimg .owl-carousel .owl-item {
    width: auto !important;
}
.ordersort{
	background: #152654 !important;
}
li[aria-controls="stidiscussion"], 
li[aria-controls="stifbcomments"], 
li[aria-controls="stisendmails"],
li[aria-controls="ui-id-6"],
li[aria-controls="ui-id-8"],
li[aria-controls="ui-id-10"]{
	display: none;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active
.boxcont.products.noedit .ordcount input {
    text-align: right;
    font-size: 1rem !important;
    background: #fff !important;
    width: auto !important;
    color: #000;
    max-width: none !important;
    text-align: center;
}

.btn.btn-big.allow-all{
	background: #152654 !important;
	color: #fff !important;
}

.cnt .note .datasheet{
	display: none;
}

.boxcont.stiplnote .serverinfo{
	display: none;
}

.title.title_slevy{
	display: none;
}

.datasheet tr td:first-child {
/*    min-width: 270px;*/
}
header .btn.btn-comp.btn-second:before {
	background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    width: 32px;
    height: 32px;
    content: "" !important;
    background-color: transparent !important;
}

.btn.btn-comp.btn-second:before {
	    content: "" !important;
    background-color: transparent !important;
		background-position: 4px -2px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    background-image: url(../img/icons/CS_arrow_down_left.svg);
    }
.rf, .rfaf, .recycle .rf td{
	display: none;
}
.cnt .note .datasheet{
	display: none;
}

.boxcont.stiplnote .serverinfo{
	display: none;
}

.title.title_slevy{
display: none;
}

.eet{
	display: none;
}

# .boxcont .buttons .btn:nth-child(2){
	background: #fff !important;
	color: #152654;
	border: 1px solid #152654;
}

.cont.cookie .boxcont .ftr .options {
    margin: 10px 0 10px 0;
}

.cont.cookie [type="checkbox"]:not(:checked) + label,
.cont.cookie [type="checkbox"]:checked + label{
	font-size: 0.875rem !important;
	color: #4a4a4a;
}
body.modal-show {
    overflow: unset;
}
body.modal-show #maincont{
	filter: unset;
}
.modal-content{
    width: auto;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;


}
.cont.cookie .boxcont .allow-all {
    float: right;
    background: #21378A !important;
    color: #fff;
    padding: 10px;
}
.cont.cookie .boxcont .hdr p {
    text-align: left;
    padding: 0;
    font-size: 1.25rem !important;
    background: #fff;
}
.cont.cookie .boxcont .cnt p {
    font-size: 0.875rem !important;
    line-height: 1.3125rem !important;
    padding: 10px 0 0 0px;
}
.cont.cookie .boxcont {
    padding: 25px;
}
.cont.cookie .btn {
    border: 1px solid #152654;
    padding: 10px;
}
.cont.cookie .boxcont .buttons .btn.btn-inv{
	background: #fff !important;
	color: #123654 !important;
}

.cont.cookie .boxcont .buttons .btn.btn-inv.allow-selection{
display: none;
}

.cont.cookie .boxcont .buttons.ds_none .btn.btn-inv.allow-selection{
display: block !important;
}

.modal-popup{
/*	max-width: 670px;
	z-index: 1000;
	padding: 0;
    background: #fff;
    position: fixed;
    display: block;
    margin: 0 auto;
    top: 220px;
    height: fit-content;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);*/
}

.housing_v_datovem_centru .configinput.instock .configname:after,
.zaruky_a_servis .configinput.instock .configname:after,
.instalace_os .configinput.instock .configname:after,
.bonusy .configinput.instock .configname:after{
	content: "" !important;
}

.boxcont.docscont.logged .logtools .menu .btn{
	color: #152654;
}
/*
.boxcont.logsuccess{
	display: none;
}*/
.btn-tool:before {
    color: #152654;
}
.gdprpermiss .tabinfo.hor td {
    background: #fff;
}
a.btn{
	color: #152654;
}
/*.logged .webmenu a[href="default.asp?cls=conparsets&catalogs=forcontact"],
.logged .webmenu a[href="default.asp?cls=company&u_stat=1&catalog=currency&script=visualize"],
.logged .webmenu a[href="default.asp?cls=catalog&xsl=xsearch&u_mode=ord&catalog=scategorysys&catalog=producttype&catalog=stoitemstatus&catalog=area&catalog=ordway"]{
	display: none;
}*/
.custom-select{
	height: unset;
}
#headercont .webmenu li ul li{
	margin: 0;
}
.srchform .item .btn{
	padding: 10px 10px;
    margin: 20px 0 0 0;
}
.deliveries .table-scroll th a,
.invoices .table-scroll th a{
	color: #000;
}

.srchform .item select{
	height: 25px;
}

.contentcont.orditems .table-scroll .name{
	font-size: 1rem !important;
}

.tabinfo.hor td{
	border-bottom: 0px solid #C0C0C0;
}

.logged .webmenu.menuid_1:nth-child(4) ul:nth-child(5),
.logged .webmenu.menuid_1>li:nth-child(4)>a,
.logged .webmenu.menuid_1>li:nth-child(3)>a,
.logged .webmenu.menuid_1>li:nth-child(1),
.logged .webmenu.menuid_1>li:nth-child(2),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(1),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(3),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(4),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(6),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(7),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(8),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(9),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(10),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(11),
.logged .webmenu.menuid_1>li:nth-child(4) ul li:nth-child(5){
	display: none !important;
}

/*#headercont .webmenu.menuid_1{
	display: grid !important;
    width: 100%;
    grid-template-columns: auto auto auto;
}*/
#headercont .logged ul li a span:hover{
	text-decoration: underline;
}
#headercont .webmenu.menuid_1 li:hover ul{
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);
}

.GDPR-DET{
	float: unset;
}

/*#customsignordercont .cnt .rowbox:nth-child(2){
	display: none;
}*/

.document .cnt table td .btn-pdf {
    background: transparent !important;
    margin: 0 5px;
}

#headercont .logged .cnt .inner .hdr .settings, 
#headercont .logged .cnt .inner .hdr .logoff {
        padding: 0;
    float: left;
    clear: left;
        border: 1px solid #fff;
}

#logincont .cnt form div.input-placeholder{
    margin: 0 0 10px 0;
}

#logincont .btn.btn-login.submit {
    background: #152564 !important;
    color: #fff;
}

.btn-remove:hover{
	color: #000;
}

.whisper {
    position: relative;
    z-index: 200;
    margin: 0;
}

.btn.btn-inv{
	background: #fafafa !important;
}

.delivmode.group.dmgid_5.ds_block .info{
	display: block !important;
	float: left;
	clear: left;
	height: 0;
}

.delivmode.group.dmgid_5.ds_block .info span{
	position: relative;
	display: block !important;
	float: left;
}

html[lang="cs"] #deliverycont .dmgid_5 input[type="radio"]:checked ~ .info:before{
	background-image: url(../img/baleni/baleni_1.jpg);
    background-position: -16px 2px;
    background-repeat: no-repeat;
    background-size: 150px;
    height: 85px;
    content: "Paletová přeprava Toptrans. Servery jsou zabalené do ochranné fólie, připevněné na plastových paletách(rozměr 60x80cm). Paleta je chráněna sedmivrstvým kartonem." !important;
    width: 54%;
    margin: 6px 10px 0 10px !important;
    padding: 10px 0 4px 150px !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    border: 0px;
    color: #333;
}

html[lang="sk"] #deliverycont .dmgid_5 input[type="radio"]:checked ~ .info:before{
	background-image: url(../img/baleni/baleni_1.jpg);
    background-position: -16px 2px;
    background-repeat: no-repeat;
    background-size: 150px;
    height: 85px;
    content: "Preprava paliet Toptrans. Servery sú zabalené v ochrannej fólii a namontované na plastových paletách (rozmer 60x80 cm). Paleta je chránená sedemvrstvovou lepenkou." !important;
    width: 54%;
    margin: 6px 10px 0 10px !important;
    padding: 10px 0 4px 150px !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    border: 0px;
    color: #333;
}


#deliverycont .dmgid_5 input[type="radio"]:checked ~ .info:after{
content: "";
}
#deliverycont .dmgid_5 input[type="radio"]:checked ~ .info{
	height: unset;
}
.delivmode.group.dmgid_5.ds_block .info span{
	display: none !important;
}

#deliverycont .dmgid_5 .info:before{
	content: "";
}

.step_4 #contactdatacont_4_log .input-placeholder.active input, .step_3 #contactdatacont_4_log .input-placeholder input{
	padding: 0 !important;
}

#articleContent [type="checkbox"]:checked + label:after {
top: -2px !important;
}

.homepage .banner_btn:hover{
/*	box-shadow: 0 9px 10px 0 silver;*/
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

#filterstatuscont, #filterstorecont{
	display: none !important;
}




#footercont .footerinfo .cnt .copyright a {
	color: #b1b1b1;
    float: unset;
}

.status .sts p, .case .sts p, .status .bundle p, .case .bundle p, .status .hook p, .case .hook p, .status .discount p, .case .discount p, .status .action p, .case .action p {
    padding: 2px 10px;
    color: #152654;
    font-size: 0.75rem !important;
}

.boxcont .note .bonus{
	color: #fa4047;
	font-weight: 600;
}

.boxcont .note {
	color: #4D4D4D;
	margin: 0;
}

.owl-prev:before {
    content: "<";
    font-size: 15px;
    font-family: auto;
    padding: 2px 0 0 5px;
    transform: scale(2.3,4.7);
    width: inherit;
    color: #f2f2f2;
    display: block;
    float: left;
    margin: 0px 0 0 0;
}

.owl-next:before {
	content: ">";
    font-size: 15px;
    font-family: auto;
    padding: 2px 0 0 0px;
    transform: scale(2.3,4.7);
    width: inherit;
    color: #f2f2f2;
    display: block;
    float: right;
    margin: 0px 14px 0 0;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-nav{
	display: block !important;
	position: absolute;
	top: 0;
	height: 0;
	width: 100%;
}
.owl-nav button.owl-prev, .stoitem .stiimg .owl-prev{
	border-left: 0px solid #f2f2f2 !important;
    border-radius: 0 !important;
    float: left;
    width: 8%;
    height: 88px;
    margin: 0px 0 0 1px !important;
    background: linear-gradient(90deg, #fff , transparent 120%) !important;
}


.owl-nav button.owl-next, .stoitem .stiimg .owl-next{
	float: right;
    width: 8%;
    height: 88px;
    margin: 0 0 0 0 !important;
    background: linear-gradient(90deg, transparent , #fff 80%) !important;
}
.stoitem .stiimg .owl-next{
	height: 138px;
}
.stoitem .stiimg .owl-prev{
	height: 138px;
}
.owl-nav .owl-next span, .owl-nav .owl-prev span{
	color: transparent;
}

.homepage .owl-nav{
	display: none !important;
}

.owl-theme .owl-dots .owl-dot {
height: 15px;
display: -webkit-inline-flex;
}

/*.wm.sptnavigator, .wm.sptnavigator #centercont{
	background: #fff !important;
}
*/
/*User_css*/
.status .sts {
        border-radius: 0px !important;
        float: left;
        margin-right: 5px !important;

}


/*.sts.sts_new.sts1657{
	display: none !important;
}
.sts.sts3 {
    display: none !important;
}   
.sts1827 p span:nth-child(2){
	display: none;
}

.sts.sts_new p span:nth-child(2){
	display: none;
}
.status .sts.sts_new.sts1633, .case .sts.sts_new.sts1633{
	display: none !important;
}	
*/
.banner_clanek{
	background: #fff;
/*  background: radial-gradient(ellipse at center, #f2f2f2 0%,#ffffff 0%,#ffffff 33%,#f2f2f2 100%);*/
    padding: 40px;
    display: inline-block;
    box-shadow: 0px 3px 0px 0px rgb(221 221 221);
    width: 100%;
}
.banner_clanek_text{
	float: left;
}

.banner_clanek_text p{
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	width: 100%;
}

.banner_clanek_obrazek{
    float: right;
}
/*html[lang="cs"] .btn-import:after{
	    content: "(pouze pro ČR)";
    display: block;
  font-size: 0.875rem;
} */ 
html[lang="cs"] .boxcont.config-img.half>a:after{
	    content: "Fotografie serveru je ilustrační";
    color: #b0b0b0;
    font-size: 0.875rem;
    display: block;
    align-self: flex-end;
    width: 100%;
}
html[lang="cs"] .boxcont.half.stiimg .img a:after{
	    content: "Fotografie je ilustrační";
    color: #b0b0b0;
    font-size: 0.875rem;
    display: block;
    z-index: 100;
    position: relative;
    align-self: flex-end;
    width: 100%;
}

html[lang="sk"] .btn-import:after{
	    content: "(len pro ČR)";
    display: block;
    font-size: 0.875rem;
}
html[lang="sk"] .boxcont.config-img.half>a:after{
	    content: "Fotografia servera je ilustračná";
    color: #b0b0b0;
    font-size: 0.875rem;
    display: block;
	align-self: flex-end;
    width: 100%;
}
html[lang="sk"] .boxcont.half.stiimg .img a:after{
	    content: "Fotografia je ilustračná";
    color: #b0b0b0;
    font-size: 0.875rem;
    display: block;
    align-self: flex-end;
    width: 100%;
    z-index: 100;
    position: relative;
}

.banner_clanek_obrazek div{
    float: left;
    margin: 0 auto;
    display: inline-block;
    height: 100px;
    background-position: 50% !important;
    text-align: center;
}

.banner_clanek_obrazek div span{
	margin-top: 90px;
    display: block;
}

.banner_clanek h1{
	font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
	text-transform: uppercase;
	    color: #152654;
}
.infograf_fin h1{
	font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
	text-transform: uppercase;
	font-size: 1.7rem !important;
    color: #fff;
    padding-bottom: 20px
}

/*.boxcont.article .hdr>h1{
	display: none;
}*/

/*.boxcont.article .content>div{
	padding: 30px 0 0 0;
}*/

.article .content ul li{
	font-size: 1rem !important;
/*	    border-left: 2px solid transparent;*/
/*	display: inline-flex;*/
line-height: 1.5rem !important;
}

.navbar span{
	font-size: 1rem !important;
	line-height: 1.5rem;
}

.skryt_podrobnosti{
	background: #fff;
    border: none;
    padding: 0 10px;
    margin: 10px 0 0 0px;

}
.skryt_podrobnosti h3{
	float: left;
	font-weight: 400;
	    font-size: 0.875rem !important;
}
.skryt_podrobnosti:after{
content: ">";
float: right;
padding: 10px 10px 0 10px;}
.skryt_podrobnosti.act:after{
	content: ">";
    float: right;
    transform: rotate(90deg);padding: 10px 7px 10px 10px;
}
.podrobnosti_tlacitko.act{
	    background: #f2f2f2;
}
.podrobnosti_tlacitko:hover, .podrobnosti_tlacitko h3:hover{
	color: #21378a !important;
	background: #f2f2f2 !important;
}
#podrobnosti1 p,
#podrobnosti2 p,
#podrobnosti3 p{
	font-size: 0.875rem !important;
	line-height: 1.3125rem !important;
}
/*.config_par .param:nth-child(1) span:nth-child(1){
	display: none;
}*/
.config .serverove_cpu .config_par .param:nth-child(1){
    /*grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    border-bottom: 1px solid #f2f2f2;*/
}
.config .config_par .param:nth-child(2){
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
}
.config .config_par .param:nth-child(3){
/*    grid-template-columns: 100%;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 2;
    grid-column-end: 2;
        border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;*/
}
.config .config_par .param:nth-child(4){
grid-template-columns: 100%;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 2;
}

.config .config_par .param:nth-child(3) span:nth-child(1){
	    display: block;
    font-weight: bold;
    text-align: left;
    min-width: 160px;
        border-top: 1px solid #f2f2f2;
}
.config .config_par .param:nth-child(3) span:nth-child(2){

        border-top: 1px solid #f2f2f2;
}
/*.config_par .param:nth-child(3) span:nth-child(2),
.config_par .param:nth-child(2) span:nth-child(2){
	border-bottom: 1px solid #f2f2f2;
}*/
.config .config_par .param:nth-child(4) span:nth-child(2),
.config .config_par .param:nth-child(1) span:nth-child(2),
.config .config_par .param:nth-child(2) span:nth-child(2){
/*	border-left: 1px solid #f2f2f2;*/
}
.config .config_par .param:nth-child(4) span:nth-child(1){
	    display: block;
    font-weight: bold;
    text-align: left;
    min-width: 160px;
    border: none !important;
}
.config .config_par .param:nth-child(4) span:nth-child(2){

    border: none !important;
}
.config .config_par .param:nth-child(2) span:nth-child(1){
    display: block;
    font-weight: bold;
    text-align: left;
    min-width: 160px;   
    border: none !important;
}
.config .config_par .param:nth-child(2) span:nth-child(2){
    border: none !important;
}
.config .serverove_cpu .config_par .param:nth-child(1) span:nth-child(1){
    display: block;
    font-weight: bold;
    text-align: left;
    min-width: 160px;
}
.config .serverove_cpu .config_par .param:nth-child(1):before{
/*    content: "PassMark";
border-top: 1px solid #f2f2f2;
    margin-top: 22px;
    min-width: 80px;*/
}
.config .config_par .param:nth-child(2):before{
/*    content: "TDP(W)";
    padding: 1px 0 0px 1px;*/

}

/*.config .serverove_cpu .config_par .param:nth-child(1) span:nth-child(2):before{
	font-weight: 600;
	content: "Dual CPU (2x)";
	border-bottom: 1px solid #f2f2f2;
}
.config .config_par .param:nth-child(3) span:nth-child(2):before{
	content: "Single CPU (1x)";
	font-weight: 600;
	    border-bottom: 1px solid #f2f2f2;
}*/
/*.config_par .param:nth-child(1) span:nth-child(2):before{
	content: "Passmark ";
}

.config_par .param:nth-child(2) span:nth-child(2):before{
	content: "| TDP ";
}*/

/*.config_par .param:last-child span:nth-child(2):after{
	content: "W";
}*/


.config_par{

display: block;
margin: 0px auto 0 auto;
float: left;
clear: unset;
position: relative;
z-index: 80;
width: 245px;
}

.config_par div, .config_par:before{
	font-weight: bold;
	font-size: 0.8rem;
}

.homepage .config_par {
    width: fit-content;
    margin: 0px auto 0 auto;
    float: left;
    clear: unset;
    z-index: 80;
    /* height: 2.4rem; */
    /* display: none; */
    /* position: absolute; */
    /* bottom: 5.2em; */
    /*background: #ffffffd1;*/
}

.stoitems .config_par:before,
.homepage .config_par:before,
.spresenttrees .config_par:before,
.wnnote .config_par:before{
	    content: "CPU";
    float: left;
    padding-right: 2px;
}
.stoitems .config_par .param:first-child span:first-child,
.homepage .config_par .param:first-child span:first-child,
.spresenttrees .config_par .param:first-child span:first-child,
.wnnote .config_par .param:first-child span:first-child{
	    display: none;
}
.stoitems .config_par .param:first-child:before,
.homepage .config_par .param:first-child:before,
.spresenttrees .config_par .param:first-child:before,
.wnnote .config_par .param:first-child:before{
	    content: "PassMark: ";
}
.stoitems .config_par .param:nth-child(2) span:first-child,
.homepage .config_par .param:nth-child(2) span:first-child,
.spresenttrees .config_par .param:nth-child(2) span:first-child,
.wnnote .config_par .param:nth-child(2) span:first-child{
	    display: none;
}
.stoitems .config_par .param:nth-child(2):before,
.homepage .config_par .param:nth-child(2):before,
.spresenttrees .config_par .param:nth-child(2):before,
.wnnote .config_par .param:nth-child(2):before{
	    content: "| TDP: ";
	    padding-left: 3px;
}
.stoitems .config_par .param:last-child span:first-child,
.homepage .config_par .param:last-child span:first-child,
.spresenttrees .config_par .param:last-child span:first-child,
.wnnote .config_par .param:last-child span:first-child{
	    display: none;
}
.stoitems .param,
.homepage .param,
.spresenttrees .param,
.wnnote .param{
	float: left;
}
.config .config_par .param{
/*	     width: auto;
    display: grid;
    grid-template-columns: 42% 58%;*/
}

@media screen and (max-width: 1199px){

#contentcont .boxcont.news {
        width: calc(100% - 30px) !important;
        margin: 0 0 0 20px;
    }
 .googlehvezdyuvodka{
    margin: 90px 0 60px 60px;
    background: #fff;
    padding: 20px;
    float: left;
    max-width: 400px;
    border-bottom: 2px solid #E6E6E6;
}

	#footercont .companycontact{
	grid-column: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi .cnt nav{
       grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}

    #googlehvezdy {
    float: left;
        clear: left;
        grid-column: 1;
        grid-row: 3;
        margin-right: 25px;
        max-width: 230px !important;
        min-width: 200px;
}

	footer .boxcont.navi>.cnt {
    display: grid;
        grid-template-columns: 20% 20% 20% 20% 20%;
        grid-template-rows: 25% 13% 14%;
}
	    #footercont .navi .companycontact, #footercont .navi .companyinfo {

        min-width: unset !important;

    }
	.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4 {
    width: 200px;
}


	.faq-sidebar_kontakty.cenik {
	 background: url(../img/kontakt_gallery/kontakt_3.jpg) no-repeat center !important;
    background-position: -290px -50px !important;
    background-size: 813px !important;
}


	.mobileColumnGroup{
	display: none;
}

	.boxcont.basketadd .stiplname{
	width: 70% !important;
	    padding: 0 !important;
    height: 70px;
}
.popupcont.basketadd{
	top: 96px !important;
    z-index: 1000;
    right: 20px;
    left: unset !important;
    width: 390px;
    position: fixed !important;
    border-radius: 0px;
}

	.orders #contentcont .document.moredetails, 
	.orders #contentcont .document.half, 
	.orders #contentcont .document.float-half, 
	.iisutil #contentcont .document.moredetails, 
	.iisutil #contentcont .document.half, 
	.iisutil #contentcont .document.float-half{
		    width: calc(100%/3) !important;
		    order: 3;
 
	}
#headercont .basket, .boxcont.compare.prodlist {
    margin: 15px 10px 0 0;
    padding: 5px !important;
}
.popupcont.basketadd{
	right: 10px !important;
}

	.wm.sptnavigator .contentcont.wm{
		padding: 0 15px !important;
}
	#sptnav .sptnavsub .level6>li>.categories>a{
		padding: 15px 0px 5px 15px !important;
	}
.step_3 #contactdatacont_1, .step_3 #contactdatacont_2, .step_3 #contactdatacont_3, .step_3 #contactdatacont_4, .step_3 #contactdatacont_5, .step_3 #contactdatacont_6, .step_3 #contactdatacont_1_log, .step_3 #contactdatacont_2_log, .step_3 #contactdatacont_4_log {
    background: #ffffff !important;
    margin: 0 10px 0 0;
    width: calc(66% / 3 - 30px);
    clear: none;
}
	#trippleswitchcont {
    /*padding-top: 55px;*/
    margin: 25px auto 25px auto;
}

	.boxcont.config-detail{
	display: grid;
    grid-template-rows: auto auto;
    width: 100%;
}
	.boxcont.config-detail>.cnt {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-rows: auto auto;
}
	.boxcont.config-detail .cnt form {
    display: grid;
        order: 2;
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 4;
        grid-template-rows: 47px 362px auto auto 30px;
}
	.boxcont.config-detail, .boxcont.config-detail .cnt form, .boxcont.config-detail>.cnt {
    grid-template-columns: 37% 34% 3% 26%;

}
/*	#filterstiparinfcont .cnt form div[data-cpaid="1633"] .hdr p {
    color: #051647 !important;
    border-bottom: 2px solid #fa4047 !important;
padding: 0px 0px 0 0 !important;
margin: 0px -15px 10px 0 !important;
width: 100%;
}*/
/*	.boxcont.compare.prodlist {
    margin: 25px 10px 0 0;
}*/
	.prodbox {
    width: calc(100% / 3) !important;
    height: unset !important;
}
		.subcats ul li {
    width: calc(25% - 5px);
}
.subcats ul li:nth-child(4n) {
    margin-right: 0;
    margin-left: 5px;
    clear: initial;
}
		.news li .img {
    width: auto !important;
    height: 100px !important;
    overflow: hidden;

}
	.boxcont.product.carousel .tools .btn span{
		display: none;
	}
	.boxcont.product.carousel .tools .btn:before{
		content: "Detail >";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;

	}
	.carousel .owl-item{
	    width: 32% !important;
    margin: 0 1.3% 0px 0;
    display: none;
}



	#headercont .top {
    margin: 0 30px 0 0px;

}


	.search {
    transform: translateY(40px);
}

	#headercont .logo{
		width: 20% !important;
	}
#headercont .logo:after{
	content: "" !important;
}

#footercont .webmenu.menuid_2>li>a {
       margin: 0;
    max-width: 220px;
    float: unset;
    clear: none;
    display: block;
}


	#footercont .webmenu li ul li {
    padding:5px 0 0 0 ;
}
	#footercont .webmenu li ul {
width: 100%;
margin: 0 ;
    max-width: 220px;
    float: unset;
    clear: none;
    display: block;
}
	#footercont .navi .webmenu>li{
   border: none;
        width: calc(100% / 3) !important;
        float: left;
}



/*.boxcont.navi .cnt nav .webmenu.menuid_2>li:nth-child(3){
	padding-top: 30px !important;
}*/
/*#footercont .navi .companycontact>div{
    margin: 0 auto;
    float: unset;
    clear: none;
    width: fit-content;
    min-width: 230px;
}*/
/*#footercont .navi .companyinfo>div{
	margin: 0 auto;
    float: unset;
    clear: none;
    width: 220px;
    display: table;
}
#footercont .webmenu li ul li {
	width: 220px !important;
    float: left;
    clear: left;
}*/
	.boxcont.webnews .prodbox h2 {
    width: 100%;
    height: 3rem;
}
	.homepage .news li:nth-child(2n+2) {
    padding-right: 0px;
    padding-left: 0px;
}
/*		#centercont {
    padding: 112px 0 0 0 !important;
}*/
		.ordbaskets .contentcont .boxcont .hdr p{
		padding: 10px 0 5px 0px !important;
	}

			#basketsumtab tr:last-child th {
    font-size: 1.8rem;
}
	#gdprcont {
        /*width: 30%;*/
}
	#customsignordercont{
/*width: 30%;*/
}

	#deliverycont, #paywaycont{
	/*width: 30%;*/
}
	#contactdatacont_4_log ~ .boxcont.products.noedit{
    width: 39%;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 69%;

}
.cont.contentcont.ordbaskets.step_2 .boxcont.products.noedit{
	width: 100% !important;
}

	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1){
    padding-bottom: 50px;
}
	.cont.contentcont.ordbaskets #logincontactcont{
    width: 30%;
}

	.boxcont.logincontact.ds_none + form .boxcont.products.noedit{

    width: 39%;


}
	#contactdatacont_1, 
	#contactdatacont_2, 
	#contactdatacont_3, 
	#contactdatacont_4,
	#contactdatacont_1_log, 
	#contactdatacont_2_log, 
	#contactdatacont_4_log{
		width: 60%;
	    float: left !important;
/*	    background: #fff;*/
	        padding: 0 1% 1% 1%;
	}
	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	padding-top: 106px !important;
	}		
	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	padding: 100px 10px 50px 10px !important;
	}
		.modal-popup.modal-pf2020 .pf2020 .btn.btn-close{
	margin: -20px 0px;
	}
	.modal-popup.modal-pf2020 .pf2020 p {
	    font-size: 5rem;
	}	
	.modal-popup{
		/*width: 60%;*/
	}
	.serverove_operacni_systemy .configinput input[type=checkbox] + label {
	    order: 2;
	    width: 100% !important;
	    padding: 0px 0 0px 40px !important;
	    /*margin: 0 0 0 -50px;*/
	    height: fit-content;
	}
/*	.configuration .cnt .tabform .serverove_disky td>span, 
	.configuration .cnt .tabform .serverove_diskove_ramecky td>span,
	.configuration .cnt .tabform .lan_adaptery_ethernet td>span,
	.configuration .cnt .tabform .serverove_operacni_systemy td>span,
	.configuration .cnt .tabform .adaptery_fibre_channel td>span,
	.configuration .cnt .tabform .sekundarni_lan_adaptery_ethernet_do_pcie_slotu td>span,
	.configuration .cnt .tabform .primarni_lan_adapter_na_zakladni_desce td>span,
	.configuration .cnt .tabform .sekundarni_lan_adaptery td>span,
	.configuration .cnt .tabform .lan_adaptery td>span{
	    width: 100% !important;
	    color: #000000;
	    background: rgb(255 255 255 / 100%) !important;
	    font-style: normal !important;
	    text-align: left;
	    font-weight: 600 !important;
	    padding: 5px 0 5px 0px !important;
	    font-size: 1.3rem;
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
	}*/
	/*.config-info .tabform .leasingrowfl {
	    order: 5;
	    height: 1px;
	    display: flex !important;
	    width: 40%;
	    margin: 0px -42%;
	    place-items: flex-end;
	    place-self: flex-end;
	    justify-content: center;
	    color: white;
	    background: #fa4047;
	    font-weight: 600;
	    padding: 16px 0 2px 0;
	}*/
            /*.boxcont.webnews h2,.boxcont.news li h2 a {
        font-size: 1.8rem;
    color: #204471;
    height: auto;
    width: calc(100% - 90px);
    float: left;
	}*/

	.boxcont.news li h2 a {
    width: 100%;
	}
    #headercont .basket .price {
    margin: 0px;
	}    
	/*#headercont .logo a {
    margin: 3% 0 0 12%;
	}*/

   /* .homepage .boxcont.webnews .boxcont.news ul li {
           width: 50%;
    display: block;
    height: initial;
    float: left;
    clear: initial;
    overflow: hidden;
    height: 230px;
        padding: 10px 0px 0px 10px;
        }
*/
	    #stepscont {
	    position: fixed;
    z-index: 200;
    transform: translateY(-95px);
    max-width: 100px;
    left: 50%;
	}
	    .ordersteps table .step .num:before{
	    font-size: 2.5rem;
	}
	.ordersteps table .step {
    padding: 18px 0;
}
	    /*.level6 li .categories {
	     height: 1px; 
	    background: #bccada;
	}*/
	    .config-info .order{
	           z-index: 99;
	    order: 3;
	    width: 100%;
	    padding: 0 20px 0 20px;
	        }
	    .boxcont .hdr > h1 {
	    font-size: 2rem !important;
	    text-align: left;
	    }
	        .stoitem .boxcont.half.stiimg{
	            /*width: 47%;*/
	        }

	        .boxcont.half.float-right.stiinfo {
	           /* width: 45%;
	            border-top: 20px solid #f9f9f9;
	            border-radius: unset;*/
	        }
	            /*.config-info .tabform .wvat, .rowbox.wvat {
	            order: 2;
	            width: 100%;
	            padding: 10px 0 10px 0;
	        }*/
	            .config-info .tabform .wovat  {
	                padding: 0 25px !important;
	        }
	        /*    .config-info .tabform .availability{
	                order: 6;
	    width: 46%;
	    display: inline-block;
	    margin: 15px 0 0 0;
	}*/
	        
	         	#config_selected{
	         		z-index: 99;
	    background-color: white;
/*	    border: 10px solid #f9f9f9;*/
    display: block;
    width: 100%;
    height: auto;
   /*  overflow-y: scroll;
   max-height: 200px;*/
	   }


#config_selected::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

#config_selected::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
}
#config_selected::-webkit-scrollbar-button:vertical:start:decrement {
	display: block;
    background:
        linear-gradient(120deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(240deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(0deg, #ffffff 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #7f7f7f;
}

#config_selected::-webkit-scrollbar-button:vertical:end:increment {
	display: block;
    background:
        linear-gradient(300deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(60deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(180deg, #ffffff 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #7f7f7f;
}
	            .config-info .tabform tbody {
	            display: flex;
	            flex-flow: row wrap;
	        }
	            .config-info .tabform .availability.inet {
	            width: fit-content; 
	            margin: 0;
	        }
	            .config-info .tabform .wovat{
	            order: 1;
	            width: 100%;
	            padding: 0;
	        }

	       /* .config-info .tabform .wvat{
	            order: 2;
	            width: 100%;
	            padding: 0px 0 5px 0;
	        }*/
	        html[lang="cs"] #config_selected:before{
	                content: "Upravená konfigurace";
	                width: 100%;
	                display: block;
	                font-size: 1.2em;
	                font-weight: 600;
	                color: #3b608a;
	                padding: 15px 0px 0px 0px;
	                text-align: center;
	        }
	       	html[lang="sk"] #config_selected:before{
	                content: "Upravená konfigurácia";
	                width: 100%;
	                display: block;
	                font-size: 1.2em;
	                font-weight: 600;
	                color: #3b608a;
	                padding: 15px 0px 0px 0px;
	                text-align: center;
	        }
	            .boxcont .note .cnt .note p:nth-child(2){
	            /*background-color: rgba(240, 240, 240, 0.33);*/
	            padding: 10px 0 0 0;
	                }
	                /*.config-detail .cnt form .note .hdr-note h2{
	                        padding: 0 20px;
	                }*/
	                .config .configinput label {
	                    /*order: 2;
	                    width: 100% !important;
	                    padding: 0px 0 0 7.5% !important;
	                    margin: 0px 0 0 -50px;
	                    height: fit-content;*/
	                }
	                
	                .config .configinput {
	                    
					display: flex;
					                    
					float: right !important;
					                    
					clear: right !important;
					                    
					width: 100% !important;
					                    
					margin: 0px !important;
					                    
					padding: 0px;
					                    
					font-weight: 400;
					                    
					background: #ffffff;
                }
                
                .configuration {
                /*width: 82% !important;*/
                }
                .config .title span{
                font-size: 1.4rem !important;
                position: relative;
                color: #3c608a;
                font-weight: 400;
                text-align: left;
                padding: 5px 0;
                display: block;
                /* margin: 10px 0 0 0; */
                border-bottom: 0px solid #1d5fab;
                width: 99%;
                }

                .config .config-detail .config-info.half.float-right {
                /*transform: translateX(100%);
                position: fixed;
                width: 25%;
                top: 142px;
                z-index: 8;
                min-width: 305px;
                right: 310px;*/
                }
                /*.config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note {
                    width: 40%;
                        padding: 0 20px;
                            height: 390px;
                }*/

                /*.config-detail .boxcont.note{
                        max-width: 31%;
                        height: 330px;
                }*/
                .config-detail .boxcont.tools {
                        width: 30%;
                        grid-column-start: 1 !important;
                }
                .configuration {

	/*width: 70% !important;*/

	background: #f9f9f9;

	}
	                /*.config .config-detail .configuration .hdr:before {
	                content: "Upravit konfiguraci podle potřeb";
	                display: block;
	                color: #3b608a;
	                width: 100%;
	                font-weight: 600;
	                padding: 10px 0px 10px 0px;
	                margin: 0px 0 0px 0px;
	                font-size: 1.4em;
	                border-bottom: 1px solid #d3dfea;
	                text-align: center;
	                }*/
	                html[lang="cs"] .config-detail .cnt form .note .hdr-note h2:before{
	                content: "Možnosti konfigurace:";
	                width: 100%;
	                display: block;
	                font-size: 1.2em;
	                font-weight: 600;
	                color: #3b608a;
	                padding: 0 0 5px 0;
	                text-align: left;
	                }
	               	html[lang="sk"] .config-detail .cnt form .note .hdr-note h2:before{
	                content: "Možnosti konfigurácie:";
	                width: 100%;
	                display: block;
	                font-size: 1.2em;
	                font-weight: 600;
	                color: #3b608a;
	                padding: 0 0 5px 0;
	                text-align: left;
	                }
	                #stinotecmtblock_info .text_pic{
	                	display: none;
	                }
	}

@media screen and (max-width: 1024px) {
	#footercont .companycontact{
	grid-column: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi .cnt nav{
       grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi>.cnt {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 33% 13% 5%;
}
.config .boxcont.legend{
	display: none !important;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    min-width: 145px;
}

	.kariera .faq-answer div:nth-child(1){
	padding-bottom: 20px !important;
}

.tableBodyRow .rowHeader{
	display: none;
}
.mobileColumnGroup{
	    display: table-row;
    width: 100%;
}
	.modal-content.contentcont {
    width: auto !important;
}

/*.stitable .name {
    width: 40% !important;
}
*/
	#stinotecmtblock_info .text_pic{
	                	display: block !important;
    width: 100%;	
    padding: 10px 0;

	                }
#stinotecmtblock_info .right,
#stinotecmtblock_info .left .img_left
{
	display: none;
}
#stinotecmtblock_info .left{
	width: 100% !important;
}
	.orders .contentcont.orders{
	display: flex;
	flex-direction: column;
}
		.orders #contentcont .document.moredetails, 
	.orders #contentcont .document.half, 
	.orders #contentcont .document.float-half, 
	.iisutil #contentcont .document.moredetails, 
	.iisutil #contentcont .document.half, 
	.iisutil #contentcont .document.float-half{
		    width: calc(100%/1) !important;
		    height: initial;

	}
/*	.sptnavigator .kontakt {

  padding: 0 15px


}*/
	.financovani_text{
		padding-right: 20px;
	}
	
	#sptnav .sptnavsub .level6>li>.categories>a{
		padding: 15px 0px 5px 15px !important;
		width: 100% !important;
	}
	.boxcont.stoitem {
    display: grid;
    grid-template-columns: 64% 36%;
}
.boxcont.stoitem>.cnt {
    display: grid;
    grid-template-columns: 64% 36%;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-template-rows: auto auto;
}
.stoitem .boxcont.half.stiimg {
    width: 100%;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 1;
    background: #fff;
    grid-template-columns: 100%;
    grid-row-start: 1;
    grid-row-end: 3;
}
.boxcont.half.float-right.stiinfo {
    width: 100%;
    border-radius: unset;
    background: #fff;
    grid-column-start: 2;
    grid-column-end: 2;
    height: fit-content;
    grid-row-start: 1;
    grid-row-end: 3;
    padding: 20px 0 0 0;
}
.stoitem .tools {
    display: none;
}
.boxcont.stoitem .hdr {
        grid-column-end: 3;
}
.boxcont.half.float-right.stiinfo>.cnt {
width: 100%;
    position: relative;
    top: unset;
 
}
	.boxcont.navbar {
    margin: 10px 0 10px 10px !important;

}
		.contentcont .boxcont.configuration .hdr:before {
    width: calc(100% - 40px);
}
	#wnCarousel14 .hdr .seemore {
    margin: 20px 30px 20px 0;
    float: right;
    text-transform: lowercase;
    color: #4d4d4d;
    font-size: 1rem;
}
	#wnCarousel14 .owl-stage-outer {
    padding: 0 15px 15px 15px;
    background: #fff;
}
	.step_3 #contactdatacont_1, .step_3 #contactdatacont_2, .step_3 #contactdatacont_3, .step_3 #contactdatacont_4, .step_3 #contactdatacont_5, .step_3 #contactdatacont_6, .step_3 #contactdatacont_1_log, .step_3 #contactdatacont_2_log, .step_3 #contactdatacont_4_log {
    background: #ffffff !important;
    background: #ffffff !important;
       margin: 0px 0 0 10px;
    width: calc(100% / 3 - 10px);
    clear: none;
}

.ingograf_div{
	width: 100%;
	float: unset;
}



	#config_selected {
    /*top: 902px;*/
}
	.config-info .tabform .wovat{
    padding: 25px 25px 0 25px !important;
}
	/*.leasingrowfl, .greenloancalc{
		display: none !important;
	}*/
	.config-detail .status {
    grid-column-end: 2 !important;
}
		.boxcont.config-detail{
	    display: grid;
    grid-template-columns: 64% 3% 33%;
}
	.boxcont.config-detail>.cnt {
       display: grid;
    grid-template-columns: 64% 3% 33%;
    grid-column-start: 1;
    grid-column-end: 4;
}
	.boxcont.config-detail .cnt form {
        display: grid;
    order: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
    grid-template-columns: 64% 3% 33%;
    grid-template-rows: 438px auto;
}
	#filterstiparinfcont{
    display: block;
    padding: 10px 10px 0 10px !important;
}
.responsefilters {
    padding: 0 !important;
    background: #FFF;
}
#filterstiparinfcont .cnt form div[data-cpaid="1633"] .hdr p {
        color: #051647 !important;
    border-bottom: 0px solid #fa4047 !important;
    padding: 5px 0 !important;
    margin: 0px 0px 0px 0px !important;
    width: 100%;
}
/*	#contentcont .filter {
    display: none;
}*/
	#contentcont.wleft {
    width: 100% !important;
}
	.homepage .boxcont.newsletter, .homepage .cont_newsletter{
    width: 100% !important;
}
	.boxcont.v-carousel{
		display: none;
	}
	#contentcont .boxcont.news {
    width: calc(100% - 30px) !important;
    margin: 0 15px;

}
	.boxcont.reference h3 {
  text-align: center;
        margin: 0 !important;
    padding: 30px 15px !important;
}
	.boxcont.proc h2 {
    text-align: center;
    width: 100% !important;
    margin: 0 auto 30px auto !important;
}
	.boxcont.proc{
		width: 100% !important;
		float: left !important;
		margin-bottom: 30px !important;
		margin-top: 30px !important;	
	}

	.boxcont.reference{
	width: 75% !important;
    float: unset !important;
    clear: both;
    margin: 0 auto 30px auto !important;
    display: block;
	}

	.boxcont.proc .cont_proc{
		margin: 0 auto;
    	float: unset;
    	display: table !important;
    	width: 75%;
	}
	.boxcont.product.carousel .tools .btn span{
		display: inline-block;
	}
	.boxcont.product.carousel .tools .btn:before{
		display: none;
	}
	.h-carousel_controls, .wn14right{
		display: none !important;
	}
.homepage .h-carousel, #wnCarousel14 {
    width: 100% !important;
}

	#ordproductscont:before {
    font-size: 1.5rem !important;
    padding: 10px 0 10px 0px;

}
			#basketsumtab tr:last-child th {
    font-size: 1.8rem;
}
	#gdprcont {
        width: 100%;
}
	#customsignordercont{
width: 100%;
}
	/*#deliverycont, #paywaycont{
	width: 100%;
}*/
	#contactdatacont_4_log ~ .boxcont.products.noedit{
    width: 39%;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 69%;

}
	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1){
    padding-bottom: 50px;
}
	.cont.contentcont.ordbaskets #logincontactcont{
    width: 30%;
}

	.boxcont.logincontact.ds_none + form .boxcont.products.noedit{

    width: 100%;


}
		.cont.contentcont.ordbaskets form
	#contactdatacont_1, 
	#contactdatacont_2, 
	#contactdatacont_3, 
	#contactdatacont_4,
	#contactdatacont_1_log, 
	#contactdatacont_2_log, 
	#contactdatacont_4_log{
/*		width: 30%;*/
	    float: left !important;
	    padding: 0 1% 1% 1%;

	}

#contactdatacont_1, 
#contactdatacont_2, 
#contactdatacont_3, 
#contactdatacont_4{
	width: 100%;
}


  /*  .boxcont.webnews h2 {
    font-size: 1.4rem;
    color: #204471;
    height: 2.7em !important;
	}*/
  
	/*.ordersteps table .step .num:before{
	
	    font-size: 1.5rem;
	}*/

	    
	    .level6 li .categories {
	    height: auto;
	    background: #ffffff;
	}
	    .config-info .order{
	       
	            /*z-index: 199;*/
	            order: 3;
	    width: 100%;
	        }
	    html[lang="cs"] .config-detail .cnt form .note .hdr-note h2:before{
	    content: "Možnosti konfigurace:";
	    width: 100%;
	    display: block;
	    font-size: 1.2em;
	    font-weight: 600;
	    color: #3b608a;
	    padding: 0 0 5px 0;
	    text-align: left;
	    }
	   	html[lang="sk"] .config-detail .cnt form .note .hdr-note h2:before{
	    content: "Možnosti konfigurácie:";
	    width: 100%;
	    display: block;
	    font-size: 1.2em;
	    font-weight: 600;
	    color: #3b608a;
	    padding: 0 0 5px 0;
	    text-align: left;
	    }
	    #config_selected:before{
	        
	        text-align: center;
	    }
	    .config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note {
	    width: 40%;
	    padding: 0;
	    }

	    /*.config .config-detail .configuration .hdr:before {
	    content: "Upravit konfiguraci podle potřeb";
	    display: block;
	    color: #3b608a;
	    width: 100%;
	    font-weight: 600;
	    padding: 0px 0px 5px 0px;
	    margin: 0px 0 0px 0px;
	    font-size: 1.4em;
	    border-bottom: 1px solid #d3dfea;
	    text-align: center;

	    }*/
	    

	        .hdr.hdr-config-info{
	            display: none;
	        }       

	        .config .configinput label .configname{
	            width: auto !important;
    max-width: unset;
	        }	        .config #tabs {
	            width: 100%;
	        }

	        .owl-controls{
	            display: none !important;
	        }
	        .config .gallery .owl-item{
	            width: auto !important;
	        }
	        .configuration {
	            transform: translateX(0%);
	            width: 100% !important;
	            margin: 1% 0!important;
	            grid-row-start: 5 !important;
			    grid-row-end: 5 !important;
			    grid-column-end: 4 !important;
	        }

	        .config-detail .boxcont.note{
	                 min-height: 140px;
    height: auto;
    margin: 0;
    width: 100%;
    max-width: initial;
    padding: 0px 5px 0px 5px;
    /* grid-template-rows: 370px 440px auto; */
    grid-row-start: 2 !important;
    grid-row-end: 5 !important;
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    padding: 80px 25px 0 25px !important;
	        }
	        .config-detail .boxcont.tools{
	            width: 59%;
        grid-column-start: 1 !important;
        grid-column-end: 4 !important;
        grid-row-start: 4 !important;
        grid-row-end: 4 !important;
        padding: 0 20px !important;
        margin: 0 !important;
        z-index: 100;
        border: none !important;
	        }
	        .config .config-img a img {
	            max-width: 295px !important;
	        }

	        .config-detail .cnt .boxcont.config-img.half{
	            border: none;
	            width: 100%;
	            padding: 0 25px;
	                 grid-row-start: 2;
    grid-row-end: 3;
	        }

	        .configuration > .cnt > .tabform {
	            padding-top: 0px;

	        }   

	        .rowbox.order>.inputs>.buybox{
	            margin: 0 0 0 0; 
	        }

	          /*  .boxcont.news li {
	            width: 100%;
	            clear: left;
	        }*/

	         #prodlistanchor>.cnt {
	            border-left: 1px solid #eeeeee;
	        }

	        #prodlistanchor>.cnt .prodbox:nth-child(3n){
	            border-right: 1px solid #eeeeee;
	        }

	        #prodlistanchor>.cnt .prodbox{
	            border-right: 1px solid #eeeeee;
	            border-top: 1px solid #eeeeee;
	            height: unset;
	        }

	        /*.buybox,.btn-config  {
	            float: none !important;
	            position: relative !important;
	            top: -22px !important;
	        }*/

	        /*.availability .stock:before {
	            top: -1px;
	            font-size: 1.5em !important;
	            position: relative;
	            margin: 0 !important;
	        }*/

	        /*.prodbox .availability {
	            margin: 0 95px 0 0px !important;
	        }*/

	        .prodbox .note{
	            line-height: 1.1em !important;
	            height: 4.5rem;
	            padding-bottom: 5px;
	            margin: 0 !important;
	            position: relative;
	            z-index: 2;
	            height: 6.9rem !important;
	        }

	        .config .configinput label.first-item {
	            left: 0px;
	        }

	        /*.config .configinput label {
	            width: calc(100% - 70px);
	            
	            left: 0px;
	        }*/

	        /*.owl-pagination {
	        top: 170px;
	        position: absolute;
	        }*/

	        /*.config .title {
	            font-size: 1.3rem !important;
	            padding: 0;
	            position: relative;
	            top: 2px;
	            left: 5px;
	            color: #3c608a;
	            line-height: 0rem;
	            font-weight: normal;
	            text-align: right;
	            text-align: left;
	            width: 100%;
	            display: block;
	        }*/

	        /*.configuration .cnt .tabform tr > td > span {
	            width: 100% !important;
	            color: #3c608a;
	            background: #e4f1ff !important;
	            font-style: normal !important;
	            border: 0px #dddddd solid !important;
	            border-radius: 3px;
	            font-weight: 400 !important;
	            margin: 25px 0px 1% 0px !important;
	            padding: 6px 0 5px 7px !important;
	            text-align: center;
	        }*/

	        /* .config-detail .legend div ul {
	        width: 36% !important;
	        float: right;
	        }*/

	        /*.config .configuration .custom-select {
	            border-color: #bdbdbd;
	            width: 100%;
	            margin: 0;
	            left: 0;
	            position: relative;
	            float: left;
	        }*/

	        /*.config .configinput {
	            float: left;
	            clear: left;
	            width: 100%;
	            margin: 10px 2px;

	           margin: 3px 0 3px 260px;
	        }*/

	        .config .config-detail .config-info.half.float-right {
	        	    grid-column-start: 2 !important;
    grid-column-end: 4 !important;
    grid-row-start: 1 !important;
    width: 100%;
    margin: 0;
    display: inline-block;
    position: relative;
    transform: none;
    right: unset;
    min-width: unset;
    z-index: unset;
    grid-row-end: 4;
	            }

	            .config .config-detail .config-img.half {
	                width: 100%;
	                position:relative !important;
	            }

	            .config .config-detail .hdr span {
	                padding-top: 0px;
	                line-height: 2.5rem;
	                font-size: 1.6rem;
	            }

	            .config-detail > .cnt {
	                position: relative;
	                /*top: 130px;*/
	            }

	            .config .config-detail .hdr {
	                width: 100% !important;
	                float: left;
	                clear: left;
	                z-index: 3;
	                margin: 0;
	                text-align: left;
	                max-width: unset;
	                grid-column-start: 1;
				    grid-column-end: 4;
				    grid-row-start: 1;
				    grid-row-end: 1;
	            }

	            /* #headercont .basket .price{
	                margin: -32px 9px 0 0;
	                    text-align: right;
	            width: 59% !important;
	            height: 32px;
	            padding: 6px 10px 10px 0px;
	            }*/

	           /* #sptnav ul li a {
	                font-size: 1.15rem;
	            }*/

	            #centercont {
	                padding: 148px 10px 0 10px !important;
	            }

	            #customsignordercont div .rowbox {
	                clear: initial;
	                float: left;
	                display: inline-grid;
	                margin: 2% 2% 0 0;
	                width: 48%;
	            }

	            .rowbox textarea {
	                width: 98%;
	                height: 30px;
	                min-width: 178px;

	                max-height: 84px;
	                min-height: 30px;
	            }

	            #customsignordercont .cnt .rowbox:nth-child(3) {
	                width: 100% !important;
	            }

	            .btn-buy:before {
	                display: none;
	            }

	            /*.prodbox .btn-config span {
	                font-size: 1.8rem;
	            }*/

	            .prodbox .price {
	                font-size: 2.0rem;
	                margin: 14% 0 0px 0;
	            }

	            /*galerie detail produktu*/

	            .config .gallery .owl-wrapper {
	                /*width: 100% !important;*/
	                display: inline-flex;
	            }

	            .config .gallery img {
	                /*width: 100%;*/
	                padding: 0% 10%;
	            }

	            /*.config .gallery .owl-item{
	                width: 2.1% !important;
	                display: inline-flex;
	            }*/

	            .config .config-img a {
	                width: 100%;
	            }

	            /*galerie detail produktu*/

	            .stitable .buyout .btn-delete {
	                padding: 5px 5px;
	            }

	            .tabinfo.hor tr:first-child th {
	                font-size: 1.5rem;
	                /*padding: 20px 0 20px 0;*/
	            }

	            nav > .boxcont > .level3 > .act:nth-child(2) > a:after,
	            nav > .boxcont > .level3 > .act:nth-child(3) > a:after,
	            nav > .boxcont > .level3 > .act:nth-child(4) > a:after,
	            nav > .boxcont > .level3 > .act:nth-child(5) > a:after {
	                content: "";

	            }

	            #wn5 > div > div {
	                width: 100% !important;
	            }

	            .noedit .qtybox input {
	                border: none;

	            }

	            .noedit .qtybox .up {
	                display: none;

	            }

	            .noedit .qtybox .down {
	                display: none;

	            }

	            .hover {
	                background-color: white;
	            }

	            #footercont .navi .webmenu {
	             /*   width: 63%;
				    text-align: center;
				    left: 10px;
				    position: relative;
				    padding: 30px 0 0 0;*/
	            }

	            .prodbox {
	                height: auto;
	                /*background-image: linear-gradient(to bottom, white 87%, rgba(7, 46, 92, 0.08) 0%);*/
	            }

	            .config .config-info .cnt .tabform {
	                position: relative;

	                margin: 0% auto;
	            }

	            .listpage .cnt .boxcont {
	                /*margin: 13px 0 0 0;*/
	            }

	            .listpage .cnt .pagetext .recordcount,
	            .listpage .cnt .pagetext .pagecount {
	                margin: 0 0 0 85%;
	            }

	            [type="checkbox"]:not(:checked) + label:before,
	            [type="checkbox"]:checked + label:before {
	               
	            }

	            /*[type="checkbox"]:not(:checked) + label,
	            [type="checkbox"]:checked + label {
	    width: 100% !important;
	            }*/

	            .mobilesafari [type="radio"]:not(:checked) + label:after,
	            .mobilesafari [type="radio"]:checked + label:after {
	            	top: 3px;
	                left: 0px;
	                font-size: 33px;
	            }

	            /*.mobilesafari [type="checkbox"]:not(:checked) + label:after,
	            .mobilesafari [type="checkbox"]:checked + label:after {
	                top: -3px !important;
	                left: 5px !important;
	            }*/

	            [type="checkbox"]:not(:checked) + label:after,
	            [type="checkbox"]:checked + label:after {
	                /*font-size: 1em;*/
	            }

	            .subcats ul li .name.noCount {
	                width: 100%;
	                text-align: center;
	            }

	            .filter.store .boxcont {
	                margin: 10px auto;
	                width: 10%;
	                float: initial;
	            }

	            .boxcont .hdr > p, #contactdatacont_4_log:before, #contactdatacont_4:before {
	                   /* font-size: 1.8rem !important; */
    float: initial;
    text-align: left;
    padding: 15px 0 10px 0px;
	            }

	            .orderby .cnt {
	                width: 100% !important;
	                margin: auto;
	                float: initial;
	                /*margin-top: 5%;*/
	            }

	            .stoitems .listpage .cnt .orderby,
	            .spresenttrees .listpage .cnt .orderby {
	                margin: 0 !important;
	            }

	            .stoitems .listpage .cnt .pagenav,
	            .spresenttrees .listpage .cnt .pagenav {
	                width: 100%
	            }

	            .prodbox .availability {
	                margin: -13% 0 20% 0;
	            }

	            /*.prodbox .buybox .btn {
	                float: right !important;
	                padding: 7% 15% !important;
	                margin: 0 !important;
	            }*/

	            .price .wvat {
	                margin: 0 0 0 0;
	            }

	            .prodbox .tools {
	                width: 50%;
	            }

	            /*.prodbox .btn-config {
	                float: right !important;
	                padding: 7% 15% !important;
	                margin: 5px 0 0 0 !important;
	            }*/

	           /* .prodbox .btn-config span {
	                font-size: 1.3rem;
	            }*/

	            .custom-select select,
	            .custom-multi-select select {
	                padding: 1px 25px 4px 5px;
	            }

	            /*.rowbox .inputs {
	                margin: 20px 0px 0 0px;
	                float: right;
	            }*/

	            #ordproductscont div table .wovat {

	                width: auto !important;
	                /*display: table-cell;
*/
	            }

	            #ordproductscont div table th:nth-child(12) {
	                padding: 1%;
	                width: auto !important;
	                /*display: table-cell;*/
	            }

	            #ordproductscont div table .total .wvat {
	                padding: 1%;
	                width: auto !important;
	                display: table-cell;
	            }

	            /*#ordproductscont div table th:nth-child(12){
	            display: none;
	            }
	            */

	            #ordproductscont div table .stock {
	                display: none;
	            }

	            #ordproductscont div table .total,
	            .totalprc {
	                padding: 1%;
	                width: auto !important;
	                display: table-cell !important;
	                padding: 0 !important;
	            }

	            #ordproductscont div table .store {
	                margin: 0 16%;
	            }

	            #ordproductscont div table .buyout {
	                width: 3%;
	            }     
	            .ordersteps table .step{
	padding: 18px 0;
} 
	}

@media screen and (max-width: 980px) {
    #sptnav.res-tree-open ul li .sptnavsub{
        top: 164px;
    }
    #sptnav .level3 li:nth-child(1) .sptnavsub .level6>li>.categories>a{
               border-bottom: 1px solid #C0C0C0 !important;
        border-top: none !important;
        height: 45px !important;
        display: table-cell;
        vertical-align: middle;
        padding: 0 !important;
    }
    #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5):before{
        content: "";
        display: none;
    }
        #googlehvezdy {
        grid-column: 1;
        grid-row: 2;
    }
	#footercont .companycontact{
	grid-column: 3;
    grid-row-start: 2;
    grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
	#footercont .navi .webmenu>li {
        width: 100% !important;
                margin-top: 40px;
    }

    footer .boxcont.navi .cnt nav{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
}
footer .boxcont.navi>.cnt {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 35% 25% 25% 25%;
}
	
.config .boxcont.legend{
	display: none;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    min-width: 145px;
}

	.faq-wrapper-left {
    width: 30% !important;
}

.faq-content {
    width: calc(70% - 25px) !important;
}


	.step_2 #kosik_wrapper{
		display: none;
	}

html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:after, html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) a:after{
	display: none;
}

.ordbaskets.step_2, .step_2 .boxcont.logincontact+form{
	display: block !important;
}


	.boxcont.basketadd .stiplname{
	width: 70% !important;
	    padding: 0 !important;
    height: 70px;
}
	#contactdatacont_4_log ~ .boxcont.products.noedit {
    width: 100%;
}

	.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log{
width: 100% !important;
}

/*.step_3 #contactdatacont_1_log,
.step_3 #contactdatacont_2_log{
	    width: calc(50% - 5px) !important;
}*/
.step_3 #contactdatacont_2_log {
        margin-right: 0px !important;
}
.ordersteps table .step{
	padding: 15px 10px;
}
	#headercont .basket, .boxcont.compare.prodlist {
    margin: 0px 10px 0 0 !important;
    padding: 5px !important;
}
.boxcont.logsuccess, .boxcont.docscont.logged>.hdr, .boxcont.logtools, .boxcont.logbusinfo {
    width: 100% !important;
}

.boxcont.logtools{
	margin-top: 10px !important;
}

.sptnavigator .logged > .hdr > p {
    margin-top: 10px !important;
}

	#sptnav.res-tree-open ul li .sptnavsub ul li ul {
    display: none !important;
}
	#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:after,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) a:after{
	display: none;
}
	#sptnav.res-tree-open ul li .sptnavsub ul li:last-child {
    border-bottom: 0px solid #c0c0c0;
}
	#sptnav.res-tree-open ul li.act .back:before{
		content: "<";
		opacity: 1;
	}
	#sptnav.res-tree-open ul li a:before {
    display: none !important;

}
	#sptnav .level3 li .level6>li {
/*border-bottom: 1px solid #c0c0c0;*/
}
	#sptnav.res-tree-open ul li.act a {
      background: #21378a;
}
	#sptnav.res-tree-open ul li .sptnavsub ul {
        padding: 0 !important;
    border: 0px solid !important;
    display: block !important;
}
	#sptnav .boxcont {
height: initial;
    background: #21378A;

}
	#sptnav.res-tree-open ul li .sptnavsub ul li{
		min-height: unset !important;
		width: 100% !important;
		padding: 0 !important;
	}
	#sptnav .sptnavsub .level6>li>.categories>a {
        font-weight: normal !important;
    padding: 10px 0 !important;
height: unset;
background: none !important;

color: #152654 !important;
     text-align: center !important; 
    padding: 10px 0 !important;
}
	#sptnav .level3 li:nth-child(1) .level6>li {
    min-height: unset;

}
	#sptnav .level3 li:nth-child(1) .level6>li:nth-child(3){
		padding: 0;
		border: 0px solid !important;
	
    margin: 0 !important;
}
	#sptnav .level3 li:nth-child(1) .level6>li {
    width: 100% !important;
        border: none !important;
    padding: 0 !important;
}
.boxcont.half.float-right.stiinfo>.cnt {
max-width: unset;
    /*top: 160px;*/
        width: 94%;

}
	.config .configinput label .configname {
    width: auto !important;
    max-width: unset;
}
	.boxcont.config-detail .cnt form {
    grid-template-rows: 441px !important;
}
.ordbaskets .contentcont .boxcont .hdr p {
    padding: 10px 0 5px 5px !important;
}

.contentcont.ordbaskets.step_2 .boxcont .hdr p{
	padding-left: 5px !important;
}

.boxcont.logincontact .cnt .tabform input{
		max-width: 440px;
	}
.boxcont.logincontact .btn.btn-login.submit{
	float: left;
}
#logincontactcont .cnt form .tabform tbody tr:nth-child(3){
	margin: unset;
}
	#sptnav .level3 li:nth-child(5) .level6>li{
   width: calc(100% / 2) !important;
    padding: 0 0 0 0;
    float: left;
    height: unset;
    clear: initial;
}
	#sptnav .level3 li:nth-child(5) .level6>li:nth-child(2n+1) {
    border-right: 1px solid #c0c0c0;
}
#ordproductscont {
	    width: 100%;

}

#trippleswitchcont {
    	/*padding-top: 5px;*/
	}
	.ordbaskets #headercont .logo a,
	.orders #headercont .logo a {
	        margin: 22px 0 !important;
    width: 300px;
    max-width: unset;
    height: 31px !important;
    background-size: 295px !important;
    background-position: 0 -77px !important;
}
	.ordbaskets header #tree-icon {
    display: none;
}
	.banner_clanek_text, .banner_clanek_obrazek{
		width: 100% !important;
	}
	.banner_clanek{
		padding-bottom: 5% !important;
	}
	.banner_clanek_obrazek{
		padding: 30px 0 20px 0 !important;
		margin-top: 0px !important;
	}
	#tree-icon.open span:nth-child(1) {
    top: 14px;
	}
	#footercont .companyinfo{
    margin: 10px 0 0 0 !important;

}
	#footercont ul.webmenu li ul li {
    

    padding: 0 0 0px 0;
  }
	.ordersteps table .step .name, 
.ordersteps table .step .num:before{
    min-width: unset !important;
}
	#sptnav.res-tree-open ul li.act {
    margin-bottom: 0px;
    background: #fff;
}
	/*.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {

    width: 25% !important;
}
.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {

    width: 19% !important;
}*/
	.ordersteps table {
    transform: translateX(0%) !important;
}
	 .ordbaskets #stepscont,
	 .orders #stepscont{
        position: relative;
    z-index: 80;
    margin: 0 auto 0px auto;
    background: #21388a;
    float: unset;
    width: -webkit-fill-available;
    padding: 0;
    flex-direction: column;
    order: 1;
    left: auto;
    max-width: unset;
        transform: none;
	}
	#footercont ul.webmenu li ul li {
    display: block; 
	}	

	#payid_7 ~ .price {
		max-width: 50%;
    width: initial !important;
    margin: initial !important;
}

	#basketsumtab tr:last-child th {
    font-size: 1.5rem;
}
	#gdprcont {
        width: 100% !important;
}
	#customsignordercont{
width: 100%;
    margin: 10px 0 10px 0;
}
	#deliverycont, #paywaycont{
	width: 100%;
}
	.cont.contentcont.ordbaskets form{
		padding: 0px 5px;
	}
	.step_2 #contactdatacont_4_log ~ .boxcont.products.noedit{
/*    width: 38% !important;*/
    margin: 0;
}

	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1) {
    padding-bottom: 5px;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 100%;
      
}
	.cont.contentcont.ordbaskets #logincontactcont{
    width: 100%;
        padding: 0 0 0 5px;
}
	.ordbaskets .boxcont.buttons .btn.btn-inv, .ordbaskets .boxcont.buttons .btn.btn-big {
/*    width: calc(93%/3);*/
}

		.btn.btn-inv.btn-back.ds_hide + .btn.btn-inv.btn-back{
			width: 48% !important;
		}

		.btn.btn-inv.btn-delete.ds_hide ~ .btn.btn-big.btn-next{
			width: 48%;
		}

		.btn.btn-inv.btn-delete.ds_hide ~ .btn.btn-big.btn-create-ord{
/*			width: 48%;*/
		}
		.boxcont.logincontact.ds_none + form .boxcont.products.noedit{

    width: 100%;


}
		/*	.cont.contentcont.ordbaskets form
		#contactdatacont_1, 
		#contactdatacont_2, 
		#contactdatacont_3, 
		#contactdatacont_4,
		#contactdatacont_1_log, 
		#contactdatacont_2_log, 
		#contactdatacont_4_log{
			width: 31% !important;
		  
		}*/
	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	padding-top: 80px !important;
	}
	/*popupkorona*/

	#centercont{
		padding-top: 113px !important;
	}
	/*.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	    padding: 122px 0 90px 0 !important;
	}*/
	/*popupkorona*/
		.modal-popup.modal-pf2020 .pf2020 .btn.btn-close{
	margin: -20px 30px;
	}

		.modal-popup {
	    /*width: 60%;*/
	}
	    #headercont .basket .price {
	    margin: 0 11px 0 0px;
	}
	    #headercont .search .btn-search:before, #headercont .basket .btn:before {
	    /*font: normal normal normal 2rem/1 FontAwesome;*/

	}
	    #headercont .logo a {
	         background: url(../img/logo_CS.svg) no-repeat !important;
    background-size: 100% !important;
    background-position: 0 50% !important;
    width: 100%;
    height: 23px !important;
    margin: 10px 0px -7px 15px;
	    }
	    
	    #footercont ul.webmenu li {

	        padding: 0 30px 0 0;
	    }

	    /*.config .config-detail .configuration .hdr:before {
	    content: "Upravit konfiguraci podle potřeb";
	    display: block;
	    color: #3b608a;
	    width: 100%;
	    font-weight: 600;
	    padding: 5px 0px 10px 0px;
	    margin: 0px 0 0px 0px;
	    font-size: 1.4em;
	    border-bottom: 1px solid #d3dfea;
	    text-align: center;
	    }*/
	    .config-detail .cnt form .note .hdr-note h2{
	            padding: 0;
	    }
	    .config .configinput label {
	    order: 2;
	    width: 100% !important;
	    padding: 0 0 0 30px;
	    margin: 0 0 0 -30px;
	    height: fit-content;
	    }   
	    /*.configuration .cnt .tabform tr > td > span {
	        width: 100% !important;
	    color: #3c608a;
	    background: rgba(228, 241, 255, 0) !important;
	    font-style: normal !important;
	    margin: 0px 0px 0px 0% !important;
	    text-align: left;
	    font-weight: 400 !important;
	    padding-bottom: 5px;
	    padding-left: 0px !important;
	    padding-top: 10px;
	    border: none !important;
	    }*/
	    
	.config .configinput {
		display: flex;
		place-content: flex-end;
		border: none !important;
		float: left !important;
		clear: left !important;
		width: 100% !important;
		margin: 0;
	}
	    /*.config .title {
	        font-size: 1.2em !important;
	    padding: 0;
	    position: relative;
	    top: unset;
	    left: unset;
	    color: #3c608a;
	    line-height: unset;
	    font-weight: 600;
	    text-align: center;
	    width: 100% !important;
	    transform: none;
	    display: block;
	    margin: 0;
	    background-color: #f9f9f9;
	    padding: 5px;
	    margin: 5px 0;
	    }*/

        .config-detail .status {
            margin: 0px 0 0 0;

        }
        .config-detail .cnt .boxcont.config-img.half {
            
        }
        div.boxcont.gallery.owl-carousel.owl-theme{
            position: relative;
            z-index: 2;
            /*top:-60px;*/
        }
        .subcats ul li:nth-child(2n){
            margin: 0.3%;
        }
        .subcats ul li {
                margin: 0 5px 0 0 !important;
    width: calc(25% - 5px);
    padding: 10px 0;
        }
       /* #headercont .basket {
            margin: 15px 28px 0 0;
        }*/

        /*.prodbox .btn-config {
            float: right !important;
               padding: 4% 3% !important;
    margin: 0px 0 0 0 !important;
        }*/
        /*.prodbox .buybox .btn {
            float: right !important;
            padding: 5% 15% !important;
            margin: 0 !important;
        }*/
        /*.prodbox .availability {
            margin: 0 108px 0 0px !important;
        }*/

        #headercont,
        .scroll {
        	height: initial;
            z-index: 200;
            margin: 0 auto;
            float: none;

            background: #152654;
            position: fixed !important;
            transition-duration: .5s;
            transition-property: margin-top;
        }

        #headercont.scroll {
            border: none;
        }

        #footercont ul.webmenu li.down:after {
            display: none;
        }

        .navbar ul {
            padding: 0;
        }

        /*.config-detail .cnt .boxcont.config-img.half {
            top: 100px;
        }*/

        #sptnav ul li.act .sptnavsub {
            padding: 0;
            width: 100%;
            transform: unset !important;
            box-shadow: 5px 5px 10px 0 silver;
            top: 164px;
        }

        .cnt.owl-carousel.owl-theme {
            border: none !important;
        }

       /* .config .configinput label {
            width: 87.5% !important;
            margin-right: 20px;
        }*/

        #tree-icon span {
            width: 100% !important;
/*            margin-bottom: -6px;*/
            position: relative !important;
            height: 2px !important;
            border-radius: 10px;
        }

        /*#tree-icon.open span:nth-child(1) {
            top: 5px;

        }*/

        /*#tree-icon.open span:nth-child(3) {
            top: 12px;
        }*/

        #tree-icon {
              width: 36px !important;
    margin: 30px 0px -30px 2%;
    top: -5px;
    height: 25px;
}

        #headercont .search .btn.btn-search {
            padding: 5px 16px !important;
    		height: 46px;
 
        }

        #headercont .search input {
            padding: 11px 10px 7px 10px;
            border: none;
        }

        #headercont .search {
        	transform: translate(50px, -3px);
			position: relative;
			left: unset;
        }

        /*#headercont .logo a {
            height: 65px !important;
        }*/

        #headercont .logo {
            margin: 0 0 0 8% !important;
        }
        #headercont .logo a {
        /* width: 100%; */
        }
        #headercont .logo a {
        /* height: 63px !important; */
        margin: 3px 0px -7px 15px;
        }
        
        /*
        #headercont .basket .btn.btn-buy {
        background-color: #204471;
        padding: 5px 6px;
        margin: -10px 0px 0 11px;
        }
       #headercont .basket .price {
        margin: -10px 9px 0 0;
        text-align: right;
        width: 59% !important;
        height: 28px;
        }*/

        
        #centercont {
            padding: 80px 0 0 0 !important;
        }

        .contentcont .boxcont {
            padding: 0 0 0 0;
            margin: 0;
        }

        /*galerie detail produktu*/
        .config .gallery .owl-wrapper {

            display: inline-flex;
        }

        .config .gallery img {
            /*width: 100%;*/
            padding: 0% 10%;
        }

        .config .gallery .owl-item {
            /*width: 2.1% !important;*/
            display: inline-flex;
        }

        .config .config-img a {
            width: 100%;
            position: relative;
            z-index: 0;
        }

        /*galerie detail produktu*/

        #sptnav.res-tree-open ul li .sptnavsub ul li a {
          width: 100% !important;
    border-left: transparent;
    height: 42px;
    padding: 12px 0px !important;
    text-align: center !important;

    font-size: 0.85rem !important;
        }

        #sptnav.res-tree-open ul li a {
            padding: 15px;
            text-align: center;
                width: 100% !important;
                font-size: 1rem;

                text-transform: uppercase;

        }

        #sptnav.res-tree-open {
            padding: 0;
            width: 100%;
            top: 80px;
            z-index: 100;
            position: fixed;
        }

        /*.sptnavigator #centercont {
                padding: 80px 0 0 0 !important;
        }*/

        .noedit .qtybox input {
            border: none;

        }

        .noedit .qtybox .up {
            display: none;

        }

        .noedit .qtybox .down {
            display: none;

        }

        #tree-icon span {
            background-color: #ffffff !important;
        }


        .prodbox .availability {
            margin: -2% 0 10% 0;
        }


        /*#headercont .basket .cnt {
            margin: -5px 0 0 0;
        }*/

        .prodbox {
            width: calc(100% / 3) !important;
            /*background-image: linear-gradient(to bottom, white 88%, rgba(7, 46, 92, 0.08) 0%);*/
        }

        .listpage .cnt .pagetext .recordcount,
        .listpage .cnt .pagetext .pagecount {
            display: none;
        }

        /*.custom-select select, .custom-multi-select select{
            top: -3px;
        }*/
        .orderby .cnt .custom-select {
            width: 130px;
        }

        .page,
        .listpage {
            font-size: 1.1em;

        }

        .listpage .cnt .pagenav .page a {
            content: "\f105";
            position: relative;
            margin: 0;
        }


        /*.prodbox.list .hdr h2 {
            max-width: calc(100% - 160px);
        }*/

        /*#centercont {
            padding: 80px 0 0 0 !important;}
        }*/
	}


@media screen and (max-width: 935px) {
    .xmas-popup{
        display: none;
    }

        #headercont .logo a {
        /* height: 63px !important; */
        margin: 10px 0px -7px 15px;
    }
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    min-width: 120px;
}



.faq-wrapper-left {
    width: 35% !important;
}

.faq-content {
    width: calc(65% - 25px) !important;

}


.faq-answer{
	height: auto !important;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    width: 200px;
}

}

@media screen and (max-width: 820px) {

    #headercont .logo a {
        margin: 10px 0px -8px 15px;
    }
	.dalsiclanky{

		display: none !important;
	}

	.aktualita{
		width: 100% !important;
	}
.ordbaskets .trippleswitch .trplopt:nth-child(2) {
    border-right: 0px solid #152654 !important;
    border-left: 0px solid #152654 !important;
}
	#customsignordercont {
margin: 0 !important;
}
	.ordbaskets .I6-gdpr .cnt .rowbox{
		float: left;
	}
	.cont.contentcont.ordbaskets.step_3 .buttons{
		margin: -10px 0 0 0;
		    width: 100%;

	}
	.cont.contentcont.ordbaskets.step_3 .buttons{
		    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 9;
	}
	.step_3 #gdprcont {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 8;
    width: 100% !important;
}
	.step_3 #kosik_wrapper{
grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 7;
    grid-row-end: 7 !important;
    margin: 0 10px 10px 10px !important;
    width: auto;
	}
.cont.contentcont.ordbaskets.step_3 form{
	grid-template-columns: 49% 49%;
	padding: 0;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3 {
    width: 200px;
}

.kariera.cenik .faq-answer div{
	width: 100%;
}

.cislovka{
		width: 35px !important;
		border: #fa4047 7px solid !important;
	}
.infograf_fin div div div{
	top: -70% !important;
}

.step_1 .orbitem .name .stiplname{
	line-height: 1.6rem !important;
}

.step_1 #ordproductscont .tabinfo.hor.stitable .orbitem.orbstiidpackitem .name,
.step_1 #ordproductscont .tabinfo.hor.stitable .name strong,
.step_1 #ordproductscont .tabinfo.hor.stitable .name .pack_code,
.step_1 #ordproductscont .tabinfo.hor.stitable .name a{
    padding-left: 10px !important;
}


.tabinfo.hor th,
.tabinfo.hor td {
  padding: 8px;
  text-align: left;
}

.step_1 #ordproductscont div table .img {
    display: none !important;
}

	.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log,
.boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log{
    width: calc(50% - 0px) !important;
     margin: 0;
     min-height: 185px;
     margin-bottom: 5px !important;
}

#contactdatacont_1_log, #contactdatacont_2_log, #contactdatacont_4_log{
	margin: 5px 0 5px 0 !important;
}

#maincont[data-logged="1"] .cont.contentcont.ordbaskets form{
	display: block !important;
}



.boxcont.basketadd .stiplname{
	width: 100% !important;
}
.popupcont.basketadd .img{
	display: none;
}
.company .cnt form {
    flex-direction: column;
}

div.boxcont.document.comcommon, div.boxcont.document.comres {
    width: 100% !important;
}

div.boxcont.srchtools {
    width: 100% !important;
    margin-right: 0px !important;
}

.ordbaskets .delivery li.dmgid_3:after{
	content: "";
}
.h-banner.banner4 .text-block > div{
	margin-top: 20px !important;
}

.sptnavigator .kontakt .left{

width: 100%;


}

.sptnavigator .kontakt .right{
    margin: 25px 0 0 0;
width: 100%;

}


/*	#headercont .basket .btn .count {
    top: 0px !important;

}*/
	.financovani_text{
	width: 100% !important;
}
.infograf_kroky{
	height: 110px !important;
}
	#sptnav.res-tree-open {

        top: 114px;
        position: fixed;
        border-top: 1px solid #C0C0C0;}
	.stoitems .listpage .cnt .orderby, .spresenttrees .listpage .cnt .orderby {
    width: auto;
	}
	.prodbox .tools {
        width: auto;
    min-width: 100px;

	}
	#sptnav .level3 li:nth-child(1) .level6>li:nth-child(3) {
    padding: 0 !important;
	}
#trippleswitchcont {
width: 100% !important;
    min-width: unset;
    margin: 20px 0 10px 0;
	}

	.homepage .news li {
    width: 45% !important;
    margin: 0 20px 0 0px;
    float: left;
    clear: initial;
    height: 350px;
}
	.news li .img {
	    height: auto !important;
	}
	.homepage .news li {
    height: auto !important;
	}

	.infograf_fin div div div {
		margin-top: 40px !important;
		background-position: center !important;
	}



	.infograf_div{
		width: 100% !important;
		padding-top: 10px;
	}

	.modal-popup{
/*		width: 100%;
		bottom: 0;
		top: unset !important;*/
	}
	.prodbox {
    width: calc(100% / 2) !important;
}

#prodlistanchor>.cnt .prodbox:nth-child(2n+1) {
    border-left: 1px solid #eeeeee;
}
#prodlistanchor>.cnt .prodbox:nth-child(2n) {
    border-left: none;
}
	.config .configinput input[type=checkbox]:checked + label {
    padding: 0px 0 0px 85px !important;
}
	.configuration {
    grid-column-end: 4 !important;
}
.spresenttrees .listpage .cnt .paging,
.spresenttrees .listpage .cnt .showstyle{
	float: right;
}
		.boxcont.product.carousel .tools .btn span {
    display: none;
}
	.boxcont.product.carousel .tools .btn:before {
    content: "Detail >";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    display: inline-block;
}

	.news .detwn a {
    float: left !important;
}
		.boxcont.proc .blok_proc {
    height: 190px !important;
}

	.boxcont .date {
/*        width: calc(100% - 205px);
    float: left;*/
}
	.boxcont.news li .hdr, .boxcont.news li .cnt{
	width: 100%;
    float: left;
    clear: left;
}
	.news li .img{
	    width: 100% !important;
	}

	#headercont .basket, #headercont .prodlist {
    margin: 28px 10px 0px 0 !important;
        padding: 0 0 5px 0 !important;
}
	#headercont .top {
    margin: 10px 10px 0px 0px !important;
}
	/*#headercont .logo a {
    margin: -25px 0px -8px 26px;
}*/
	#tree-icon {
    margin: 10px 0px -30px 15px;
    top: 3px;
}
	#headercont .search .btn.btn-res{
		display: none;

	}
	#headercont .search > .cnt {
    display: block;
}
/*	.boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log {
    width: 25% !important;
}
.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 32% !important;
}
	#contactdatacont_4_log ~ .boxcont.products.noedit,#deliverycont, #paywaycont, #gdprcont, #customsignordercont{
    width: 100% !important;
    margin: 10px 0 0 0;
}
*/
	/*popupkorona*/
/*	#headercont{
		top: 41px !important;
	}

	.sptnavigator #centercont{
		padding-top: 113px !important;
	}*/
	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	    padding: 80px 0 40px 0 !important;
	}

	/*popupkorona*/

	    #headercont .basket .price {
	    margin:0;
	    padding: 5px 10px;
		}

        .homepage .boxcont.webnews .boxcont.news ul li {
    width: 45% !important;
    padding: 0 0 30px 0;
    float: left;
    clear: initial;
    height: auto !important;
}
        /*.boxcont .hdr > h1 {
            font-size: 2rem !important;
        }*/
        .config .config-detail .hdr span{
                font-size: 1.2em;
        }
        .configuration > .cnt > .tabform tr{
        padding: 0;
        display: table;
        width: -webkit-fill-available;
        width: 100%;
        }
        /*.hpep, .birgada{
        width: 100%;
        display: inline-grid;
        }*/
        .subcats ul li {
            width: 32%;
            margin: 5px 5px 0 0 !important;
        }
        .search {
            padding: 1px !important;
            margin: 7px 23px 0px 0px !important;
        }
        .search .btn-search {
        margin: 0 !important;
        }
        /*#headercont .basket {
            margin: 0;
        }*/
        #headercont.res-search-open #tree-icon {
            display: initial;
        }


        #headercont.res-search-open .search {
            border: none;
            margin: -55px 22px 0 360px;
            width: -webkit-fill-available;
            ;
        }

        #headercont .search {
        	float: left;
        	clear: left;
		    margin: 12px 0px 10px 15px !important;
		    width: 60%;
		    display: inline-block;    
		    transform: translateY(0);
        }

        #headercont .logo {
            padding: 0;
            width: auto;
                    margin: 0 0 0 60px !important;
                    width: 40% !important;
        }

        /*#tree-icon {
            width: 54px;
            margin: 9px 0px 0px 12px;
        }*/

        /*#headercont .search .btn.btn-search, #headercont .basket .btn.btn-buy {
            background-color: #152654;
            padding: 5px 0px;
            margin: 0;
        }*/

        #headercont.res-search-open .search {
border: none;
        margin: -52px 0 0px 235px !important;
    width: 50%;
        }

        #headercont.res-search-open .search .btn-search{

            padding: 8px 0;
        }
        #centercont {
            padding: 112px 0 0 0 !important;

        }

        .config .config-detail .config-info.half.float-right {
               grid-column-start: 1 !important;
    grid-column-end: 4 !important;
    grid-row-start: 1 !important;
    grid-row-end: 1 !important;
        }
        .config-detail .boxcont.note {
     grid-column-start: 1 !important;
    grid-column-end: 3 !important;
    grid-row-start: 2 !important;
    grid-row-end: 3 !important;
}
.config-detail .boxcont.tools {
    grid-column-start: 1 !important;
    grid-column-end: 4 !important;
    grid-row-start: 4 !important;
    grid-row-end: 4 !important;
    margin: 0 !important;
}
.config .config-detail .config-info.half.float-right {
    grid-column-start: 3 !important;
    grid-column-end: 5 !important;
    grid-row-start: 1 !important;
    grid-row-end: 3 !important;
    top: 0px !important;
    margin: 0 !important;
    position: relative !important;
    min-height: 400px;
    z-index: 99;
}
.config-detail .cnt .boxcont.config-img.half {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    grid-row-start: 2 !important;
    grid-row-end: 2 !important;
}
#config_selected {
	margin: 0;
}
/*.configuration {
    grid-column-end: 4 !important;
}*/
.boxcont.config-detail .cnt form {
    grid-template-columns: 60% 3% 37%;
    grid-template-rows: 403px auto;
}
}
@media screen and (max-width: 760px) {

	.faq-reklamace-vraceni{
		background: #f2f2f2;
	}

.reklamace_vraceni .faq-wrapper{
	margin-bottom: 25px !important;
}

.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3 {
    width: 200px;
}

	.faq-sidebar_kontakty.cenik{

	background-position: -80px -110px !important;
    background-size: 943px !important;

	}
	

	.faq-sidebar_kontakty.cenik p{
		padding: 5px !important;
		margin: 0px !important;
	}

	.kariera.cenik{
		width: 100% !important;
	}

	.faq-sidebar_kontakty.cenik{
		width: 100% !important;
		margin: 0px !important;
	}

	.clanek_foto img{
		margin-right: 20px !important;
		width: calc(100%/4 - 25px) !important;
	}

.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: calc(50% - 3px) !important;
}

.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log{
	    margin-right:5px !important;
}

	.step_2 #contactdatacont_4_log ~ .boxcont.products.noedit,
	.step_2 .boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log{
    width: 100% !important;

}


	.ordersteps table .step {
    padding: 15px 10px;
}
		.orders #contentcont .document.moredetails, 
	.orders #contentcont .document.half, 
	.orders #contentcont .document.float-half, 
	.iisutil #contentcont .document.moredetails, 
	.iisutil #contentcont .document.half, 
	.iisutil #contentcont .document.float-half{
		    width: calc(100%/1) !important;

	}
	.btn-user:before {
    font-size: 1.3rem;
}
 #headercont .logged .btn-icon.btn-user span{
        	display: none !important;
        }

.homepage .h-carousel{
	height: auto !important;
}
.h-banner.banner4 .text-block{
	padding: 15px 0 0 15px !important;
}

.h-banner.banner4 .banner_btn{
	transform: unset !important;
	margin: -60px 30px;
}
}

@media screen and (max-width: 730px) {
		img[alt="CPU AMD EPYC"]{
		display: none;
	}

    .aktualita p.left,
    .aktualita p.right,
    .aktualita img.right,
    .aktualita img.left{
        padding: unset !important;
        padding-left: unset !important;
        padding-right: unset !important;
    }
	

    .aktualita .right, .aktualita .left{
		float: unset !important;
	}

    .aktualita p,
    .aktualita .left,
    .aktualita .right,
	.aktualita img, .wntext img, .boxcont.webnews.news .wntext p {
        width: 100% !important;
        margin: 10px 0 !important;
    }
	.vraceni_a_reklamace div{
		width: 100% !important;
		margin: 10px 0 !important;
	}

	.vraceni_a_reklamace .postup{
		min-height: unset !important;
	}

.reklamace_vraceni .faq-wrapper, 
.kariera .faq-wrapper {
    padding-bottom: 20px !important;
}

	.article .cnt .content>div{
		margin-top: 15px !important;
	}

.kariera .faq-answer{
	padding: 5px 20px 0px 20px !important;
}

.faq-answer{
	padding: 5px 5px 0px 5px !important;
}

.faq-question div {
    margin: -14px 0px !important;
}

.faq-question button{
	padding: 20px 0 0 5px !important;
}
.faq-wrapper{
	padding-bottom: 5px !important;
}

 #section-objednavky, #section-produkty, #section-technicke, #section-vraceni{
	padding: 15px;
	background: #fff;
}	
#section-produkty, #section-technicke, #section-vraceni{
	margin-top: 15px;
}
.section-nadpis{
	border-bottom: 3px solid #f2f2f2;
}

#section-objednavky .section-nadpis:before {
  background: url(../img/icons/box_closed_red.svg) no-repeat center;
}

#section-vraceni .section-nadpis:before{
  background: url(../img/icons/box_return_red.svg) no-repeat center;
}

#section-produkty .section-nadpis:before {
  background: url(../img/icons/CS_RACK_ICON_red.svg) no-repeat center;
	background-size: 70%;
}

#section-technicke .section-nadpis:before {
  background: url(../img/icons/gearwheel_red.svg) no-repeat center;
}

.section-nadpis:before{
	width: 40px;
    content: "";
    display: block;
    float: left;
    height: 36px;
    padding: 0px 10px 0 0;
}

.section-vraceni p{
	padding-top: 15px;
}
.faq-wrapper-left{
	display: none !important;
}

.highlighted{
	border-left: 0px solid !important;
}
.faq-content{
	width: 100% !important;
}
.section-nadpis{
    display: block !important;
    color: #152654 !important;
    background-color: #fff !important;
    padding: 10px 0 20px 0px;
    font-size: 1.1rem !important;
    font-weight: 600;
    line-height: 2.2rem !important;
}

.faq-wrapper{
	margin-bottom: 0 !important;
}

.faq-content section :before{

}
/*.config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note {
    grid-column-end: 4 !important;
}

	.config .config-detail .config-info.half.float-right {

   grid-row-start: 3 !important;
    position: relative !important;
    grid-column-start: 1 !important;
    grid-column-end: 4 !important;

	            }
	#config_selected {
		display: none;
}
.configuration {
    grid-column-end: 4 !important;
    grid-row-start: 4 !important;
}*/


	.prodbox {
    width: calc(100% / 2) !important;
}
	.blok_reference .text {
    width: 100% !important;
    border-left: 0px solid #E6E6E6 !important;
}

	.cont_newsletter h3, .cont_newsletter .blok_newsletter{
        width: 100% !important;
}
	.boxcont.proc .cont_proc, .boxcont.reference {

    width: 100% !important;
}

	.boxcont.product.carousel .tools .btn span{
		display: inline-block;
	}
	.boxcont.product.carousel .tools .btn:before{
		display: none;
	}
	.owl-stage>div:nth-child(3) {
    display: none !important;
}
	.carousel .owl-item{
		width: 48% !important;
	}

	#footercont .boxcont.companyinfo .cnt {
            margin: 0 0px 0px 0px;
    float: left;
    clear: left;
}
	#footercont .navi .companycontact>div {
    margin: 0 auto;
    float: left;
    clear: none;
    width: fit-content;
}
	#footercont .navi .companyinfo>div.hdr {
    margin: 30px auto 0 auto;
    float: left;
}



}
@media screen and (max-width: 650px){
	.vyprodej{
	    background: url(../img/uvodni_stranka/vyprodej_ctv.jpg) no-repeat !important;
    background-size: 100% !important;
}
	.label-tip{
		margin: unset !important;
	}
	.NBD_cnt table{
		width: 80% !important;
	}

	.NBD_cnt .nadpis {
    border-bottom: 1px solid #f2f2f2;
    margin-top: 30px;
}
	.NBD_cnt tr:first-child td span{
		margin: unset;
		float: left;
	}
	.NBD_cnt .prouzek{
		    display: inline-block;
    width: 100%;
	}
	.NBD_cnt .prouzek .active{
		background: #152654;
	}
	.NBD_cnt .prouzek span{
        background: #ddd;
    height: 5px;
    display: block;
    float: left;
    width: calc(100% / 4 - 8px);
    margin: 0 8px 0 0 !important;
    min-width: unset;
	}
	.NBD_cnt td p span{
		padding: 0 0 0 10px;
	}
	.NBD_cnt td.price{
		text-align: center !important;
		    padding: 15px 0 30px 0 !important;
	}
	.NBD_cnt table .nadpis~td{
		padding: 30px 0 30px 20px !important;
	}

	.NBD_cnt table tr td p{
	    font-size: 1.125rem !important;
    padding: 0 !important;
    line-height: 1.6875rem !important;
	}

	.NBD_cnt .nadpis p{
		text-align: left !important;
    margin: 10px auto;
    float: left !important;
    padding: 0 !important;
        max-width: unset !important;
	}
	.NBD_cnt{
		padding: 0 !important;
	}
	.NBD_cnt td img {
     float: left;
	}
	.NBD_cnt .nadpis span,
	.NBD_cnt .nadpis h3{
float: left !important;
    margin: 0 !important;
    display: block !important;
    width: fit-content !important;
    padding: 0 !important;

	}
	.NBD_cnt td img{
    float: left;
    max-width: 45px !important;
    padding: 3px 15px 0 0px;
	}
	.NBD_cnt .next,
	.NBD_cnt .prev{
		background: #fff;
	width: 7%;
    display: block !important;
    text-decoration: none !important;
    text-align: center;
    margin: 200px 0 0 0;
    height: 210px;
    padding: 90px 0 0 0;
	}
	.NBD_cnt .next{
		float: right;
		    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-right: 3%;
	}
	.NBD_cnt .prev{
		float: left;
		    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-left: 3%;
	}
	.NBD_cnt .body{
		display: block !important;
	}
	.NBD_cnt td {
	    max-width: unset !important;
    min-width: unset !important;
    display: none;
}
	.NBD_cnt td.active {
	       width: 100% !important;
    display: block !important;
    float: left;
    border-right: 1px solid #f2f2f2;
    text-align: left;
    padding: 0 30px 15px 20px;
	}
	.NBD_cnt table tr{
		display: none;
	}
	.NBD_cnt table tr{
		    display: block !important;
    float: unset;
    clear: unset;
    width: 100%;
    margin: 0 auto;
	}
	.NBD_cnt table tr.mobile:last-child td{
		border-bottom: 1px solid #f2f2f2;
	}
	.NBD_cnt tr td:nth-child(1){
	display: none !important;
}
.NBD_cnt tr td:nth-child(1).nadpis{
	display: block !important;
	border-bottom: 1px solid #f2f2f2 !important;
	    padding: 40px 0 10px 0;
}
	.boxcont.modalcfg .cnt>p {
    font-size: 0.85rem !important;
}
.modalcfg .cnt tr th{
	    font-size: 0.75rem !important;
}
.modal-content {
    width: 100% !important;
}

.stinotecmtblock_banner div {
    width: calc(100% / 2) !important;
}
 .orderss .tabinfo.hor tbody tr td:nth-child(4){
	display: none;
}

.banner1, .banner2, .banner3{
	display: none !important;
}
.banner4{
	display: block !important;
}
.banner4 .pic_cont img{
	max-width: unset !important;
    width: 100% !important;
} 

.h-banner.banner1 .text-block {
	width: 100% !important;
	padding: 10px 20px 10px 20px !important;
	margin:  5px !important;

}
.h-banner.banner1 img{
	width: 100% !important;
	margin: unset !important;
}

.h-banner.banner1 .img_silver{
	width: 30% !important;
	margin: unset !important;
	position: relative !important;
	display: none;
}

.h-banner.banner1 .img_gold{
	width: 30% !important;
	margin: unset !important;
	position: relative !important;
	display: none;
}


.h-banner.banner1{
	height: 540px !important;
}

.h-banner.banner4 .banner_btn{
	position: absolute;
    transform: unset !important;
    left: 15px;
    bottom: 15px;
    margin: unset;
}
.banner4 .pic_cont{
	position: relative;
    display: block;
    width: 100%;
    float: left;
}
.h-banner.banner4 .text-block {
	width: 100% !important;
	padding: 10px 20px 10px 20px !important;

}
.h-banner.banner4 .text-block div{
	margin-top: 20px !important;
	float: none !important;
}

.h-banner.banner4 > a {
	transform: translate(17px, -62px) !important;
	float: unset !important;
}
.h-banner.banner4 > img {
	width: 100% !important;
	max-width: unset !important;
}
.h-banner.banner3 > p {
	position: unset !important;
	margin: 0 20px;
	width: 100% !important;
}

.h-banner.banner3 > span {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    max-width: 240px !important;
    bottom: unset !important;
    transform: translateY(-50px);
    padding-left: 30px !important;
}
.h-banner.banner3 .text-block {
	width: 100% !important;
	padding: 10px 20px 10px 20px !important;

}
.h-banner.banner3 h2 {
	width: 100% !important;
}		

.h-banner.banner3 > img {
	float: none !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: 450px;
    clear: unset !important;
    display: block;
    transform: translateY(-50px);

}

.homepage .boxcont.h-carousel {
    height: auto !important;
}	

}
@media screen and (max-width: 640px) {

.dealer section{
    width: 100% !important;
    position: unset !important;
    
}

.dealer
.boxcont.news .boxcont{
    height: auto !important;
}
.reklamace_vraceni .faq-answer div{
    display: block !important;
}


        #footercont .navi .companyinfo,#footercont .navi .companycontact {
        padding: 0;
    }
        #footercont .navi .companyinfo>div.hdr {
        margin: 0;
    }
        #footercont .companycontact {
        grid-column: 2;
        grid-row-start: 5;
        grid-row-end: 5;
    }
        #footercont .companyinfo {
        grid-column: 2;
        grid-row-start: 4;
        grid-row-end: 4;
    }
footer .boxcont.navi>.cnt {
        grid-template-columns: 50% 50%;
                grid-template-rows: 35% 25% 6% 22%;
    }
.article .cnt .content>div.kariera{
	background: #f2f2f2 !important;
	margin-top: 0 !important;
    width: 100% !important;
}

.kariera-banner{
    width: 100% !important;
    margin-bottom: 20px;
}

.highlighted{
	border: 0 !important;
}

.article p{
    width: calc(100% - 50px) !important;
}
	.boxcont.article h1{
		font-size: 1.9rem !important;
	}
	.banner_clanek{
				width: 100% !important;
	}

	.stoitem .boxcont.half.stiimg>.boxcont.img {
        width: calc(100% - 50px);
order: 2;
margin: 25px 25px 0 25px;
}
.stoitem .boxcont.gallery.owl-carousel.owl-theme {
    order: 3;
}
.stoitem .stiimg .status {
   order: 1;
}
.boxcont.stoitem .hdr {
width: 100%;
background: #fff;
position: relative;
}
	.boxcont.tabs.ui-tabs {
    grid-column-start: 1;
    grid-column-end: 5;
    margin: 20px 0 0 0;
}
.banner_clanek_obrazek{
	padding: 0 0 20px 0 !important;
}

.stoitem .tools {
    background: #fff;
    grid-column-start: 1;
    grid-column-end: 5;
    padding: 0 15px 15px 15px;
    grid-row-start: 3;
    grid-row-end: 3;
}
	.boxcont.half.float-right.stiinfo {
    width: 100%;
    border-top: 20px solid #fff;
    border-radius: unset;
    background: #fff;
    grid-column-start: 1;
    grid-column-end: 5;
    height: fit-content;
    grid-row-start: 2;
    grid-row-end: 2;
}
	.stoitem .boxcont.half.stiimg {

    width: 100%;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 3;
    background: #fff;
    grid-template-columns: 100%;
    grid-row-start: 1;
    grid-row-end: 1;
}
.configuration .cnt{
		padding: 10px !important;
	}
	.config .configinput label .configname {
    width: auto !important;
}
	.config .config-detail .hdr h1{
		padding: 10px 10px 20px 10px;
	}
	.config .boxcont.navbar {
   margin: 10px 0 10px 10px !important;
}
	.config .config-detail .boxcont.tools{
		margin: 0;
	}
	.boxcont.config-detail .cnt form {
    grid-template-rows: auto !important;
        grid-row-start: 3;
    grid-row-end: 3;
}
	.config .configinput .config_qtylist_line .qty {
    transform: translate(19px, -20px);
}
	.config .configinput .config_qtylist_line select {
    padding: 0;
    width: 60px !important;
}
	.config .configinput input[type=checkbox]:checked + label {
    padding: 0px 0 0px 105px !important;
}
	.cont.contentcont.ordbaskets form #contactdatacont_6,.cont.contentcont.ordbaskets form #contactdatacont_4 {
    padding: 0 0 10px 5px;
}
	.cont.contentcont.ordbaskets form #contactdatacont_1, #contactdatacont_2, #contactdatacont_3, #contactdatacont_4, #contactdatacont_1_log, #contactdatacont_2_log, #contactdatacont_4_log {
    padding: 0 1% 0 1%;
    z-index: 100;
    position: relative;
}
	.ordbaskets .contentcont .boxcont .hdr p {
    padding: 10px 0 5px 0 !important;
}
	.cont.contentcont.ordbaskets #logincontactcont {
    padding: 0 5px;
}
	.cont.contentcont.ordbaskets form {
    padding: 0;
}
.step_3 #contactdatacont_1, 
.step_3 #contactdatacont_2, 
.step_3 #contactdatacont_3, 
.step_3 #contactdatacont_4,
.step_3 #contactdatacont_5, 
.step_3 #contactdatacont_6, 
.step_3 #contactdatacont_1_log, 
.step_3 #contactdatacont_2_log, 
.step_3 #contactdatacont_4_log {
    background: #ffffff !important;
    background: #ffffff !important;
    margin: 0 0 10px 0;
    width: calc(300% / 3) !important;
    clear: none;
    height: unset !important;
}
.text-block p{
	width: max-content !important;
}
.text-block a{
	width: 200px;
    padding: 10px;
    bottom: -20px;
    left: 30px;
}

.homepage .boxcont.h-carousel {
    /*height: 420px !important;*/
}
#sptnav .level3>li:nth-child(3) .level6>li:nth-child(3) {
    margin-right: 0 !important;
}

#sptnav .level3 li:nth-child(3) .level6>li {
    width: calc(100% / 3) !important;
    padding: 0 0 0 0;
    float: left;
    clear: initial;
}

#sptnav .level3 li:nth-child(4) .level6>li {
    width: calc(100% / 3);
}
	.boxcont.sluzby .left_cont h3 {

    font-size: 1.6rem !important;
}
.boxcont.sluzby .left_cont a {
    bottom: 20px !important;
}
	.ordbaskets #headercont .logo a {
     margin: 22px 0 !important;
    width: 290px;
    max-width: unset;
    height: 31px !important;
    background-size: 285px !important;
    background-position: 0 -77px !important;
}
	.ordbaskets .trippleswitch .trplopt {
    float: left;
    clear: left;
    width: 100% !important;
    padding: 0;
}
/*	.ordbaskets .trippleswitch .trplopt label {
		font-size: 1.2rem !important;
	}*/

	.news li .img {
    width: 100% !important;
    float: left;
    clear: left;
    text-align: center;
}
    .homepage .boxcont.webnews .boxcont.news ul li {
            width: 100% !important;
            padding: 0 0 30px 0;
            height: auto !important;
        }
	.banner_clanek_obrazek>div{
		width: 100% !important;
		margin-top: 70px !important;
	}
	.article p, .wnnote p{
		width: 100% !important;
	}
	.blok_doprava{
    width: auto !important;
    height: auto !important;
    margin: 5px 0px !important;
    background-color: #f2f2f2 !important;
    padding: 20px 10px 20px 20px !important;
	}

.banner_clanek{
	padding: 25px !important;
}

.article .cnt .content>div{
/*	padding: 25px !important;*/
	background-color: #fff !important;

}

.article .cnt .content>div.faq-container{
	background-color: #f2f2f2 !important;
}

	.modal-popup {
/*    width: 100%;
    bottom: 0;
    top: unset !important;*/
}
/*.boxcont.config-detail .cnt form {
    grid-template-rows: auto 40px 510px auto;
}*/
/*	.cont.cookie .boxcont .ftr{
		position: fixed;
    background: #fff;
    bottom: 5px;
    width: 95%;
	}*/
	.cont.cookie .boxcont{
       height: auto;
overflow-y: scroll;
margin: 0 0 110px 0;
}
	.cont.cookie .boxcont .buttons {
            flex-direction: column-reverse;
    background: #fff;
    margin: 0;
    padding: 10px 0px 10px 0px;
    width: calc(100% - 50px);
}
	.cont.cookie .boxcont .buttons .btn:nth-child(2){
		display: none;
	}
.cont.cookie .boxcont .allow-all,
.cont.cookie .boxcont .buttons .btn:first-child,
.cont.cookie .boxcont .btn.allow-selection{
	width: 100%;
	margin: 5px 0;

}
.cont.cookie .boxcont .ftr button.allow-all {
    margin: 0 auto;
    float: unset;
    clear: unset;
    display: block;
    width: 99%;
}

.cont.cookie .boxcont .btn.allow-selection{
	    background: #fff !important;
    color: #123654 !important;
    width: 49%;
    MARGIN: 5px 0.5%;
}
		.prodbox {
	
    width: calc(100% / 2) !important;
}

	.config-info .tabform .wovat, .rowbox.wovat {
    padding: 0 !important;
}
	.config-info .tabform tbody {
    max-width: 100%;
}
	.config-detail .boxcont.tools {
    grid-row-start: 4 !important;
    grid-row-end: 4 !important;
    grid-column-end: 5 !important;
}
	.configuration {
    grid-row-start: 4 !important;
    grid-row-end: 5 !important;
}
.config .config-detail .config-info.half.float-right {
    grid-column-start: 1 !important;
    grid-column-end: 5 !important;
    grid-row-start: 3 !important;
    grid-row-end: 3 !important;
    padding: 0 !important;
}
#footercont .navi .webmenu {
    width: auto;
}
	.blok_proc>div {
    padding: 0 0 20px 20px !important;
}
	.boxcont.proc .blok_proc {
    padding: 20px !important;
}
	.boxcont.proc .blok_proc {
    width: 100% !important;

}
	.boxcont.sluzby .left_cont, .boxcont.sluzby .right_cont{
		width: 100% !important;
		float: left !important;
		background-position: -56px 56% !important;
	}
.boxcont.sluzby .left_cont {
		height: 320px !important;
    background-size: 110% !important;
	}
.config-info .tabform .wovat{
    padding: 0 0 0 20px !important;
}
	.boxcont.product.carousel .tools .btn span{
		display: none;
	}
	.boxcont.product.carousel .tools .btn:before{
		content: "Detail >";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    display: inline-block;

	}
/*banner>*/
/*.h-carousel .text-block{
	    width: 97% !important;
    text-align: left !important;
    margin: 15px 0 0 15px !important;
    clear: left;
    z-index: 7;
    position: relative;
}*/
.h-carousel .text-block p{
    float: left !important;
    width: 50% !important;
}
.homepage .h-carousel{
	float: left !important;
    width: auto;

}

.banner-pic{
   background-size: 89% !important;
    background-position: left top !important;
    margin: -7% 0 0 0 !important;
    float: left;
    width: 100%;
    z-index: 5;
}

/*<banner*/


	#headercont .login .hdr span {
    display: none;
}

/*	.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 46% !important;
}
.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, 
.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 32% !important;
}
	.step_2 #contactdatacont_4_log ~ .boxcont.products.noedit {
    width: 100% !important;
    margin: 0;
}*/
/*	#footercont .navi .webmenu li, #footercont .navi .companyinfo, #footercont .navi .companyinfo .hdr p,#footercont .companycontact p,#footercont .navi .companycontact{
    width: auto !important;
    text-align: left;
    clear: both;
        padding: 0 !important;
}*/

	.config-detail .boxcont.note {
    min-height: unset;
	}
	.config .boxcont .tools, .boxcont.compare.prodlist{
		/*display: none;*/
	}
	.btn-next:before{

    float: initial;
    margin: initial;
	}
/*	.ordbaskets .boxcont.buttons .btn.btn-inv, .ordbaskets .boxcont.buttons .btn.btn-big{
		width: calc(93%/3); }*/

	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	padding-top: 80px !important;
	    padding-bottom: 0px !important;
	}
	.modal-popup.modal-pf2020 .pf2020 p {
    font-size: 4.5rem;
	}

	/*.config-info .tabform .leasingrowfl {
        display: flex !important;
    width: 50%;
    margin: 0 0 -50px 0px;
     margin: 0px 0%; 
     place-items: flex-end; 
   place-self: flex-end; 
    justify-content: center;
    color: white;
    background: #fa4047;
    font-weight: 600;

	}*/
	#headercont .basket .price,#headercont .basket .btn.btn-buy {
	   /*
	   */
	}
    #stitable .availability .stock p, .config .availability .stock p, .stoitem .availability .stock p{
        /*display: none !important;*/
    }
    .stoitem .boxcont.half.stiimg{
            width: 100%;
        }

        .boxcont.half.float-right.stiinfo {
            width: 100%;
            border-top: 20px solid #ececec;
            border-radius: unset;
        }
        .config-info .tabform tbody {
/*        display: flex;
    flex-direction: column;
    flex-flow: column;*/
	}
        /*.config-info .tabform .greenloancalc {
       width: 50% !important;
    margin: 3px 0 -3px 0 !important;
    display: block !important;
    height: unset !important;}*/

        /*.config-info .tabform .code {
            width: 50% !important;
            display: block !important;
            float: right;
                padding: 0 !important;
        }
        .config-info .tabform .war {
            width: 50% !important;
            display: block !important;
            float: right;
            padding: 0px !important;
                margin: 3px 0 -7px 0 !important;
        }
        .config-info .tabform .classname {
            width: 50% !important;
            display: block !important;
            float: right;
                padding: 0 !important;
        }*/
          /*  .config #config_selected table:before {
                content: "Upravená konfigurace";
            width: 100%;
            display: block;
            font-size: 1.2em;
            font-weight: 600;
                padding: 10px 0px 20px 0px !important;
            color: #ffffff;
            
            text-align: center;
            background: url(../img/icons/navigate_down.svg) no-repeat right #3b608a;
            background-size: 55px;
        }*/
            /* mobilni verze fixed selected_config a cenovka -ontouchstart="mobileLinksShow()" do divu kde je ID config_selected a maincont-*/
            

     .config .wovat u{
        font-size: 3.2rem;
        /* padding: 0 0 0 5px; */
     }
/*        #config_selected{
            border:none;
            position: fixed;
        z-index: 201;
        background: #f9f9f9;
        bottom: 80px;
        width: 100%;
        border-top: 5px solid #3b608a;
        border-bottom: 5px solid #3b608a;
        display: none;
        -webkit-overflow-scrolling: touch;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-user-select: none;
        -webkit-touch-callout: none;

            } 

        #config_selected table{
                 position: fixed;
        z-index: 200;
        background: #f9f9f9;
        bottom: 80px;
        width: 100%;
        border-top: 5px solid #3b608a;
        border-bottom: 5px solid #3b608a;
        display: block;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-user-select: none;
        -webkit-touch-callout: none;  
        display: none;

               } 

        #config_selected:hover table{
            cursor: pointer;
                display: block;


        }

        #config_selected table:active {
            cursor: pointer;
                display: none;


        }


        #config_selected:before{
                padding: 10px 0px 10px 0px !important;
                color: #ffffff;

                background: url(../img/icons/navigate_up.svg) no-repeat right #3b608a;
            background-size: 50px;
        }*/

        /*Cenovka*/
      /*  .config-info .availability, .config-info .wovat , .config-info .wvat, .config-info .order{
            position: fixed;
            display: table !important;
            background: #f9f9f9;
            z-index: 201;
                width: 51%;

        }*/
        .config-info .wovat th, .config-info .wvat th, .config-info .order th{
            display: none;
        }
        .config-info .availability td,.config-info .wovat td, .config-info .wvat td, .config-info .order td{
            width: 100% !important;
            display: block;
        }
       /* .config-info .order{
                bottom: 0px;
                right: 0;
                padding: 21px 0 21px 8%;
                z-index: 199;
                order: 3;
                width: 56%;
                box-shadow: 0px 25px 46px 5px gray;
        }*/
        .config-info .tabform .wvat{
            padding: 0 0 0 10px;
            bottom: 16px;
            width: 50% !important;
        }
        .config-info .tabform .availability.inet {
            width: 100%; 
                padding: 1px 0 0 18%;
                    display: table;
        }

        
        /*.config-info .tabform .wovat{

                width: 50%;
                bottom: 32px;
                border: 0px;
                left: -15px;
                box-shadow: -13px -10px 31px -19px grey;
                background: #f9f9f9;
        }*/

        .config-info .tabform .wvat{
            padding: 5px 0 5px 10px;
            width: 100% !important;
        }

        .config-info .availability{
            bottom: 0px;
                   
            }
        .config .wovat .price input{
            width: 90%;
                font-size: 3.2rem;
                text-align: right;
        }
        /* mobilni verze fixed selected_config a cenovka*/
        .config-detail .boxcont.note {
        padding: 20px 10px 0px 10px !important;
        width: 100%;
            height: auto;
grid-column-end: 5 !important;
    grid-row-start: 1 !important;
    grid-row-end: 1 !important;
        }

        /*.config .config-detail .config-info.half.float-right{
                width: 100%;
        margin: 0 !important;
        left: 0 !important;
        }*/
            .config-detail .cnt .boxcont.config-img.half {
               width: 100%;    padding: 10px;
                   grid-column-end: 4 !important;
                       grid-row-start: 2 !important;
    grid-row-end: 2 !important;
                }
            .config-detail .status {
                margin: 0px 0 0 0;
                    padding: 0 0 20px 10px;
                    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-end: 4 !important;
                    }
            .configuration {
            	    grid-row-start: 6 !important;
                
            }
            /*.config .config-detail .config-info.half.float-right {
                min-width: unset;
                margin: 2% 34%;
                left: 20%;
            }*/

            .subcats ul li {
            width: calc(100% - 2*0.3%);
            margin: 0.3%;
            }
            /*.prodbox .availability {
                margin: 0 105px 0 0px !important;
            }*/
            /*#headercont.scroll {
                margin-top: -29px;
                border: none;
            }*/

            /*#headercont .logo a {
                height: 50px !important;
            }*/
            #wn15,
            #wn5 {
                display: none !important;
            }


            

            .config .configinput label {
                width: 100% !important;
                margin-right: 0px;
            }

            .config-detail {
                top: 0px;
                position: relative;
            }

            .search input {
                width: 80%;
                margin: 5px 0 0 0;
            }

            /*#headercont .search .btn.btn-search {
                background-color: #152654;
                padding: 10px 20px;
                margin: 3px 0px 0 0;
            }*/

            #headercont.res-search-open .search {

                border: none;
                margin: -5px 22px 20px 150px;
                width: 52%;
            }

            /*.prodbox .buybox .btn{
                    margin: 0 0 0 0;
            }*/
            .prodbox .btn-config {
                margin: -4% 0 0 0;
            }

            .prodbox .price {
                font-size: 2.0rem;
                margin: 6% 0 0px 0;
            }

            .prodbox {
                border-left: none;
                border-right: none;
                border-bottom: none;
                border-bottom-right-radius: 0px;
                border-bottom-left-radius: 0px;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
            }

            /*galerie detail produktu*/
            .config .gallery .owl-wrapper {

                display: inline-flex;
            }

            .config .gallery img {
                /*width: 100%;*/
                padding: 0% 10%;
            }

            .config .gallery .owl-item {
                /*width: 2.1% !important;*/
                display: inline-flex;
            }

            .config .config-img a {
                width: 100%;
            }

            /*galerie detail produktu*/

            .noedit .qtybox input {
                border: none;

            }

            .noedit .qtybox .up {
                display: none;

            }

            .noedit .qtybox .down {
                display: none;

            }

            .config .config-info .cnt .tabform {
                position: relative;

                margin: 0% auto;
            }

            .buybox .qty {
                width: 50px;
                margin: 3px 5px 3px 0;
                /*font-size: 1.7rem;*/
            }


            .prodbox {
                width: 50%;
               /* background-image: linear-gradient(to bottom, white 88%, rgba(7, 46, 92, 0.08) 0%);*/
            }
            #tree-icon span {
                width: 100% !important;

                position: relative;
                
                border-radius: 10px;
            }

            .search .btn-search {
                width: 60px;
            }

            #centercont {
                padding: 112px 0 0 0 !important;
            }

            #headercont .search {
            	    /*margin: 10px 0 0px 10px !important;*/
                }
}
@media screen and (max-width: 600px){

    .wnnote article{
    width: 100% !important;
}

.wnnote article img{
    width: 100% !important;
}

.reklamace_vraceni>div{
	width: 100% !important;
	padding: 20px !important;

}

/*.reklamace_vraceni section.reklamace_vraceni{
	flex-direction: column !important;
}*/

	.kariera.cenik .faq-answer div:nth-last-child(n){
		padding-bottom: 20px !important;
	}

	.kariera.cenik .faq-question button{
		height: 123px !important;
	}


	.kariera.cenik .faq-question div{
		float: right !important;

	}

	.kariera.cenik .faq-question button>h2{
		width: 89% !important;
	}

	.kariera.cenik .faq-question button>span{
		float: left !important;
		padding: 0 !important;
	}

	.clanek_novinka h1{
		padding: 10px 10px 10px 10px !important;
		font-size: 1.5rem !important;
	}



.clanek_hlavicka div{
	display: none;
}

.clanek_novinka{
	padding: 20px !important;
	width: 100%;
}

.clanek_dva_sloupce.levy img{
	padding: 10px !important;
	margin: 0px !important;
}

.clanek_dva_sloupce.levy,
.clanek_dva_sloupce.pravy{
	width: 100% !important;
}

.kariera .faq-answer div:nth-child(1){
	padding-bottom: 0 !important;
}


.kariera .faq-answer div:nth-child(2){
	padding-bottom: 20px !important;
}

.kariera .faq-answer div{
	width: 100% !important;
}

.kariera .faq-answer div:nth-child(1),
.kariera .faq-answer div:nth-child(2){
	float:unset !important;
}


	.infograf_fin>div div{

	    width: calc(100% / 3);
    display: flex;
	
}
	.infograf_fin .cara {
    background: linear-gradient(90deg, rgba(0,0,0,0) 49%, #dedede 50%, rgba(0,0,0,0) 51%) !important;
}
	.infograf_fin>div {
    display: flex;
    flex-direction: row;
}
	.infograf_kroky{
		margin: unset !important;
    	min-height: 140px !important;
    	width: calc(100% / 3) !important;
    	float: left;
    	text-align: left; 	
	}

	.infograf_fin div div:nth-child(3) span {
	      width: 100%;
    float: right;
    text-align: left !important;
    padding: 0 !important;
    margin: auto;
	}
	
	.infograf_fin div div div {
		rotate: 90deg;
	    width: 37% !important;
	    left: 31.5% !important;
	    top: 200% !important;
	    margin: unset !important;
	}

	.infograf_fin{
		flex-direction: column !important;
	}
	
	.infograf_fin>div {
	    width: 100% !important;

	}

	.cislovka{
	text-align: center !important;
    width: 35px !important;
    height: 35px;
    margin: auto !important;
	}

	
	.popupcont.basketadd {
    	width: 250px;
	}
	.step_2 #contactdatacont_4_log ~ .boxcont.products.noedit {
    	width: 100% !important;
	}

/*	.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 100% !important;
}*/

	#headercont .logged ul li{
		padding: 3px 0 !important;
	}
	.spresenttrees .prodbox .tools, .sptnavigator .prodbox .tools {
	    display: grid;
	    width: 100%;
	    grid-template-columns: 50% 50%;
	    min-height: unset;
	}
	 .homepage.sptnavigator .prodbox .tools {
	    display: initial;
	    width: initial;

	}
.prodbox .buttons{
	display: none;
}
}
@media screen and (max-width: 480px) {

    .config span > .info{
        display: none;
    }
.boxcont.navbar .hp>a>span{
    display: none;
}

    #wnCarousel14 .hdr p{
        width: 100% !important;
        padding-bottom: 0;
        padding-left: 15px;
        padding-top: 15px;
        padding-right: 15px;
    }
    .aktualita {
        padding: 15px !important;
    }

     .googlehvezdyuvodka span, .googlehvezdyuvodka img, .googlehvezdyuvodka div, .googlehvezdyuvodka a{
   margin: 0px auto 0 auto !important;
        float: unset !important;
        clear: unset;
        width: 100%;
        display: block;
        text-align: center;
}   
    .googlehvezdyuvodka {
    margin: 40px auto 0 auto;
    background: #fff;
    padding: 20px;
    float: unset;
    max-width: 400px;
    border-bottom: 2px solid #E6E6E6;
}
    footer .boxcont.navi>.cnt {
        grid-template-columns: 50% 50%;
        grid-template-rows: 25% 25% 16% 22%;
    }
#googlehvezdy span, #googlehvezdy div, #googlehvezdy img{
            margin: 0 auto !important;
        float: unset !important;
        clear: unset !important;
        display: block;
        min-width: unset !important;
        text-align: center;
        font-size: 0.8rem !important;
        max-width: 140px !important;
    }


	.boxcont.webnews.news.webnewsall ul .boxcont{
		height: unset !important;
	}

.boxcont.webnews.news.webnewsall ul .boxcont .cnt .note p{
	display: none;
}


	.clanek_foto img{
		width: calc(100%/2 - 32px) !important;
		margin: 15px !important;
	}

.kariera .faq-wrapper, .kariera .faq-answer{
		padding-bottom: 15px !important;
	}

.kariera .faq-question button{
	padding-bottom: 15px !important;
}
.kariera .faq-question div{
	margin: -24px 10px !important;
}

.kariera .faq-question button>span{
	margin: unset !important;
	float: left !important;
}

.kariera .faq-question button>h2{
	width: 100% !important;
}

.infograf_fin>div div{
	width: calc(100% / 2) !important;
	background-size: 85% !important;
	
}

.infograf_fin div .cara{
	display: none;
}
#rozbalit-vse-button{
	margin-top: 20px;
	padding-bottom: 0 !important;
}

.faq-container{
	margin-top: 0;
}

	.boxcont.modalcfg .cnt{
		padding: 0 !important;
	}

	.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(2),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(3),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(4),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(6),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(7),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(8),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(10),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(2),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(3),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(4),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(6),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(7),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(8),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(10){
	display: none;
}

	.stinotecmtblock_banner div p{
		float: unset !important;
	}
	.stinotecmtblock_banner div img {
    margin-right: 10px;
}
	.stinotecmtblock_banner div h4 {

    margin-left: 0 !important;
    padding: 0 !important;

}
.stinotecmtblock_banner div {
    width: 100% !important;
        padding: 10px 0 10px 0 !important;
}
.orderss .srchform form div:last-child,
.orderss .srchform form div:nth-child(8),
.orderss .srchform form div:nth-child(7){
	padding-left: 15px;
}

.srchform .item{
	width: 100%;
}

#payid_7 ~ .price {
    max-width: 100%;
    width: initial !important;
    margin: initial !important;
    float: left;
    clear: left;
}
.gdprpermiss .hor tbody:nth-child(1) th:nth-child(2),
.gdprpermiss .hor tbody:nth-child(1) th:nth-child(3),
.gdprpermiss .hor tr td:nth-child(2),
.gdprpermiss .hor tr td:nth-child(3)
{
	display: none;
}

.toolbar .btn-tool{
	display: inline-grid;
}

/*
.orderss .boxcont.srchform,
.invoices .boxcont.srchform {
	display: none;
}*/

.btn-tool span{
	display: unset !important;
}

	#headercont .basket .btn .count {

    right: 0 !important;
}
/*	.config_par {

    margin: -35px auto 0 auto;

}*/
	.boxcont.navbar {
    margin: 10px 0 10px 15px !important;
}

	#sptnav .level3 li:nth-child(3) .level6>li {
    width: 100% !important;

}
	.boxcont.sluzby .left_cont h3 {
	   padding: 20px 30px 80px 30px !important;
}
.boxcont.sluzby .left_cont {
    height: 390px !important;
    background-size: 120% !important;

}
.boxcont.sluzby .left_cont a {
    bottom: 0px !important;
}
	div.nextwn {
    margin: -40px 20px !important;
}
	.krok {
		width: 100%;
	}
	.banner_clanek_obrazek>div>span {
    margin-top: 100px !important;
	}
	.prodbox .img img {
    max-width: 100% !important;
    mix-blend-mode: darken;
}

		.cont_newsletter input {
    width: 100% !important;
}
	.owl-stage>div:nth-child(2),.owl-stage>div:nth-child(3) {
    /*display: none !important;*/
}
	.boxcont.product.carousel .tools .btn span{
		display: inline-block;
	}
	.boxcont.product.carousel .tools .btn:before{
		display: none;
	}
.carousel .owl-item {
    width: 100% !important;
}

#headercont .logo {
    margin: 0 0 0 60px !important;
    width: 105px !important;
}

	.modal-popup.modal-pf2020 .pf2020 p {
    font-size: 4rem;
	}
/*
	.modal-popup {
    width: 90%;
        min-width: 300px;
	}*/

        #headercont .logo a {
	background-position: 10px -15px !important;
        height: 32px !important;
        margin: 5px 0 0px 0px !important;
        background-size: 215% !important;
		}

	.ordbaskets #headercont .logo a,
	.orders #headercont .logo a {
	    margin: 14px 0 !important;
	    width: 200px;
	    max-width: unset;
	    height: 50px !important;
	    background-size: 285px !important;
	    background-position: 0 -20px !important;
	}

	.ordbaskets #headercont .logo {
    	margin-left: 25px !important;
	}

        .configuration {


        /* margin: 1% 0!important; */
        }
        .config .config-detail .config-info.half.float-right {
            width: 100%;
            margin: 0;
            left: 0%;
        }
		.subcats ul li:nth-child(2n+1) {
		margin-right: 5px !important;
		}

        .subcats ul li {
        width: calc(50% - 5px);
        height: 45px;
        }
        .search {
        padding: 0 !important;
        margin: 10px 5px 9px 0 !important;
        }   
        /*.prodbox .availability {
        margin: 0 140px 0 0px !important;
        }*/
        .prodbox {
        height: auto;
        /*background-image: linear-gradient(to bottom, white 87%, rgba(7, 46, 92, 0.08) 0%);*/
        }
        .prodbox .btn-config {
        float: right !important;
        padding: 4% 8% !important;
            margin: 0 !important;
            width: 100%;
            min-width: 130px;
        }
        .prodbox .buybox .btn {
            float: right !important;
    padding: 10px 15px !important;
    margin: 0 !important;
        }
       

        .search .btn-search {
            background-color: #204471;
            padding: 5px 16px;
            /*margin: 10px 0 0 0 !important;*/
        }

        /*#headercont.scroll {
            margin-top: -29px;
            border: none;
        }*/

        #headercont .search {
                margin: 10px 0 10px 10px !important;

        }

        #headercont .basket .cnt {
            margin: 0;
        }

        .prodbox {
            width: 100% !important;
            /*background-image: linear-gradient(to bottom, white 87%, rgba(7, 46, 92, 0.08) 0%);*/
        }

        .prodbox .price {
            font-size: 2rem;
            margin: 8% 0 0px 0;
        }

        .boxcont.half.float-right.stiinfo a.btn.btn-buy span {
            display: block !important;
        }


        .config .configinput label {
            width: 100% !important;
            margin-right: 0px;
        }

        #headercont .basket .btn.btn-buy .count {
		    top: 0px;
		    height: auto;
		    width: 1.4rem;
		    height: 1.4rem;
		    font-size: 0.75rem;
		    right: -10px !important;
        }

        #tree-icon.open span:nth-child(3) {
            top: 10px;
        }

        #headercont .search input {
            width: calc(100% - 60px);
        }

        #headercont .search .btn.btn-search {
            background-color: #152654;
            padding: 10px 20px;
            margin: -5px 0px 0 0;
        }


        #headercont .basket {
            margin: 8px 10px 0px 0px !important;
        }

        #headercont .basket .btn.btn-buy {
            background-color: #152654;
            float: right;
            padding: 15px 5px 5px 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        /*#tree-icon {
            width: 34px;
            margin: 9px 25px 0px 12px;
        }*/

        #tree-icon span {
            width: 100% !important;
            margin-bottom: 0px;
            position: relative;
            height: 9px;
            border-radius: 10px;
        }

        #headercont .logged .hdr .btn-icon:before {
            font-size: 16px;
        }

       

        #headercont.res-search-open .search {
            border: none;
            margin: 15px 12px 20px 50px;
            width: 78%;
        }

        /*    #headercont .basket .price {
         display: initial;
        }*/

        /*galerie detail produktu*/
        .config .gallery .owl-wrapper {

            display: inline-flex;
        }

        .config .gallery img {
            width: 100%;
            padding: 0% 10%;
        }

        .config .gallery .owl-item {
            /*width: 2.1% !important;*/
            display: inline-flex;
        }

        .config .config-img a {
            width: 100%;
        }

        /*galerie detail produktu*/
        .noedit .qtybox input {
            border: none;

        }

        .noedit .qtybox .up {
            display: none;

        }

        .noedit .qtybox .down {
            display: none;

        }

        .stoitem .stiinfo .cnt .order .label {
            /*font-size: 2.5rem !important;*/
        }

        .config .config-info .cnt .tabform {
            position: relative;
          /*  width: 370px;*/
            margin: 2% auto;
        }

        #centercont {
            padding: 122px 0 0 0 !important;
        }
        .boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 100% !important;
}
.boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log{
	margin: 10px 0 0 0;
}
}

@media screen and (max-width: 375px) {


#googlehvezdy > div > a > div:nth-child(3) > div{
    display: none;
}
.clanek_foto img{
		width: 100% !important;
		display: block;
		margin: 10px auto !important;
		clear: both;
	}

.infograf_fin>div div {
    width: calc(100% / 2) !important;
    background-size: 90% !important;
}


.infograf_kroky {
    min-height: 120px !important;
}

.boxcont.article h1{
	font-size: 1.6rem !important;
}


.contact .boxcont.document .cnt table th{
	min-width: unset;
	padding-left: 10px;
}

		#sptnav.res-tree-open {
top: 113px;
}
.ordbaskets #headercont .logo a,
.orders #headercont .logo a{
    margin: 14px 0 !important;
    width: 200px;
    max-width: unset;
    height: 50px !important;
    background-size: 275px !important;
    background-position: 0 -20px !important;
}

#headercont .logo a {
                    background-position: 16px -76px !important;
        height: 50px !important;
        background-size: 210px !important;
        margin: -3px 0px 0px 50px !important;
    }
	#headercont .logo {
    margin: 0 0 0 10px !important;
    width: 50px !important;
    height: 40px;
}

	#headercont .login .hdr:before {
    font-size: 1.5rem;
}
	#headercont.res-search-open .logo {
    display: block;
}
	#ordproductscont div table .total,
		#ordproductscont .totalprc {

		    width: 1% !important;

		}
	.modal-popup.modal-pf2020 .pf2020 p {
    font-size: 3.2rem;
	}

    .config .config-detail .hdr h1 {
    padding: 10px !important;
    }
    .boxcont .hdr > h1 {
    font-size: 1.5em !important;
    }
    .config .config-detail .hdr span {
    font-size: 1em;
    }
    .config-detail .status {
    /*margin: 175px 0 0 0;*/
        padding: 0 0 0 10px;
    }

    
    .configuration {
    /* margin: 1% 0!important; */
    } 
        /*#tree-icon {
            width: 34px;
            margin: 7px 10px 0px 12px;
        }*/
        #headercont.res-search-open .search {
            border: none;
            margin: -22px 0 0 85px !important;
            width: 65%;
        }
        .search .btn-search {
            background-color: #204471;
            padding: 5px 16px;
        /*margin: 20px 8px 0px 0 !important;*/
        }

        #headercont .basket {
                margin: 12px 10px 0 0;
        }

        /*#headercont.scroll {
            margin-top: -30px;
            border: none;
        }*/

        #headercont .basket .cnt {
            margin: 0;s
        }

        #headercont .search {
    		   /* margin: 5px 0 0px 10px !important;*/
    max-width: 210px;

        }

        #headercont .search .btn.btn-search {
			width: 60px;
        }

        .config .configinput label {
            width: 100% !important;
            pointer-events: none;
        }

        #centercont {
            padding: 120px 0 0 0 !important;
        }

        /*galerie detail produktu*/
        .config .gallery .owl-wrapper {
            /*width: 100% !important;*/
            display: inline-flex !important;
        }

        .config .gallery img {
            width: 100%;
            padding: 0% 10%;
        }

        .config .gallery .owl-item {
    /*            width: 25% !important;*/
            display: inline-flex;
        }

        .config .config-img a {
            width: 100%;
        }

        /*galerie detail produktu*/
        .noedit .qtybox input {
            border: none;

        }

        .noedit .qtybox .up {
            display: none;

        }

        .noedit .qtybox .down {
            display: none;

        }

        .config .config-info .cnt .tabform {
            position: relative;
            width: 100%;
        }

        #centercont {
            padding: 116px 0 0 0 !important;
        }
}

@media screen and (max-width: 320px) {

	.boxcont.navbar {
    margin: 15px 10px 10px 10px !important;
	}

	.financovani_text h2{
		padding-top: 0 !important;
	}

	.banner_clanek {
    padding: 15px !important;
	}

	.wm.sptnavigator .contentcont.wm {
    padding: 0 15px !important;
	}

	.article .cnt .content>div {
    padding: 15px !important; 
    background-color: #fff !important;
	}

	#importByICO {
		width: 100%;
	}

	#basketsumtab tr:last-child th {
    font-size: 1.5rem;
}
	#gdprcont {
        width: 100%;
}
	#customsignordercont{
width: 100% !important;
}
	#deliverycont, #paywaycont{
	width: 100% !important;
}
	.cont.contentcont.ordbaskets form{
		padding: 0 10px;
	}
	#contactdatacont_4_log ~ .boxcont.products.noedit{
    width: 100%;
}
	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1) {
    padding-bottom: 25px;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 100%;
        margin-top: 50px;

}
	.cont.contentcont.ordbaskets #logincontactcont{
    width: 100%;
}
	.ordbaskets .boxcont.buttons .btn.btn-inv, .ordbaskets .boxcont.buttons .btn.btn-big {
/*        width: calc(100%/3);*/
    min-width: 93px;
    margin: 0;
}

		.btn.btn-inv.btn-back.ds_hide + .btn.btn-inv.btn-back{
			width: 48% !important;
		}

		.btn.btn-inv.btn-delete.ds_hide ~ .btn.btn-big.btn-next{
			width: 48%;
		}

/*		.btn.btn-inv.btn-delete.ds_hide ~ .btn.btn-big.btn-create-ord{
			width: 48%;
		}*/
		.boxcont.logincontact.ds_none + form .boxcont.products.noedit{

    width: 100%;


}
			.cont.contentcont.ordbaskets form
		#contactdatacont_1, 
		#contactdatacont_2, 
		#contactdatacont_3, 
		#contactdatacont_4,
		#contactdatacont_1_log, 
		#contactdatacont_2_log, 
		#contactdatacont_4_log{
			width: 100%;
		  
		}


        #centercont {
            padding: 116px 0 0 0 !important;
        }

        .webnews .tabs ul.ui-tabs-nav .ui-state-active a,
        .webnews .tabs ul.ui-tabs-nav li a {
            font-size: 1em;
        }
}

.orderby .cnt .custom-select{
	    margin: 0 10px 0 0;
	    height: auto;
}

/*.availability .store p {
    font-size: 0.75rem !important;
    line-height: 1.125rem !important;
}
.availability .store p {
    font-size: 0.75rem !important;
    line-height: 1.125rem !important;
}*/

.tabform tr td span + div {
    border-top: none !important;
}

.config .tabform tr td div:nth-child(2){
	border-top: none !important;
} 
.spresenttrees .listpage .pagenav{
	display: none ;
}
.spresenttrees .listpage.btm .pagenav{
	display: block ;
}
/***/
/*.spresenttrees a[href="servery-servery-nove-generace_c19315230.html"], .spresenttrees a[href="servery-usporne-servery_c20105349.html"] {
    display: none !important;
}*/
/*.homepage .sts1631,
.homepage .sts1783{
	display: none;
}*/

.popuppage .navbar,
.popuppage .stibundletab .hdr{
 display: none;
}

.popuppage .boxcont.stibundletab .code{
	display: none;
} 
.popuppage .stoitem .hdr{
	position: relative;
	width: unset;
	max-width: unset;
	padding: 0 0 0 25px;
}
.popuppage .logo{
padding: 0 0 0 15px;
}
.popuppage .boxcont.stoitem>.cnt,
.popuppage .boxcont.half.float-right.stiinfo>.cnt,
.popuppage .stoitem .rowbox.greenloancalc{
	        display: grid;
    grid-template-columns: 50% 50%;
    position: relative;
}
.popuppage .stoitem .boxcont.half.stiimg .gallery,
.popuppage .checker, 
.popuppage .note, 
.popuppage .stock, 
.popuppage .comp, 
.popuppage .watchdog,
.popuppage .rowbox.order,
.popuppage .thumbimg,
.popuppage .rowbox.waruser{
	display: none;
}
.popuppage .boxcont.half.stiimg{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
.popuppage .stiinfo .rowbox.wovat .label,
.popuppage .stiinfo .rowbox.wvat .label{
	display: block !important;
	}
.popuppage .boxcont.half.float-right.stiinfo,
.popuppage .rowbox,
.popuppage .rowbox.wovat .text.price{
	padding: 0 !important;
	margin: 0 !important;
}
.popuppage .sikqty{
	text-align: center;
	border-left: 1px solid silver;
}
.popuppage .rowbox.wovat .label{
	padding: 0 5px 0 0 !important;
}
.popuppage .rowbox.wovat .text.price,
.popuppage .rowbox.wvat .text.price{
	font-size: initial !important;
	color: #4D4D4D !important;
}

.popuppage li[aria-controls="sticattree"],
.popuppage li[aria-controls="stiattach"],
.popuppage li[aria-controls="stiparsets"]{
	display: none !important;
}

.popuppage #sticomment,
.popuppage #stiparsets{
	display: block !important;
}
.popuppage li[aria-controls="sticomment"] a:before{
	content: "" !important;
}

.popuppage li[aria-controls="sticomment"] a:after{
	content: "Popis";
	float: left;
}
.popuppage li[aria-controls="sticomment"] a span{
	display: none !important;
}

.popuppage .tools{
	order: 4;
} 
.popuppage .stoitem .tabs .tabpage,
.popuppage li[aria-controls="sticomment"],
.popuppage .rowbox.leasingrowfl{
	border: none !important;
}
.popuppage .stoitem .boxcont.tools .btn.print{
	    margin: 0 auto !important;
    float: none;
    width: 10%;
    clear: none;
    display: block;
}
.popuppage .boxcont.stibundletab{
	padding: 0 10px 0 10px;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
} 

.popuppage .boxcont.half.float-right.stiinfo>.cnt{
	top: unset;
    width: 100%;
    max-width: unset;
}
.popuppage .boxcont.half.float-right.stiinfo{
	padding: 20px 10px 20px 10px !important;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    display: grid;
}
.popuppage .rowbox.war .text:before{
	content: "Záruka: ";
}
.popuppage #stiysttable tr:nth-child(1) .name{
	color: transparent !important;
}
html[lang="cs"] .popuppage #stiysttable tr:nth-child(1) .name:after{
	content: "Aktuální konfigurace" !important;
	color: initial !important;
	float: left;
}
html[lang="sk"] .popuppage #stiysttable tr:nth-child(1) .name:after{
	content: "Aktuálna konfigurácia" !important;
	color: initial !important;
	float: left;
}
.popuppage #sticomment .boxcont.stiplnote{
	margin: 0 !important;
    padding: 0 15px;
}
.popuppage .tabinfo td {
    padding: 5px 3px !important;
}
.popuppage .tabinfo.hor td{
	border-bottom: 1px solid #C0C0C0 !important;
}
.popuppage #stiparsets{
	padding: 0 15px;
}
.popuppage .pacname{
	padding: 0 !important;
}
.popuppage .rowbox.leasingrowol:before{
	content: "";
	content: "";
	margin: 0;margin: 0;
}
.popuppage .rowbox.war{
	padding: 0 0 0 0 !important;
}
.popuppage .stoitem .stiinfo .cnt .rowbox .text{
	float: left;
}
.popuppage .rowbox.code {
grid-column-start: 1;
grid-column-end: 1;
}

.popuppage .stoitem .stiimg .status{
	grid-row-start: 1;
grid-row-end: 1;
padding: 30px 0 0 25px;
}
.popuppage .rowbox.leasingrowol .label:not(:empty):after{
	font-size: 1rem !important;
}
.popuppage .stoitem .boxcont.half.stiimg>.boxcont.img{
		grid-row-start: 2;
grid-row-end: 3;
}
.popuppage #financnileasing:before,
.popuppage #operativnileasing:before{
        content: "od ";
    font-weight: 400;
    color: #4d4d4d;
}
.popuppage .rowbox.code .text p,
.popuppage .rowbox.code .label{
	font-size: initial !important;
	line-height: initial !important;
}
.popuppage .boxcont.half.float-right.stiinfo .rowbox.code{
	display: block !important;
}

.iisutil .stiparcomp .stiqtyfree,
.iisutil .stiparcomp .stistatus,
.iisutil .stiparcomp .cpa_1633,
.iisutil .stiparcomp .cpa_2250,
.iisutil .stiparcomp .cpa_1660,
.iisutil .stiparcomp .cpa_1664,
.iisutil .stiparcomp .cpa_1827,


.iisutil .stiparcomp .cpa_2633,
.iisutil .stiparcomp .cpa_1964,
.boxcont.stiparcomp table .stipartno,
.boxcont.stiparcomp table .stiwardurtimnameeu,
.boxcont.stiparcomp table .stiwardureu,
.boxcont.stiparcomp table .stiwartxteu,
.boxcont.stiparcomp table .stiwardurtimname,
.boxcont.stiparcomp table .stiwardur,
.boxcont.stiparcomp table .cpa.cpa_1611,

.boxcont.stiparcomp table .cpa.cpa_1660{
 display: none;
}
.iisutil .stiparcomp .sippriceord td {
    color: transparent;
    line-height: 0;
}
.iisutil .stiparcomp .sippriceord td br{
	display: none;
}

.stiparcomp .cnt table .thumbnail a {
    display: block;
    float: unset;
    clear: unset;
    width: fit-content;
}

.btn-remove:before {
    font-size: 1rem;
    color: #152654;
}

.stiparcomp .cnt table tr:hover td {
    background: #fff;
}
.iisutil .stiparcomp .sippriceord td .bold{
	visibility: visible;
	line-height: normal;
	font-size: 0.875rem;
	color: #4D4D4D;
	font-weight: normal;
}
.iisutil .stiparcomp .sippriceord td .price{
	display: none;
}
.stiparcomp .sharer .fa-facebook-square,
.stiparcomp .sharer .fa:before{
	display: none;
}
.iisutil .tabinfo p {
    float: left;
    clear: left;
}
.iisutil .tabinfo .buy .btn span{
	font-size: 0;
	line-height: 0;
}

.iisutil .tabinfo .buy .btn{
	background: #152654 !important;
}
.ordbaskets .centercont .custom-select{
	    background: white url(../img/select-arr-down.svg) no-repeat;
    background-size: 20px 20px;
    background-position: center right;
}
.iisutil .tabinfo .buy .btn-buy:before{
	color: #fff;
}
.boxcont.stiparcomp .hdr h1{
	padding: 50px 0 10px 0;
}
#comxcouid, select[name="cstxcouid"] {
	background: #fff !important;
	pointer-events: none;
}
#contactdatacont_4_log .custom-select+.text-placeholder{
	    position: relative;
    line-height: 0.75rem;
    left: 0px;
}
#new_cst .custom-select+.text-placeholder{
	display: none;
}
#new_cst .custom-select,
#new_cst .custom-select select{
	height: 45px !important;
}
.step_2 #contactdatacont_4_log .custom-select{
	order: 2;
    height: 45px !important;

}
#contactdatacont_4_log .custom-select+.text-placeholder span{
color: transparent;
font-size: 0px;
}
#contactdatacont_4_log .input-placeholder{
	display: grid;
}
#contactdatacont_4_log .custom-select+.text-placeholder span:after{
content: "Vyberte";
    color: #999999;
    font-size: 0.75rem;
}
.iisutil .stiparcomp .buttons{
margin-top: 50px;
}
html[lang="cs"] .iisutil .tabinfo .buy .btn span:after{
	content: "Konfigurovat";
    font-size: 1rem;
    color: #fff;
    font-weight: normal;
}
html[lang="sk"] .iisutil .tabinfo .buy .btn span:after{
	content: "Konfigurovať";
    font-size: 1rem;
    color: #fff;
    font-weight: normal;
}

.navbar ul li.hpe a:before{
	content: "";
}

.config .modal-popup.undefined{
	display: none;
}
.config span:hover > .info span {
    display: block;
}
.infograf_fin h2{
	color: #fff;
    font-size: 1.5rem !important;
    text-align: center;
    padding: 0px 0px 15px 0;
}
.infograf_kroky{
	display: block;
    height: 160px;
    text-align: center;
    width: 100%;
    margin: 10px auto 15px auto;
    background-size: 90% !important;
}
.config .liziny input[value="78274"] + label .configname:after,
.config .housing_v_datovem_centru input[value="66634"] + label .configname:before
.config .zaruky_a_servis input + label .configname:before{
	content: "" !important;
}
 .availability.inet .stock.out p{
	display: none;
}
.cont.cookie .cnt p a{
	    float: initial;
}
.param.val [type="checkbox"]:not(:checked),.param.val [type="checkbox"]:checked {
        visibility: hidden;
    height: 0;
    width: 0;
    margin: 0;
    position: relative;
    left: 0;
    float: unset;
}
.noUi-connect {
   background: #21378a;
}
.stiparinf .paramitem.slider .cnt .param-range {
    background: #e8ecf6;
}
.noUi-horizontal .noUi-handle {
    width: 7px;
    height: 18px;
    right: -6px;
    top: -7px;
    background: #21378a;
    box-shadow: none;
    border: none;
    border-radius: 0;
}
.stiparinf .paramitem.slider .cnt .param-range{
	width: 98%;
	    border: none;
    box-shadow: none;
    grid-column-end: 3;
    grid-column-start: 1;
}

.stiparinf .paramitem.slider .cnt .from, .stiparinf .paramitem.slider .cnt .to{
	font-size: 0.85rem;
	    order: 2;
	    padding: 0;
}

.stiparinf .paramitem.slider .cnt .from{
grid-column-start: 1;
grid-column-end: 1;
}

.stiparinf .paramitem.slider .cnt .to{
grid-column-end: 2;
    grid-column-start: 2;
    text-align: end;
}

input[value="8-Core 2.40 GHz E5-2630 v3"]:after,
input[value="4-Core 3.00 GHz E3-1220 v5"]:after,
input[value="6-Core 2.00 GHz E5-2630L"]:after,
input[value="6-Core 2.00 GHz E5-2430L"]:after,
input[value="8-Core 2.20 GHz Silver 4209T"]:after,
input[value="10-Core 1.80 GHz E5-2630L v4"]:after,
input[value="8-Core 1.80 GHz E5-2630L v3"]:after,
input[value="10-Core 1.70 GHz E5-2650L v2"]:after,
input[value="6-Core 2.40 GHz E5-2630L v2"]:after,
input[value="6-Core Xeon L5640"]:after,
input[value="14-Core 1.70 GHz E5-2650L v4"]:after,
input[value="8-Core 1.80 GHz Silver 4108"]:after,
input[value="12-Core 1.80 GHz E5-2650L v3"]:after,
input[value="10-Core 2.20 GHz Silver 4114"]:after,
input[value="12-Core 2.10 GHz Silver 4116"]:after,
input[value="8-Core 2.60 GHz E5-2640 v3"]:after,
input[value="8-Core 2.20 GHz Silver 4215"]:after,
input[value="8-Core 2.10 GHz Silver 4208"]:after,
input[value="8-Core 2.10 GHz Silver 4110"]:after{
	    content: "úsporný";
    visibility: visible;
    float: right;
    clear: right;
    background: #e8ecf6 !important;
    padding: 0px 6px;

    font-size: 0.75rem;
    white-space: nowrap;
    color: #152654;
    position: absolute;
        margin: -10px 0 0 0;
}
.boxcont.paramitem .cnt input:disabled + label{
	display: none;
} 
.param.val input:disabled{
	float: inherit !important;
}

.param.val input:disabled:after{
	display: none;
}
.noUi-handle:after, .noUi-handle:before{
	display: none;
}
/*.sts.sts120{
	background: #B5F5B6 !important;
}*/
.boxcont.paramitem.slider .cnt{
	    display: grid;
    grid-auto-columns: 50% 50%;
} 
.stiparinf .paramitem .param.val{
    float: left;
    display: block;
}
.leasingrowol th,
.rowbox.leasingrowol .label{
font-size: 0px !important;
}

#stinotecmtblock{
	padding: 0 0 10px 10px; 
}

.serverove_cpu .configinput span.config_qtylist_line:after{
	content: "x";
    display: block;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;

    float: left;
    line-height: 1.3125rem;
    font-size: 0.875rem;
    color: #152654;
}
.serverove_cpu .configinput span input{
	        width: 16px !important;
    padding: 0px 0 0 7px !important;
        font-weight: 400 !important;
        pointer-events:none;
}
.serverove_cpu .configinput label{
	padding-left: 50px !important;
}

.serverove_cpu input[type="radio"]:checked ~ .config_qtylist_line input,
.serverove_cpu input[type="radio"]:checked ~ .config_qtylist_line:after{
	font-weight: 600 !important;
}

html[lang="cs"] .config label>div:before{
    content: "[více info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    border-bottom: 1px dotted;
    font-size: 0.85rem;
    color: #21378a;
    font-weight: 400;
    float: right;
    margin: 8px 0 0 0;
}
html[lang="sk"] .config label>div:before{
    content: "[viac info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    border-bottom: 1px dotted;
    font-size: 0.85rem;
    color: #21378a;
    font-weight: 400;
    float: right;
    margin: 8px 0 0 0;
}
/*.serverove_cpu .configinput .config_par .param{
	display: none;
 }*/
/*.config_par:hover .param{
    display: inline-block !important;
}*/

.config_par_wrap:hover .config_par{
	    display: block;
}
/*.serverove_cpu .config_par .param:nth-child(1){
	margin: 30px 0 0 0;
}
.serverove_cpu .config_par .param:nth-child(2){
	margin: 60px 0 0 0;
}*/
.config .config_par{
    display: block;
    float: left;
    margin: 0;
    padding: 8px 0;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    top: 40px;
}
.config .config_par{
	    position: absolute;
    background: #fff;
    padding: 5px 0 2px 0;
    margin: 0;
    display: none;
}

.serverove_cpu .config_par .param span{
padding: 0 0 0 0;

    float: left;
    font-weight: 400;

    padding: 0 0px 0 10px;
    border-bottom: 1px solid #f2f2f2;
}
.diskovy_radic .config_par .param{
	display: flex;
}
.serverove_cpu .config_par:hover div{
	display: inline-block !important;
}
.
.status .sts1633 p span:nth-child(2){
	display: none;
}

.homepage .sts{
	display: none;
}

.homepage .sts1633{
	display: block !important;
}
.diskovy_radic .config_par .param span{
       white-space: nowrap;
    padding: 0 10px 0 10px;
}
.diskovy_radic .config_par .param span:last-child{
	    font-weight: 400;
    padding: 0 0 0 10px;
}
.config_par_wrap{
	display:block;
	    float: left;
 /*   clear: right;*/
}

.info span{
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    border-radius: 0px;
    border: 0px;
}

.sts.sts_new p span:nth-child(2){
	display: none;
}
.boxcont.logbusinfo .cnt tr{
		    width: 100%;
    display: block;
    margin-top: 5px;
    background: #21388a;
    text-align: center;
}
.boxcont.logbusinfo .cnt tr:nth-child(1),
.boxcont.logbusinfo .cnt tr:nth-child(2),
.boxcont.logbusinfo .cnt tr:nth-child(3),
.boxcont.logbusinfo .cnt tr:nth-child(4){

}
		.boxcont.legend .h-banner .banner2print{
		display: none;

	}
/*media print*/

@media print{
    .NBD_cnt{
        padding: 20px 0 0 0 !important;
    }
    .config #config_selected td {

    padding-top: 4px !important;

}
    #maincont[data-logged="0"] .boxcont.h-banner.cz:before{
        content: "Proč koupit server u Czech-Server.cz?";
        color: #152654;
    font-family: 'Hrot Basic Medium' !important;
    text-transform: uppercase;
            font-size: 1.75rem;
            padding-top: 30px;
    }

    .scrollbutton.btn{
        display: none;
    }
    .boxcont.onlytoprint.modalcfg{

    }
    #maincont[data-logged="0"] #footercont .hdr>p{
        display: none;
    }

    .ch2-icon, #smartsupp-widget-container, .boxcont.footerinfo,.scrollbutton.btn{
        display: none !important;
    }

    .config .config-detail>.hdr{
        height: auto;
    }
    #maincont[data-logged="0"] #footercont a[href="tel:+420608984413"]{
        display: block !important;
    }
    #maincont[data-logged="0"] .boxcont.footerlogo:after{
        max-width: 200px;
    }
    #maincont[data-logged="0"] .footerlogo{
        max-width: unset !important;

    }
    #maincont[data-logged="0"] #footercont .boxcont.footerlogo,
    #maincont[data-logged="0"] #footercont .boxcont.companyinfo,
    #maincont[data-logged="0"] #footercont .boxcont.companycontact{
        width: calc(100% / 3) !important;
        margin-top: 20px;
    }
    #maincont[data-logged="0"] #footercont h3{
        color: #152654;
        float: left;
        clear: left;
        padding: 15px 0 0 0 !important;
    } 
    #maincont[data-logged="0"] #footercont .boxcont.companycontact .cnt p:last-child{
        display: none;
    }
    #maincont[data-logged="0"] #footercont h3:first-child{
        padding-top: 0px !important;
    }
    #maincont[data-logged="0"] .boxcont.footerlogo:after{
        content: "";
        border: none !important;
    }

    #maincont[data-logged="0"] #footercont p,
    #maincont[data-logged="0"] #footercont a,
    #maincont[data-logged="0"] #footercont span{
        color: #152654 !important;
        padding: 0 !important;
            }
    #maincont[data-logged="0"] #googlehvezdy{
        display: none !important;
    }
    #maincont[data-logged="0"] #footercont .boxcont.footerlogo a{
        content: url(../img/logo.png) !important;
        color: transparent !important;
        background: none !important;
        width: 220px;
        height: auto;
    }


    #maincont[data-logged="0"] #footercont .navi{
        background: #fff !important;
        padding: 10px 0px 20px 30px;
    }
    #maincont[data-logged="0"].config #footercont{
        display: block !important;
    }
    #maincont[data-logged="0"] #headercont header{
        max-width: unset !important;
    }
    html[lang="cs"] #maincont[data-logged="0"] #headercont .logo:after{
        color: #152654 !important;
    }
    #headercont{
        background: #fff !important;
    }
        #headercont .logo a {
                content: url(../img/logo.png) !important;
                background: none !important;
    
    }

        #maincont[data-logged="0"] #headercont {
        display: block !important;
        position: relative !important;
        padding: 0 0 0 20px;
        border: none !important;
    }
    .config .tablesel_prc:not(:empty):after{
        content: "/ks";
    }
	.config .config-detail .hdr h1{
		padding: 10px 0 0 20px;
	}
	.config .boxcont.h-banner h3, .NBD_cnt tr td:nth-child(1) p, .NBD_cnt table tr td p, .price{
		color: #152654 !important;
	}
	.config .config-img a{
		border-color: #dedede;
	}
	.config .config-info .cnt .tabform tr th:after, #financnileasing, #operativnileasing{
		color: #000 !important;
		font-weight: normal;
	}
	.config .wovat .price input,
	.config .tabform .wovat .price span u{
		color: #152654;
	}

	.config-info .tabform .classname,
	.config-info .tabform .war{
		border-top: 1px solid #dedede !important;
	}
	.config-info .tabform .greenloancalc{
		border: none !important;
	}
	.dnesni_datum{
	        display: block !important;
        text-align: center;
        padding: 5px 0 0 0;
}
	.config-info .tabform .code{
		        order: 5;
        padding: 0px 28px 0px 0;
        border: none;
	}
	.leasingrowol th:after,.leasingrowol td,
	.config-info .tabform .classname td, 
	.config-info .tabform .war td,
	.config .tabform .wvat .price span input,
	.config .tabform .wvat .price span u,
	.config-info .tabform .code td{
		font-size: 1rem !important;
		color: #000 !important;
		text-transform: initial;
	}
	.NBD_cnt .label-tip{
		display: none !important;
	}
	.NBD_cnt .nadpis:before {
        content: "Záruky a servis";
        float: left;
        display: block;
        clear: left;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 1.75rem;
        color: #152654;
        font-family: 'Hrot Basic Medium';
        line-height: 2.25rem;
        padding: 10px 0 0 10px;
    }
	.NBD_cnt .nadpis span{
		display: none !important;
	}
	.label-tip{
		display: none !important;
	}
	.config .boxcont.h-banner div {
border: 1px solid #dedede !important;
        padding: 30px 30px 0 30px !important;
        margin-top: 20px;
        height: 190px !important;
}
	.config-info .tabform .war{
		        padding: 10px 0 0 20px !important;
	}
	.leasingrowol{
		padding: 15px 25px 0px 25px !important;
        border-top: 1px solid #dedede;
	}
	.onlytoprint .NBD_cnt tr td img{
		display: none;
	}
	.onlytoprint .NBD_cnt tr td:nth-child(2):after,
    .onlytoprint .NBD_cnt tr td:nth-child(3):after,
    .onlytoprint .NBD_cnt tr td:nth-child(4):after,
    .onlytoprint .NBD_cnt tr td:nth-child(5):after{
        content: "Ano";
    }
    .onlytoprint .NBD_cnt .column1:after,
    .onlytoprint .NBD_cnt .column2:after,
    .onlytoprint .NBD_cnt .column3:after,
    .onlytoprint .NBD_cnt .column4:after,
    .onlytoprint .NBD_cnt tr:nth-child(2) td:after{
        content: "" !important;
    }
	.onlytoprint .NBD_cnt tr:nth-child(4) td:nth-child(2):after,
	.onlytoprint .NBD_cnt tr:nth-child(5) td:nth-child(2):after,
	.onlytoprint .NBD_cnt tr:nth-child(6) td:nth-child(2):after{
		content: "Ne" !important;
	}
	.onlytoprint.modalcfg .NBD_cnt .nadpis>span{
		display: none;
	}
	.config-detail .cnt .onlytoprint{

	}
	.boxcont.legend .h-banner .banner2{
		display: none;
	}
		.boxcont.legend .h-banner .banner2print{
		display: block !important;
	}
	.onlytoprint.modalcfg:after{
		        font-size: 0.875rem;
        background: #fff;
        content: "* Operativní leasing (Classic leasing) mohou využít firmy při nákupu nad 20 000 Kč bez DPH. Do 100 tis. Kč bez DPH standardně nejsou vyžadovány finanční výkazy, ale kdykoliv mohou být individuálně vyžádány. U objednávek nad 100 tis. Kč bez DPH je v případě OSVČ potřeba Daňové přiznání za dvě poslední účetní období. U právnických osob Účetní závěrka, rozvaha a Výkaz zisku a ztráty za 2 poslední účetní období (jsou-li uvedeny na Justici, není potřeba dokládat). V individuálních případech mohou být vyžadovány dodatečné podklady. Délka splácení je vázána na dobu odepisování předmětu. Při financování nad 80 000 Kč bez DPH je min. 36 měsíců. Více informací: www.grenke.cz/classic-leasing" !important;
        padding: 20px 30px;
    }
	#operativnileasing:after{
		content: "*";	}
	.tabform tr.leasingrowfl th{
    font-size: 0px !important;
}
	.tabform tr.leasingrowfl th:after{
    content: "Leasing (36 splátek):" !important;
    font-size: 0.85rem !important;
    color: #4d4d4d;
}

	.config .tabs .ui-tabs-panel{
		background: #fff;
	}
	.paramname, .paramclass p{
	padding: 5px 10px !important;
}
.boxcont.h-banner .btn{
	display: none;
}
	#maincont.config .config-detail #tabs{
		grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 5;
        grid-row-end: 5;
        padding: 20px;
        margin: 0;
	}
	.config .config-img a img{
		    margin: 10px 0 0 0;
		        width: 290px;
	}
	html[lang="cs"] #config_selected:before{
		padding: 0;
	}

	.config .config-img a {
    	margin: 10px 0 0 0;
                height: 260px;
        border: none;
	}
	.NBD_cnt td{
		width: 200px !important;
	}
	.price span{
		text-align: center;
    width: 100%;
	}
	.NBD_cnt td.configinput{
		        float: unset !important;
        clear: unset !important;

        width: auto !important;
	}


	.config .boxcont.legend{
		        grid-row-start: 4 !important;
        grid-row-end: 4 !important;
        margin: 0 !important;
        z-index: 100;
            break-before: page;
	}
	.NBD_cnt .config .configinput{
		float: unset !important;
		clear: unset !important;
	}
	.NBD_cnt tr td:nth-child(1) p, .NBD_cnt tr td:nth-child(1) span{
		display: none;
	}
	.modalcfg {
   		grid-column-start: 1 !important;
        grid-column-end: 3 !important;
        grid-row-start: 7 !important;
        grid-row-end: 7 !important;
                    margin-top: 250px !important;
    }
	.wovat .price{
		padding: 10px 0 0 0;	
	}
	.noteconf .head{
		display: none;
	}
	.onlytoprint{
		grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
        z-index: 100;
	}
	.row.noteconf{
		padding: 30px 30px 0 30px;
		background: #dedede;
		        -webkit-print-color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
                height: -webkit-fill-available;
	}
	.boxcont.onlytoprint .row:not(.noteconf){
		display: none;
	}

	.config .wvat .price input{
		margin: 0 !important;
	}
	.config-info .tabform .wvat{
		padding: 0 0 5px 0 !important;
	}
.config-info .tabform .war td, .config-info .tabform .classname td{
	text-align: center !important;
}

.config-info .tabform .war {
            order: 5;
        width: 50%;
        padding: 30px 0px 0 0 ;
        height: 35px;
        border: none;
        text-align: center;
}

.config-info .tabform .classname {
            order: 5;
        width: 50%;
        padding: 10px 0px 0 0 ;
        height: 35px;
        border: none;
        text-align: center;
}
.config-info .tabform tbody{
	max-width: unset !important;
}
#maincont.config .config-detail > .hdr, 
#maincont.config .config-detail .config-img, 
#maincont.config .config-detail .config-info > .cnt > .hdr, 
#maincont.config .config-detail .config-info > .cnt > .tabform tr:not(.wovat):not(.wvat):not(.producent):not(.rating):not(.order):not(.rating):not(.order):not(.leasingrowfl),
#maincont.config .config-detail .legend,
#maincont.config #modalcfg,
#maincont.config .config-detail .serverinfo p{
	display: block !important;
	color: #000;
}
#headercont, #footercont{
	        display: block !important;
        height: 80px;
}
.config .boxcont.navbar, 
.status, .leasingrowol, 
.availability, .classname, 
.code, .boxcont.note, 
.configuration, #sptnav, 
.boxcont.top, 
#tree-icon, 
#basketcont, 
.compare, 
.search, 
#footercont nav,
.config .btn-buy{
		display: none !important;
}
#centercont {
padding: 0 !important;
}


	.config-info.half.float-right .cnt, .config-detail>.cnt{
      display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 265px 150px auto auto;
        float: none;
	}
.config-detail .cnt .boxcont.config-img.half{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
            padding: 0 20px 0 0;
}

.config-detail .cnt form{
    grid-template-rows: 300px 150px auto;
        grid-template-columns: 50% 50%;
        display: grid;
                grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 7;
        background: transparent;
}

.config .config-detail .config-info.half.float-right{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 4;
        transform: unset;
        display: grid;
}

.config-detail .boxcont.note{
	grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: 0 25px 0 25px;
}

.config .hdr-config-info + .tabform{
	grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    transform: unset;
    display: grid;
}
.config .hdr-config-info + .tabform tbody{
    border: 20px solid #dedede;
}

#config_selected{
	grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
    transform: unset;
    display: grid;
    padding: 10px 0 10px 10px;
        border: 20px solid #dedede;
        margin: 0;
}

 #maincont.config .config-detail .config-info > .cnt > .tabform tr:not(.wovat):not(.wvat):not(.producent):not(.classname):not(.order):not(.rating):not(.greenloancalc):not(.code):not(.leasingrowol):not(.war){
        display: none !important;  
    }

/*.config .configinput{
	border: none;
}
.config .configinput input~span.config_qtylist_line{
	display: none;
}
.config .configinput input:checked~span.config_qtylist_line{
	display: flex !important;
}
, 
.leasingrowol, 
.classname, .code, .availability, 
.configuration, .configuration input+label, 
html[lang="cs"] .configinput.instock .configname:after, 
.tabform .info, .tabform tr.serverove_disky td span, 
.tabform tr.serverove_diskove_ramecky td span,
.tabform tr.primarni_lan_adapter_na_zakladni_desce td span,
.tabform tr.lan_adaptery td span{
	display: none !important;
}
.configuration input:checked+label{
	display: block !important;
}


.tabform input+label
	.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
  display: none;
}
	.config .tabs .ui-tabs-panel {
  background: #fff;
}
	.contentcont .boxcont .hdr > p {
  font-size: 2rem !important;
padding: 15px 15px 20px 0px;
background: #fff;
}
	.contentcont .boxcont .configuration{
  margin:20px 0 0 0;
}
	.config .availability .yes::before {
  padding: 0 0 0 5px;
}
	.config-detail .cnt .boxcont.config-img.half{
  padding: 0 15px 9px 25px;
}
	.config-info .tabform .availability {
  padding: 5px 0 0 0;
}
	.config-info .tabform .war {

  padding: 5px 0 0px 25px;
}
	.config .title span{
		margin: 0;
	}
	.boxcont.configuration .hdr{
		padding: 0 0 0 20px;
	}
	.config-info .tabform tbody{
		max-width: unset;
	}
	#config_selected{
		width: 200%;
		float: inline-end;
	}
	.config-detail .cnt .boxcont.config-img.half {
  float: left;
  clear: left;
  width: 50% !important;
  display: block;
}
	.config-detail .boxcont.note{
		padding: 0 0 0 20px !important;
	}
	#centercont {
  background: #fff;
}
	.config .config-detail .config-info.half.float-right{
		transform: initial;
float: right !important;
clear: right;
width: 50% !important;
	}
	
	
	.config .config-img a img {
  width: 80%;
}
.config-info .tabform .classname, .config-info .tabform .code {
  padding: 0 0 5px 25px;
}*/
}
/*media print*/

.status .discount, .case .discount{
	display: none;
}
.boxcont.stinote .cnt #stinotecmtblock{
display: none;
}
.boxcont.stinote .cnt .img{
	display: none;
}
.boxcont.stiplnote ul li{
float: initial;
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
font-size: 0.875rem !important;
line-height: 1.3125rem;
color: #4d4d4d;
list-style: initial;
margin: 0 0 0 15px;
}
.boxcont.stiplnote ol li span{
	font-family: 'IBM Plex Sans', Arial, sans-serif !important;
font-size: 0.875rem !important;
line-height: 1.3125rem;
color: #4d4d4d;
}

.stirelation{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 3;
    overflow: overlay;
}
.boxcont.stirelation .hdr p{
	    background: #fff;
    padding: 30px 0 25px 30px;
}
.boxcont.stirelation>.cnt{
	background: #fff;
}
.boxcont.stirelation>.cnt{
	padding-left: 20px !important;
	padding-bottom: 20px !important;
	width: max-content;
	    min-width: -webkit-fill-available;
}
.boxcont.stirelation>.cnt .prodbox{
	max-width: 270px;
}
.boxcont.stirelation>.hdr{
	background: #f2f2f2;
    padding: 30px 0 0 0;
}

.prodbox .availability{
	margin: 0;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
	display: none;
}

.webnews a{
	float: unset;
}

label[for="gdpr-3"]{
	display: none;
}
.webnews a{
	float: unset;
}

.modal-popup.PF-2023{ 
	display: none;
}

.orderby .cnt .info{
	margin: 2px 0 0 0;
}
.btn-create-ord:before{
	display: none;
}

#btnCreateOrd span{

	color: #fff !important;
	font-size: 0;
}
#btnCreateOrd span:before{
    content: "Odeslat objednávku";
    font-size: initial;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
}
#btnCreateOrd span:after{
    content: "zavazující k platbě";
    display: block;
    font-size: 0.875rem;
}
#btnCreateOrd p:first-letter{
	text-transform: capitalize;
}
.ordbaskets .boxcont.buttons .btn.btn-big p{
	display: none;
}
/*.iisutil #headercont .logo:after{
	content: "";
}*/


.config .hdr-config-info + .tabform{
	margin-top: 10px;
    background: #fff;
}

.boxcont.basketadd .ftr,
.boxcont.basketadd .price,
.popupcont.basketadd .btn-close{
	display: none;
}



.boxcont.basketadd .stiplname p{

}
.boxcont.basketadd .hdr p{
	    color: #21378a;
    margin-top: 10px;
}
.boxcont.basketadd .img{
	    width: 20%;
    margin: -40px 0;
}

.boxcont.basketadd img{
	   width: 120px !important;
    height: auto !important;
}

.btn-dis,
.tabinfo.hor td.tools .custom-select,
.btn.btn-tool.btn-unlock, table .tabinfo.hor,
div .boxcont.params, .sptnavigator .logsuccess .hdr p,
.logtools .hdr,
.comshiptos .srchform,
.contacts .srchform,
.orederss .srchform,
.invalue, .invalue2, .afterdue, .sap, .orditems,
.totaldebit, .debitdue,
.hdr ul li.credit:nth-child(2), .inner .settings,
.logbusinfo .creditfree,
.logbusinfo .pricecat.btmspace,
.tabinfo p.mar-right{
	display: none !important;
}
/*!!!*/
.contact .boxcont.document .tabinfo tr:nth-child(3),
.contact .boxcont.document .tabinfo tr:nth-child(10),
.contact .boxcont.document .tabinfo tr:nth-child(12),
.contact .boxcont.document .tabinfo tr:nth-child(14),
.contact .boxcont.document .tabinfo tr:nth-child(15){
	display: none;
}

.boxcont.document{
	border: none !important;
	background: #fff;
	/*margin-top: 20px;*/
}

div.boxcont.document.comcommon div.hdr, div.boxcont.document.comres div.hdr, div.boxcont.document.otherinfo div.hdr{
	border: none !important;
	padding: 0;
}

div.boxcont.company div.hdr > p{
	background: rgba(34, 74, 171, 0.05) !important;
	text-align: center;
}

div.boxcont.document.comcommon, div.boxcont.document.comres, div.boxcont.document.otherinfo, div.boxcont.srchtools{
	border:none !important;
}

/*div.boxcont.company div.boxcont.srchtools a.btn, div.boxcont.docscont.logged div.boxcont.logtools a.btn{
	color: #fff;
	background: #21388a !important;
	width: 100%;
}*/

div.boxcont.docscont.logged div.boxcont.logbusinfo{
	background: transparent;
	float: left;
	clear: left;
}

.modal-show .tabinfo{

}

.sptnavigator .logged > .hdr > p{
	padding: 20px;
	background: #fff;
	margin-top: 20px;
	border-top: 4px solid #fa4048;
	text-align: center;
}

.sptnavigator .logtools.hdr p{
	background: rgba(34, 74, 171, 0.05)!important;
}

/*.sptnavigator .logged .tabinfo{
	padding: 0px 30px !important;
	background: #fff;
}*/

.sptnavigator .logsuccess .hdr .cnt{
	margin-top: 30px;
}
/*.logged .cnt .logtools{
	display: none !important;
}*/

.btn-tool span{
	display: unset !important;
}



.logged .webmenu.menuid_1 li:nth-child(3) ul,
.logged .webmenu.menuid_1 li:nth-child(4) ul{
	    display: block !important;
    position: relative !important;
    border-radius: 0px !important;
    padding: 0px !important;
    top: unset !important;
}

.boxcont.toolbar .btn-tool:before {
    font-size: 1.4em;
    margin: 0;
}
#headercont .webmenu li:last-child {
    float: left;
    clear: left;
}

.webmenu.menuid_1 > li > a {
	margin: 0 !important;
}

.boxcont.logbusinfo .hdr{
	display: none;
}

.logoff{
	float: left !important;
}

.hdr .username{
	font-weight: 600;
}

.username span:hover{
	text-decoration: underline;
}

#headercont .webmenu li ul li a {
    padding: 3px 0;
}


#headercont .webmenu li {
    margin: 0;
    clear: left;
}

.logoff:hover{
text-decoration: underline;
}
.boxcont.logtools,
.boxcont.logbusinfo{
	width: 19%;
	float: left;

}

.boxcont.logtools{
	margin-top: -71px;
}

.boxcont.logsuccess,
.boxcont.docscont.logged>.hdr{
	width: 80%;
	float: right;
}

.logbusinfo a, .logbusinfo span{
	    white-space: nowrap;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

.logtools nav .menu li{
	width: 100%;
}
.logbusinfo table td,
.logbusinfo table th,
.document.comcommon table td,
.document.comcommon table th{
	display: inline-block;
	/* float: left; */
	width: auto;
	    padding: 5px 3px !important;
}

.modal-show{
	width: unset !important;
}

.sptnavigator .logged .logbusinfo > .cnt >.tabinfo{
	display: block;
    padding: 0 !important;
    background: transparent;
}

.sptnavigator .logged .logbusinfo > .cnt >.tabinfo > tbody{
	display: block;
    background: transparent;
}

div.boxcont.docscont.logged div.boxcont.logtools a.btn, 
.boxcont.logbusinfo .cnt tr th, 
.boxcont.logbusinfo .cnt tr td{
	    padding: 12px 1px !important;
}



.login .logtools .menu > li:nth-child(7),
.login .logtools .menu > li:nth-child(6),
.login .logtools .menu > li:nth-child(3),
.login .logtools .menu > li:nth-child(2){
	display: none !important;
}

div.boxcont.document.comcommon, div.boxcont.document.comres{
	width: 40%;
    float: right;
    order: 3;
    margin: 0;
}
 div.boxcont.srchtools{
 	width: 15%;
    order: 1;
    margin-right: 13px;
    margin-left: 5px;
 }
div.boxcont.document.otherinfo{
	display: none;
}
.company .boxcont.toolbar{
	    width: 0%;
    order: 2;
    background: transparent;
    transform: translateX(0px);
    height: 0;
}
.company .document.comcommon .tabinfo td,
.company .document.comcommon .tabinfo th,
.company .document.comres .tabinfo th{
	width: 50% !important;
	min-width: 50% !important;
	background: #fff !important;
}
.company .cnt form{
	display: flex;
}
.navigator .docscont .logbusinfo .tabinfo span,
.boxcont.logbusinfo .cnt tr,
.sptnavigator .docscont .logbusinfo a,
div.boxcont.company div.boxcont.srchtools a.btn,
div.boxcont.docscont.logged div.boxcont.logtools a.btn{
    color: #fff !important;
    background: #21388a;
    width: 100%;
    margin: 0 0 5px 0 !important;
    font-size: 1rem;
    border: 0px solid transparent;
}
div.boxcont.docscont.logged div.boxcont.logtools a.btn:hover, 
.boxcont.logbusinfo .cnt tr:hover, 
.sptnavigator .docscont .logbusinfo tr:hover a, 
.sptnavigator .docscont .logbusinfo tr:hover td span,
div.boxcont.company div.boxcont.srchtools a.btn:hover{
    color: #21388a !important;
    background: #fff !important;
    font-weight: 400 !important;

}
/*.logoff{
	background: #f4f6fb;
	padding: 5px !important;
	margin-top: -5px !important;
}
*/
.orderss .srchtools a{
	display: none;
}

.tabinfo td input:disabled,
.tabinfo td input{
	width: 100%;
}
.logged .credit{
	display: block !important;
}
.sptnavigator .docscont .logbusinfo .tabinfo span:after{
	content: ")";
}
.sptnavigator .docscont .logbusinfo .tabinfo span:before{
	content: "(";
}
.fa.fa-cog{
	padding: 0 10px;
}
.fa.fa-cog + ul{
	padding: 0 !important;
	display: block !important;
	position: relative !important;
}
/*
.tabform select, .tabform input {
    min-width: 200px !important;
}*/

#headercont .logged .cnt{
	max-width: 210px !important;
}

#headercont .webmenu li ul{
	    background: transparent;
    padding: 0px 0px 0px 10px !important;
    top: unset;
}

/*.orders .boxcont.compare.prodlist,
.orders #headercont .logo:after{
	display: none;
}*/

#toolbar.toolbar{
	border-bottom: 0px !important;
	background: #f2f2f2 !important;
}

#toolbar .btn-newWith,
#toolbar .btn.btn-tool.btn-users,
#toolbar .btn-user-name{
	display: none;
}
.company .toolbar .btn-tool{
	background: transparent !important;
	min-width: unset;
}
.prodbox .comp:before{
    background-size: 24px !important;
    height: 20px !important;
}

.tabinfo td input{
	max-width: 220px;
}
.catalog .registration .tabinfo td input{
	max-width: unset;
}
.boxcont.company .document .hdr{
	padding: unset;
	border: unset;
}

a[title="Statistika"],
a[title="Statistika firmy"]{
	display: none;
}

.gdprpermiss .hor{
	border: none;
	padding-bottom: 20px;
}
.gdprpermiss .hor td,
.gdprpermiss .hor th{
	padding: 3px 20px !important;
}
.gdprpermiss .tabinfo .btn span{
	color: #21388a !important;
	font-weight: 400;
	font-size: 0.875rem;
}
.gdprpermiss .hor .tools .btn{
	border: 1px solid #152654 !important;
	padding: 0px 5px !important;
	border: none !important;
}
.gdprpermiss .boxcont.srchform{
	display: none;
}

.gdprpermiss .btn-close:before,
.gdprpermiss .fa-check:before {
	display: none;
}

.gdprpermiss .tabinfo.hor tr:nth-child(n+1) td {
    border-bottom: 1px solid #f2f2f2;
}

.gdprpermiss .tabinfo.hor tr:first-child th {
    color: #ffffff !important;
    background: #21388a !important;
    padding: 10px 20px !important;
    border: none;
}
.orders .msgbox.success{
	order: 2;
}

.document .cnt table td{
	width: unset;
}

.orders .table-scroll,
.orders .tabinfo.ordsumtab{
	order: 4;
}

.sts2715{
	display: none !important;
}

.boxcont.docscont.logout .hdr p,
.boxcont.docscont.logout .cnt p{
	text-align: center;
}

/* navigace v administraci*/		
.user-menu{
	display: inline-block;
	background: #ffffff;
	width: 87%;
	padding: 10px 0;
}

.user-menu ul{
	margin: 0 20px;
}

.user-menu ul li a{
	font-weight: 400 !important;
}

.user-menu-item{
	color: #21388a !important;
	background: transparent;
	width: 100%;
	margin: 0 !important;
	font-weight: 600 !important;
	font-size: 1rem;
	text-align: left;
	padding: 10px 11px;
	border-left: 1px solid #f2f2f2;
	margin-left: 10px !important;
}


.user-menu-item:hover{
	border-left: 1px solid #fa4048;
}

tr[title$='Uzavřeno'] .tools .btn-pdf{
	display: none;
}

tr[title^='Potvrzeno'] .tools .btn-pdf{
	display: block !important;
}

tr[title$='Uzatvorené'] .tools .btn-pdf{
	display: none;
}

tr[title^='Potvrdené'] .tools .btn-pdf{
	display: block !important;
}

.comshiptos .table-scroll .hor tr td,
.invoices .table-scroll .hor tr td,
.contacts .table-scroll .hor tr td,
.orderss .table-scroll .hor tr td{
	height: 39px;
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
}

.comshiptos .listpage
.orderss .listpage{
	background: transparent;
	padding: 5px 0 !important;
}
.orderss .btn-pdf:before,
.invoices .btn-pdf:before{
	font-size: 20px !important;
}
.orderss .btn-pdf:after{
	padding: 0 !important;
}
/*.orderss .tools{
	border: none !important;
}*/
.tabinfo.hor td.tools .btn {
    float: unset;
    min-width: auto;
    margin: 0px auto;
    clear: unset;
    width: auto;
    padding: 0 0;
}
.gdprpermiss .tabinfo.hor td.tools .btn {
    float: right !important;
}
.orderss .table-scroll{
	background: #fff;
}
.configuration .hdr p{
	display: none;
}

.comshiptos .hor tr:first-child th,
.invoices .hor tr:first-child th,
.orderss .hor tr:first-child th{
	color: #ffffff !important;
    background: #21388a !important;
    padding: 5px 3px !important;
    border: none;
}

.orderss .tabinfo.hor tbody > tr:first-child th:first-child:after {
    content: "Stav";
    color: #fff;
    float: left;
    font-weight: 600;
    width: 80px;
    text-align: right;
    width: auto;
    padding-left: 10px;
}

.orderss .tabinfo.hor tbody > tr{
    width: 100%;
    white-space: nowrap;
}

.prodlist .cnt .remove .btn-remove {
    padding: 0px 5px;
}
.invoices .hor tr:first-child th a,
.orderss .hor tr:first-child th a{
	color: #ffffff !important;
}
.prodlist .cnt .remove{
	margin: 0 !important;
}

.step_1 #kosik_wrapper:before{
	content: "Košík";
    color: #152654;
    font-size: 1.5rem;
    padding: 5px 0 0 0;
    background: #f2f2f2;
    width: 100%;
}

#kosik_wrapper:before{
	content: "Košík";
    color: #152654;
    font-size: 1.25rem;
}
.step_2 #ordproductscont:before,
.step_3 #ordproductscont:before{
	    padding: 5px 0 5px 0;
}
#maincont[data-logged="1"] .cont.contentcont.ordbaskets.step_2  form{
    margin: 5px 0 0 0;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-template-columns: 31% 31% 38%;
    grid-column-gap: 10px;
    width: 100%;
}

#maincont[data-logged="1"] .cont.contentcont.ordbaskets.step_1 form{
    width: 100% !important;
} 

.contentcont.company .btn-refresh,
.contentcont.company .btn-save,
.contentcont.company .btn-edit{
    margin: 5px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%) !important;
    background-color: #fff !important;
}

.contentcont.company .btn-edit{
	padding: 5px !important;
}

.step_2 #customsignordercont{

    order: 6;
    margin: 0 auto;
    margin-top: 10px;
}

.step_2 .boxcont.contact.data_1.half.ds_none ~ #customsignordercont{
	    display: none !important;
}

tr[title$='Uzavřeno'] td a:after{
    font: unset;
    content: "Zrušena";
    color: #fa4048;
    padding: 0 10px;
}

tr[title$='Uzatvorené'] td a:after{
    font: unset;
    content: "Zrušené";
    color: #fa4048;
    padding: 0 10px;
}

tr[title$='Otevřené'] td a:after {
    font: unset;
    content: "Zpracovává se";
    color: orange;
    padding: 0 10px;
}

tr[title$='Otvorené'] td a:after {
    font: unset;
    content: "Spracováva sa";
    color: orange;
    padding: 0 10px;
}

tr[title^='Potvrzeno'] td a:after{
    font: unset;
    content: "Vyřízena";
    color: #9c9c9c;
    padding: 0 10px;
}

tr[title^='Potvrdené'] td a:after{
    font: unset;
    content: "Vybavená";
    color: #9c9c9c;
    padding: 0 10px;
}

tr[title^='Potvrzeno'] .ord_open a:after{
	font: unset;
    content: "Potvrzena";
    color: #39c261;
    padding: 0 10px;
}

tr[title^='Potvrdené'] .ord_open a:after{
	font: unset;
    content: "Potvrdená";
    color: #39c261;
    padding: 0 10px;
}

/*.orderss .tabinfo.hor tr:nth-child(1) a,
.orderss .tabinfo.hor tr td:nth-child(1){
	padding-left: 10px;
}
*/
tr[title$='Uzavřeno'] td span.ord_not_check:before,
tr[title^='Potvrzeno'] .ord_open .ord_check:before,
tr[title^='Potvrzeno'] td span.ord_check:before,
tr[title$='Otevřené'] td span.ord_not_check:before{
	content: "" !important;
}
.orderss .tabinfo .ord_not_check{
	display: none;
}
.orderss .srchform form .item,
.invoices .srchform form .item{
	display: none;
}
.orderss .srchform form div:nth-child(7),
.orderss .srchform form div:nth-child(8),
.orderss .srchform form div:last-child,
.invoices .srchform form div:nth-child(4),
.invoices .srchform form div:nth-child(5),
.invoices .srchform form div:nth-child(10),
.invoices .srchform form div:last-child{
display: block !important;
}
.orderss .tabinfo.hor tbody > tr :nth-child(4){
	display: none !important;
}

.btn-pdf:after{
	content: "" !important;
}

.invoices .tabinfo.hor tr:first-child>th:first-child,
.orderss .tabinfo.hor tr:first-child>th:first-child{
    padding: 5px 0 5px 25px !important;
}

.availability_wrap.not_config .stock.yes>p{
	text-transform: capitalize;
	display: block;	
	color: #55a43c;
}

.sptnavigator .tabinfo .orders,
.sptnavigator .tabinfo .invoices,
.sptnavigator .tabinfo .reclaims{
	display: none !important;
}

.sptnavigator .menu li a.btn:hover{

	border-left: 2px solid #fa4048 !important;
}

.step_2 #contactdatacont_1_log .cnt div:nth-child(2){
	float: none;
	padding: 0 0 0 5px !important;
}


.invoices .srchform .item [type="checkbox"] + label,
.orderss .srchform .item [type="checkbox"] + label{
	display: none;
}

.orderss.sptnavigator .listpage,
.comshiptos.sptnavigator .listpage,
.invoices.sptnavigator .listpage,
.contacts.sptnavigator .listpage{
	padding: 5px 0 !important;
	background: transparent;
}

.contacts .hor tr:first-child th{
	color: #ffffff !important;
    background: #21388a !important;
    padding: 5px 5px !important;
    border: none;
}

.contacts .hor tr td{
	padding: 5px !important;
}

.contacts .hor tr:nth-child(2){
	background: #fff !important;
	border-bottom: 1px solid #f2f2f2
}

.tabinfo tr:last-child td{
	padding-bottom: 5px !important;
}




.orderss .hor tr:first-child .tools:after{
	content:"Dokumenty" !important;
	float: left;
}

.company.sptnavigator .tabedit tr td{
	background: #fff !important;
}

.company .document.comres .tabinfo th {
    width: 40% !important;
}

.orderss .hor tr:first-child .tools{
	line-height: 0px;
}

.orderss .ord_check{
	display: none;
}

/*
div.boxcont.company div.boxcont.srchtools a.btn{
	color: #152654 !important;
    background: #ffffff;
    width: 100%;
    font-weight: 800 !important;
    font-size: 1rem;
    border-left: 2px solid #fa4048;
    text-align: left;
    font-weight: 400 !important;
    padding: 10px;
}
*/

/*.step_3 #contactdatacont_1_log,
.step_3 #contactdatacont_2_log,
.step_3 #contactdatacont_4_log,
.step_3 #customsignordercont,
.step_3 #ordproductscont,
.step_3 #ordsumtabcont,
.step_3 #gdprcont{
	display: none !important;
}*/

/*.invoices.sptnavigator .boxcont.srchform {
	margin-left: 15px;
}*/

.orderss .btn-pdf:before {
	display: block;
}


.invoices .hor tr td:first-child,
.orderss .hor tr td:first-child{
	padding-left: 25px;
}
.orderss .ord_offer:after{
	padding: 0px 5px 0 17px !important
}

.invoices .inv_open{
	background: #fff !important;
}

.invoices .hor tr td:nth-child(3) a:hover,
.invoices .hor tr td:first-child a:hover{
	color: #21388a;
	text-decoration: underline;
}

.invoice .hor tr td:nth-child(3),
.invoice .hor tr td:first-child{
	pointer-events: none;
	cursor: default;
	color: #4d4d4d;
}

.invoices .hor tr td:nth-child(3) a{
	pointer-events: none;
	color: #4d4d4d;
}
.invoices .hor tr td:first-child a{
	color: #21388a;
	text-decoration: underline;
}

.input-placeholder.active input{
    padding: 20px 15px 10px 10px;
    height: 48px;
}
.step_3 .input-placeholder.active input{
    height: unset;
}
.orderss .listpage .cnt .pagenav .cnt{
	font-size: 0.8rem;
}

tr[title^='Potvrzeno'] .ord_open  .ord_offer:after{
	content: "Potvrzeno (nabídka)";
}

tr[title^='Potvrdené'] .ord_open  .ord_offer:after{
	content: "Potvrdené (ponuka)";
}

tr[title$='Otevřené'] td .ord_offer:after{
	content: "Zpracovává se (nabídka)";
}

tr[title$='Otvorené'] td .ord_offer:after{
content: "Spracováva sa (ponuka)";
}

tr[title$='Uzavřeno'] td .ord_offer:after{
	content: "Zrušena (nabídka)";
}
tr[title$='Uzavreté'] td .ord_offer:after{
content: "Zrušená (ponuka)";
}
.orderss .ord_offer{
	color: #204471 !important;
}

.spresenttrees .showstyle .table{
	display: none;
}
.gdpr label {
  font-size: 1rem;
}
.boxcont.document.captcha .btn.btn-big.btn-user span{
	color: #152654;
}
.step_2 .boxcont.logincontact.ds_none + form {
background: transparent;
        grid-column-start: 1;
    grid-template-columns: 30% 20% 50%;
}

/*.ordbaskets.sptnavigator .step_2 #ordproductscont .orbstiidpackitem,
.ordbaskets.sptnavigator .step_2 #ordproductscont .ordcount{
	display: none;
}*/
/*.stiparinf[data-strid='17064338'] .paramitem[data-cpaid='20'], .stiparinf[data-strid='17064338'] .paramitem[data-cpaid='1620'] {
    display: none;
}*/

th:hover span {
    display: block;
}

html[lang="cs"] .handlingfee th:before {
    color: #21378a;
    content: "[více info]:";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 0 0 5px !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
        float: right;
    clear: right;

}
.handlingfee th:after{
	content: "" !important;
}
.ordbaskets .sumtab .tabinfo .handlingfee .info:before {
    content: "";
}

.category_info{
	    /*padding: 10px 15px 0 15px;*/
}
#stinotecmtblock_info p span{

	 color: #21378a;
}
#stinotecmtblock_info .right{
width: 50%;
    float: right;
        margin: -30px 0;

}
#stinotecmtblock_info .left{
    width: 50%;
    float: left;

clear: left;
}
#stinotecmtblock_info>h1{
color: rgb(33 55 138);
    font-weight: 400;
    font-size: 1.5rem !important;
width: fit-content;
float: left;
    }
.spresenttrees .boxcont.stinote .hdr{
	display: none;
}
#stinotecmtblock_info{
    transition: height 0.5s ease-out;
	    display: inline-block;
	    height: 200px;
	    overflow: hidden;
	    padding: 10px 15px;
}
#stinotecmtblock_info ~ button{
    width: 100%;
    background: transparent;
    border: none;
    color: #21378a;
    height: 10px;
    text-align: left;
    padding-left: 15px !important;
    padding-bottom: 30px !important;
    text-decoration: underline;
    cursor: pointer;
}
#stinotecmtblock_info ~ button:hover{
text-decoration: underline;
}
#stinotecmtblock_info h2{
	    padding: 10px 0 0 0;
}
#stinotecmtblock_info h2,
.stinotecmtblock_banner h2{
color: #21378a;
    font-weight: 400;
    font-size: 1.125rem !important;
    line-height: 1.6875rem;
    font-weight: normal;

}
.stinotecmtblock_banner div{
	    width: calc(100% / 4);
    float: left;
    padding: 20px 20px 20px 0;
}
.stinotecmtblock_banner div img{
    float: left;
    width: 40px;
}
.stinotecmtblock_banner div h4{
    color: #152654;
    text-align: left;
    margin-left: 55px;
    font-size: 0.875rem;
    font-weight: normal;
}
.stinotecmtblock_banner div p{
	float: left;
    font-size: 0.75rem !important;
    line-height: 1.125rem;
} 

#stinotecmtblock_info .text_pic img{
    width: calc(100% / 3);
    float: left;
}
.stinotecmtblock_banner{
	/*padding: 0 15px 0 15px;*/
}

#sluzbybanner .stinotecmtblock_banner{
	display: none;
}

html[lang="sk"] .stinotecmtblock_banner.sk{
	display: block !important;

    border: none;

}
html[lang="cs"] .stinotecmtblock_banner.cz{
	display: block !important;

    border: none;

}

.step_2 .boxcont.products.noedit {
	    grid-row-start: 1;
    grid-row-end: 4;
    grid-column: 3;
    width: 100%;
    display: block !important;
    max-height: 400px;
    overflow: auto;
}

.step_2 .ordbaskets .trippleswitch .trplopt{
	display: block !important;
    background: #fff !important;
    width: calc(90%/3);
    clear: initial;
    grid-row-start: 1;
    grid-row-end: 1;
    float: right;
    grid-column-start: 1;
}

.step_2 .cont.contentcont.ordbaskets .buttons{
	margin: 0 !important;
}

.step_2 .boxcont.sumtab{
	transform: unset !important;
	grid-column-start: 3;
    grid-row-start: 5;
}

.step_3 #contactdatacont_4 {
	grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    display: unset !important;
}

.step_3 #ordproductscont{
	grid-row-start: 1;
    grid-row-end: 4;
    grid-column: 3;
    width: 100%;
    display: block !important;
    max-height: 400px;
    overflow: auto;
}

.step_3 #deliverycont, .step_3 #paywaycont, .step_3 #gdprcont, .step_3 #customsignordercont{
/*	margin: unset !important;*/
}

.step_3 #contactdatacont_1, .step_3 #contactdatacont_2, .step_3 #contactdatacont_3, .step_3 #contactdatacont_4, .step_3 #contactdatacont_5, .step_3 #contactdatacont_6, .step_3 #contactdatacont_1_log, .step_3 #contactdatacont_2_log, .step_3 #contactdatacont_4_log{
	width: 100%;
	margin: unset !important;
}

.step_3 #gdprcont .cnt .rowbox #gdpr-1 {
	display: none !important;
}

.step_3 form #contactdatacont_4{
	height: unset !important;
	    padding-bottom: 10px;
}

.step_3 #deliverycont,
.step_3 #paywaycont,
.step_3 #gdprcont{
	width: 100%;
}


.ordbaskets.sptnavigator .boxcont.logged{
	display: none;
}

.orbitem.orbstiidpackitem .ordcount,
.orbitem.orbstiidpackitem .price.wovat,
.orbitem.orbstiidpackitem .price.wvat,
.orbitem.orbstiidpackitem .totalprc.wvat,
.orbitem.orbstiidpackitem .buyout{
	display: none !important;
}

.tabinfo.hor.stitable tr:nth-child(1){
	display: none;
}

.step_1 .btn-delete:before {
    content: "\f00d" !important;
    color: #152654 !important;
}

.step_1 #ordproductscont .pack_code{
	font-size: 0.875rem;
    color: #9f9f9f;
}

.step_1 .orbstiidpack .name strong, .step_1 .stitable .orbitem td a{
	color:#152654 !important;
	font-weight: 100 !important;
	font-size: 1rem !important;

}

.step_1 .orbstiidpack .name strong,
.step_1 .orbitem .name .stiplname,
.step_1 .orbitem .ordcount:before,
.step_1 .orbitem .price.wovat span,
.step_1 .orbitem .totalprc.wvat span,
.step_1 .orbitem .buyout button,
.step_1 .orbitem .img a,
.step_1 .orbstiidpack .img a,
.step_1 .orbstiidpack .ordcount:before,
.step_1 .orbstiidpack .price.wovat span,
.step_1 .orbstiidpack .totalprc.wvat span,
.step_1 .orbstiidpack .buyout a{
    display: block !important;
    padding-top: 10px !important;
    border-top: 10px solid #f2f2f2 !important;
    width: 100% !important;
    font-weight: normal !important;
}

.step_1 .orbitem .name .stiplname, .step_1 .orbitem .price.wovat span, .step_1 .orbitem .totalprc.wvat span{
	padding-top: 50px !important;
}

/*.step_1 .orbitem .name .stiplname,
.step_1 .orbitem .ordcount:before,
.step_1 .orbitem .price.wovat span,
.step_1 .orbitem .totalprc.wvat span,
.step_1 .orbitem .buyout button{
	padding-top: 40px !important;
}*/
.orbstiidpack .ordcount:before,
.orbitem .ordcount:before{
	display: block;
	content: "";
}
.step_1 .stitable .img img {
    max-width: 100px !important;
    transform: translateY(-10px);
}

.step_1 #ordproductscont .tabinfo.hor .name{
    vertical-align: initial;
}

.step_1 .price.wovat{
	color: #adadad !important;
	    max-width: 120px;
    min-width: 100px;
}

.step_1 .stitable .orbstiidpack .buyout{
	vertical-align: top;
}

.step_2 .totalprc.wvat span,
.ordbaskets .step_2 .noedit .stitable .ordcount{
	    color: #152654 !important;
    font-weight: normal;
        font-size: 0.875rem !important;
}

tr.orbstiidpack:nth-child(2) .img, 
tr.orbstiidpack:nth-child(2) .name, 
tr.orbstiidpack:nth-child(2) .ordcount, 
tr.orbstiidpack:nth-child(2) .price.wovat, 
tr.orbstiidpack:nth-child(2) .totalprc.wvat, 
tr.orbstiidpack:nth-child(2) .buyout{
    border: none !important;
}

tr.orbitem:nth-child(2) .img, 
tr.orbitem:nth-child(2) .name, 
tr.orbitem:nth-child(2) .ordcount, 
tr.orbitem:nth-child(2) .price.wovat, 
tr.orbitem:nth-child(2) .totalprc.wvat, 
tr.orbitem:nth-child(2) .buyout{
    border: none !important;
}

.tabinfo.hor.stitable tr:last-child td{
	padding-bottom: 10px;
}
.orbitem .img a{
	padding: 0 !important;
	    height: 110px;
}
.step_1 .orbitem .name .stiplname{
	line-height: 1.5rem;
	padding-top: 40px !important;
}
.ordbaskets.step_1 .sumtab .tabinfo #totaldempayprice, .ordbaskets.step_1 .sumtab .tabinfo #totaldempaypriceoutvat{
    display: table-row !important;
}
#basketsumtab .total.wovat{
	display: none;
}
.step_1 .orbstiidpack .price.wovat span, .step_1 .orbstiidpack .totalprc.wvat span {
    padding-top: 20px !important;
}
#totaldempayprice th{
	padding: 0 !important;
}

#ordproductscont .tabinfo.hor.stitable tr:last-child td{
	padding-bottom: 10px !important;
/*	padding-top: 10px !important;*/
}
.prodbox .note{
	    margin-top: 18px;
}
.prodbox .config_par + .note{
margin-top: 0px !important;
}
.prodbox .buybox {

    order: 3;
}
html[lang="cs"] .availability .no:before{

	content: "Není skladem";
	font-weight: 600;
	font-size: 0.875rem !important;
    line-height: 1.3125rem;
	color: #fa4047;
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
}

html[lang="sk"] .availability .no:before{

	content: "Nie je skladom";
	font-weight: 600;
	font-size: 0.875rem !important;
    line-height: 1.3125rem;
	color: #fa4047;
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
}
.prodbox .availability.inet .no p{
	display: none;
}

.step_2 .stitable .orbstiidpackitem{
/*display: none;*/
}

.ordbaskets.step_1 .boxcont.products .qtybox .up,
.ordbaskets .boxcont.products .qtybox .down{
	margin-right: 11px;
	height: 19px;
}
.ordbaskets .boxcont.products .qtybox .up,
.ordbaskets .boxcont.products .qtybox .down{
	    color: #152654 !important;
    width: 100% !important;
    margin: 0 !important;
}

.ordbaskets .sumtab .tabinfo{
    padding-top: 10px;
}

.step_2 #ordproductscont .tabinfo.hor .name{
    /*padding: 10px !important;*/
}

.ordbaskets.step_2 .noedit .stitable .ordcount,
.step_2 .boxcont.products.noedit .stitable .name,
.step_2 .boxcont.products.noedit .stitable .totalprc.wvat{
	/*border-top: 5px solid #f2f2f2 !important;*/
}

.step_1 .credit, .step_1 .creditfree{
	display: none;
}
#kosik_wrapper{
    grid-row-start: 1;
    grid-row-end: 4;
    margin: 10px 0 0 0;
}

.step_3 #kosik_wrapper{
    grid-row-end: 5;
    margin: 0;
}
.modal-popup.modal-showinfobeforebuy .modal-content {
    padding: 10px;
    border-top: 5px solid #fa4047;
}
.invoice.sptnavigator .contentcont .boxcont .hdr > p{
	float: left !important;
	padding: 10px !important;
	font-weight: 600;
}

.invoice.sptnavigator .btn-print{
	float: left;
	color: #fa4048;
}

html[lang="cs"] .invoice .btn-print:after{
	content: "Zobrazit PDF";
	font-size: 0.85rem;
}

html[lang="sk"] .invoice .btn-print:after{
	content: "Zobraziť PDF";
	font-size: 0.85rem;
}

.invoice .btn-print span{
	font-size: 0;
}

.invoice .boxcont.document .cnt{
	display: none;
}

.invoice .btn-print:before{
	content: "\f1c1";
	font-size: 1.1rem;
}

.invoice .tabinfo.hor tbody{
	background-color: #fff;
	padding-top: 10px;
}

.invoice .tabinfo.hor {
	padding-top: 10px;
}

.invoice .document .hdr{
	padding: 0 !important;
	border-bottom: none !important;
}

.invoice .tabinfo.invsumtab{
	min-width: 260px;
	width: 25%;
	float: right;
}
.invoice .tabinfo.invsumtab tr td{
	width: 29%;
	min-width: ;
}

.invoice .boxcont.table-scroll .tabinfo.hor td a{
	color: #4d4d4d;
}

.invoice .btn-print:hover:after{
	text-decoration: underline;
}

.invoices .boxcont.srchtools{
	display: none;
}

.config .datasheet th{
border-bottom: 1px solid #e5e5e5;
    text-align: left !important;
    color: #4d4d4d;
    width: 38% !important;
    font-weight: 600;
}



.col-price.qtyprice span, .col-price.total span{
	color: #152654;
}
.iisutil .col-price.qtyprice span,.iisutil .col-price.total span{
	color: #fa4047;
}
.iisutil .ordtbl .orditem .name a{
	color: #4d4d4d;
	    font-weight: 600;
}
.boxcont.pay .tabinfo.hor.stitable.ordtbl,
.boxcont.pay .orders .tabinfo.hor.stitable{
	border: none !important;
}

.invoice .tabinfo.hor th,
.invoice .tabinfo.hor td {
  padding: 8px;
  text-align: left;
}

#sluzbybanner{
	border-top: 10px solid #f2f2f2;
	padding: 10px 15px;
	display: inline-block;
	border-bottom: 10px solid #f2f2f2;
} 


.modalcfg .cnt tr td:nth-child(1){
	text-align: left !important;
}

.modalcfg .cnt tr th,
.modalcfg .cnt tr td{
	text-align: center;
}

.modalcfg .cnt tr th:first-child{
	    text-align: left;
    background-color: #f4f6fb;
    padding: 0px 5px 0 10px !important;
    color: #152654;
    font-weight: 600;
    width: 40%;
    min-width: 120px;
}

.modalcfg .cnt tr{
	height: 60px;
}

.modalcfg .cnt .btn-buy{
	    width: 70%;
	    padding: 8px !important;
	    font-size: 1rem;
	    background: #fa4047 !important;
	    color: #fff !important;
}

.modalcfg .cnt tr td:nth-child(2),
.modalcfg .cnt tr td:nth-child(3),
.modalcfg .cnt tr td:nth-child(4)
{width: 20%;}

.modalcfg .cnt tr th:nth-child(3)
{
	color: #fff;
	background-color: #152654;
	padding: 5px;
}

.modalcfg .cnt tr td:nth-child(3){
	border-left: 1px solid #152654;
	border-right: 1px solid #152654;
}

.modalcfg .cnt table{
	width: 100%;
}

.modalcfg table img{
	max-width: 25px;
}

.modalcfg .cnt tr:last-child td:nth-child(3){
	border-bottom: solid 1px;
}

/*.modal-popup .modal-content.contentcont{
	padding: 0 !important;
}*/

.boxcont.modalcfg .cnt>p{
	color: #152654;
    width: 90%;
    font-size: 1rem !important;
    text-align: center;
    margin: -10px auto 20px auto;
}

.stinotecmtblock_banner{
	display: inline-block;
    border-top: 10px solid #f4F4F4;
    border-bottom: 10px solid #f4F4F4;
    padding: 5px 10px;
}

.category_info li:before {
    content: "-";
    color: #fa4048;
    font-family: monospace;
    display: inline-block;
    float: left;
    padding-right: 5px;
}


#stinotecmtblock_info{
	font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;
    color: #4d4d4d;
    border-radius: 0px !important
}

#stinotecmtblock_info ul li span{
	color: #21378a;
}
.availability.inet .stock.no p{
	display: none;
}
.step_3 #btnOrdBack{
	display: none;
}

.boxcont.modalcfg:after{
	content: "";
}

.comshipto.sptnavigator .tabdetailparthead td {
    padding: 10px;
    color: #15265A;
    font-size: 1rem !important;
    background-color: #e8ecf6 !important;
}

.comshipto.sptnavigator .document .cnt table th{
	font-weight: 500 !important;
	width: 240px !important;
	text-align: left;
	padding-left: 25px;
}

/*.comshipto.sptnavigator .tabedit td,
.comshipto.sptnavigator .tabedit th{
	background-color: #fff !important;
}
*/
.cont.contentcont.comshipto{
	padding-bottom: 10px !important;
}

.comshipto.sptnavigator .tabform input{
	max-width: 300px !important;
    border: none;
}

.faq-container {
    display: inline-block;
    background: #f2f2f2 !important;
    padding: 0px !important;
    width: 100%;
        }

        .faq-sidebar {
            width: 100%;

        }

        .faq-content {
           display: block;
    width: 75%;
    float: right;
        }
.faq-question button {
    cursor: pointer;
    color: #152654;
    padding: 20px 0px 10px 20px;
    background-color: #fff !important;
    font-weight: 600;
    border: none;
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 100;
}

.faq-question button p{
width: auto;
    display: inline-block;
    color: #152654;
    font-size: 1rem !important;
    padding-right: 40px ;
}
 .faq-answer {
            color: #152654;
            padding: 5px 20px 0px 20px;
            background-color: #fff !important;     
 }

 .faq-answer.active {
            display: block;
        }

 .faq-question span{
	     background: #fa4047;
	 font-size: 1.9rem !important;
	 line-height: 1rem;
	 font-weight: 100;
	 float: right;
	 padding-right: 15px;
	}

.kariera .faq-wrapper div div span{
    background: #d2d2d2 !important;
}

.kariera .faq-wrapper:nth-child(1) div div span,
.kariera .faq-wrapper:nth-child(2) div div span,
.kariera .faq-wrapper:nth-child(3) div div span{
    background: #fa4047 !important;
}


.faq-sidebar li{
    padding: 0;
    background: #fff;
    float: left !important;
    clear: left;
    width: 100%;
}

.faq-sidebar a {
	text-decoration: none !important;
	color: #152654 !important;
	display: block;
	float: right;
	width: 75%;
	padding: 30px 0;
	font-weight: 600;
}

.faq-sidebar ul{
	list-style-type: none !important;
	padding: 0 !important;
	background-color: #fff;
}


/*.faq-sidebar span:hover{
	border-left: solid 1.5px #ea200a;
}*/

.wm.sptnavigator, .wm.sptnavigator #centercont {
    background: #f2f2f2 !important;
}

.faq-sidebar ul li span{
       width: 100%;
    display: block;
    height: 80px;
}

.faq-sidebar ul li:nth-child(1) span{
    background: url(../img/icons/box_closed_grey.svg) no-repeat left;
    background-position: 20px 25px;
}

.faq-sidebar ul li:nth-child(2) span{
	    background: url(../img/icons/box_return_grey.svg) no-repeat center;
    background-position: 20px 20px;
    background-size: 45px;
}

.faq-sidebar ul li:nth-child(3) span{
	    background: url(../img/icons/CS_RACK_ICON_grey.svg) no-repeat left;
    background-size: 45px;
    background-position: 17px 18px;
}

.faq-sidebar ul li:nth-child(4) span{
    background: url(../img/icons/gearwheel_grey.svg) no-repeat left;
    background-position: 18px 19px;
    background-size: 45px;
}

.boxcont.I6-gdpr .hdr p{
	display: none;
}

.boxcont.I6-gdpr{
	padding: 10px;
}

.faq-wrapper{
	margin-bottom: 25px;
    padding-bottom: 15px;
    background: #fff;
        border-left: 2px solid transparent;
}

.kariera .faq-wrapper,
.kariera .faq-answer{
	padding-bottom: 0px !important;
}

.faq-answer {
overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: height 0.5s;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-delay: 0s;
    transition-property: height;
}

.orders.sptnavigator .contentcont{
	padding-top: 50px !important;
}

.orders.sptnavigator .ordersteps{
	display: none;
}

.faq-answer .bold-text {
    font-weight: 600;
}

.faq-answer img {
    max-width: 25px;
}

.faq-wrapper  .cnt tr td, .faq-wrapper .cnt tr th {
    text-align: center;
    padding: 10px 0;
}

.faq-wrapper .cnt tr td:nth-child(1) {
    text-align: left;
    width: 180px !important;
    display: block;
    float: right;
    color: #152654;
    font-weight: 700;
}

.faq-wrapper .cnt tr td:nth-child(2),
.faq-wrapper .cnt tr td:nth-child(3),
.faq-wrapper .cnt tr td:nth-child(4) {
    border-left: 5px solid #fff;
    background: #f9f9f9;
    border-right: 5px solid #fff;
}

.faq-wrapper .cnt tr th:nth-child(2),
.faq-wrapper .cnt tr th:nth-child(3),
.faq-wrapper .cnt tr th:nth-child(4) {
    background: #f9f9f9;
    height: 2.25rem;
    border: 5px solid #fff;
    border-bottom: 10px solid #fff;
}


.faq-wrapper .cnt tr td:nth-child(2),
.faq-wrapper .cnt tr td:nth-child(3),
.faq-wrapper .cnt tr td:nth-child(4) {
    width: 180px;
}

.faq-question div span{
    height: 3px;
    width: 17px;
    display: inline-block;
    margin: 0 -23px;
}

.faq-question div span:nth-child(2){
rotate: -90deg;
    transition: rotate 0.5s;
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-property: rotate;

}
.faq-question div{
    margin: -14px 11px;
}
.faq-answer.hidden{
    height: 0 !important;

}

.faq-sidebar_kontakty p, .faq-sidebar_kontakty h3{
	text-align: center;
	float: unset;
}

.faq-sidebar_kontakty{
    width: 100%;
    display: inline-block;
    margin: 25px 0 0 0;
    background: url(../img/kontakt_gallery/kontakt_3.jpg) no-repeat center;
    background-position: -183px -90px;
    background-size: 683px;
}

.faq-sidebar_kontakty p{
    color: #152654;
    font-size: 0.875rem !important;
}

.faq-sidebar_kontakty.cenik p{
	font-size: 1.125rem !important;
    line-height: 1.5rem;
}

.faq-wrapper-left{
       display: block;
    float: left;
    width: calc(25% - 25px);
    position: sticky;
    top: 170px;
    margin-right: 25px;
}

.comshipto.sptnavigator .custom-select {
    width: 50%;
    max-width: 300px;
    min-width: 150px;
    margin: 0 6px 0 0;
    border-radius: 0 !important;
    height: 33px;
    padding: 5px 7px;
}

.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(9) th,
.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(9) td,
.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(2) th,
.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(2) td {
    padding-top: 10px !important;
}

.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(7) th,
.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(7) td
 {
    padding-bottom: 10px !important;
}

.config .serverove_cpu .config_par .param:nth-child(1) span:nth-child(2){
grid-column-start: 2;
    grid-row-end: 2;
}

.faq-sidebar button span{
	margin-right: 5px;
}


.faq-sidebar button{
    cursor: pointer;
    color: #152654;
    height: 80px;
    background-color: transparent !important;
    font-weight: 600;
    border: none;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 1rem;
    padding: 0 0 0 80px;
}

.modal-popup .boxcont.modalcfg .ftr{
	    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}


/*.kalkulacka input,
.kalkulacka input{
	position: relative !important;
    left: unset !important;
}
*/



.kalkulacka button{
	padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    background: #fe3e46;
    width: 130px;
    float: left;
    border: none;
    clear: left;
    margin: 15px 0 0 0;
    cursor: pointer;
}

.kalkulacka .vysledky_bez_hous,
.kalkulacka .vysledky_s_hous{
    float: right;
    width: 100%;
    padding: 0 0 40px 30px;
    margin-bottom: 30px;
}

.slider, .pocet-mesicu, .bez_haus{
	    width: 100%;
}

.vysledky_bez_hous p,
.vysledky_s_hous p{
	 padding: 0 0 0 0;
    color: #fff;
    float: left;
        height: 3rem;
        font-size: 1rem !important;
}

.kalkulacka label{
float: left;
    font-size: 1rem;
    color: #152654;

}

.vysledky_bez_hous label,
.vysledky_s_hous label{
	color: #fff;
	font-weight: 600;
}
.faq-content .highlighted{

}

/*input#bez_hous:checked ~ #serverHousingOptions{
	display: none !important;
} 
*/
input#s_hous:checked ~ #serverHousingOptions{
	display: block !important;
}


.article .cnt .content>div{
	    margin-top: 25px;
    background: #fff;
    padding: 25px;
/*    display: inline-block;*/
	float: left;
}

.faq-answer#answer-15 .cnt tr{
	line-height: 20px;
}

.faq-answer table{
	width: 100% !important;
	display: block;
}


.article h1{
	padding-bottom: 15px;
    font-size: 1.5rem !IMPORTANT;
}

.banner_clanek h1{
    font-size: 2.25rem !IMPORTANT;
}

#DigiCertClickID_Uop_Tb7rSeal{
	display: none !important;
}

html[lang="cs"] .faq-wrapper .cnt tr td:nth-child(1):after {
    content: "[více info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    border-bottom: 1px dotted;
    font-size: 0.85rem;
    color: #21378a;
    font-weight: 400;
}

html[lang="sk"] .faq-wrapper .cnt tr td:nth-child(1):after {
    content: "[viac info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    border-bottom: 1px dotted;
    font-size: 0.85rem;
    color: #21378a;
    font-weight: 400;
}
.datasheet{
	width: 100%;
}
table.datasheet:before{
	    display: table-caption;
    content: "Jedná se o maximální hodnoty uvedené výrobcem. Konkrétní hodnoty vaší konfigurace naleznete v sekci Upravená konfigurace.";
    padding: 0 0 10px 0;
    font-size: 0.85rem;
}

#ui-id-4 #sticomment .hdr{
	display: block !important;
}

#ui-id-4 #sticomment .hdr p{
	display: none;
}

#ui-id-4 #sticomment .hdr:before{
	content: "Datasheet modelové řady serveru";
    display: block;
    padding: 15px 0 0 15px;
    font-weight: 600;
}

/*radiobuttony v článku zápujčky*/

.kalkulacka [type="radio"]:not(:checked) + label:after,.kalkulacka [type="radio"]:checked + label:after {
     background: radial-gradient(circle, #224AAB 35%, #224AAB 38%);
    content: '';
    top: -1px;
    left: -17px;
    width: 14px;
    height: 14px;
    transition: all 0.2s;
    font-weight: 600;
    border-radius: 15px;
    border: 3px solid #224AAB;
}
.kalkulacka [type="radio"]:not(:checked) + label:before,.kalkulacka [type="radio"]:checked + label:before {
        content: '';
    position: absolute;
    left: -16px;
    top: 1px;
    width: 15px;
    height: 15px;
    border: 1px solid #C0C0C0;
    background: white;
    border-radius: 8px;
}
.kalkulacka [type="radio"]:checked + label:before {
    background: transparent;
    border: none !important;
    border-radius: 14px;
}

.kalkulacka label:before, .kalkulacka label:after {
    /* top: 0px !important; */
    pointer-events: all;
}

input#bez_hous:checked ~ .vysledky_s_hous{
    display: none;
}

input#bez_hous:checked ~ #serverHousingOptions{
    display: none !important;
}
.kalkulacka div input:nth-child(2){
	    float: left;
    clear: left;
    width: 100%;
}
.kalkulacka div span input{
    float: right;
    background: transparent;
    border: none;
    font-size: 0.875rem !important;
    margin: 0 !important;
    padding: 0 5px 0 0;
    text-align: right;
}
.slider_cena{
	    margin-top: 35px;
    margin-right: 25px;
}
.slider_pocet-mesicu, #serverHousingOptions{

    margin-right: 25px;
}

input[type="range"] {
  -webkit-appearance: none;
    margin-right: 15px;
    height: 10px;
    background: rgba(255, 255, 255, 0.6);
    background-image: linear-gradient(#f1f1f1, #f1f1f1);
    background-size: 100%;
    background-repeat: no-repeat;
    border: none;
}


input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #224AAB;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #224AAB;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
}

input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #224AAB;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
}

.slider_cena span:after{
	content: " Kč";
    float: right;
    clear: right;
    color: #152654;
    padding: 1px 0 0 0;
}

.slider_pocet-mesicu span:after{
	content: " Měsíců";
    float: right;
    clear: right;
    color: #152654;
    padding: 1px 0 0 0;
}

#serverHousingOptions span:after{
	content: " U";
    float: right;
    clear: right;
    color: #152654;
    padding: 1px 0 0 0;
}
.slider_cena span,
.slider_pocet-mesicu span,
#serverHousingOptions span{
	    display: flex;
    float: right;
}

.objednavky.highlighted span{
	background: url(../img/icons/box_closed_red.svg) no-repeat !important;
	background-position: 20px 25px !important;

}

.vraceni.highlighted span{
	background: url(../img/icons/box_return_red.svg) no-repeat !important;
	background-position: 20px 20px !important;
    background-size: 45px !important;
}

.produkty.highlighted span{
	background: url(../img/icons/CS_RACK_ICON_red.svg) no-repeat !important;
	    background-position: 17px 18px !important;
    background-size: 45px !important;
}

.technicke.highlighted span{
    background: url(../img/icons/gearwheel_red.svg) no-repeat left !important;
    background-position: 16px 16px !important;
    background-size: 49px !important;
}

.financovani_text div:nth-child(3){
	display: none;
}

.cislovka{
	width: 45px;
	border: #fa4047 12px solid;
	border-radius: 30px;
	display: block;
	background: #fa4047;
	color: #fff !important;
	font-weight: 600;
	font-size: 1rem;
	text-align: center;
	margin: 0 auto;
	z-index: 50;
	padding: unset !important;
	position: relative;
}

.infograf_fin div div div{
    position: absolute;
    width: 100%;
    height: 3px;
    background: #dedede;
    top: 50%;
}


.infograf_fin>div div>span{
	color: #152654;
	padding: 20px 0 0 0;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.infograf_fin>div{
	width: calc(100% / 6);
}


.infograf_fin .cara{
	    background: linear-gradient(0deg, rgba(0,0,0,0) 49%, #dedede 53%, rgba(0,0,0,0) 57%);
	    display: flex;
}

.infograf_fin{
	margin: 0 auto;
    display: flex;
    padding-bottom: 40px;
    width: 100%;
    max-width: 1150px;
    padding-top: 20px;
}

.NBD_cnt td img{
	max-width: 30px;
}

.NBD_cnt td {
	text-align: center;
	padding: 10px 0;
	font-size: 1rem !important;
}

.NBD_cnt td {

    width: auto;
    border-left: 1px solid #f2f2f2;
}
.NBD_cnt td:nth-child(1){	
	width: 390px !important;
    padding: 0 10px;
        border-left: none;
}
.NBD_cnt tr td:nth-child(1) p{
	text-align: left !important;
    display: block;
    color: #152654;
    font-weight: 600;
    width: 100%;
    border: none !important;
/*    min-width: 315px;*/
font-size: 1rem !important;
}
.NBD_cnt tr:nth-child(5) td:nth-child(1) p:after{
	content: " na místě";
}
.NBD_cnt tr td:nth-child(1) span{
        font-size: 0.85rem;
    color: rgb(33, 55, 138);
    font-weight: 400;
    float: right;
    border-bottom: 1px dotted;
}
.NBD_cnt table tr td p{
	color: #152654;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    position: relative;
    box-shadow: none;
    float: right;
    min-width: unset;
    padding: 10px 0 15px 0;
    width: 100% !important;
}

.NBD_cnt .nadpis span{
    font-family: 'Hrot Basic Medium';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2rem;
    color: #152654;
    float: left;
    line-height: 2.25rem;
    width: auto;
    padding: 0 0 0 5px;
}
.NBD_cnt table{
	    float: left;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
.NBD_cnt{
	max-width: 1000px;
	padding: 20px 0 0 20px ;
}
	.NBD_cnt .next,
	.NBD_cnt .prev{
		display: none;    
		float: left;
	}
	.NBD_cnt .body{
		display: none;
	}

	.NBD_cnt tr:first-child td span{
	color: #152654;
    font-size: 1.25rem;
    display: block;
    font-weight: 700;
    max-width: 89% !important;
    margin: 0 auto;
    line-height: 1.6875rem;
	}

	.NBD_cnt .btn-buy:before{
		content: "";
	}

	.NBD_cnt .column1.active ~ .prev,
	.NBD_cnt .column4.active ~ .next{
		    border: transparent;
    color: transparent;
	}

	.NBD_cnt .nadpis{
    width: 100%;
    display: inline-block;
min-width: 200px;
	}

#sptnav .level3 li:nth-child(2) .level6 li:nth-child(2) .level9 li{
	display: none;
}
  
.comfig_img span {
  display: none;
  position: absolute;
  border: 1px solid #C0C0C0;
  background: #FFFFFF;
  padding: 10px;
  margin-top:30px;
  margin-left:50px;
  min-width: 200px;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
}



.kariera{
	background: #f2f2f2 !important;
	margin: unset !important;

	padding: 25px 0 0 0 !important;
}


.kariera .faq-question button{
	padding: 10px 0 5px 20px !important;
}

.kariera .faq-wrapper{
	margin-bottom: 25px !important;
}

.kariera.cenik .faq-wrapper{
	margin-bottom: 25px !important;
}

.kariera .faq-question div{
float: right;
    clear: right;
}

.kariera .faq-wrapper:nth-child(1),
.kariera.kariera .faq-wrapper:nth-child(2),
.kariera .faq-wrapper:nth-child(3) {
	border-left: 3px solid #fa4047 !important;
}


.kariera .faq-wrapper:nth-child(5),
.kariera .faq-wrapper:nth-child(4){
	border-left: 3px solid #d2d2d2 !important;
}



.kariera .faq-question button>h2{
	float: left;
	font-size: 1rem !important;
}

.kariera .faq-question button>span{
	margin: 13px 50px 0 0;
    background: #edf0f8;
    padding: 5px 10px;
    color: #152654;
    text-align: center;
    font-size: 0.85rem !important;
}

.vraceni_a_reklamace h4{
	padding-top: 10px;
}

.modal-content.NBD_cnt{
	border: none;
    background:#fff;
}

.modal-content.NBD_cnt .btn.btn-close {
    right: 50px;

}

.label-tip{
	color: #fff !important;
    margin: 0 0 50px 100%;
    background: #fa4047;
    width: 100px;
    float: right;
    display: inline-block !important;
    font-size: 1rem !important;
    text-align: center;
}

.modal-content.NBD_cnt table .hidden{
	    display: none;
        position: absolute;
    background: #fff;
    z-index: 100;
    width: 250px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    right: -240px;
    color: #000;
}

.modal-content.NBD_cnt table tr>td>p>span:hover + .hidden{
	display: block !important;
	padding: 5px;
	border-bottom: 0px;
}

.kariera .faq-answer div{
	width: 90%;
}

.kariera .faq-answer div:nth-child(1){
	float:left;
}

.kariera .faq-answer div:nth-child(2){
	float:right;
}

.kariera{
	width: 100%;
}

.kariera.cenik{
	width: 70%;
}

.banner_clanek>span{
	    width: 50px;
    height: 5px;
    background: #fa4047;
    display: block;
    margin: 40px 0 40px 0 !important;
}

.stiparinf .paramitem.slider .cnt {
    width: 95%;
    margin: 30px auto 70px auto;
    float: unset;
    display: block;
}


.clanek_novinka{
	    background: #fff;
	    padding: 40px 50px 50px 50px;
	    display: inline-block;
}

.clanek_lng{
	float: right;
}

.clanek_novinka .custom-select{
	background: #e8ecf6 url(../img/select-arr-down.svg) no-repeat;
    background-position: 45px;
    background-size: 28%;
}

.clanek_lng select{
    margin: 0px 50px 0 0;
    padding: 5px 10px;
    color: #152654;
    font-size: 0.85rem !important;
}


.clanek_lng .custom-select{
	border: none;
    width: 70px;
    border-radius: 0;
}

.clanek_novinka h1{
	text-align: center;
    padding: 0px 10px 40px 10px;
    color: #21378A;
    font-weight: 100;
    text-transform: uppercase;
}
        .clanek_dva_sloupce {
        display: block;
        width: 100%;
        }
        .clanek_dva_sloupce.levy, .clanek_dva_sloupce.pravy {
            width: 50%;
            float: left;
        }
        .clanek_dva_sloupce.levy img {
            width: 100%;
            margin-bottom: 30px;
            max-width: 535px;
            max-height: 385px;
            padding-right: 50px;
        }
        .clanek_dva_sloupce.pravy {
            text-align: justify;
        }
        .clanek_text {
            width: 100%;
            text-align: justify;
            margin-top: 20px;
        }
        .clanek_foto img {
            width: calc(100%/4 - 55px);
            margin-right: 50px;
            max-height: 310px;
            max-width: 235px;
        }

.clanek_text p, .clanek_dva_sloupce p{
	font-size: 1rem !important;
	font-style: normal;
	font-weight: 400;
	line-height: 35px; /* 194.444% */
	letter-spacing: 0.5px;
	padding-bottom: 10px;
}

.clanek_logo{
	background: url(../img/CZ_S_logo_h.png) no-repeat !important;
    background-size: 95% !important;
    margin: 0;
    width: 35%;
    height: 27px !important;
    display: inline-block;
}

.status .sts.sts_new{
	background: #e8ecf6 !important;
}

.sts.sts_new.sts2953{
background: #fa4047 !important;
}
.sts.sts_new.sts2953 p{
color: #fff !important;
}

#sptnav .level3 li .sptnavsub>ul{
pointer-events: initial;
}

#stinotecmtblock_info .status .sts{
	    background: #e8ecf6 !important;
}

.stoitem #tabs{
	margin-bottom: 20px;
}
#sptnav ul li.act .sptnavsub{
    /* display: none; */
    height: 100%;
    overflow: scroll;
    z-index: 100;
}
.level3>li:hover .sptnavsub{
	display: block !important;
}


.language-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.toggle-input {
    display: none;
}

.toggle-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.toggle-button {
    width: 90px;
    height: 30px;
    margin: 0 0 -30px 0 !important;
    position: relative;
}

.language-label-en,
.language-label-cz{
	color: #bebebe;
	position: absolute;
	pointer-events: none;
	width: 50%;
	text-align: center;
	padding-left: 70px;
}

.language-label-cz{
	padding-left: 20px;
	border-right: 1px solid #152654;
}

.toggle-input:not(:checked) + .toggle-label .language-label-cz {
    color: #152654; 
    font-weight: 600;
}
.toggle-input:checked + .toggle-label .language-label-en {
    color: #152654;
    font-weight: 600;
}


.clanek_novinka [type="checkbox"]:checked + label:before{
	display: none;
}

.clanek_novinka [type="checkbox"]:not(:checked) + label:before{
	display: none;
}


.clanek_datum{
	    float: left;
	    width: 50% !important;
	    color: #152654 !important;
}


.clanek_novinka_cz {
  display: block;
}

.clanek_novinka_en {
  display: none;
}

.toggle-input:checked  ~ .clanek_novinka_cz {
  display: none;
}

.toggle-input:checked  ~ .clanek_novinka_en {
  display: block;
}

.toggle-input:not(:checked) ~ .clanek_novinka_cz {
  display: block;
}

.toggle-input:not(:checked) ~  .clanek_novinka_en {
  display: none;
}

.clanek_novinka h1{
	    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    font-size: 1.85rem;
}


.boxcont.article .content ol{

}

.vraceni_a_reklamace .postup{
	width: calc(100% / 2 - 55px);
    padding: 20px 30px;
    background: #f2f2f2;
    min-height: 323px;
    margin: 20px 35px 30px 20px;
}

.reklamace, .vraceni{
	width: 50%;
	padding: 10px 20px 0px 20px;
}

.vraceni_a_reklamace .postup li::marker{
		color:#fa4047;
		font-weight: bold;
}

.vraceni_a_reklamace .postup li{
		color: #152654;
	padding-bottom: 10px;
}

.category_info ol li:before {
    content: "→";
    padding-right: 5px;
    font-size: 1.5rem;
}

.vyprodej{
	    background: url(../img/uvodni_stranka/vyprodej_full.jpg) no-repeat;
    background-size: 100%;
}

.config .boxcont.legend{
	width: 100% !important;
	background: #fff !important;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 5;
	margin-top: 30px;
	border: none;
}

.config .boxcont.h-banner div{
	width: calc(100% / 3);
	float: left;
	border-right: 1px solid #f2f2f2;
	padding: 30px;
	display: block;
	height: 100%;
}

.config .boxcont.h-banner h3{
    color: #fa4047;
    font-weight: 400;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    padding: 0 0 15px 0;
    font-size: 1rem !important;
        line-height: 1.5rem;
}

.config .boxcont.h-banner a{
border: 1px solid #21378a;
    margin-top: 20px;
    color: #21378a;
    font-size: 0.875rem;
}

.config .boxcont.h-banner a span span{
padding: 0 0 0 10px;
    transform: translateY(-1px);
    float: right;
}

.config .boxcont.h-banner p{
    height: 80px;
    font-weight: 400;
}
   
.boxcont.legend .cnt{
	display: none;
}

.kariera.cenik .faq-wrapper{
	border-left: unset !important;
	border-bottom: 3px solid #E6E6E6;
}

.kariera.cenik .faq-question button{
	padding: 5px 0 0 20px !important;
}

.kariera.cenik .faq-wrapper .faq-question div{
	margin: 26px 10px 0 0 !important;
}

.kariera.cenik .faq-question div {
    float: left;
    clear: left;
}

.kariera.cenik .faq-question button>span {
    margin: 15px 20px 0 0;
    background: #ffffff;
    color: #fa4047;
    text-align: center;
    font-size: 1rem !important;
    font-weight: 900;
}

.kariera.cenik .faq-wrapper div div span{
	background: #fa4047 !important;
	
}

.kariera.cenik .faq-answer{
	padding: 5px 20px 0 55px;
}

html[lang="cs"] .boxcont.h-banner.sk{
	display: none;
}

html[lang="sk"] .boxcont.h-banner.cz{
	display: none;
}

.kariera.cenik li:before{
	content: "-";
    color: #fa4047;
    font-family: monospace;
    display: inline-block;
    float: left;
    padding-right: 5px;
}

.kariera.cenik li{
	list-style: none;
	padding-bottom: 10px;

}

.kariera.cenik a{
    text-decoration: none !important;
}

.kariera.cenik ul{
	padding: 0 !important;
}

.kariera.cenik a span:after{
	content: " → ";
}

.kariera.cenik p{
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}

.kariera.cenik{
	padding: 0 !important;
	margin-top: 25px !important;
	float: left;
}


.faq-sidebar_kontakty.cenik {
    padding: 0 !important;
    float: right;
    width: 27%;
    margin-top: 79px !important;
}


.modal-content.NBD_cnt .btn:hover{
	opacity: 1 !important;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
	rgba(60, 64, 67, 0.15) 0px 2px 6px 2px !important;

}

#I6-cookieConsent{
	max-width: 640px;
}
.modal-showinfobeforebuy .btn{
	margin-top: 10px !important;
}
.modal-showinfobeforebuy .btn.btn-buy{
	float: right;
    margin-top: 10px;
}
#contactdatacont_6 .rowbox.dic:before,
#contactdatacont_6 .rowbox.country:before{
    content: ", ";
    float: left;
    line-height: 1.9rem;
    padding: 0 5px 0 0px;
}
#contactdatacont_6 .rowbox.dic,
#contactdatacont_6 .rowbox.country{
	clear: unset;
}

.iisutil .orditem .name{
	color: #4d4d4d;
}

.prouzek div{
	    margin: 30px 30px 20px 30px !important;
    float: left !important;
    display: inline-block !important;
    width: calc(100% - 60px) !important;
}

html[lang="cs"] .config .zaruky_a_servis .configinput input[data-name="Záruka 2 roky, garantovaná oprava serveru do 4 hodin v našem servisu."] + label .configname:after{
	display: inline-block;
    transform: translate(0, 0);
    color: #21378a;
    content: "[více info]" !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    margin: 0 0 0 5px !important;
}

html[lang="sk"] .config .zaruky_a_servis .configinput input[data-name="Záruka 2 roky, garantovaná oprava serveru do 4 hodin v našem servisu."] + label .configname:after{
	    display: inline-block;
    transform: translate(0, 0);
    color: #21378a;
    content: "[viac info]" !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    margin: 0 0 0 5px !important;
}

html[lang="cs"] .config .zaruky_a_servis .configinput input[data-name="Záruka 2 roky, garantovaná oprava serveru do 4 hodin v našem servisu."] + label:hover .configname:before {
    padding: 10px;
    visibility: visible;
    margin: 25px 328px;
    position: absolute;
    content: 'Zaručujeme rychlou opravu vašeho serveru do 4 hodin od jeho předání v naší prodejně (nejpozději do 12 hodin). Oprava se týká celého serveru s výjimkou disků. Vadné disky nahradíme, pokud jsou skladem. Opravy provádíme v pracovní době od 9:00 do 17:00. ';
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    width: 270px;
    font-size: 0.85rem !important;
    line-height: 1.3125rem;
}

html[lang="sk"] .config .zaruky_a_servis .configinput input[data-name="Záruka 2 roky, oprava do 4 hodin v našem servisu."] + label:hover .configname:before {
        padding: 10px;
   visibility: visible;
    margin: 25px 328px;
    position: absolute;
    content: 'Zaručujeme rýchlu opravu vášho servera do 4 hodín od jeho odovzdania v našej predajni (najneskôr do 12:00). Oprava sa týka celého servera s výnimkou diskov. Poškodené disky nahradíme, ak ich máme skladom. Opravy vykonávame v pracovný čas od 9:00 do 17:00.';
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    width: 270px;
        font-size: 0.85rem !important;
    line-height: 1.3125rem;
}

.NBD_cnt tr:nth-child(2) td:nth-child(2) {
    text-transform: lowercase;
}
.NBD_cnt tr:nth-child(4) td:nth-child(1) p span.hidden{

    font-size: 0;
    padding: 5px;
}
.NBD_cnt tr:nth-child(4) td:nth-child(1) p span.hidden:before{
	    content: "Speciální zátěžový test, při kterém server a komponenty běží na nejvyšší výkon po dobu 48 hodin. Tento test důkladně ověří chlazení serveru a odhalí případné chyby, které by se jinak mohly projevit až po nasazení v ostrém provozu.";
    font-size: 0.85rem;
    line-height: 1rem;
}

#createdurl{
    z-index: 100;
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    background: #fff;
    margin-top: 30px;
    padding: 30px 0;
}

#btncreateurl{
	margin: 0 10px 0 0;
}

#createdurl .hdr p,
#createdurl .cnt a{
	padding: 0 30px;
    line-break: anywhere;
}

.comfig_img{
	z-index: 100;
}

.comfig_img img{
    max-width: 300px;
}
#btncreateurl span{
	    font-size: 0;
	content: "Zkopírovat URL konfigurace";
}
#btncreateurl span:after{
	font-size: 0.875rem !important;
	content: "Zkopírovat konfiguraci";
}
.dnesni_datum{
	display: none;
}

#formWebNews .tabform img{
	width: inherit;
}

boxcont .hdr .date,
 {
  float: right;
  font-size: 1.4rem;
}

.aktualita.recenze img, .wntext img{
/*
  display: block;
  max-width: 100%;*/
}

.aktualita.recenze section>p{
	float: left;
    clear: left;
}
.aktualita.recenze section>img{
	float: left;
	width: 100%;    padding-top: 30px;
    padding-bottom: 30px;
}
/*.aktualita ol, .aktualita ul, .aktualita p, .boxcont.webnews.news .wntext p{
  font-size: 1rem !important;
  line-height: 1.5rem;
  	margin: 10px 0;
    color: #4d4d4d;
}*/
.aktualita.recenze>section, .aktualita.recenze>section>div{
	display: inline-block;
}

.hdr .fordeal{
	display: none;
}

.boxcont .hdr .date
 {
  float: right;
  font-size: 1.4rem;
  padding: 0px !important;
      color: #999999;
}
.boxcont.webnews.news>.cnt {
    display: flex;
    flex-direction: column-reverse;
}

.boxcont.webnews.news .wntext{
    background: #fff;
    padding: 0 30px 30px 30px;

}

.boxcont.webnews.news .wntext p{
	color: #152654 !important;
	width: 43%;
	float: left;

}

.boxcont.webnews.news td span{
	color: #227922;
}


.aktualita {
	width: 75%;
    background: #fff;
    padding: 30px;
    margin: 30px 0;
    float: left;
}

.wnnote table thead td{
	text-align: center;
	font-weight: 700;
}

/*.wnnote table tr td:first-child {
	font-weight: 700;
	color: #000;
}*/

/*.aktualita table{
	padding: 5px !important;
}*/

.aktualita .left{

	float: left !important;
}


.aktualita .right{

	float: right !important;
}

.wntext img{
	float: right;
	width: 55%;
}

.note img{
	display: none;
}
 article{

    background: #fff;
    padding: 30px;
 }

.wnnote .boxcont{
    width: calc(25% - 30px);
    float: right;
    clear: initial;
    display: block;
	margin: 15px 0 15px 30px;
}

.wnnote .boxcont .date{
	    margin: 10px 0 0 0;
    padding: 5px 2px;
    color: #999999;
    float: left;
    display: block;
    clear: both;
}

.wnnote .boxcont .hdr{
	padding: 0 !important;
}

.wnnote .boxcont img{
	width: 100%;
}

.boxcont.webnews.news.webnewsall ul .boxcont{
	    background: #fff;
		padding: 20px;
		margin: 7px 0;
		height: 200px;
}

.boxcont.webnews.news.webnewsall ul .boxcont .img{
	float: left;
	width: calc(25% - 10px) !important;
	margin-right: 10px;
	max-width: 260px;
}

.boxcont.webnews.news.webnewsall ul .boxcont .date,
.boxcont.webnews.news.webnewsall ul .boxcont .hdr,
.boxcont.webnews.news.webnewsall ul .boxcont .cnt{
	float: right;
	width: 75%;
	padding: 0px !important;
	clear: none;
}

.boxcont.webnews.news.webnewsall ul .boxcont .date span{
	float: right;
}

.boxcont.webnews.news.webnewsall li{
	border: 0 !important;
}
.aktualita img.right{
	
	padding-left: 30px;
}
.aktualita img.left{
	padding: 0 30px 0px 0px;
}

.aktualita h3{
	float: left;
    clear: left;
}

.wntext:before, .wntext:after{
	content: "";
	display: block;
	background: #fff;
}

section span strong{
	padding-right: 5px;
}

.scrollbutton{
	display: none;
}

.scroll .scrollbutton{
	    display: block;
    position: fixed;
    right: 90px;
    bottom: 35px;
    border: 1px solid;
}

#paramkotva{
	float: left;
    clear: left;
    transform: translateY(-130px);
	
}


.reklamace_vraceni{
	background: #f2f2f2 !important;
	padding: 0 !important;
}

.reklamace_vraceni section{
    float: left;
    width: 100%;
}


/*.reklamace_vraceni section:nth-child(2){
	 float: left;
    width: 100%;
    margin-top: 30px;
}*/

.reklamace_vraceni li{
	 line-height: 1.5rem !important;
    font-size: 1rem !important;
}

.reklamace_vraceni>div{
    width: calc(50% - 15px);
    padding: 20px 25px;
    background: #fff;
    float: left;
    margin-bottom: 30px;
}
.reklamace_vraceni li::marker{
	color: #fa4047;
}

#menu-icon{
	display: none;
}

/*.reklamace_vraceni section.reklamace_vraceni{
	align-items: stretch;
    display: flex;
    justify-content: space-between;
}*/

.reklamace_vraceni .faq-content{
	padding: 0 !important;
	width: 100% !important;
    background: #f2f2f2;
}

#footercont a[href="tel:+420608984413"]{
	display: none;
}


#googlehvezdy span, .googlehvezdyuvodka span{
	    font-family: Roboto, sans-serif;
	    font-weight: 300;

}

#DigiCertClickID_NaOLsinN_1{
    max-width: 220px;
    padding: 50px 0 0 0;
}

#DigiCertClickID_NaOLsinN_1{
    max-width: 220px;
    padding: 50px 0 0 0;
}


.reklamace_vraceni .stahnout_btn{
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10px;
    background: #e8ecf6;
    width: 160px;
    text-decoration: none !important;
    text-align: center;
}

.blok_doprava {
    background-color: #f2f2f2;
    display: block;
    padding: 30px;
    margin-top: 20px;
}

.blok_doprava.prvni {
    clear: both;
    float: left;
    height: 395px;
    margin-right: 10px;
    padding: 30px 20px 30px 30px;
    width: calc(32% - 10px);
}

.blok_doprava.prvni img {
    margin-bottom: -25px;
    width: 105%;
}

.blok_doprava.druhy {
    float: right;
    height: 395px;
    margin-left: 10px;
    padding: 30px 30px 30px 20px;
    width: calc(68% - 10px);
}

.blok_doprava.druhy img{
    width: 45%;
}

.blok_doprava.treti {
    clear: both;
    float: left;
    height: 580px;
    padding: 30px 20px 30px 30px;
    text-align: center;
    width: calc(50% - 10px);
}

.blok_doprava.treti img {
    width: 100%;
}

.blok_doprava.ctvrty {
    float: right;
    height: 580px;
    padding: 30px 20px 30px 30px;
    width: calc(50% - 10px);
}

.blok_doprava.ctvrty img {
    width: 100%;
}

.blok_doprava img {
    mix-blend-mode: multiply;
}

.vykup span{
    float: left;
    padding-right: 6px;
    color: #fa4047;
    font-size: 16px;
}


.vykup p, .vykup span{
    padding-top: 10px;
}

.vykup_formular input, .vykup_formular textarea{
    width: 100% !important;
}

.vykup_formular input, .vykup_formular textarea{
    background: #fbfbfb;
    border: 0.5px solid #a8adbc;
    border-radius: 0;
}

.vykup_formular input{
    height: 40px;
}

.vykup_formular label{
    margin-top: 10px;
}

.vykup_formular button{
    float: right;
    padding: 10px;
    width: 150px;
    background: #fa4047;
    color: #fff;
    border: none;
    font-weight: 800;
    font-size: 0.85rem;
    margin-top: 20px;
}




.aktualita.recenze h3{
    padding: 0 0 15px 0;
}

.boxcont.news .note br{
    display: none;
}

/*.webnews .boxcont > .hdr{
  max-height: 3.875rem;
  overflow: hidden;
}*/
.title.title_serverove_diskove_ramecky .info:before{
    content: "";
    display: none;
}
.title.title_serverove_diskove_ramecky .info{

}
.title.title_serverove_diskove_ramecky .info span{
    display: inline !important;
    position: relative;
    box-shadow: none;
    margin: 0;
    padding: 5px 0;
    color: #21378a;
    z-index: 0;
}

.boxcont.webnews .detwn,
.boxcont .news .cnt .detwn{
    display: none;
}

.boxcont.news .boxcont {

    transition: transform 0.2s;
    padding: 20px;
    background: white;
    height: 375px;
}

.boxcont.news .boxcont:hover .hdr a {
    color: #fa4047;
}


.boxcont.news .boxcont .img img {
    width: 100%; 
    height: auto; 
}

.boxcont.news .boxcont .date {
    font-size: 0.875em; 
    margin: 5px 0; 
}


.boxcont.news .boxcont:hover .img img{
    transform: scale(1.05);
}

.news .note .perex{display: none;}

.boxcont.webnews.news .wntext .perex_hp{
    display: none;
}

/*.boxcont.webnews .news ul li .boxcont .img:before {
    content: "Recenze";
    margin: 0px 5px 0px 5px;
    padding: 5px 10px;
    display: block;
    float: right;
    clear: right;
    color: #21378a;
    background: #f5f5f5;
    font-size: 0.75rem;
    border-radius: 25px;
}*/

.sts.sts115{
    display: none;
}

/*body > div.modal-popup > div > div > div > div > table > tbody > tr:nth-child(3) > td:nth-child(2) > img{
display: none;
}

body > div.modal-popup > div > div > div > div > table > tbody > tr:nth-child(3) > td:nth-child(2){
   background-image: url(../img/krizek_sedy.svg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
}*/

/*div[data-cpaid="1832"] .hdr p{
            color: #fff !important;
        border-bottom: none;
        padding: 10px 0px 10px 0 !important;
        margin: 5px -15px 10px 0 !important;
        width: 100%;
        background: #21378a;
        text-align: center;
        font-size: 0.875rem !important;
        font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
        text-transform: uppercase;
        font-weight: normal;
}*/

div[data-cpaid="1832"] .hdr:after{
    display: none;
}

div[data-cpaid="1633"]{
/*          background: #edf0f8;*/
    padding: 0 !important;
}

div[data-cpaid="1788"] .from, div[data-cpaid="1788"] .to{
    background: #21378a;
    color: #fff;
    padding: 0px 10px !important;
}

a[href="#paramkotva"]{
   margin-top: 20px;
    display: inline-block;
/*    margin-left: 253px;
    display: flex;
    width: 140px;
    border: 1px solid #21378a;
    padding: 5px 10px;
    text-decoration: unset;
    color: #152654;
    clear: none;*/
}


.accordion {
  background-color: #fff;
  color: #152654;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion:after {
  content: '\276F';
  transform:rotate(90deg);
  color: #224aab;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.aktualita li{
    border-bottom: 0;
}

.boxcont.stoitem .hdr h1{
    display: table-cell;
vertical-align: middle;
float: unset;
clear: unset;
}

#wnCarousel14 .hdr p{
line-height: 0px;
color: transparent;
font-size: 0px !important;
}

#wnCarousel14 .hdr p:after{
    content: "SPOLEHLIVÉ REPASOVANÉ SERVERY skladem na naší prodejně";
line-height: 2.25rem;
color: #152654;
font-size: 1.5rem !important;
}

.PF_sloupce .text p:nth-child(3),
.PF_sloupce .text p:nth-child(2){
    display: none;
}

.PF_sloupce .text p:nth-child(4){
    font-weight: bold;
    padding-top: 30px;
    font-size: 1.5rem !important;
    line-height: 2.25rem;
}

.xmas2024 .hdr{
    display: none;
}

.banner_PFKO{
    width: 100% !important;
    margin: 0 !important;
}
.serverinfo{
max-height: 15.6rem;
    overflow: hidden;max-height: 15.6rem;
    overflow: hidden;}
.stoitem li[aria-labelledby="ui-id-2"]{
    display: none;
}
#sptnav ul li .sptnavsub{
    z-index: 104;
}

.navbar ul li.hp a:before{
    font-size: 1.5rem;
}
/*.navbar ul li.hp a:before{
    content: "";
}*/

.cont.contentcont.comshiptos .legend{
    display: none;
}

/*.company .btn.btn-tool.btn-edit{
    display: none !important;
}*/

.boxcont.document.comcommon .tabinfo tr:nth-child(3),
.boxcont.document.comres .tabinfo tr:nth-child(2){
display: none;
}

#new_cst .custom-select{
    border: none;
}

#logincont div.input-placeholder input{
    border: 1px solid #C0C0C0;
}

.company #toolbar.toolbar .btn.btn-tool.btn-edit{
    display: none;
}
.left, .right{
    width: 50%;
}
section{
    width: 100%;
    float: left;
}




.infoblok{
    background: #e8ecf6;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    flex: 1 1 190px;

}
.infoblok_wrapper{
    display: flex !important;
    float: left;
    gap: 15px;
    flex-wrap: wrap; 
    padding-bottom: 20px;  
}
.infoblok span{
    width: auto;
    text-align: center;
    font-size: 1rem !important;
    line-height: 27px;
    color: #4d4d4d;       
}

.wnnote p.left + img,
.wnnote p.right + img{
    width: 50%;
}

.wnnote article{
        width: 75%;
    background: #fff;
    padding: 30px;
    margin: 30px 0;
    float: left;
}

.wnnote p.right + img{
    float: left;
}
.wnnote p.left + img{
    float: right;
}
p.right{
    float: right;
}
p.left{
    float: left;
}

.wnnote article p{
    font-size: 1rem !important;
    line-height: 27px !important;
}

.wnnote article section h2{
    line-height: 2.25rem;
    margin: 30px 0 15px 0;
    color: #21378a;
    width: 100%;
    display: block;
    float: left;
    font-weight: 500 !important;
}

.boxcont.news .wnnote article section h2 { font-size: 1.5rem !important; line-height: 2.25rem;}


.wnnote article h3{
    font-size: 1.25rem !important;
    line-height: 1.875rem !important;
    padding: 20px 0 20px 0;
    color: #224aab;
    width: 100%;
    display: block;
    float: left;
    font-weight: 400 !important;
}

.wnnote article p{
    padding: 0 0 15px 0;
}

.wnnote article p.right{
    padding: 0 0 15px 15px;
}

.tabulka{

         background: #e8ecf6;
         padding: 25px 20px;
         border-left: #224aab 5px solid;
         float: left;
         width: 100%;
}

.tabulka tbody td{
    padding: 5px;
    text-align: center
}

.tabulka tbody tr td:nth-child(1){
    font-weight: 700;
    color: #000;
}
.tabulka tbody tr td:nth-child(2){
    color: #1a3fa0;
}
.tabulka tbody tr td:nth-child(3){
    color: #6c7285;
}
.tabulka thead th{
    padding: 5px;
    border-bottom: 2px solid #d0d4e4;
    color: #1a2a55;
    background-color: #f9fafc;
}

.tabulka table{
    background:#ffffff;
    border-collapse:collapse;
    width:100%
}

.tabulka small{
    color: #4d4d4d;
    padding: 10px 0;
    float: left;
}

.tabulka {
  width: 100%;
  display: block;       
  overflow-x: auto;    
  background: #e8ecf6;
  border-left: 5px solid #224aab;
  padding: 25px 20px;
}

.tabulka table {
  border-collapse: collapse;
  min-width: 700px;     
}

.tabulka th, .tabulka td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}


.wnnote article li{
    margin-bottom: 10px;
    border: none;
}

.wnnote article ul li{
    padding-left: 10px; 
    font-size: 1rem;
    color: #4d4d4d;
}

.wnnote article .seznam_wrapper ul li::marker{
    content: "— ";
    color: #fa4049;
    position: absolute;

}

.wnnote article .seznam_wrapper ol,
.wnnote article .seznam_wrapper ul{
    padding: 10px 0;
    margin: 0;
    padding-inline-start: 20px;
    font-size: 1rem;
    color: #4d4d4d;
}

.wnnote article .seznam_wrapper h3{
    padding: 0 !important;
}

.wnnote article .seznam_wrapper ol ul{
    padding: 0 !important;
}

ol li::marker{
        color: #152654;
    font-weight: 400;
}

.wnnote article .kontakt-box{
    background: linear-gradient(90deg, #e8ecf6 80%, #224aab14 100%);
    border-left: 7px solid #224aab;
    margin-top: 35px;
    max-width: 620px;
    padding: 38px 30px 32px 30px;
    width: 100%;
}

.config [type="checkbox"]:disabled + label{
    display: none;
}

.foxentry-input-valid ~ .text-placeholder{
    top: -5px !important;
}

/*PF2026*/
.PF2026 .scene {
          position: relative;
    width: 100%;
    height: 100%;
    background-image: url('../PF2026/scene.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    z-index: 10;
    }

   .PF2026 .scene_1 {
      position: relative;
      width: 100%;
      height: 100%;
      background-image: url('../PF2026/scene_1.svg');
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center;
      overflow: hidden;
      z-index: 100;
    }
    
   .PF2026.wrapper{

    position: relative;
    width: 900px;
    height: 650px;
    margin: auto !important;
    background: linear-gradient(360deg, #0343a8d6 53%, #152654 100%) !important;
    overflow: inherit;
    padding: 0px !important;
    }

   .PF2026 .flake {
      position: absolute;
      top: -10px;
      width: 10px;
      height: 10px;
      background-image: url('../PF2026/vlocka.png'); /* PNG vločka */
      background-size: contain;
      background-repeat: no-repeat;
      background-color: transparent;
      opacity: 0.8;
      animation: fall linear infinite;
      pointer-events: none;
    }
   .PF2026 .titulek{
      position: absolute;
      width: 100%;

    }
   .PF2026 h2{
    color: #fff;
    font-family: 'Hrot Basic Medium' !important;
    text-transform: uppercase;
    margin: 30px 0 30px 0;
    font-size: 4rem !important;
    font-weight: 500;
    text-align: center;
    padding: 0;
    line-height: unset;
    }

   .PF2026 span{
display: block;
    color: #fff;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    padding: 0 23%;
    }

    .PF2026 .btn.btn-close{
        position: absolute;
    z-index: 1000;
    right: 0px;
    top: 10px;
    }

    .PF2026 .btn.btn-close:before{
        font-size: 2rem;
        font-weight: 100;
    }

    @keyframes fall {
      0% {
        transform: translateY(0) rotate(0deg);
      }
      100% {
        transform: translateY(110vh) rotate(360deg);
      }
    }
    .modal-content{
        background: transparent;
    }
    .xmaspopup-cont .hdr{
        display: none;
    }

    .xmaspopup-cont .cnt{
             border: 5px solid #db3d39;
    border-radius: 10px;
        background: #fff;
    }
    .xmas-popup .btn-close:before{
        font-size: 2rem;
        
    }

     .xmas-popup .btn-close{
        z-index: 1000;
        
    }

    .modal-popup.xmas-popup .contentcont{
        margin-top: 5%;
    }

      .xmas-popup{
        display: none;
    }
/*PF2026*/