/* Minification failed. Returning unminified contents.
(49,678): run-time error CSS1046: Expect comma, found '0'
(49,682): run-time error CSS1046: Expect comma, found '/'
(49,719): run-time error CSS1046: Expect comma, found '0'
(49,723): run-time error CSS1046: Expect comma, found '/'
(2849,54): run-time error CSS1046: Expect comma, found '56'
(2849,59): run-time error CSS1046: Expect comma, found ')'
(4307,73): run-time error CSS1046: Expect comma, found '0'
(4307,77): run-time error CSS1046: Expect comma, found '/'
(4342,57): run-time error CSS1046: Expect comma, found '240'
(4342,64): run-time error CSS1046: Expect comma, found ')'
 */
html {
    -ms-overflow-style: scrollbar;
}

@font-face {
    font-family:'Glyphicons Halflings';
    src:url('../fonts/glyphicons-halflings-regular.eot');
    src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}
.bookmarks-souvisejicihr.none, .hidden { display: none; }
hr.solid { border: 0; border-top: 1px solid black; height:0; }

.clear { clear: both; font-size: 0; border: 0 none; height: 1px; margin-bottom: -1px; position: relative; }
.clear2,.clearfix { clear: both; }
.none { display: none; clear: both; }
img { border: none; }

body { padding-top: 174px;}
body.header-loaded { }
body.cPopupPage { padding-top: 15px !important;}
.warning { color: #ff950d; }
@media (max-width: 768px) {
    body.cPopupPage .hlidaci_pes {
        width: 285px !important;
    }
}

#header {background: #154976;} 

a { color: black; text-decoration: none; }
a:hover {text-decoration:underline;}

.left { text-align: left; }
.right { text-align: right; } 
.center { text-align: center; }
.f-left { float:left; }
.f-right { float:right; }
.nowrap { white-space: nowrap; }
.width-auto { width:auto; margin-left:auto; margin-right: auto; }
.padded { padding: 12px; }
.margined { margin: 12px; }
.topmargined { margin-top: 12px; }

html, body { margin: 0; padding: 0; border: 0; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; font-size: 13px; background: white; }
table, tr, td, th, input, select, option { font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; font-size: 13px; }

h5 {font-size:inherit;font-weight:bold;margin:10px 0}
h6 { font-size: 1em; }
.popover { font-family: inherit !important; color: #444; font-size: 100%; position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 3px solid #95aee4; /*border: 1px solid rgba(0,0,0,0.2);*/ border-radius: 0; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%); box-shadow: 0 5px 10px rgb(0 0 0 / 20%); }
.popover .highlight { background: yellow; }
.popover-content { padding: 9px 14px; }
.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; background: #3268a6; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAADFBMVEXR0dG5ubnExMSurq6prigqAAAABHRSTlM2NjY2AJNcKQAAAqlJREFUKM8t0u9LE3EAx/HP5i2vJvWdznCy4jY2q5UxR0VGwt3tTm9mcrNpM30wh6ZIwoQkCoy7seUkJRezFDS0JPr1YEaSScSlGSY9cNKDkIJ+SPQkyPBRj1LpT3i/eCNsOb6DeDS+cA9rT2OpRly36sTcTmAc6BdUdfflrHH9W2s4DdKuDaqkIDYab/YpkPj5cq2s5ESysTes4VjqDzX11a7kqC4HA8oRPphPPnjXrH5DCMM3v80LXv00f5uvlWGfyBdibTNrXCYmMpDiye5s+IURVn+PQUFIkumEqdJ25BMBfBzRnlDDtkBriopg2rFAmKFEpDs5wAFXqLobzgw/GVzWKYDZ9wYuj8nI57MlS9i2vPNqdDZ3OsPvNjOog66e8r9TvUUtyhe8PpXnlK5FNW5xcBeL6rD0QvebdTGHDeMDENytDyLqpUBOT75KgNpufjLUN0dM6fMyDGa/ydgi2FfcyvYQCq0kd3q1X9IbG5vc2FVV7VOj5tggazYoWIw4o1q5bV9TjX6WQfDwoZDLfTB2IJBSWZwcuZ9dV9ycVziTrHCjSvM2nQsqOjubc4gFbrXvIFrLptqxAZTYHlV69HTWhtqEgi2CzsJNtZ9pFGPutDNDK/7mEY6BSGQm08LSG2o6DYFV/574/qfCsC5YxiI2xktwWBKJVGOchYs1dJEDZzmRosMaPrZF2FiX5yhDF3cqiCvShZeN4B5nTT3UsJUS42xZBmMFA32HTz5aNLTSObJulpHblzNquOgmqaK7ZiBhaqgP5f360bCdIA1h22Z3dHZfQ3ZTBFLpXyNd+V2kg7Kq4E6wwPBZ9ljrKNHHwBJcCAjCK8f7XnpgCWzzGbtP2FvKJgUv8H+5vTRN2tJ4bhGpKpl75nFaIGPsutMh8j2eoQ4kyD9lQNtpEcpxlwAAAABJRU5ErkJggg==), linear-gradient(180deg, #0a5fb5 0%, #11458a 100%); border-bottom: 1px solid #ebebeb; color: white; border-radius: -1px -1px 0 0; }
.popover-content a { color: black !important; }

#containerHeader * {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#containerHeader { position: fixed; width: 100%; height: 174px; background: #204b86 url(../img/theme/header-bg.png) left 3px repeat-x; color: white; z-index: 1000; box-shadow: rgba(0,0,0,0.2) 0px 3px 5px }
    #containerHeader .containerHeader-inner { position: relative; height: 91px; background: url(../img/theme/header-bg2.png) right top no-repeat; border-top: 3px solid white}
    #containerHeader h1 { position: absolute; top: 0; left: 0; overflow: hidden; width: 259px; height: 91px; }
    #containerHeader .logo { position: absolute; top: 0; left: 0; width: 259px; height: 91px; }

#menu1L { position: absolute; top: 0px; left: 257px; overflow: hidden; height: 91px; }
    #menu1L ul { display: inline; margin: 0; padding: 0; }
    #menu1L li { position: relative; display: block; float: left; margin: 0; padding: 0; height: 91px; background: url(../img/theme/menu_li_bg.png) top left no-repeat; }
        #menu1L li.active { background: url(../img/theme/menu_li_active_bg.jpg) top left no-repeat; }
    #menu1L a.m1l { display: block; margin: 0; padding: 64px 4px 0px; min-width: 60px; height: 27px; background: url(../img/theme/menu_li_bg2.png) top right no-repeat; color: white; text-align: center; text-decoration: none; font-size: 12px; padding-bottom: 11px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
        #menu1L a.m1l { padding-bottom: 2px !important; }
    }
    #menu1L li.active a.m1l { background: url(../img/theme/menu_li_active_bg2.jpg) top right no-repeat; }
    #menu1L li.active span.t { position: absolute; bottom: 0px; left: 0; display: block; overflow: hidden; width: 100%; height: 7px; background: url(../img/theme/menu_li_bg_tri.png) bottom center no-repeat; }
    #menu1L .menu1-ico { position: absolute; top: 10px; left: 0; width: 100%; height: 50px; background: url(../img/theme/menu1-icony.png?v=3) center top no-repeat; }
    #menu1L .active .menu1-ico { background-image: url(../img/theme/menu1-icony-inverse.png?v=3); }
    #menu1L .active a { color: #204b86;}
    #menu1L .menu1-ico-xaas { background-position: center -400px; }
    #menu1L .menu1-ico-info { background-position:  center -350px; }
    #menu1L .menu1-ico-products { background-position: center -50px; }
    #menu1L .menu1-ico-config { background-position: center -100px; }
    #menu1L .menu1-ico-purchase { background-position: center -150px; }
    #menu1L .menu1-ico-sales { background-position: center -200px; }
    #menu1L .menu1-ico-rma { background-position: center -250px; }
    #menu1L .menu1-ico-bonus { background-position: center -300px; }
    #menu1L li.banner { padding: 16px 0 0 16px; }
        #menu1L li.banner iframe { width: 468px; height: 60px; }
        #menu1L li.banner a { width: 468px; height: 60px; }
        #menu1L li.banner object { width: 468px; height: 60px; }

#menu2L { position: absolute; top: 91px; overflow: hidden; width: 100%; height: 34px; background: #9ccff5; color: #224982; font-size: 13px; }
    #menu2L ul { display: block; margin: 0; padding: 0; }
        #menu2L ul.hidden { display: none; }
    #menu2L li { display: inline; margin: 0; padding: 0; }
    #menu2L a { display: inline-block; padding: 0 10px; height: 34px; color: #224982; text-decoration: none; line-height: 34px; }
        #menu2L a:hover { background: #fd9a0c; color: #204b86; }

#toolbar { position: absolute; top: 119px; width: 100%; background: url(../img/theme/toolbar-bg.png) top repeat-x; border-top: 3px solid white; border-bottom: 3px solid white; }
#toolbar-l { background: url(../img/theme/toolbar-bg-r.png) top right no-repeat; }
#toolbar-r { padding-top: 3px; height: 43px; background: url(../img/theme/toolbar-bg-l.png) top left no-repeat; }

#toolbar .toobar-iconset { position: absolute; top: 0; left: 10px; width: 320px; height: 46px; background: url(../img/theme/toolbar-delim.png) 39px 0px; }
#toolbar .toolbar-ico { display: block; float: left; width: 40px; height: 46px; background: url(../img/theme/menu-toolbar-icony.png?v=3) 0px 3px no-repeat; opacity: .80; filter: alpha(opacity=60); }
    #toolbar .toolbar-ico:hover { -moz-opacity: 1; opacity: 1; filter: none; }
#toolbar .toobar-ico-categories { background-position: -320px 3px; }
#toolbar .toobar-ico-pe { background-position: -40px 3px; }
#toolbar .toobar-ico-ais { background-position: -360px 3px; }
#toolbar .toobar-ico-cart { background-position: -80px 3px; }
#toolbar .toobar-ico-quotes { background-position: -120px 3px; }
#toolbar .toobar-ico-favorites { background-position: -160px 3px; }
#toolbar .toobar-ico-compare { background-position: -200px 3px; }
#toolbar .toobar-ico-contact { background-position: -240px 3px; }
#toolbar .toobar-ico-customer { background-position: -280px 3px; }

#searchForm { position: absolute; left: 335px; padding-right: 50px; background: url(../img/theme/toolbar-delim.png) top right no-repeat; white-space: nowrap; }
    #searchForm input { margin: 7px 3.5px; padding: 0 1em; height: 26px; border: 0; background: #e6ecf1; font-size: 13px; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; line-height: 26px; }
        #searchForm input#kod { width: 80px;color: #444; }
        #searchForm input#zb { width: 280px;color: #444; }

#toolbar .user-info { position: absolute; top: 0; left: 850px; padding-top: 8px; padding-right: 47px; height: 35px; background: url(../img/theme/toolbar-delim.png) top right no-repeat; line-height: 10px; white-space: nowrap; }
    #toolbar .user-info span a { color: white; text-decoration: none; line-height: 20px; }
        #toolbar .user-info span a:hover { text-decoration: underline; }
    #toolbar .user-info label { display: block;margin: 0; }
#toolbar button, #toolbar a.button{ padding: 0px 1em; cursor: pointer; }
#toolbar button { *margin-bottom:5px; *padding: 0 7px; }
#toolbar .user-info a.button { position: relative; top: -8px; }

.containerBody { clear: both; background: #fff; color: #444; font-size: 13px; }
body.body2 .containerBody_2 { padding-left: 260px; background: url(../img/theme/category-bg.png) -30px 0 repeat-y; }
body.body2f .containerBody_2 { padding-left: 24px; background: url(../img/theme/category-bg.png) -266px 0 repeat-y; }
.containerBody_4 { padding: 24px; clear: both; color: #444; }

.categories { padding: 17px 12px; width: 236px; background: #e9edf1; position: absolute; z-index: 3;overflow: visible;}
.categories .cat-inner { padding: 0px 5px; width: 226px; background: #e9edf1; line-height: 24px; position: absolute; }
    .categories .categoriesHead { border-bottom: 1px solid #bbbfc4; position: relative; }
        .categories .categoriesHead div { border: 1px solid #bbbfc4; position: relative; top: 1px; display: inline-block; /*IE7*/*display:inline;*zoom:1;height: 24px; }
            .categories .categoriesHead div * { display: inline-block; padding: 0 0.75em; font-weight: normal; height: 24px; }
                .categories .categoriesHead div * * { display: none; }
        .categories .categoriesHead a { text-decoration: none; color: inherit; }
            .categories .categoriesHead a:hover { background: #fff; }
        .categories .categoriesHead div.cat-active { border-bottom: 1px solid #fff; background: #fff; }
        .categories .categoriesHead div.cat-lb2 { left: -1px; }
        .categories .categoriesHead div.cat-lb3 { left: -2px; }
    .categories .all { border: 1px solid #bbbfc4; border-top: none; background: white; padding: 10px 0; }
        .categories .all ul { padding: 0; margin: 0px 0; list-style: none; border-bottom: 2px solid #bbbfc4; }
            .categories .all ul:last-child { border: 0 none; }
        .categories .all li { padding: 0; margin: 0 17px; list-style: none; border-bottom: 1px solid #bbbfc4; }
            .categories .all li:last-child { border-bottom: 0 none; }
        .categories .all a { display: block; text-decoration: none; color: inherit; background: #fff; padding: 0 1.5px; }
            .categories .all a:hover { background: #e6ecf1; color: #000; }

.categories .cat-settings { border: 1px solid #bbbfc4; background: white; padding: 10px 0;margin: 10px 0;display: none}
.categories .cat-settings .cat-settings-inputs{padding: 0 17px 6px }
.categories .cat-settings .cat-settings-butons{text-align: center}

.categories .cat-btn-settings { position: absolute;top: -15px;right: 10px; width: 24px;height: 24px;text-align: center;display:block }
.categories .cat-btn-settings span { background: url(../scripts/smoothness/images/ui-icons_888888_256x240.png) -192px -112px;display: block;width: 16px;height: 16px;margin: 4px; }
.categories .cat-btn-settings:hover span { background-image: url(../scripts/smoothness/images/ui-icons_454545_256x240.png); }

.categories .cat-pin { position: absolute;top: -15px;right: -10px; width: 24px;height: 24px;text-align: center;display:none}
.categories .cat-pin span { background: url(../scripts/smoothness/images/ui-icons_888888_256x240.png);display: block;width: 16px;height: 16px;margin: 4px; }
.categories .cat-pin:hover span { background-image: url(../scripts/smoothness/images/ui-icons_454545_256x240.png); }
.categories .cat-pin-w span { background-position: -128px -144px; }
.categories .cat-pin-s span { background-position: -144px -144px; } 
.categories .cat-filter ul {border:0}
.categories .cat-filter li {border:0}
.categories .cat-filter li.caption {border-top: 1px solid #bbbfc4;cursor:pointer}
.categories .cat-filter #lf0 li.caption {border:0}

.categories .cat-filter h3 { font-size: 13px; padding: 0px 0px 0px 0px;color: #004385;margin:0}
.categories .cat-filter li.option { white-space: nowrap;overflow: hidden; }
.categories .cat-filter li.option input { margin: 4px 3px 3px 3px;}
.categories .cat-filter li.option:hover { background: #e6ecf1; color: #000; }
.categories .cat-filter li.caption a { float: right;margin-left: 3px; }
.categories .cat-filter li.caption i { float: right;}

.categories .cat-filter .cat-collapsed li.caption a { display:none }
.categories .cat-filter .cat-collapsed li.option { display:none }
.categories .cat-filter .cat-collapsed li.option.cat-checked {display:block}
.categories .cat-filter .cat-collapsed li.option.cat-postuncheckall {display:block}
.categories .cat-filter .cat-pkat li.cat-irrelevant {display:none}
.categories .cat-filter .cat-vyr li.cat-irrelevant {display:none}
.categories .cat-filter .cat-pkat li.cat-irrelevant.cat-checked {display:block}
.categories .cat-filter .cat-vyr li.cat-irrelevant.cat-checked {display:block}
.categories .cat-filter li.cat-irrelevant {color:#aaa}
.categories .cat-filter li.cat-irrelevant input {visibility: hidden}
.categories .cat-filter li.cat-irrelevant.cat-checked input {visibility: visible}
.categories .cat-filter ul.cat-oparam.cat-irrelevant, .categories .cat-filter ul.cat-oparam-group.cat-irrelevant  { display: none !important;}
.categories .cat-filter .template-switch-wrapper { background-color: #fff;text-align: left;}
.categories .cat-filter .template-switch-wrapper .template-switch { font-weight: bold;margin-right: 10px;cursor: pointer; }
.categories .cat-filter .template-switch-wrapper .template-switch:hover { background-color: #e6ecf1; }
.categories .cat-filter .template-switch-wrapper.cat-collapsed li.caption { display: block;}
.categories .cat-filter .template-switch-wrapper.cat-collapsed li { display: none;}

.glyphicon {
    font-family: 'Glyphicons Halflings';margin-right: 4px; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; position: relative; top: 1px;
}

.glyphicon-list:before {
    content: "\e032";
}

.categories .cat-filter .templ-tab { display: none;}
.categories .cat-filter .templ-tab.active { display: block;}

#menu4 { display: block; height: 29px; background: #e9edf1; line-height: 29px; white-space: nowrap; -moz-box-shadow: rgba(0,0,0,0.2) 0 3px 3px inset; -webkit-box-shadow: rgba(0,0,0,0.2) 0 3px 3px inset; box-shadow: rgba(0,0,0,0.2) 0 3px 3px inset; }
    #menu4 strong { display: inline-block; /*IE7*/*display:inline;*zoom:1;color: #dbe5f0; background: #3870a9; padding: 0 1em; }
        #menu4 strong img { display: none; }
    #menu4 div.menu4_1 { display: inline-block; /*IE7*/*display:inline;*zoom:1;}
    #menu4 ul { display: inline; padding: 0; margin: 0; list-style: none; }
    #menu4 li { display: inline; padding: 0; margin: 0; list-style: none; }
    #menu4 a { text-decoration: none; color: inherit; padding: 0 0.8em; height: 29px; display: inline-block;/*IE7*/*display:inline;*zoom:1; }
        #menu4 a:hover { background: #fff; color: #000; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2); box-shadow: 0 2px 3px rgba(0,0,0,0.2); }

.menu3 { display: block; text-align: left; height: 29px; background: #e9edf1; line-height: 29px; white-space: nowrap;position: relative;overflow: hidden; }
    .menu3 .nadpis { display: block; float: left; color: #dbe5f0; background: #3870a9; padding: 0 1em; }
        .menu3 .nadpis img { display: none; }
    .menu3 a { text-decoration: none; font-weight: normal; color: inherit; padding: 0 0.8em; height: 29px; display: inline-block; /*IE7*/*display:inline;*zoom:1;}
        .menu3 a.help { float:right; display: block; margin-right: 30px; }
        .menu3 a[rel=mi-code-MAXAKR],#menu3-mobile a { float: none !important;}
        .menu3 a[rel=mi-code-MAXAKR],#menu3-mobile a[rel=mi-code-MAXAKR]  { background: url(../img/maxakrvmenu.gif) center center no-repeat;width: 77px;}
        .menu3 a[rel=mi-code-XPLAY], #menu3-mobile a[rel=mi-code-XPLAY] { background: url(../img/xplayvmenu.png) center center no-repeat;width: 70px;}
        .menu3 a[rel=mi-code-PECKY], #menu3-mobile a[rel=mi-code-PECKY] { background: url(../img/premiovmenu.png) center center no-repeat; width: 75px; overflow: hidden; color: transparent; vertical-align: middle; }
        .menu3 a:hover[rel=mi-code-XPLAY], #menu3-mobile a:hover[rel=mi-code-XPLAY]{ background-color: #fff;}
        .menu3 a[rel=mi-code-TRHAKY], #menu3-mobile a[rel=mi-code-TRHAKY]{ background: url(../img/trhakyvmenu.png) center center no-repeat;width: 60px;}
        .menu3 a[rel=mi-code-BONBONIERA], #menu3-mobile a[rel=mi-code-BONBONIERA]{ background: url(../img/bombonieravmenu.gif) center center no-repeat;width: 85px;}
        .menu3 a[rel=mi-code-TRILINE], #menu3-mobile a[rel=mi-code-TRILINE] { background: url(../img/trilinevmenu.png) center center no-repeat;width: 70px;}
        .menu3 .advSearch { font-weight: bold; }
            .menu3 .advSearch:before { content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 14px; padding-right: 5px; }
        .menu3 a:hover { background-color: #fff; color: #000; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2); box-shadow: 0 2px 3px rgba(0,0,0,0.2); }
    

td.menu4, #Menu3uroven1_spMenu, span.menu4 { display: block; height: 29px; background: #e9edf1; line-height: 29px; -moz-box-shadow: rgba(0,0,0,0.2) 0 3px 3px inset; -webkit-box-shadow: rgba(0,0,0,0.2) 0 3px 3px inset; box-shadow: rgba(0,0,0,0.2) 0 3px 3px inset; }

td.menu4_zalozky_prvni { display: inline-block; /*IE7*/*display:inline;*zoom:1;color: #dbe5f0; background: #3870a9; padding: 0 1em; line-height: 29px; }
    td.menu4_zalozky_prvni img { display: none; }
td.menu4 a, .menu4_zalozky a { text-decoration: none; color: inherit; padding: 0 0.8em; height: 29px; display: inline-block;/*IE7*/*display:inline;*zoom:1; line-height: 29px; }
    td.menu4 a:hover, .menu4_zalozky a:hover { background: #fff; color: #000; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2); box-shadow: 0 2px 3px rgba(0,0,0,0.2); }


.cPopupPage { background: white; text-align: center; padding: 12px; }
.cPopupPage h3 { margin: 0 0 0.5em 0; padding-left: 25px; font-size: 13pt; line-height: 25px; color: #004385;  } 
.cPopupPage h4 { margin: 0.5em }

/************************************************************************************************
                                           F O R M S
************************************************************************************************/
.form1 { background: #ffd4a1; margin: 1em auto; padding: 3px 0; }
    .form1 .formHead { margin: 3px; margin-top: 0; text-transform: uppercase; color: #fff; line-height: 30px; text-align: center; }
    .form1 .formHeadInner { background: #fe9101 url(../img/theme/form1-head-bg.jpg) center left repeat-x; border: 1px solid #fecb80; height: 30px; font-size: 13px !important; }
    .form1 .formContent { background: #ffedd1; margin: 3px; padding: 7px; }
    .form1 .formFooterInner { text-align: center; padding: 5px; }
    .form1 .formContent table, .form1 .formFooter table { width: 100%; margin: auto; }
    .form1 input[type=text], .form1 input[type=password], .form1 textarea, .form1 select {  background: white; border: 1px solid #ffd4a1; padding: 2px 2px 2px 2px; line-height: 1; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; font-size: 13px;  }
        .form1 input[type=text]:focus, .form1 input[type=password]:focus, .form1 textarea:focus, .form1 select:focus  { border-color: #fe9101;  }
    .form1 fieldset { border: none; }
    .form1 .formContent p { margin: 0.2em 0; text-align: left; }
    .form1 .formContent h4 { margin: 0 0 0.8em 0; }

    .form1 .formContent .vypis { border: 3px solid #ffd4a1; width: 100%; }
    .form1 .formContent .vypis th { background: #fe9101 url(../img/theme/form1-head-bg.jpg) center left repeat-x; border: 1px solid #fecb80; height: 30px; }
    .form1 .formContent .vypis tr td { background: #ffedd1; border-color:  #ffedd1;  } 
    .form1 .formContent .vypis tr.sude td { background: #F9E1BD; border-bottom: 1px solid #EACEA4; }
    .form1 .formContent .vypis tr:hover td { background: #EACEA4; cursor:pointer; }
    .form1 .formContent table.labels th {text-align:left; white-space: nowrap; }
    .form1 .formContent table.labels td {text-align:left; }

div.form1 input.button { border: none; }

div.form1 a { color: black; white-space: nowrap; font-weight: normal; text-decoration: underline; }
    div.form1 a:hover { text-decoration: none; }

div.form1 #sortable li { font-weight: bold; background-color: #FFEDD1; display: block; line-height: 24px; border: 1px solid #FFEDD1; margin: 2px 15px; padding: 0 20px; }
    div.form1 #sortable li:hover { border: 1px solid #fe9101; cursor: pointer; }


.form2 { background: #a6e69a; margin: 1em auto; padding: 3px 0 0.1px; }
    .form2 .formHead { margin: 3px; margin-top: 0; text-transform: uppercase; color: white; line-height: 31px; text-align: center; }
    .form2 .formHeadInner { background: #75b36a url(../img/theme/form2-head-bg.jpg) top left repeat-x; min-height: 31px; font-size: 13px !important; }
    .form2 .formContent { background: #f5fff5; margin: 3px; padding: 7px; }
    .form2 .formFooter { background: #f5fff5; margin: 3px; }
    .form2 .formFooterInner { background: #F5FFF5; text-align: center; padding: 7px; }
    .form2 .formContent p, .form2 .formFooter p {margin: auto; text-align:left}
    .form2 .formContent table, .form2 .formFooter table { width: 100%; margin: auto; }
    .form2 input[type=text], .form2 textarea, .form2 select { border: 1px solid #d4eccf; padding: 2px; line-height: 1; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; font-size: 13px !important; }
    .form2 fieldset { border: none; }

div.form2 th { font-weight: normal; text-align: left; white-space: nowrap; padding-left: 1em; color: #888; }
div.form2 .cFormHeaderTabs { background: #d4eccf; text-transform: uppercase; text-align: left; color: #444; margin-bottom: -3px; padding: 3px 1em 0; line-height: 26px; }
    div.form2 .cFormHeaderTabs span { display: none; }
        div.form2 .cFormHeaderTabs span.fht-active { display: inline-block; }
            div.form2 .cFormHeaderTabs span.fht-active span { display: inline-block; background: #f5fff5; padding: 0 2em; }
    div.form2 .cFormHeaderTabs a { display: inline-block; padding: 0 2em; color: inherit; text-decoration: none; line-height: 22px; }
        div.form2 .cFormHeaderTabs a:hover { color: black; background: #f5fff5; }

div.form2 #sortable li { font-weight: bold; background-color: #FFEDD1; display: block; line-height: 24px; border: 1px solid #FFEDD1; margin: 2px 15px; padding: 0 20px; }
    div.form2 #sortable li:hover { border: 1px solid #fe9101; cursor: pointer; }


.form3 { background: #4793c9; margin: 1em auto; padding: 3px 0; }
    .form3 .formHead { margin: 3px; margin-top: 0; text-transform: uppercase; color: #fff; line-height: 30px; text-align: center; }
    .form3 .formHeadInner { background: #4793c9 url(../img/theme/list-head-bg.jpg) center left repeat-x; min-height: 31px; font-size: 13px !important; }
    .form3 .formContent { background: #ebeff5; margin: 3px; padding: 10px 0px; }
    .form3 .formFooterInner { text-align: center; padding: 5px 10px 5px 5px; }
    .form3 .formContent table, .form3 .formFooter table { width: 95%; margin: auto; }
    .form3 input[type=text], .form3 textarea, .form3 select { border: 1px solid #afc2e0; padding: 2px 2px 2px 2px; line-height: 1; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; font-size: 13px; }
    .form3 .formContent p { margin: 0.2em 1em; }

div.form3 input.button { border: none; }

div.form3 a { color: #000099; white-space: nowrap; font-weight: normal; text-decoration: underline; }
    div.form3 a:hover { color: #3535CE; white-space: nowrap; font-weight: normal; }

div.form3 #sortable li { font-weight: bold; background-color: #FFEDD1; display: block; line-height: 24px; border: 1px solid #FFEDD1; margin: 2px 15px; padding: 0 20px; }
    div.form3 #sortable li:hover { border: 1px solid #fe9101; cursor: pointer; }



div.formError { color: white; background-color: red; font-weight: bold; margin: 3px 4px; padding: 10px; }

/************************************************************************************************
                                          V Y P I S
************************************************************************************************/
table.vypis { font-size: 13px; width: 100%; empty-cells: show; border-collapse: collapse; }

    table.vypis a { color: #000; text-decoration: none; font-weight: bold; }
        table.vypis a:hover { color: #000; text-decoration: underline; }
    table.vypis tr.th td a { color: #fff; }

    table.vypis input[type=text], table.vypis textarea, table.vypis select { font-size: 13px; border: 1px solid #CFD5DC; padding: 2px; background: white; }

    table.vypis input, table.vypis select { height: 20px; }
    table.vypis .tab1_operace { vertical-align: middle; }
    table.vypis .tab1_operace input { width: 20px; height: 20px; padding: 2px; text-align: center; margin: 1px; }
    table.vypis .btninfo {vertical-align: middle; margin-left: 3px; }
    table.vypis tr.empty {    height: 16px; background: none;}
    table.vypis tr.actions {background-color: #ebeff5}
    table.vypis tr.actions:hover {background-color: #ebeff5}
    table.vypis select { height: 24px; }

    table.vypis th, table.vypis tr.th td, table tr.hlavicka { background: #3268a6; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAADFBMVEXR0dG5ubnExMSurq6prigqAAAABHRSTlM2NjY2AJNcKQAAAqlJREFUKM8t0u9LE3EAx/HP5i2vJvWdznCy4jY2q5UxR0VGwt3tTm9mcrNpM30wh6ZIwoQkCoy7seUkJRezFDS0JPr1YEaSScSlGSY9cNKDkIJ+SPQkyPBRj1LpT3i/eCNsOb6DeDS+cA9rT2OpRly36sTcTmAc6BdUdfflrHH9W2s4DdKuDaqkIDYab/YpkPj5cq2s5ESysTes4VjqDzX11a7kqC4HA8oRPphPPnjXrH5DCMM3v80LXv00f5uvlWGfyBdibTNrXCYmMpDiye5s+IURVn+PQUFIkumEqdJ25BMBfBzRnlDDtkBriopg2rFAmKFEpDs5wAFXqLobzgw/GVzWKYDZ9wYuj8nI57MlS9i2vPNqdDZ3OsPvNjOog66e8r9TvUUtyhe8PpXnlK5FNW5xcBeL6rD0QvebdTGHDeMDENytDyLqpUBOT75KgNpufjLUN0dM6fMyDGa/ydgi2FfcyvYQCq0kd3q1X9IbG5vc2FVV7VOj5tggazYoWIw4o1q5bV9TjX6WQfDwoZDLfTB2IJBSWZwcuZ9dV9ycVziTrHCjSvM2nQsqOjubc4gFbrXvIFrLptqxAZTYHlV69HTWhtqEgi2CzsJNtZ9pFGPutDNDK/7mEY6BSGQm08LSG2o6DYFV/574/qfCsC5YxiI2xktwWBKJVGOchYs1dJEDZzmRosMaPrZF2FiX5yhDF3cqiCvShZeN4B5nTT3UsJUS42xZBmMFA32HTz5aNLTSObJulpHblzNquOgmqaK7ZiBhaqgP5f360bCdIA1h22Z3dHZfQ3ZTBFLpXyNd+V2kg7Kq4E6wwPBZ9ljrKNHHwBJcCAjCK8f7XnpgCWzzGbtP2FvKJgUv8H+5vTRN2tJ4bhGpKpl75nFaIGPsutMh8j2eoQ4kyD9lQNtpEcpxlwAAAABJRU5ErkJggg==), linear-gradient(180deg, #0a5fb5 0%, #11458a 100%); /*background: #3268a6 url(../img/theme/list-head-bg.jpg) center repeat-x;*/ font-weight: normal; color: #fff; text-align: center; vertical-align: middle; height: 33px }

        table.vypis th span { white-space: nowrap; }
        table.vypis th img { margin: 0px; }

    table.vypis td, table.vypis th { border: 1px solid #cfd5dc; border-left-color:transparent; border-right-color:transparent; *border-right: none; *border-left: none; padding: 3px 5px; font-size: 13px; vertical-align:middle}

    table.vypis td.noFound { border: none; }

    table.vypis td { color: #000; text-align: left; }

        table.vypis td.right { text-align: right; }
        table.vypis td.center { text-align: center; }
        table.vypis td.nowrap { white-space: nowrap; }
        table.vypis td.bold { font-weight: bold; }
        table.vypis td.top { vertical-align: top; }

    table.vypis tr, table.vypis.cssalt tr:nth-child(even) { background-color: #ebeff5; }
    table.vypis tr.sudy, table.vypis.cssalt tr:nth-child(odd) { background-color: #d9e1ed; }

    table.vypis tr:hover, table.vypis.cssalt tr:hover { background-color: #ceeaff; }
        table.vypis tr:hover td { border-right-color: #BAE0FA; border-left-color: #BAE0FA; }

    table.vypis .price-changed-IsHigher { color: red; }
    table.vypis .price-changed-IsLower { color: green; }
    table.vypis .price-changed-IsHigher:before { color: red; font-size: 120%; content: '\f0d8'; padding-right: 10px; font-family: 'FontAwesome'; }
        table.vypis .price-changed-IsLower:before { color: green; font-size: 120%; content: '\f0d7'; padding-right: 10px; font-family: 'FontAwesome'; }
    table.vypis tr.comment td { font-style: italic; color: #888; }
    

/* filtr nad vypisem */
table.vypis td.filtrNadVypisem, table.vypisNabidek td.filtrNadVypisem { vertical-align: middle; background-color: #fff; border: none; }
    table.vypis td.filtrNadVypisem input { vertical-align: middle; }

/* filtr pod vypisem */
table.vypis td.filtrPodVypisem, table.vypisNabidek td.filtrPodVypisem { font-size: 13px; vertical-align: middle; background-color: #fff; border: none; }

table.vypis td img { margin-right: 6px; }

table.vypis td h3 { display: inline; font: inherit; color: inherit; padding: 0px; margin: 0px; border: 0px; vertical-align: middle; text-align: inherit; }

table.vypis td.operace { background-color: #fff; padding: 3px 0px; border: none; }
div.operace { background: #dbe3ef; margin: 3px 0; }
div.operace4 { vertical-align: middle; padding: 5px 1em; }
    div.operace4 a { text-decoration: none; padding: 7px 1em; color: #000; font-weight: normal; }
        div.operace4 a:hover { text-decoration: none; background: #fff; }

table.tab1 { font-size: 13px; width: 100%; empty-cells: show; border-collapse: collapse; margin: auto; }
table.width-auto { width:auto; margin-left:auto; margin-right: auto; }

    table.tab1 a { color: #000; text-decoration: none; font-weight: bold; }
        table.tab1 a:hover { color: #000; text-decoration: underline; }
    table.tab1 tr.th td a { color: #fff; }
    table.tab1 th, table.tab1 tr.th td { background: #3268a6 url(../img/theme/list-head-bg.jpg) center repeat-x; font-weight: normal; color: #fff; text-align: center; vertical-align: middle; height:33px}

        table.tab1 th span { white-space: nowrap; }

        table.tab1 th img { margin: 0px; }

    table.tab1 td, table.tab1 th { border: 1px solid #cfd5dc; border-left-color: transparent; border-right-color:transparent; *border-right: none; *border-left: none; padding: 3px 5px; font-size: 13px; }

    table.tab1 td.noFound { border: none; }
    table.tab1 td { color: #000; text-align: left; }
        table.tab1 td[align=center] { text-align: center; }
        table.tab1 td[align=right] { text-align: right; }

        table.tab1 td.right { text-align: right; }

        table.tab1 td.center { text-align: center; }

        table.tab1 td.nowrap { white-space: nowrap; }

        table.tab1 td.bold { font-weight: bold; }

    table.tab1 h3 { padding:0; margin: 0; font-size:inherit; *font-size: 13px;}

    table.tab1 tr.tab1_rad1 { background-color: #ebeff5; }
    

    
    table.tab1 tr.tab1_rad2 { background-color: #d9e1ed; }
    table.tab1 tr.tab1_rad1:hover,table.tab1 tr.tab1_rad2:hover, table.tab1 .hover-bg td[rowspan] { background: #ceeaff; }
        table.tab1 tr.tab1_rad1:hover td, table.tab1 tr.tab1_rad2:hover td, table.tab1 .hover-bg td[rowspan] { border-right-color: #BAE0FA; border-left-color: #BAE0FA; }
    table.tab1 tr.selected { background-color: #ffedd1; }
    table.tab1 .novinka { color: #6C8938; }
    

    .status-accept { color: #fe9101; }
    .status-open { color: #75b36a; }
    .status-done { color: black; }
    .status-cancel { color: #888; }


/* upoutavky pro obchodni filtr*/
div.odrazky { color: #004385; text-align: left; margin-left: 0!important;}
div.odrazky ul { list-style-type: none; padding: 0px; margin: 10px 0px 0px 5px; }
div.odrazky ul li { background: url(../img/odrazka_mala.gif) no-repeat 0px 2px; padding: 0px 0px 0px 17px; line-height: 17px; }
div.odrazky ul li a, div.odrazky li u { color: #888; }

#vypisAlternativni h2 { font-size: 110%; font-weight: normal; }

/************************************************************************************************
                                  V Y P I S    Z B O Z I
************************************************************************************************/

    table.tab1 td.tab1_nahled { text-align: center; background-color: #fff; }
    table.tab1 .tab1_nahled img { margin: auto; border: 0; max-height:60px; }
    table.tab1 .tab1_kod { text-align: left; }
    table.tab1 .tab1_datum { text-align: right; }

    table.tab1 td.tab1_nazev_akce a { color: red;  }
    table.tab1 td.tab1_nazev_tip a { color: #6C8938;  }

    table.tab1 td.tab1_nazev_doprodej a { color: brown; }

    table.tab1 td.tab1_nazev_zalistovane a { color: #004385; }

    table.tab1 td.tab1_dostupnost1 img,
    table.tab1 td.tab1_dostupnost2 img,
    table.tab1 td.tab1_dostupnost3 img { border: none; display: block; margin: auto; margin-top: 6px; }
    table.tab1 td.tab1_dostupnost1,
    table.tab1 td.tab1_dostupnost1 a { font-weight: bold; text-align: center; color: #6C8938; }
    
    table.tab1 td.tab1_dostupnost1 a:hover { color: #9abf50; }
    table.tab1 td.tab1_dostupnost2,
    table.tab1 td.tab1_dostupnost2 a { text-align: center; font-weight: normal; color: #FF0000; }
        table.tab1 td.tab1_dostupnost2 a:hover { color: #FF5353; }

    table.tab1 td.tab1_dostupnost3,
    table.tab1 td.tab1_dostupnost3 a { text-align: center; font-weight: normal; color: #000080; }
        table.tab1 td.tab1_dostupnost3 a:hover { color: #5555a0; }

    table.tab1 .undelivered { display: block;padding: 0.3em 0;color: #000;font-weight: normal;}

    table.tab1 .tab1_zaruka { text-align: center; }
        table.tab1 .tab1_zaruka span { display: block; }

    table.tab1 .tab1_sprazene { text-align: center; }
        table.tab1 .tab1_sprazene img { border: 0; }
table .tab1_sprazene > div { display: flex; align-items: center; justify-content: center; }
table.tab1 .tab1_sest { text-align: center; }
        table.tab1 .tab1_sest img { border: 0; margin: auto; }

    table.tab1 td.tab1_kontakt a { text-align: center; }
    table.tab1 .tab1_operace { text-align: center; white-space: nowrap; }
        table.tab1 .tab1_operace td { padding: 0px; border-style: none; }
        table.tab1 td.tab1_operace input,
        table.tab1 .tab1_operace input { width: 20px; height: 20px; *height:18px; border: 1px solid #CFD5DC; margin: 1px; padding: 2px; text-align: center; vertical-align: middle;}
    table.tab1 td.tab1_operace img { vertical-align: middle; }

    table.tab1 .tab1_vyrobce { text-align: center; }
    table.tab1 .tab1_partnr { text-align: left; }
    table.tab1 .tab1_ipirabat { text-align: right; }
    table.tab1 .tab1_atcenty { text-align: right; }

    table.tab1 .tab1_cena, table.tab1 .tab1_cena_, table.tab1 .tab1_cena_eu_ { text-align: right; }
    table.tab1 td.tab1_cena a { }
    table.tab1 td.tab1_cena_akce { text-align: right; color: Red; }
    table.tab1 td.tab1_cena_tip { text-align: right; color: #6C8938; }
    table.tab1 td.tab1_cena_akce a { color: red; }
    table.tab1 td.tab1_cena_tip a { color: #6C8938;}
    table.tab1 td.tab1_cena_akce a:hover { color: #FF5353; }
    table.tab1 td.tab1_cena_tip a:hover { color: #88a848; }
    table.tab1 td.tab1_cena_doprodej { text-align: right; color: brown; }
        table.tab1 td.tab1_cena_doprodej a { color: brown; font-weight: bold; }
            table.tab1 td.tab1_cena_doprodej a:hover { color: #AA5353; }

    table.tab1 td.tab1_cena_eu { text-align: right; }
    table.tab1 td.tab1_cena_eu_akce { text-align: right; color: Red; }
    table.tab1 td.tab1_cena_eu_tip { text-align: right; color: #6C8938; }
    table.tab1 td.tab1_cena_eu_doprodej { text-align: right; color: brown; }

    table.tab1 .right { text-align: right !important; }
    table.tab1 .left { text-align: left !important; }
    table.tab1 .center { text-align: center !important; }
    table.tab1 .nowrap { white-space: nowrap !important; }
    table.tab1 td span.euro { color: gray; font-weight: normal; }

    .strankovani, table.tab1 td.strankovani { text-align:right; }
    td.strankovani, div.strankovani { padding: 4px 0; }
    .strankovani a, table.vypis .strankovani a { padding: 3px 6px; text-decoration:none; margin: 0; font-weight: normal; }
    .strankovani a:hover, table.vypis .strankovani a:hover { text-decoration: none; background-color: #F0F0F0; }
    .strankovani a.aktualni, div.strankovani span, span.aktualni { font-weight:bold; color: #fe9101!important; padding: 3px 6px; }
    .strankovani a.aktualni:hover { background-color: transparent; }
    .strankovani span.pocet { margin-left:5px; font-weight:bold; }




/************************************************************************************************

                                  U L O Z I S T E 

************************************************************************************************/

div.saldo { float: right; }
    div.saldo .prekrocenLimit { text-align: right; color: #d31815; }
        div.saldo .prekrocenLimit a { color: #000; white-space: nowrap; font-weight: bold; }

/*div#divAlertZbozi, div#divAlertUloziste { text-align: center; color: red; margin-top: 15px; }
div#divAlertUloziste { text-align: center; color: red; margin: 0px 7px 15px 7px; }*/

div#divUlozisteHlavickaVypis, div#divUlozisteHlavickaForm { margin-top: 10px; margin-bottom: 20px; }

div#divKosikHlavicka { margin-top: 15px; margin-bottom: 0px; font-size: 10px; text-align: right; }


table.vypis td.tdMezera, td.tdMezera { background-color: #fff; height: 10px; border: none; }

td.operaceBody a { white-space: nowrap; padding: 4px; }
td.operaceBody a:hover { background-color: #e9edf1; text-decoration: none; }

.valignTop { vertical-align: top; }
.ulozitAdresu { padding-top: 10px; float: right; }
div.obchodniPokec { display: block; margin-top: 10px; }
.red { color: red; }

table.vypis th.operaceHead, table.vypis td.operaceBody, table.vypis td.operaceFooter { background-color: #d9e1ed; border: none; }
table.vypis td.operaceBody, table.vypis td.operaceFooter { background-color: #d9e1ed; border: none; }
table.vypis th.operaceHeadPrvni { border: none; background:#d9e1ed; height:0}
table.vypis th.operaceHeadPosledni { border: none; background:#d9e1ed; height:0}
table.vypis td.operaceBody { vertical-align: middle; padding: 0px 3px; }
table.vypis td.operaceBody a {font-weight: normal; }
table.vypis td.customComodity a { color: green; }
table.vypis td.fotobaz, table.vypis td.bazar2, table.vypis td.fotobaz a, table.vypis td.bazar2 a { color: #b94a48; }
table.vypis td.bazar a { color: #666; }
table.vypis td.slevy a, table.vypis td.slevyn a, table.vypis td.slevyn a, table.vypis td.cslevyn a, table.vypis td.cslevy a, table.vypis td.cisco-rf a { color: #e4860b; }
table.vypis .ul-kod-neplatny { color: red }
table.vypis .ul-kod-c4-zbozi { color: red;border-bottom: 1px dotted red }
table.vypis .navy { color: #3268a6 } 
table.vypis .green, table.vypis .navy.green { color: #169f14 }
table.vypis .red { color: red }

@media screen and (max-width: 991px) {
    .vypis_zbozi { overflow-x: auto;}
    .cardFile .cf-content { width: 100% !important; }
}

.top5 table td { text-align: center; padding: 3px; }
.top5 .price { font-size: 18px; }
.top5 .price strong { color: #fe9101; }
.top5 .image { height: 80px; vertical-align: middle; }
    .top5 .image img { border: 10px solid white; -moz-box-shadow: 0 0 1px #444; -webkit-box-shadow: 0 0 1px #444; box-shadow: 0 0 1px #444; }
.top5 th { background: #3268a6 url(../img/theme/list-head-bg.jpg) center repeat-x; font-weight: normal; color: #fff; text-align: center; vertical-align: middle; height: 20px; }
.top5 td { vertical-align: top; }
.top5 .nadpis { }
.top5 .tab_top { padding: 0 0 0 0; margin: 0 0 0 0; border: 0; width: 100%; }
.top5 .sloupec1 { background-color: #ebeff5; }
.top5 .sloupec2 { background-color: #d9e1ed; }

.cRezervace div { display: none; text-align: center; position: absolute; background: #ebeff5; padding: 4px 2px; }
.sudy .cRezervace div { background: #d9e1ed; }


/************************************************************************************************

                                          A  T

************************************************************************************************/

#neaktualniZbozi { margin-top: 1em; border:1px solid #b94a48; border-radius: 3px; padding: 15px 15px 15px 48px; color:#a8322f!important; background:#f2dede url(../img/theme/ip-err.png) 9px center no-repeat; text-align: left!important; }
#neaktualniZbozi.MOL { margin-top: 1em; border:1px solid #6bb2e5; border-radius: 3px; padding: 15px 15px 15px 48px; color:#3477a7!important;background: #d9edf7 url(../img/theme/ip-msg.png) 9px center no-repeat;  text-align: left!important; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ path  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* byva pod kontextovym menu  */

.cPath { clear: both; }
    .cPath h2 { float: left; font-size: 13px; background: url(../img/theme/path-bullet.png) no-repeat 0px 3px; padding: 0px 0px 0px 12px; color: #004385; margin: 0; }

.path { padding: 0px; margin: 0px; list-style-type: none; float: left; }
    .path li { list-style-type: none; display: inline; background: url(../img/theme/path-bullet-2.png) no-repeat 0px 3px; padding: 0px 0px 0px 12px; margin: 0px 4px 0px 0px; }
        .path li a { color: #666;  }
            .path li a:hover { color: #000;  }

#divCesta1 { padding-bottom: 1em; }
#divCesta2 { padding-top: 1em; padding-bottom: 1em; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ bookmarks  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



/* zalozky v detailu zbozi */

.cBookmarks { margin: 24px 0 15px 0; position: relative; max-width: 1100px; *width: 1100px; }
.bookmarks { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; left: 386px; }
    .bookmarks li { padding: 0; margin: 0 10px 0 0; display: inline-block; list-style: none; white-space: nowrap}
    .bookmarks a { padding: 0 10px 0 0.2em; line-height: 9px; }
        .bookmarks a:hover { border-bottom: 2px solid #fe9101; text-decoration: none; }
    .bookmarks strong { padding: 0px 1em 0 0.2em; line-height: 32px; border-bottom: 2px solid #fe9101; color: #004385; }
    .cardFile .justify { display: block; text-align: justify; margin: 10px 0px 0px 0px; }
    .cardFile .commodity { clear: both; margin: auto; }
    .cardFile .popis { text-align: left; line-height: 1.3; }
    .cardFile #translation.popis { display: none; }
    
    /*.cardFile .cf-content table { margin: 10px 0 0 0; min-width: 470px;  }
    .cardFile .cf-content table tr.tab1_rad1, .cardFile table tr.tab1_rad2 { background: transparent; }
        .cardFile .cf-content table td:nth-child(1) { font-weight: bold; white-space: nowrap; }
        .cardFile .cf-content table tr:hover { background: #e9edf1; }
        .cardFile .cf-content table.tab1 th { background: transparent; border: 0 none; border-bottom: 3px solid #3268a6; color: black; font-weight: bold; height: 20px; }
            .cardFile .cf-content table.tab1 tr:first-child { background: transparent; }
        */
    .cf-content .faq ul, .cf-content .review ul{ padding-left: 15px;}
    .cf-content .faq h4 { color: #004385;padding-left: 15px;background: url(../img/odrazka_vetsi.gif) 0 center no-repeat; -ms-background-size: 7px 15px; background-size: 7px 15px; }


.cardFile .cf-content h3 { display: block; margin: 5px 0; padding-left: 25px; font-size: 25px; line-height: 30px; color: #004385; background: url(../img/odrazka_vetsi.gif) 0 0 no-repeat;  }
    .cardFile .cf-content h4 { font-size: 120%; } 
    .cardFile .cf-content hr { border: 1px solid #f4f4f4; }

    .cardFile  .popis ul { padding-left: 15px; margin-left: 0; }

    .gradientPopisu { width: 100%; height: 25px; position: relative; margin-top: -25px; background: -webkit-linear-gradient(transparent, white); background: -o-linear-gradient(transparent, white); background: -moz-linear-gradient(transparent, white); background: linear-gradient(transparent, white); z-index: 99; }
    
    .cardFile .cf-content .cf-links { min-width: 0; width: auto; }
    .cardFile .cf-content .cf-links td { border: 0 none; }
    .cardFile .cf-content .cf-links tr:hover { background: transparent; }

    .cardFile h5, #souvisejici_zbozi h5 { margin: 15px 0 5px; font-size: 18px; color: #004385; }

    .cardFile .cf-related, #souvisejici_zbozi { margin: 12px 0; clear: both; }
    .cardFile .ms-tagline { padding: 10px; text-align: center; font-weight: bold; }
    .cardFile .ms-vista { padding: 10px; text-align: left; font-size: 80%; width: 100px; float: left; }
        .cardFile .ms-vista img { margin-right: 10px; }
        .cardFile .ms-vista p { margin: 5px; }
            .cardFile .ms-vista p span.blue { color: blue; }

    .cardFile .cf-content { float: left; margin: 40px 0 12px 0; text-align: left; width: 705px; }
.cardFile .cf-img { position: relative; width: 350px; min-height: 300px; margin: 0 24px 24px 0; border: 1px solid #DDD; padding: 24px 5px; text-align: center; float: left; }
    .cardFile .cf-img img { max-width: 340px; margin:auto; vertical-align: middle; }

.cardFile .imgOverlaytrhak { background: url(../img/nalepky/trhak.png) 0 0 no-repeat; width: 200px; height: 111px; top:230px }
.cardFile .imgOverlaypecka { background: url(../img/nalepky/pecka.png) 0 0 no-repeat; width: 200px; height: 84px; top:260px }
.cardFile #preklad { margin-top: 1em;  }
.cardFile #preklad a { padding: 0 0.6em; cursor: pointer; }

.cardFile .rozsireny-popis h3 { padding: 0;font-size: 23px;color: black;background: none; }

/* reset stylu zbesilych popisu zbozi */
#cf-content #tab-desc font { font-size: unset !important; }
#cf-content #tab-desc p span, #cf-content #tab-desc p { color: unset !important; } 



/* @@@@@@@@@@@@@@@@@@@@@@@@@@ Souvisejici zbozi filtr @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Bookmarky */
 .list-items-category{ cursor: pointer;width: 200px;display: inline-block;padding-left: 10px !important;}
    .list-items-category:hover {
        border-bottom: 2px solid #fe9101;
        background-color: #3268a6;
        background-color: rgba(50,104,166,.1);
    }

.active-items-category {
    border-bottom: 2px solid #fe9101;

}

.list-items-headers {
    height: 50px;
    text-align: left;
    margin-bottom: 47px;
}

.bookmarks-souvisejici { margin: 0 0 15px 0; position:inherit;overflow: inherit;text-align: left;margin-top: -47px;}
    .bookmarks-souvisejici li { padding: 0px; margin: 0 10px 0 0; display: inline-block; list-style: none;}
    .bookmarks-souvisejici li.others{ display: inline;}
    .bookmarks-souvisejici a { padding: 0px 2em 0 0.2em; line-height: 32px;white-space: nowrap; }
        .bookmarks-souvisejici a:hover { border-bottom: 2px solid #fe9101; text-decoration: none; }
    .bookmarks-souvisejici strong { padding: 0px 1em 0 0.2em; line-height: 32px; border-bottom: 2px solid #fe9101; color: #004385; }


#cutDiv{ display: inline; }
#cutDiv a { padding-right: 2em;font-size: 115%;margin-right: 1em;  }
#odkaz_souvisejiciho_zbozi{
    
    margin-top: -30px;
    margin-bottom: 40px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ souvisejici  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* seznam clanku - souvisejici informace ke zbozi nebo vysledky hledani v clancich */

.cSouvisejici { color: #444; padding: 20px 0px; margin: 0px; text-align: left; }
    .cSouvisejici strong { margin: 15px auto; font-size: 13px; font-weight: bold; color: #444; text-align: left; background: url(../img/theme/path-bullet.png) no-repeat 0px 3px; padding: 0px 0px 0px 12px; color: #004385; }
    .cSouvisejici ul { clear: both; margin: 10px 0px 0px 0px; padding: 0px; list-style: none; }
    .cSouvisejici li { margin-left: 12px; background: url(../img/theme/path-bullet-2.png) no-repeat 0px 3px; padding: 0px 0px 0px 12px; }
        .cSouvisejici li a { color: inherit; height: 0px; text-decoration: none; }
            .cSouvisejici li a:hover { text-decoration: underline; color: #000; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ footer  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* ruzna mene dulezita upozorneni vespod stranek*/

.footer { text-align: center; margin-top: 35px; }
    .footer .img { display: none; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ subcategories  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* strom */

.cSubCategories { margin: 0 250px 0 11px; }
    .cSubCategories .line { position: relative; top: 10px; clear: left; margin: 0px 0px 12px 18px; padding: 0px; font-size: 0px !important; height: 0px; border-top: solid 1px #CCCCCC; }
    .cSubCategories a { text-decoration: none; }
    .cSubCategories span { color: #666; font-weight: normal; padding-right: 4px; }
    .cSubCategories h3 { font-size: 100%; font-weight: normal; margin: 0; color: #004385; background: url(../img/theme/cat-bullet.png) no-repeat 0px 12px; padding: 10px 0px 0px 17px; }
        .cSubCategories h3 a { color: #004385; font-weight: bold; }
            .cSubCategories h3 a:hover { color: #000; text-decoration: underline; }
    .cSubCategories ul { clear: left; margin: 3px 0px 0px 17px; padding: 0 0 0; list-style: none; position: relative; display:block;white-space:normal}
    .cSubCategories li { margin: 0px; padding: 0px; display: inline-block;}
        .cSubCategories li a { color: #666; white-space:nowrap; }
            .cSubCategories li a:hover { text-decoration: underline; color: #000; }

.cSubCategories  .sc-named-group {padding-left:2em}
.cSubCategories  .sc-brand-toggler { display: inline-block; width: 16px;height: 12px;background: url(../scripts/smoothness/images/ui-icons_888888_256x240.png) -64px -16px; cursor:pointer}
.cSubCategories h3:hover .sc-brand-toggler {background-image: url(../scripts/smoothness/images/ui-icons_454545_256x240.png)}


.filtr-parametry a:hover { text-decoration: line-through; color: #000; }
.filtr-parametry span { margin-left: 7px;font-size: 1em;}
.filtr-parametry span a:hover {text-decoration: underline;}

#filtrNaVyrobce.cSubCategories li { display: inline-block; }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@ catalog  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* panely na uvodni strane */

.catalog { padding: 0px; margin: 0 auto 10px ; font-size: 13px; border-collapse: collapse; }
    .catalog + .catalog { margin-bottom: 0; }
.catalogLine { background: red; position: relative; }
.catalog .space { width: 24px; }
.catalog td { width: 31%; vertical-align: top; border: none }
.catalog th { width: 31%; vertical-align: top; color: white; background:  #3268a6 url(../img/theme/list-head-bg.jpg); line-height: 31px; border: 3px solid #579bc8; text-transform:uppercase }
.catalog .productName { }
    .catalog .productName td { text-align: center; border-left: 3px solid #579bc8; border-right: 3px solid #579bc8}
    .catalog .productName a { display: block; font-weight: bold; text-decoration: none; padding: 3px 0px 7px 0px; color: #444; }
        .catalog .productName a:hover { font-weight: bold; text-decoration: underline; }

.catalog h3 { padding: 3px 3px 4px 3px; font-size: 13px; font-weight: bold; text-align: center; }
.catalog .content td { padding: 0 10px; vertical-align: top; text-align: left; border-left: 3px solid #579bc8; border-right: 3px solid #579bc8}
.catalog .content p {margin: 0 0 5px 0;}
    .catalog .content p strong { font-weight: normal; }
.catalog .content img { width:auto!important; float: left; max-width: 100px; max-height: 100px; margin: 0 10px 10px 0; }

.catalog .prices td { text-align: left; padding: 0 0 10px 10px; border: 3px solid #579bc8; border-top: none; }
.catalog .prices strong { font-size: 18px; display: block; width: 110px; float: left; }
    .catalog .prices strong span { color: #fe9101; }
.catalog .prices div { font-weight: bold; padding: 3px 0px 7px 0px; display: block; width: 110px; float: left; clear: left; }
    .catalog .prices div span { font-weight: normal; }
.catalog .prices .button { margin:-10px 10px 0 0; float: right; width: 100px; padding: 0 0 0 1em; }
.catalog li { list-style: none; margin: 0; }

.catalog .cl-vypis .cl-productinfo { width: 29%; }
.catalog .cat-action-line { text-align: justify; border-top: solid 1px #DADADA; margin:0 24px 0 0; }
    .catalog .cat-action-line:last-child, .catalog .cl-productinfo .cat-action-line { margin-right: 0; }
    .catalog .cat-action-line h3 { margin: 0px; padding: 0px; text-align: left; }
    .catalog .cat-action-line .cat-action-text { margin: 0px 0px 0px 50px; padding: 5px 6px 6px 0px; min-height:90px;line-height:1}
    .catalog .cat-action-line .date-logo { float: left; width: 45px; padding: 5px 0px 10px 0px; position: relative; }
        .catalog .cat-action-line .date-logo img { top: 12px; position: relative; }
    .catalog .cat-action-line .cleaner { clear: left; font-size: 0px; }

#pgUvod .cClanky .cl-nadpis {display:none}
.top3 { margin-bottom:1em; }
.top3 .doporucena-cena { text-decoration: line-through; }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@ upoutavky @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* navesti ve vysledcich*/

.search-result { color: #004385; }
    .search-result em { color: #666; font-style: normal; }

/* kratky seznam odkazu */

.link-list { text-align: left; }
    .link-list > strong { line-height: 22px;  }
    .link-list a { color: #004385; font-weight: bold; }
    .link-list ul { clear: both; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
    .link-list li { background: url(../img/theme/path-bullet-2.png) no-repeat 0px 5px; padding: 0px 0px 0px 12px; line-height: 20px; }
        .link-list li a { color: #666; font-weight: normal; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ konfigurator  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.selKusovnik { width: 600px; }
.selKusovnikPocet { }
.selKusovnik .skladem { color: Green; }
.selKusovnik .neskladem { color: #FF2222; }
.selKusovnik .nezvoleno { background-color: #eaeef2; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ icons / buttons  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.tab1_lnk_bundle,
.tab1_lnk_souvisejici,
.tab1_lnk_darek,
.tab1_lnk_sprazene,
.tab1_ico_sprazene,
.tab1_ico_neplsestava,
.tab1_ico_komponenta,
.tab1_ico_aktualni, 
.tab1_ico_neaktualni, 
.ico-true, 
.ico-false,
.ico-compact,
.tab1_lnk_cena
{background:url(../img/theme/tab1_ico.png) no-repeat; width:24px; height:24px;display:inline-block;margin:0 1px; position:relative; }

.tab1_lnk_bundle { background-position:0px 0}
.tab1_lnk_souvisejici { background-position:-24px 0}
.tab1_lnk_darek { background-position:-48px 0}
.tab1_lnk_sprazene { background-position:-72px 0}
.tab1_ico_sprazene { background-position:-72px 0; vertical-align: middle}
.tab1_ico_neplsestava { background-position:-96px 0}
.tab1_ico_komponenta { background-position:-120px 0}
.tab1_ico_aktualni, .ico-true { background-position:-168px 0}
.tab1_ico_neaktualni, .ico-false { background-position:-192px 0}
.ico-compact { background-position:-216px 0  }
.tab1_lnk_cena { background-position:-240px 0}

.tab1_lnk_bundle img { display:none}
.tab1_lnk_souvisejici img { display:none}
.tab1_lnk_darek img { display:none}
.tab1_lnk_sprazene img { display:none}
.tab1_ico_komponenta img { display:none}
.tab1_ico_sprazene img { display:none}
.tab1_ico_neplsestava img { display:none}
.tab1_ico_aktualni img, .ico-true img { display:none}
.tab1_ico_neaktualni img, .ico-false img { display:none}
.tab1_lnk_cena img { display:none}

.tab1_lnk_bundle span { display:none}
.tab1_lnk_souvisejici span { display:none}
.tab1_lnk_darek span { display:none}
.tab1_lnk_cena span { display:none}
.tab1_lnk_sprazene span { display:none}
/*.tab1_ico_sprazene span { display:none}*/
/*.tab1_ico_neplsestava span { display:none}*/
/*.tab1_ico_komponenta span { display:none}*/
/*.tab1_ico_aktualni span { display:none}*/
/*.tab1_ico_neaktualni span { display:none}*/ 
/*.ico-true span { display:none}*/
/*.ico-false span { display:none}*/
/*.ico-compact span { display:none}*/


.text-ico span,
.ico-kosik,
.ico-nabprid,
.ico-oblib,
.ico-porov,
.ico-refresh,
.ico-konfig,
.ico-remove,
.ico-reorder,
.ico-nabidka,
.ico-check,
.ico-uncheck,
.ico-edit,
.ico-save,
.ico-nabuloz,
.ico-undo,
.ico-add,
.ico-lupa,
.ico-insallrisk,
.ico-warranty,
.tab1_op_kos,
.tab1_op_nab2,
.tab1_op_obl,
.tab1_op_prv,
.tab1_op_refresh,
.tab1_op_konf,
.tab1_op_remove,
.tab1_op_nab,
.tab1_op_nab3
{ background:url(../img/theme/tab1_op.png) no-repeat; width:24px; height:24px;display:inline-block;margin:1px; line-height:24px; vertical-align: middle;}

.ico-transparent { background-image: url(../img/theme/tab1_op_trans.png); }
.ico-save-green, .ico-kosik-green, .ico-nabidka-green, .ico-nabprid-green {
    background:url(../img/theme/tab1_op_gr.png) no-repeat; width:24px; height:24px;display:inline-block;margin:1px; line-height:24px; vertical-align: middle;
}

.ico-save-green { background-position: -288px 0;}
.ico-kosik-green { background-position: 0 0;}
.ico-nabidka-green { background-position: -192px 0;}
.ico-nabprid-green { background-position: -24px 0;}

.text-ico { width: auto; line-height: 24px; background: none; }
    .text-ico span { vertical-align: middle;  }

.tab1_op_kos, .ico-kosik, .ico-kosik span { background-position:0 0}
.tab1_op_nab2, .ico-nabprid, .ico-nabprid span { background-position:-24px 0}
.tab1_op_obl, .ico-oblib, .ico-oblib span { background-position:-48px 0}
.tab1_op_prv, .ico-porov, .ico-porov span { background-position:-72px 0}
.tab1_op_refresh, .ico-refresh, .ico-refresh span { background-position:-96px 0}
.tab1_op_konf, .ico-konfig, .ico-konfig span { background-position:-120px 0}
.tab1_op_remove, .ico-remove, .ico-remove span { background-position:-144px 0}
.ico-reorder, .ico-reorder span { background-position:-168px 0 }
.tab1_op_nab, .ico-nabidka, .ico-nabidka span { background-position:-192px 0}
.ico-check, .ico-check span { background-position:-216px 0}
.ico-uncheck, .ico-uncheck span { background-position:-240px 0}
.ico-edit, .ico-edit span { background-position:-264px 0 }
.ico-save, .ico-save span { background-position:-288px 0 }
.tab1_op_nab3, .ico-nabuloz, .ico-nabuloz span { background-position:-288px 0}
.ico-undo, .ico-undo span { background-position:-312px 0 }
.ico-add, .ico-add span { background-position:-336px 0 }
.ico-lupa, .ico-lupa span { background-position:-360px 0 }
.ico-warranty, .ico-warranty span { background-position:-384px 0 }
.ico-insallrisk, .ico-insallrisk span { background-position:-408px 0 }

.ico-kosik img { display:none}
.ico-nabprid img { display:none}
.ico-oblib img { display:none}
.ico-porov img { display:none}
.ico-refresh img { display:none}
.ico-konfig img { display:none}
.ico-remove img { display:none}
.ico-reorder img { display:none}
.ico-nabidka img { display:none}
.ico-check img { display:none}
.ico-uncheck img { display:none}
.ico-edit img { display:none}
/*.ico-save img { display:none}*/
.ico-nabuloz img { display:none}
.ico-undo img { display:none}
/*.ico-add img { display:none}*/
.tab1_op_kos img { display:none}
.tab1_op_nab2 img { display:none}
.tab1_op_obl img { display:none}
.tab1_op_prv img { display:none}
.tab1_op_refresh img { display:none}
.tab1_op_konf img { display:none}
.tab1_op_remove img { display:none}
.tab1_op_nab img { display:none}
.tab1_op_nab3 img { display:none} 

.out-text { display:none}

/*  buttons */
input[type=submit],
button, a.button, td a.button,
table.vypis a.button { font-weight: normal; display: inline-block; padding: 0px 2em; border: 1px solid #2a6797; background: #3e88c3; background: linear-gradient(180deg, #fff 0%, #4f9ed0 3%, #3e88c3 100%); /*background: #3e88c3 url(../img/theme/btn-bg.png) left top repeat-x;*/ color: white; text-decoration: none; font-size: 13px; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; line-height: 26px; min-height: 26px; cursor: pointer; }
div.form1 input[type=submit],
div.form1 button, 
div.form1 a.button, 
.btnConfirm
{ font-weight:normal; display: inline-block; padding: 0px 2em; border: 1px solid #aa5e01; background: #e27c03 url(../img/theme/form1-btn-bg.png) top left repeat-x ; color: white; text-decoration: none; font-size: 13px; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; line-height: 26px; cursor: pointer; }
div.form2 input[type=submit],
div.form2 button, div.form2 .button,
div.form2 a.button, input[type=submit].success { font-weight: normal; display: inline-block; padding: 0px 2em; border: 1px solid #386932; background: #70af66; background: linear-gradient( 180deg, #96f084 0%, #70af66 3%, #53874b 100%); /*background: #53874b url(../img/theme/form2-btn-bg.png) top left repeat-x ;*/ color: white; text-decoration: none; font-size: 13px; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; line-height: 26px; min-height: 26px; cursor: pointer; }
    body div.form2 a.button:hover, input[type=submit].success:hover { background: #70af66; }
    .button-sm { line-height: 20px; padding: 0 1em !important; }
input[type=submit]:hover, button:hover, a.button:hover, td a.button:hover, div.form1 a.button:hover, div.form2 a.button:hover, .btnConfirm:hover { color: white; text-decoration: none; /*background-image: none;*/; background: #3e88c3; }
div.form1 input[type=submit]:hover, div.form1 button:hover, div.form1 a.button:hover, div.form1 td a.button:hover, div.form1 a.button:hover, div.form1 .btnConfirm:hover, #divObsahObjednavky .btnConfirm:hover, .order-cofirm .btnConfirm:hover { background: #fe9e14; }
.button.hidden { display: none; }



/* @@@@@@@@@@@@@@@@@@@@@@@@@@ konkretni stranky  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#pgZboziDetail .hlaskaRema { font-size: 12px; text-align: center; }
#pgZboziDetail .hlaskaUsetrite { font-size: 12px; text-align: center; }
    #pgZboziDetail .hlaskaUsetrite span { color: #808080; }
#pgZboziDetail #upoutavky { display: none; }
#pgZboziDetail #upoutavky div.link-list { float: left; }
#pgZboziDetail #upoutavky, #pgZbozi #upoutavky { clear: both; }
 #upoutavky:after {content: "."; display: block; height: 0;clear: both; visibility: hidden;}


#pgDokument2 .containerBody_4 { text-align: left; }
#pgDokument2 #img { float: right; width: 50px; text-align: right; padding: 1px 5px; }
    #pgDokument2 #img img { margin: 3px auto 0px 0px; }
#pgDokument2 #pgDokument2 h2 { display: inline; margin: 0em 0px; font-size: 20px; padding: 0px 0px 3px 3px; font-weight: bold; }
#pgDokument2 #spDatum { display: inline; margin: 0em 0px 7px 0px; font-weight: bold; }
#pgDokument2 #pgDokument2 #spAbstrakt2 { margin: 0em 0px 7px 0px; }
#pgDokument2 #spAbstrakt2 #spAbstrakt { margin-left: 0px; font-style: normal; }
#pgDokument2 #pgDokument2 #spObsah { margin: 0px 0px 0px 0px; clear: both; }
#pgDokument2 #spObsah a { color: black; font-weight: bold; }
#pgDokument2 #spObsah TD.none { display: table-cell !important; }
#pgDokument2 #spObsah TH.none { display: table-cell !important; }

#pgUloziste .rkFormContainer { min-width: 990px; }
#pgUloziste .rkFormRight { width: 420px; float: right; }
#pgUloziste #rkForm { width: 420px; }
#pgUloziste #rkForm2 { width: 560px; float: left; }
#pgUloziste span.ext-sklad { font-weight: bold; color: red; }
#pgUloziste #divUlozistePolozky { clear: both; }

@media screen and (max-width: 767px) {
    #pgUloziste .rkFormContainer { min-width: auto; }
    #pgUloziste .rkFormRight { width: auto; float: none; }
    #pgUloziste #rkForm { width: auto; }
    #pgUloziste #rkForm2 { width: auto; float: none; }
    #divUlozistePolozky,#divUlozisteHlavickaVypis { clear: both; overflow-x: scroll; }
    #fcZakladniParametryObjednavky input, #fcZakladniParametryObjednavky select { max-width: 300px; }
    #fcZakladniParametryObjednavky td { display: block; }
    .containerBody_4 { padding: 20px 15px 15px; }
}


#pgZbozi #filtry { display: block; clear: both; }
#pgZbozi .filtrNaVyrobceNadpis, #pgZbozi .filtrKontextovyNadpis { color: #004385; font-weight: bold; font-size: 13px; }
#pgZbozi #filtry .filtrNaVyrobceAktualni a { color: #004385; font-weight: bold; }

#pgObjednavkaEU2v2 .cFormProdejce { margin: 1em auto; width: 300px; }

#pgStrom2 .cSouvisejici { border-top: 1px solid #CCCCCC; margin: 2em 0em 0em 0em; padding: 1em 0em 0em 0em; }
#pgStrom2 #upoutavky { width: 234px; float: right; }
#pgStrom2 #vypis { margin-right: 250px; clear: left; *max-width: 2000px; }

#pgStrom2 .promo-zbozi .form2 { clear: both; background:#579bc8;}
#pgStrom2 .promo-zbozi .formHeadInner { background: #3268a6; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAADFBMVEXR0dG5ubnExMSurq6prigqAAAABHRSTlM2NjY2AJNcKQAAAqlJREFUKM8t0u9LE3EAx/HP5i2vJvWdznCy4jY2q5UxR0VGwt3tTm9mcrNpM30wh6ZIwoQkCoy7seUkJRezFDS0JPr1YEaSScSlGSY9cNKDkIJ+SPQkyPBRj1LpT3i/eCNsOb6DeDS+cA9rT2OpRly36sTcTmAc6BdUdfflrHH9W2s4DdKuDaqkIDYab/YpkPj5cq2s5ESysTes4VjqDzX11a7kqC4HA8oRPphPPnjXrH5DCMM3v80LXv00f5uvlWGfyBdibTNrXCYmMpDiye5s+IURVn+PQUFIkumEqdJ25BMBfBzRnlDDtkBriopg2rFAmKFEpDs5wAFXqLobzgw/GVzWKYDZ9wYuj8nI57MlS9i2vPNqdDZ3OsPvNjOog66e8r9TvUUtyhe8PpXnlK5FNW5xcBeL6rD0QvebdTGHDeMDENytDyLqpUBOT75KgNpufjLUN0dM6fMyDGa/ydgi2FfcyvYQCq0kd3q1X9IbG5vc2FVV7VOj5tggazYoWIw4o1q5bV9TjX6WQfDwoZDLfTB2IJBSWZwcuZ9dV9ycVziTrHCjSvM2nQsqOjubc4gFbrXvIFrLptqxAZTYHlV69HTWhtqEgi2CzsJNtZ9pFGPutDNDK/7mEY6BSGQm08LSG2o6DYFV/574/qfCsC5YxiI2xktwWBKJVGOchYs1dJEDZzmRosMaPrZF2FiX5yhDF3cqiCvShZeN4B5nTT3UsJUS42xZBmMFA32HTz5aNLTSObJulpHblzNquOgmqaK7ZiBhaqgP5f360bCdIA1h22Z3dHZfQ3ZTBFLpXyNd+V2kg7Kq4E6wwPBZ9ljrKNHHwBJcCAjCK8f7XnpgCWzzGbtP2FvKJgUv8H+5vTRN2tJ4bhGpKpl75nFaIGPsutMh8j2eoQ4kyD9lQNtpEcpxlwAAAABJRU5ErkJggg==), linear-gradient(180deg, #0a5fb5 0%, #11458a 100%); /*background: #3268a6 url(../img/theme/list-head-bg.jpg);*/ }
#pgStrom2 .promo-zbozi .formFooter { padding: 0; background: white; }
#pgStrom2 .promo-zbozi .formFooterInner .img { float: left; width: 70px; text-align: center; background: white; margin-right: 5px; overflow: hidden; }
    #pgStrom2 .promo-zbozi .formFooterInner .img img { max-height: 60px; max-width: 70px; }
#pgStrom2 .promo-zbozi .formFooterInner { text-align: right!important; background: white; }
    #pgStrom2 .promo-zbozi .formFooterInner h3 { text-align: left; margin: 0; font-size: 100%; min-height: 60px; }
    #pgStrom2 .promo-zbozi .formFooterInner strong { text-align: left; margin-bottom: 6px; color: #fe9101; }
    #pgStrom2 .promo-zbozi .formFooterInner::after { content: "."; display: block; height: 0;clear: both; visibility: hidden; }

#pgStrom2 .cPath { float: left; }

#preview { display: none; position: absolute; z-index: 1000; }
    #preview div { border: 1px solid #ccc; padding: 10px; background: white url(../img/loading.gif) center center no-repeat; padding: 3px;margin: 0; width: 256px; min-height: 120px; text-align: center; -moz-box-shadow: 2px 2px 7px rgba(0,0,0,.4); -webkit-box-shadow: 2px 2px 7px rgba(0,0,0,.4); box-shadow: 2px 2px 7px rgba(0,0,0,.4); }
    #preview img { max-width: 250px; _width: 250px; }

#filtrKontextovy li { line-height: 20px; padding: 0; }
#filtrKontextovy, #filtrNaVyrobce { margin: 0; }

.cKontextoveHledani .input { padding: 2px; border: 1px solid #AAA; width: 120px; height: 20px; background: white; }
.cKontextoveHledani .btn { padding: 3px 6px;min-height: 0;line-height: 1em;margin: 0 0 0 5px; }


/* konfigurator spotrebaku */
.cZarazeni ul { float: left; margin: 10px 15px 10px 0px; padding: 0px; list-style-type: none; }
.cZarazeni li { background: url(../img/odrazka_mala.gif) no-repeat 0px 2px; padding: 0px 0px 0px 17px; min-width: 100px; line-height: 17px; }
.cZarazeni li a { _height: 1px; }
.cZarazeni li.big { float: left; margin: 0 10px 10px 0; cursor: pointer; width: 300px; _width: 300px; padding: 15px; border: 1px solid #AAA; vertical-align: middle; background: white; -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); box-shadow: 1px 1px 5px rgba(0,0,0,0.2); }
.cZarazeni li.big img { vertical-align: middle; }
.cZarazeni li.big a { font-size: 130%; }
.cZarazeni li.big a > div { display: flex; align-items: center; gap: 10px; }
.cZarazeni li.big a > div > span { flex: 1; }
.cZarazeni li.big:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #75b36a; }

/* jquery ui override pro naseptavac */
.ui-autocomplete { z-index: 10001;position: fixed; }
.ui-autocomplete-category { font-weight: bold; padding: 0 1em; line-height: 2.3em; color: white; }
.ui-autocomplete-loading { background: #fff url(../img/ajax-loading.gif) right center no-repeat!important; }
.cattypeK, .cattypeP, .cattypeS { background: #fe9101; }
.cattypeV { background: #75B36A; }
.cattypeZ { background: #004385; }
.cattypeI { background: #444444; }
.ui-menu { padding: 2px; margin-left: 1px; font-size: 13px; border: 1px solid #DDD; -moz-box-shadow: 2px 2px 7px rgba(0,0,0,.4); -webkit-box-shadow: 2px 2px 7px rgba(0,0,0,.4); box-shadow: 2px 2px 7px rgba(0,0,0,.4); }
.ui-menu-item a small { color: #AAA; }
.ui-menu-item a.typeK, .ui-menu-item a.typeP { background-color: #FFFAF4; }
.ui-menu-item a.typeV { background-color: #F9FFF4; }
.ui-menu-item a.typeZ { background-color: #FFF; }
.ui-menu-item a.typeI { background-color: #F4F4F4; }
.ui-menu-item .result-with-image { display: flex; align-items: center; }
.ui-menu-item .result-with-image > span:nth-child(2) { flex: 1; }
.ui-menu-item .result-with-image img { height: 30px; margin-right: 5px; }

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus { background: #FEFEFE; border: none; margin: 0; }
.ui-menu .ui-state-focus { border: none; background: #E9EDF1!important;  }
.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

ul.ui-menu li.ui-menu-item { position: relative; }
ul.ui-menu span.remove { position: absolute; bottom: 2px; right: 2px; cursor:pointer; background: url(../img/remove-lo.png) 0 0 no-repeat; width: 12px; height: 10px; display:block; }
    ul.ui-menu span.remove:hover { background: url(../img/remove-lo.png) -12px 0 no-repeat; }

ul#user-detail:empty { display: none!important; }
ul#user-detail .ui-menu-item a { padding: 4px 5px; }
ul#user-detail .ui-menu-item span { padding: 3px 5px; display: inline-block; }
ul#user-detail .headline { background: #0c4679;color: white; }
ul#user-detail .headline a { color: white; } 
ul#user-detail .headline.logged { background:#e9edf1; color: #444; }
ul#user-detail .headline.logged a { color: #444; }
ul#user-detail .headline.ui-menu-item a { }
ul#user-detail .headline a.ui-state-focus { background: none!important;}

.cMailingovyRozcestnik { position: relative; height: 115px; margin-left: 10px }
#divFlash1500akci { width: 330px; height: 95px; position: absolute; top: 0px; right: 0px; }
#MailingovyRozcestnik { padding-right: 331px; }
    #MailingovyRozcestnik .jcarousel-container-horizontal { padding: 0 0 0 0; }
    #MailingovyRozcestnik .jcarousel-clip-horizontal { background: #CCCCCC; border: solid;border-color: #CCCCCC;border-width: 1px  }
    #MailingovyRozcestnik .jcarousel-list li, .jcarousel-item { width: 330px; height: 95px; }
    #MailingovyRozcestnik .jcarousel-next-horizontal { position: absolute; top: 0px; right: -1px; width: 10px; height: 95px; cursor: pointer; background: transparent url(../img/car-mail-next.gif) no-repeat -30px 0; }
        #MailingovyRozcestnik .jcarousel-next-horizontal:hover { background-position: -10px 0; }
        #MailingovyRozcestnik .jcarousel-next-horizontal:active { background-position: 0px 0; }
    #MailingovyRozcestnik .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -20px 0; }
    #MailingovyRozcestnik .jcarousel-prev-horizontal { position: absolute; top: 0px; left: -9px; width: 10px; height: 95px; cursor: pointer; background: transparent url(../img/car-mail-prev.gif) no-repeat 0px 0;border: solid;border-width: 1px;border-color:#CCCCCC }
        #MailingovyRozcestnik .jcarousel-prev-horizontal:hover { background-position: -20px 0; }
        #MailingovyRozcestnik .jcarousel-prev-horizontal:active { background-position: -30px 0; }
    #MailingovyRozcestnik .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -10px 0; }

.ui-widget { font-size: 8pt; }
    .ui-widget a { font-weight: normal; }

.hiddenNaseptavac { position: fixed; _position: absolute; top: -2px; height: 1px; left: 450px; border: 0; _width: 300px; min-width: 300px; margin: 0; padding: 0; z-index: 100!important; }

/* dokumenty uvodka */
.uvodni_strana { width: 100%; padding: 0; margin: 0; border-collapse: collapse; border: none; }
    .uvodni_strana .column { padding: 0; vertical-align: top; padding-right: 12px; width: 32%; }
        .uvodni_strana td.column:last-child { padding-right: 0; }
table.sloupce { width: 100%; padding: 0; border-collapse: collapse; margin: 0; border: none; }
    table.sloupce table { padding: 0; margin: 0; border-spacing: 0; }
    table.sloupce th { vertical-align: middle; height: 20px; }
    table.sloupce table tr td { border-top: 1px solid #E9EDF1; text-align: justify; vertical-align: top; height: 70px; padding: 3px 1px; }
    table.sloupce table tr.new td { border-top: 3px solid #fe9101; } 
    table.sloupce table td.logo { width: 50px; }
    table.sloupce table td.logo img { margin-top: 15px; }

.sloupce_top3 { width: 100%; padding: 0px; border-collapse: collapse; }
    .sloupce_top3 th { height: 19px; padding: 0px; border-style: none; color: black; font-weight: bold; text-align: center; vertical-align: middle; }
    .sloupce_top3 td { padding: 1px; border-style: none; color: black; vertical-align: top; }
.sloupce_nadpis { margin: 0 0 3px; padding: 0px; }
.sloupce_zvyrazneno { color: #D58500; }

.cFiltrySkladovosti { display: inline; }
.cFiltrySkladovosti .disabled { cursor: default;color: #aaa;}
.cFiltrySkladovosti .disabled:hover { text-decoration: none;color: #aaa;}
    .cFiltrySkladovosti ul { display: none; top: 0; left: 0; position: absolute; background: white; border: 1px solid #CCC; margin: 0; padding: 2px 8px; list-style: none; -webkit-box-shadow: 2px 2px 7px rgba(0,0,0,.4); -moz-box-shadow: 2px 2px 7px rgba(0,0,0,.4); box-shadow: 2px 2px 7px rgba(0,0,0,.4); z-index: 100; }
    .cFiltrySkladovosti li { margin: 0; padding: 0; }
    .cFiltrySkladovosti ul li a { display: block; padding: 7px 0 7px 10px; border-bottom: 1px solid #EEE; color: black; background: url(../img/odrazka_mini.gif) no-repeat scroll 0px 9px transparent; }
    .cFiltrySkladovosti ul a:hover strong { text-decoration: underline; }
    .cFiltrySkladovosti ul li.last a { border: none; }
    .cFiltrySkladovosti ul a span { font-weight: normal; color: #AAA; }
    .cFiltrySkladovosti ul a:hover span { color: #888; }
    .cFiltrySkladovosti #btnFiltrSkladovosti { padding-left: 17px; background: url(../img/filter.gif) 0 0 no-repeat; }


.tab1 .extra td { border: none; padding: 0; }

#pgPubSysDocument { text-align: left; _width: 100%; }
#pgPubSysDocument .datum { color: #888; font-size: 9px; }
#pgPubSysDocument h2 { padding-left: 25px; font-size: 24px; line-height: 30px; margin: 5px 0; color: #004385; background: url(../img/odrazka_vetsi.gif) 0 0 no-repeat; text-align: left; }
#pgPubSysDocument h3 { color: #004385; font-size: 19px; margin: 15px 0 8px 0!important; display: block; } 
#pgPubSysDocument h2+h3 { margin: -5px 0 8px 0!important; }
#pgPubSysDocument h4 { color: #444;  font-size: 16px; margin: 15px 0 5px 0;  } 
#pgPubSysDocument .abstrakt { margin-bottom: 2em; font-weight: bold; }
#pgPubSysDocument p, #pgPubSysDocument p.MsoNormal, #pgPubSysDocument .MsoNormal span, #pgPubSysDocument p span, #pgPubSysDocument ul, #pgPubSysDocument font { font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; font-size: 13px!important; background: transparent; }
#pgPubSysDocument ul { list-style-type:none; margin:10px 0 0 15px; padding:0; }
#pgPubSysDocument ul li { background: transparent url(../img/odrazka_mala.gif) no-repeat scroll 0 2px; line-height:17px; padding:0 0 0 17px; }
#pgPubSysDocument a { color: Black; font-weight: bold; }
#pgPubSysDocument hr { height: 1px; color: #e7e7e7; border: 0; border-top: 1px solid #e7e7e7; }
#pgPubSysDocument blockquote { margin: 0 0 0 5px;}
#pgPubSysDocument table.vypis tr:nth-child(odd) { background-color: #d9e1ed; }
#pgPubSysDocument table.vypis tr:hover { background-color: #ceeaff!important; }
    #pgPubSysDocument table.vypis { width: auto; }
    #pgPubSysDocument .highlight1 { color: #004385; }
    #pgPubSysDocument .highlight2 { color: #FE9101; }
    #pgPubSysDocument .highlight3 { color: #75b36a; }
    #pgPubSysDocument .highlight4 { color: #D60435; }


#spObsah { margin-bottom: 15px; }
#spObsah a {text-decoration:underline}
#spObsah a:hover {text-decoration:none;}
#spObsah h1 {color: #444; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana;font-size: 26px;font-weight: bold;}
#spObsah h2, h2.PageTitle { font-size: 25px; line-height: 30px; margin: 10px 0 10px; color: #004385; }
    #spObsah h2:first-of-type, h2.PageTitle { padding-left: 24px; background: url(../img/odrazka_vetsi.gif) 0 0 no-repeat;  }
#spObsah h3 { color: #004385; font-size: 19px; margin: 15px 0 8px 0!important; display: block; } 
#spObsah h2+h3 { margin: -5px 0 8px 0!important; }
#spObsah h4 { color: #444;  font-size: 16px; margin: 15px 0 5px 0;font-weight: bold; } 
#spObsah ul { list-style-type:none; margin:10px 0 0 10px; padding:0; line-height: 1.3; }
#spObsah ul li { background: transparent url(../img/odrazka_mala.gif) no-repeat scroll 0 2px; line-height:1.7; padding:0 0 0 17px; }
#spObsah ul ul li { background: transparent url(../img/odrazka_mala_gray.gif) no-repeat scroll 0 2px; line-height:1.5; padding:0 0 0 17px; }
#spObsah p { margin: 0 0 10px 0; line-height: 1.3;}
#spObsah blockquote {padding: 0;
    margin: 20px;
    font-size: 100%;
    border-left: none; }
#tdBanner { margin: 25px auto; text-align: center;  }

table.stranka,
table.stranka > tbody,
table.stranka > tbody > tr,
table.stranka > tbody > tr > td { width:100%; padding:0; margin: 0}
table.stranka td.obsah { display: block; padding: 24px; width:auto}
    table.stranka .menu3 { text-align:left }


/* Default Page  */

#pgDefault .containerBody_4 { border: none; padding: 0; }
#pgDefault .containerBody_4 h2 {  margin: 0; padding: 0; font-size: 17pt; font-weight: normal; white-space: nowrap; }
#pgDefault .menu4, #pgDefault #menu1L .banner { display: none; }

#pgDefault .logged h3 { color: white; }
#pgDefault .row { padding: 20px 0; clear: both;}
#pgDefault .row-1 h2 { color: white; }
#pgDefault .row-1 a { color: #fd9400; }
#pgDefault .row-1 .cCoinSlider { border: 4px solid white; width: 760px; height: 330px; display: block; }
#pgDefault .row-1 .static-banner { display: none;  }
    #pgDefault .row-1 .static-banner img { border: 4px solid white; }
#pgDefault .row-1 { background: url(../img/theme/default-bg.png) repeat-x #3870a9; height: 364px; color: #7fbae3; overflow: hidden; }
#pgDefault .row-2 { background: white; color: #3870a9; }
#pgDefault .column { float: left; margin-left: 30px; padding: 10px 0; }
#pgDefault .row-1 .column-1,#pgDefault .row-2 .column-1,#pgDefault .footer .column-1 { width: 220px;  }
#pgDefault .row-2 .column-2 {width: 250px;}
#pgDefault .row-2 .column-3 {width: 560px;}
#pgDefault .row-2 ul { margin-left:0; padding: 0; }
#pgDefault .row-2 li { line-height: 1.4em; margin-left:0; list-style-type: none; padding-left: 20px; background: url(../img/theme/path-bullet.png) left 4px no-repeat;  }
#pgDefault .row-2 li a {color: #3870a9; }
#pgDefault .footer { position:relative; line-height: 1.4em; margin:0; background: #113e67 url(../img/theme/footer-bg2.jpg) top repeat-x; color: white; text-align: left;  height:248px; overflow-y:hidden }
    #pgDefault .footer a { color: white; }
#pgDefault .footer strong { color: #7fbae3; display: block; width: 75px; float: left; }
#pgDefault .footer .column-1 { width: 205px; }
#pgDefault .copyright { margin-right:30px; float: right;}
#pgDefault .mabl { position: absolute; top: 160px; left: 55px; text-align: center; }

#pgDefault .login-box input[type=text], #pgDefault .login-box input[type=password] {border:2px solid #053d70;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;color:#444;line-height:31px; height: 31px; padding:0 10px 0 10px;margin:10px 0;display:block; width: 165px; }
#pgDefault .login-box input.iico-login {background: white url(../img/theme/ico.input.login.png) top left no-repeat;padding:0 10px 0 42px}
#pgDefault .login-box input.iico-pwd {background: white url(../img/theme/ico.input.pwd.png) top left no-repeat;padding:0 10px 0 42px}

#pgDefault #SKPaticka { display: none; }

#tab_zalozky_zak tr.zalozky-hnede td, #tab_zalozky_reg tr.zalozky-hnede td, 
#tab_zalozky_obch tr.zalozky-hnede td { border:solid 1px #cfd5dc; border-right: 0; background: #e9edf1; cursor:pointer; line-height: 25px; height: 26px; text-align: center; }
#tab_zalozky_zak td.active, #tab_zalozky_reg td.active, #tab_zalozky_obch td.active { background: white!important; border-bottom: 1px solid white!important; }
#tab_zalozky_zak td.empty, #tab_zalozky_reg td.empty, #tab_zalozky_obch td.empty { width: 350px; background: white!important; border-top: 1px solid white!important; border-right: 1px solid white!important; }
#tab_zalozky_zak tr.zalozky-hnede td:hover, #tab_zalozky_reg tr.zalozky-hnede td:hover, #tab_zalozky_obch tr.zalozky-hnede td:hover { background: white; }
#tab_hlavni_reg, #tab_hlavni_zak, #tab_hlavni_obch,#tab_hlavni_reg td, #tab_hlavni_zak td, #tab_hlavni_obch td { border-color: #cfd5dc!important; }
#Kampane1_mark_kampane td { border: none; }

span.dp-ico { display:inline-block; *display: inline; *zoom:1; vertical-align: middle; margin-right: 5px;}
div > span.dp-ico { position: absolute; top: 0; left: 0px; display: block; margin: 0; vertical-align: auto; }
div.dp-ico {  position:relative; padding: 5px 0 0 50px; }

.dp-ico-link,
.dp-ico-register,
.dp-ico-benefit,
.dp-ico-award,
.dp-ico-map,
.dp-ico-phone,
.dp-ico-mail  {background:url(../img/theme/default-icons.png) top left no-repeat; width:40px; height:40px; }

.dp-ico-link { background-position: 0 0 }
.dp-ico-register  { background-position: -40px 0 }
.dp-ico-benefit  { background-position: -80px 0 }
.dp-ico-award { background-position: -120px 0 }
.dp-ico-map { background-position: -160px 0 }
.dp-ico-phone { background-position: -200px 0 }
.dp-ico-mail { background-position: -240px 0 }


/* coin slider on default page */
.coin-slider { zoom: 1; position: relative; }
.coin-slider a { text-decoration: none; border: none; }
.cs-title { width: 760px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-buttons { position: absolute!important; top: -3px!important; left: 780px!important; margin-left: 0!important; width: 60px; }
.cs-buttons a { -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); display: block; width: 50px; float: left; margin: 0 0 14px 0; height: 50px; border: 3px solid white; position:relative; }
    .cs-buttons a:last-child { margin-bottom: 0; }
.cs-buttons a.cs-active { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
#cs-navigation-coinSlider {visibility:hidden}


.pgNakupStatistiky .cRadkovyFiltr {margin:1em 0}
.pgNakupStatistiky table.vypis {float:left;margin:1em 3em 0 0}
.pgNakupStatistiky #flot {float:left;margin:0}


.rozcestnik {width:718px;margin:auto;border:3px solid #a6e69a; border-collapse:collapse; border-spacing: 0;}
    .rozcestnik th, .rozcestnik td { border: none; border-bottom:3px solid #a6e69a; }  
.rozcestnik th {white-space:nowrap; cursor:pointer; color:white; background-color:#75b36a; padding: 1.2em; text-transform: uppercase; }
.rozcestnik th a {color: white;}
.rozcestnik a:hover {text-decoration:underline; color: black; }
.rozcestnik td {background-color:#f5fef3; padding: 0.5em 1em; }
    .rozcestnik tr.selected th, .rozcestnik tr:hover th { background-color: #95ce8b; cursor: pointer; color: black; }
    .rozcestnik tr.selected td, .rozcestnik tr:hover td { background-color: #d5e8d1; cursor: pointer; }
.rozcestnik tr:hover th a {color: black;}

.crossroad {border:3px solid #a6e69a; border-collapse:collapse; border-spacing: 0; min-width: 50%;}
    .crossroad th, .crossroad td { border: none; border-bottom: 3px solid #a6e69a; }
    .crossroad th { white-space: nowrap; cursor: pointer; color: white; background-color: #75b36a; padding: 1.2em; text-transform: uppercase; }
        .crossroad th a { color: white; }
    .crossroad a:hover { text-decoration: underline; }
    .crossroad td { background-color: #f5fef3; padding: 0.5em 1em; }
    .crossroad tr.selected th, .crossroad tr:hover th { background-color: #64a758; cursor: pointer; box-shadow: -3px 1px 3px inset rgba(0, 0, 0, 0.1); text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2) }
    .crossroad tr.selected td, .crossroad tr:hover td { background-color: #d5e8d1; cursor: pointer; }

@media only screen and (max-width: 800px) {
    .crossroad th { white-space: normal; }
}

.info-panel {text-align:left;margin:0.5em auto}
.info-panel .ip-content {border: solid 1px #adaaaa; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background: #f7f7f9; color:#666; padding:14px}
.info-panel a {text-decoration:none;color:#444;font-weight:bold}
    .info-panel a.button { color: white; }
.info-panel a:hover {color:black;text-decoration:underline}
    .info-panel a.button:hover { color: white; }
.info-panel h5 { margin: 0 0 5px 0; }

.info-panel .ip-info {padding-left:48px; color:#666;border-color:#adaaaa; background:#f7f7f9 url(../img/theme/ip-info.png) 9px center no-repeat}
.info-panel .ip-msg {padding-left:48px; color:#3477a7;border-color:#6bb2e5; background:#d9edf7 url(../img/theme/ip-msg.png) 9px center no-repeat}
.info-panel .ip-wrn {padding-left:48px; color:#de8200;border-color:#ffb956; background:#ffeed7 url(../img/theme/ip-wrn.png) 9px center no-repeat}
.info-panel .ip-err {padding-left:48px; color:#a8322f;border-color:#b94a48; background:#f2dede url(../img/theme/ip-err.png) 9px center no-repeat}
.info-panel .ip-ok {padding-left:48px; color:#3f7414;border-color:#81976f; background:#dff0d8 url(../img/theme/ip-ok.png) 9px center no-repeat}

#designChange { position:absolute; top: 2px; right: 3px; cursor: pointer; display: block; }
    #designChange:hover { -moz-opacity: 0.7; opacity: 0.7; }

.info-card { border: 1px solid #ccc;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);margin-bottom: 15px;padding: 7px 30px 12px 12px;position: relative;max-width: 330px;}
.info-card h2 { margin: 5px 0;color: #004385;font-size: 1.3em;}
.info-card h2 a {color:#004385}
.info-card h3 { margin: 5px 0;font-size: 1.1em;}
.info-card h2 img { position: absolute;right: 30px; top:12px }
.info-card h3 em { color:#fe9101;font-size: 140%; font-style: normal}
.info-card .ic-progress { background: #eee;height: 7px; margin:5px 0}
.info-card .ic-progress div { background: #fe9101; height: 100%}
.info-card .ic-btn { cursor: pointer;background: url(../scripts/smoothness/images/ui-icons_454545_256x240.png);width: 16px;height: 16px;opacity: 0.4; position: absolute; }
.info-card .ic-btn:hover {opacity:1 }
.info-card .ic-close { right: 5px;top: 5px;background-position: -96px -128px}
.info-card .ic-favorite {right: 5px;top: 23px;background-position: -224px -112px}
.info-card .ic-person {right: 5px;top: 41px;;background-position:-144px -96px}
.info-card .ic-favorited {opacity: 0.9;}

.cVizMktCard { border: 1px solid #ccc;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);margin-bottom: 15px;padding: 7px 40px 12px 12px;position: relative;max-width: 330px;}
.cVizMktCard h2 { margin: 5px 0;color: #004385;font-size: 1.3em;}
.cVizMktCard h2 a {color:#004385}
.cVizMktCard h3 { margin: 5px 0;font-size: 1.1em;}
.cVizMktCard h2 img, .cVizMktCard h2 i { position: absolute;right: 30px; top:12px }
.cVizMktCard h3 em { color:#fe9101;font-size: 140%; font-style: normal}
.cVizMktCard .vmc-progress { background: #eee;height: 7px; margin:5px 0}
.cVizMktCard .vmc-progress div { background: #fe9101; height: 100%}
.cVizMktCard .vmc-btn { cursor: pointer;background: url(../scripts/smoothness/images/ui-icons_454545_256x240.png);width: 16px;height: 16px;opacity: 0.4; position: absolute; }
.cVizMktCard .vmc-btn:hover {opacity:1 }
.cVizMktCard .vmc-close { right: 5px;top: 5px;background-position: -96px -128px}
.cVizMktCard .vmc-favorite {right: 5px;top: 23px;background-position: -224px -112px}
.cVizMktCard .vmc-person {right: 5px;top: 41px;;background-position:-144px -96px}
.cVizMktCard .vmc-favorited {opacity: 0.9;}

.LoyaltyProgramOverview .cVizMktCard h2 img { max-height: 50px; right: 10px; top: 15px; }
.LoyaltyProgramOverview .cVizMktCard { max-width: 100%; padding: 12px; }

.cContacts h4 { font-weight: bold;}
.cContacts .c-department { padding: 4px 0 4px; margin-bottom: 10px;background: #f7f7f7; } 


@media only screen and (min-width: 1400px) 
{
    .cardFile { max-width: 1300px; width: auto; }
    .cardFile .cf-content { width: 914px; }
}

@media only screen and (max-width: 1300px) {
    #menu1L li.banner { display: none;}
}

@media only screen and (min-width: 1151px) 
{
    .cardFile { width: 1100px; }
    .cardFile .cf-content { width: 705px; }
}

@media only screen and (max-width: 1150px) 
{ 
    #pgDefault .footer .column-3, #pgDefault .row-1 .column-2 .cCoinSlider { display: none; }
    #pgDefault .row-1 .column-2 .static-banner { display: block; }
    #pgDefault .row-1 .column-2 .static-banner img { max-width: 700px; }
    #pgDefault .row-2 .column { max-width: 33%!important; width: auto; }
    .cardFile .cf-content { width: 590px; }
}

@media only screen and (max-width: 1024px) 
{
    #pgDefault .row-2 .column, #pgDefault .footer .column { width: auto!important; min-width: 200px; }
    #pgDefault .row-1 .column-2 .static-banner img { max-width: 600px;}
    #pgDefault .row-1 { height: auto;  }
    #pgDefault .mabl { position:relative; top: auto; float: left; margin-top: 20px; }
    #pgDefault .footer { height: auto; }
    .containerBody, #containerHeader { max-width: none; }   
    #pgStrom2 #upoutavky { display: none; }
    #pgStrom2 #vypis { margin-right: 0;  }
    .cBookmarks { max-width: none; }
    .cardFile .cf-content { margin-top: auto; width: 538px; }
    .bookmarks { left:0; position: relative; margin: 0 0 12px 0; }
}

@media only screen and (max-width: 970px) 
{
    .cardFile .cf-content { margin-top: auto; width: auto; }
}

#tooltipZpusobDodavky,.info-questionmark { display: inline-block; width: 16px; height: 16px; background-color: #fe9101; line-height: 16px; color: White!important; font-size: 13px; font-weight: bold!important; border-radius: 50%; text-align: center; position: relative; text-decoration: none!important;margin-left: 3px; cursor: default; }

#tooltip, .ui-tooltip { position: absolute; z-index: 3000;text-align: left; background-color: white; padding: 5px; opacity: 0.9; color: black;border: 1px solid #2a6797; border-width: 1px !important;border-radius: 3px; box-shadow: 1px 1px 4px rgba(0,0,0,0.3) }
    #tooltip h3,#tooltip div, .ui-tooltip h3, .ui-tooltip div { margin: 0; font-size: small;color: black; font-weight: normal;padding: 0;line-height: 1.2; }

#legenda.info-panel td { text-align: right; vertical-align: top; width: 10%;padding: 2px;}
    #legenda.info-panel td:first-child { width: 20%; }
    #legenda.info-panel td:last-child { width: 70%; text-align: left; }


.dialogContainer { display: none; }
.dialogBox .operaceBody { text-align: right; background-color: #d9e1ed; padding: 5px; }
.dialogBox div.bottom-wrapper { padding: 7px; min-height: 100px; }
.dialogBox .hint .info-panel { width: 80%; margin: 5px auto; }
.dialogBox .operaceBody .text-ico { padding: 5px; text-decoration: none; }
.dialogBox .operaceBody a.text-ico:hover { background-color: #e9edf1; }
.dialogBox .dialogBoxItem { width: 75px; height: 30px; float: left; margin: 5px; display: block; overflow: hidden; }
    .dialogBox .dialogBoxItem.quickFilter-active { background-color: #e9edf1; border: 1px #95aee4; box-shadow: 1px 1px 5px 0px rgba(0,0,0, 0.5); }
    .dialogBox .dialogBoxItem input[type=checkbox] { left: 0px; position: relative; vertical-align: middle; display: inline-block; }
    .dialogBox .dialogBoxItem span { position: relative; display: inline-block; vertical-align: middle; text-align: center; max-width: 50px; }
        .dialogBox .dialogBoxItem span.disabled { opacity: 0.3; }

.dialogBox input.input.quickFilter { width: 100px; margin: 0 5px 0 0; }

.dialogBox .dialog-content { background: #ebeff5; min-height: 45px; padding: 10px; }
.dialogBox .dialog-footer { background: #f5f5f5; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.dialogBox .dialog-content .form { width: 100%; }
.dialogBox .dialog-content .form input[type=text], .dialogBox .dialog-content .form textarea, .dialogBox .dialog-content .form select { border: 1px solid #afc2e0; padding: 2px; line-height: 1; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; font-size: 13px; }
.dialogBox .dialog-content .form input[type=text]:focus { border: 1px solid #4793c9; }
.dialogBox .dialog-content .form .datepicker { width: 90px;}

.ui-dialog { background: #fff; border: 1px solid #95aee4; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4); z-index: 10001 }
.ui-widget-header { background: none; border: none; }
.ui-dialog .ui-dialog-content { padding: 0px 0px 0px 0px; background: #fff; overflow-x: hidden; overflow-y: auto; }
    .ui-dialog .ui-dialog-content#pm-dialog, .ui-dialog .ui-dialog-content#stock-status-dialog { overflow-y: hidden; }
.ui-dialog.orange { border: 1px solid #fecb80;background: #ffedd1;}
.ui-dialog.green { background: #f5fff5; border: 3px solid #a6e69a; }

/* Title */
.ui-dialog .ui-dialog-titlebar { position: relative; padding: 0px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; font-family: Calibri,Tahoma,Geneva,Arial,sans-serif,Verdana; color: #fff; border-style: none; text-align: center; vertical-align: middle; line-height: 30px; font-weight: normal; font-size: 13px !important; text-transform: uppercase; background: url("../img/theme/list-head-bg.jpg") repeat-x scroll center center #3268a6; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title { padding: 0px 0px 0px 0px; }
.ui-dialog.orange .ui-dialog-titlebar{ background: #fe9101 url(../img/theme/form1-head-bg.jpg) center left repeat-x;}
.ui-dialog.orange .ui-dialog-content, .ui-dialog.orange .panel {background: #ffedd1 !important;margin: 0;border: none;}
.ui-dialog.orange .panel .panel-content {border-top: 3px solid #fecb80;}
.ui-dialog.orange .panel .panel-footer { background-color: #ffd4a1;position: absolute;width: 100%;bottom: 0; }
    .ui-dialog.orange .panel .panel-footer button { border: 1px solid #aa5e01; background: #fe9e14; background: linear-gradient( 180deg, #ffd4a1 0%, #fe9e14 4%, #e27c03 100%); /*background: #e27c03 url(../img/theme/form1-btn-bg.png) top left repeat-x;*/ color: white; }
        .ui-dialog.orange .panel .panel-footer button:hover { background: #fe9e14; }

.ui-dialog.green .ui-dialog-titlebar { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAADFBMVEXR0dG5ubnExMSurq6prigqAAAABHRSTlM2NjY2AJNcKQAAAqlJREFUKM8t0u9LE3EAx/HP5i2vJvWdznCy4jY2q5UxR0VGwt3tTm9mcrNpM30wh6ZIwoQkCoy7seUkJRezFDS0JPr1YEaSScSlGSY9cNKDkIJ+SPQkyPBRj1LpT3i/eCNsOb6DeDS+cA9rT2OpRly36sTcTmAc6BdUdfflrHH9W2s4DdKuDaqkIDYab/YpkPj5cq2s5ESysTes4VjqDzX11a7kqC4HA8oRPphPPnjXrH5DCMM3v80LXv00f5uvlWGfyBdibTNrXCYmMpDiye5s+IURVn+PQUFIkumEqdJ25BMBfBzRnlDDtkBriopg2rFAmKFEpDs5wAFXqLobzgw/GVzWKYDZ9wYuj8nI57MlS9i2vPNqdDZ3OsPvNjOog66e8r9TvUUtyhe8PpXnlK5FNW5xcBeL6rD0QvebdTGHDeMDENytDyLqpUBOT75KgNpufjLUN0dM6fMyDGa/ydgi2FfcyvYQCq0kd3q1X9IbG5vc2FVV7VOj5tggazYoWIw4o1q5bV9TjX6WQfDwoZDLfTB2IJBSWZwcuZ9dV9ycVziTrHCjSvM2nQsqOjubc4gFbrXvIFrLptqxAZTYHlV69HTWhtqEgi2CzsJNtZ9pFGPutDNDK/7mEY6BSGQm08LSG2o6DYFV/574/qfCsC5YxiI2xktwWBKJVGOchYs1dJEDZzmRosMaPrZF2FiX5yhDF3cqiCvShZeN4B5nTT3UsJUS42xZBmMFA32HTz5aNLTSObJulpHblzNquOgmqaK7ZiBhaqgP5f360bCdIA1h22Z3dHZfQ3ZTBFLpXyNd+V2kg7Kq4E6wwPBZ9ljrKNHHwBJcCAjCK8f7XnpgCWzzGbtP2FvKJgUv8H+5vTRN2tJ4bhGpKpl75nFaIGPsutMh8j2eoQ4kyD9lQNtpEcpxlwAAAABJRU5ErkJggg==), linear-gradient( 180deg, #7cb570 0%, #57a74c 100%); }
.ui-dialog.green .ui-dialog-content, .ui-dialog.orange .panel { background: #f5fff5; margin: 0; border: none; }
.ui-dialog.green .panel .panel-content { border-top: 3px solid #a6e69a; }
.ui-dialog.green .panel-footer { background-color: #f5fff5; border-top: 3px solid #a6e69a; }
    .ui-dialog.green .panel-footer button { border: 1px solid #386932; background: #53874b; background: linear-gradient(180deg, #96f084 0%, #70af66 3%, #53874b 100%); color: white; }
        .ui-dialog.green .panel .panel-footer button:hover { background: #fe9e14; }
        /* close icon*/
        .ui-dialog .ui-dialog-titlebar .ui-icon-closethick { background: url("../scripts/smoothness/images/ui-icons_ffffff_256x240.png") no-repeat -96px -128px rgba(0, 0, 0, 0); margin-top: -11px; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {width: 19px;height: 19px;min-height: 19px; background: url("../scripts/smoothness/images/ui-icons_ffffff_256x240.png") no-repeat -96px -125px rgba(0, 0, 0, 0);border: none !important;}
.ui-dialog .ui-dialog-titlebar .ui-button-icon-only { background: none !important; border: none !important; }

.ui-dialog.orange .ui-resizable-handle { background-color: #fecb80;}
.ui-dialog.green .ui-resizable-handle { background-color: transparent; }
    .ui-resizable-handle { background-color: #95aee4; }
.ui-resizable-nw,
.ui-dialog.orange .ui-resizable-nw,
.ui-dialog.orange .ui-resizable-ne,
.ui-dialog.orange .ui-resizable-sw,
.ui-dialog.orange .ui-resizable-se,
.ui-dialog.green .ui-resizable-nw,
.ui-dialog.green .ui-resizable-ne,
.ui-dialog.green .ui-resizable-sw,
.ui-dialog.green .ui-resizable-se,
.ui-resizable-ne,
.ui-resizable-sw,
.ui-resizable-se { background-color: transparent; }

.pocet-vratka { display: none; }
    .pocet-vratka > input { width: 30px; }

#pTlacitkoVratitZbozi { display: none; text-align: right; }

/**  new home site **/
#containerHeader {background: #0c4679}
#containerHeader .containerHeader-inner { background: none;border-top: 0;border-bottom: 4px solid #ff9500; height:87px} 
#menu1L li {background: none}
#menu1L a.m1l  {background: none}
#menu1L li.active span.t {display:none}
#toolbar { background: #0c4679;color: white;border-width: 2px 0; top:124px}
#toolbar .toobar-iconset, #toolbar-l,#toolbar-r {background: none}
#menu1L li.active ,#menu1L li.active a.m1l {background:#ff9500}

#containerHeader .containerHeader-inner:before,
#containerHeader .containerHeader-inner:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0; }
#containerHeader .containerHeader-inner:before { left: 37px; border-top-color: #ff9500; border-width: 16px 20px 0 20px; bottom: -16px; z-index: 1; }
#containerHeader .containerHeader-inner:after { left: 44px; border-top-color: #0c4679; border-width: 10px 13px 0 13px; bottom: -10px; z-index: 2; }
#containerHeader .containerHeader-inner .logo img { padding: 10px 0 0 15px;  }

#credit-dialog .ui-datepicker-trigger {position: relative; top: 3px; left: 6px; cursor: pointer; }

.favorite-address { cursor: pointer;}
.favorite-address.favorite { cursor: default;}
.favorite-address.favorite i:before { content: "\f005";}
.favorite-address i:before {content: "\f006";}
.favorite-address:hover i:before { content: "\f005"; }

@media print {
    #header, .menu4, .menu3 { display: none !important;}
}

@media (max-width: 991px) {
    .menu3-dot { position: fixed; top: 98px; right: 0; z-index: 1; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .menu3-dot { top: 118px; }
}

.menu3-dot > div {float: right;position: relative;height: 0px;text-align: right;z-index: 10;}
.menu3-dot .dot {margin: 10px;top: -9px;position: relative;background: #e8ecf0;padding: 9px 15px 6px 19px;color: black;margin-right: 0px;border-bottom-left-radius: 6px;z-index: 20;outline: 0px;color: #0c4679;display: inline-block;margin-bottom: 0;opacity: 0.8;}
.menu3-dot .dot > i {padding-top: 1px;}
.menu3-dot.active .dot {background: #0c4679;color: white;}
.menu3-dot ul {display: none;text-align: left;list-style: none;padding: 0px;background: #e8ecf0;margin-top: -32px;margin-right: 10px;box-shadow: 2px 2px 5px #000;min-width: 180px;margin-right: 0px;}
.menu3-dot ul li .nadpis {padding: 7px;background: #0c4679;color: white;padding-left: 9px;}
.menu3-dot ul li a {padding: 6px;display: block;text-decoration: none;border-bottom: 1px solid #d4d4d4;margin: 0px 4px;}
.menu3-dot ul li a:hover {background: #fff;}
.menu3-dot.active ul {display:block;}

/* MODALS */

.modal .modal-content .modal-header {
    padding: 0px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    font-family: Calibri,Tahoma,Geneva,Arial,sans-serif,Verdana;
    color: #fff;
    border-style: none;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-weight: normal;
    font-size: 13px !important;
    text-transform: uppercase;
    background: url(../img/theme/list-head-bg.jpg) repeat-x scroll center center #3268a6;
    border-bottom: 3px solid #95aee4;
    padding: 4px;
}
.modal .modal-content .modal-header h4 { display: inline-block;font-size: 100%;padding: 3px;}
.modal .modal-content .modal-header button.close { float: right;background: none; border: none; font-size: 150%; padding: 0 10px; font-weight: bold;}
.modal { z-index: 10000;}
.modal .modal-dialog {background: #fff; border: 3px solid #95aee4; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4);}
.modal .modal-dialog .modal-content { border-radius: 0;box-shadow: none;border: none;}
.modal .modal-dialog .modal-content .modal-footer {background-color: #d9e1ed; text-align: center; border-top: none;}

#iOsBackHeader { cursor: pointer; padding: 15px; height: 15px; width: 10px; text-align: center; float: left; background-color: transparent; display: none; margin-left: -10px; }
    #iOsBackHeader:hover { box-shadow: inset rgba(0, 0, 0, 0.32) 0px 0px 25px 4px; }
.selectize-dropdown .option.header { background: white; opacity: 1; border-bottom: 1px solid #0a3962; font-weight: bold; margin-top: 2px; }

.cisco-licence-form tr.separator td { border-top: 1px solid #ffdcb3; border-bottom: 1px solid #ffdcb3; padding: 4px 2px; text-align: center; }
    .cisco-licence-form #rblCiscoHoldAccount tr { display: inline;}

    #tableVypisNabidek .pc-config-container { display: inline;}
    #tableVypisNabidek .pc-config-container .pc-config-button { width: 15px;height: 15px;display: inline-block;cursor: pointer; }
    #tableVypisNabidek .pc-config-container .pc-config-button:before {width: 15px;height: 15px;display: block;font-family: 'FontAwesome';content: '\f196'; }
    #tableVypisNabidek .pc-config-container.opened .pc-config-button:before {content:'\f147'}
    #tableVypisNabidek .pc-config-container .pc-config { display: none;}
    #tableVypisNabidek .pc-config-container .pc-config  table { width: 100%;}
    #tableVypisNabidek .pc-config-container .pc-config  table tr { background: transparent;}
    #tableVypisNabidek .pc-config-container .pc-config  table tr:hover { background: #ebeff5;}
    #tableVypisNabidek .pc-config-container .pc-config  table tr td { border: none;}
    #tableVypisNabidek .pc-config-container .pc-config > div .pull-right { float: right;}
    #tableVypisNabidek .pc-config-container.opened .pc-config { display: block;}

    .select2-container .select2-selection--single .select2-selection__rendered {line-height: 20px;}
.select2-container--default .select2-selection--single {border-radius: 0;    height: 20px;border:1px solid #ffd4a1;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 18px;}
.select2-dropdown {border-radius:0;}

#divPrimaDodavka input[readonly] { background: #f7f7f7; }
#divPrimaDodavka .zasilkovna-branch-detail a { display: inline-block; padding-top: 10px; }

.fa-top-product:before { content: 'TOP'; display: inline-block; font-size: 10px; font-weight: bold; padding: 2px 3px 1px 4px; margin: 2px 3px; background: #3e88c3; color: #fff; border-radius: 2px; font-family: arial; }


#add-to-storage-dialog-content .attached-items { box-shadow: inset 0px 0px 20px 0px rgba(217,225,237,1); padding: 15px; border: 1px solid #d9e1ed; border-radius: 12px; text-align: center; }
#add-to-storage-dialog-content .attached-items h4 { font-size: 120%; font-weight: bold; }
#add-to-storage-dialog-content .attached-items .attached-item input { margin-right: 10px; float: left; }
#add-to-storage-dialog-content .attached-items .attached-item label { text-align: left; }
#add-to-storage-dialog-content .attached-items .attached-item { text-align: left; margin-bottom: 7px }

.ui-dialog .dialog-footer { position: absolute; bottom: 0; width: 100%; background-color: #d9e1ed; margin: 0 -15px; padding: 10px; }
.ui-dialog .dialog-content {height: 98%;position: relative;}

#divBalikovnaDetail { width: 35%; float: left; margin: 15px 15px; display: none; }
#divBalikovnaDetail.active { display: block; }
.balikovna-branch-detail > h4 { margin-top: 0; font-size: 110%; }
.balikovna-branch-detail .opening-hours { float: left;}
.balikovna-branch-detail .branch-detail .branch-header { float: left; padding-right: 15px; }
.balikovna-branch-detail .branch-detail .branch-header > h4 { margin-top: 0; }

.rma-form .other-address { display: none;}
.rma-form .other-address td { color: red;}

#top-header-banner { width: 468px; height: 60px; overflow: hidden; }
    #top-header-banner img { max-width: 100%; }
select[disabled] { cursor: not-allowed; }
input[type=number] { padding: 0 0 0 2px;line-height: 24px;height: auto; }

body {
    line-height: inherit;
    position: relative;
}

body.no-header .containerBody{
    padding-top: 0 !important;
    background: #f4f4f4 url('https://www.atcomp.cz/content/atchomesite/images/background.jpg') top center no-repeat;
    min-height: 1350px;
                
}
body.no-header #header { display: none;}
body.no-header .menu3 { display: none;}
body.no-header .container { width: 100%;}

a.disabled { opacity: 0.5; cursor: not-allowed; }
h5 { margin: 15px 0 5px; font-size: 18px; color: #004385; }

.btn {
    background: #3e88c3;
    background: linear-gradient(180deg, #fff 0%, #4f9ed0 3%, #3e88c3 100%);
    /*background: #3e88c3 url(../img/theme/btn-bg.png) left top repeat-x;*/
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 26px;
}

.btn:hover { color: white; }
.button-icon { padding: 0 7px !important; width: 30px; }
h1 {
    padding-left: 24px;
    background: url(../img/odrazka_vetsi.gif) 0 0 no-repeat;
    font-size: 25px;
    line-height: 30px;
    margin: 10px 0 0 0;
    color: #004385;
    font-weight: bold;
}
    h1.errormessage { font-size: 30px; background: none; margin-left: 15px; }
        h1.errormessage:before { font-family: 'FontAwesome'; content: '\f071'; font-size: 30px; float: left; margin-top: 0px; margin-left: -35px; color: #ff9500; }

h3, h2 {
    line-height: inherit;
    font-weight: bold;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 1.3em;
}

label {
    display: inline;
    font-weight: normal;
}

.input-xs {
    height: 24px;
}

.no-wrap { white-space: nowrap;}
.warning { color: #ff950d; }
.price-lists .ico-remove {
    cursor: pointer;
}

.price-lists #save-button.save {
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    border-color: #cf0404;
}

.price-lists #save-button.save:hover {
    background: #cf0404 ;
    border-color: #cf0404;
}

#list-items tbody tr{
    cursor: move;
}

#list-items tbody tr td.item{
    cursor: default;
}

.containerBody_4 .container {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.containerBody_4 .container > h2 {
    font-size: 25px;
    line-height: 30px;
    margin: 10px 0 10px;
    color: #004385;
    padding-left: 24px;
    background: url(../img/odrazka_vetsi.gif) 0 0 no-repeat;
}

.containerBody_4 .container > h3 {
    padding-left: 24px;
    background: url(../img/odrazka_vetsi.gif) 0 0 no-repeat;
    line-height: 30px;
    margin: 10px 0 10px;
    color: #004385;
    font-size: 22px;
}

.containerBody .menu3 { white-space: normal;overflow: hidden;}

#catFilterBtnBar > div {
    background: white;
    padding: 2px 0 5px;
}

#catFilterBtnBar { background-color: #fff; }

#catFilterBtnBar .affix {
    position: fixed;
    top: 0px;
    padding-bottom: 8px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 88%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0) 100%);
}



.r-tabs { position: relative; }

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.cardFile .r-tabs .r-tabs-panel { display: none; }

.r-tabs .r-tabs-accordion-title { display: none; }

.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    top: 1px;
    position: relative;
    font-size: 0
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    margin-right: 0px;
    border: 1px solid #bbbfc4;
    border-bottom: none;
    font-size: 12px;
}

.cardFile .r-tabs .r-tabs-nav .r-tabs-anchor {
    margin-bottom: 3px;
    padding: 8px 12px;
    display: inline-block;
    text-decoration: none;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { margin-bottom: 0; }

.r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; }

.r-tabs .r-tabs-nav .r-tabs-tab:nth-child(2), .r-tabs .r-tabs-nav .r-tabs-tab:nth-child(3) { border-left: none; }

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    padding: 10px;
    text-decoration: none;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; }

.menu a.disabled, .menu a.disabled:hover {
    opacity: 0.5;
    cursor: text;
}

#cat-tabs.r-tabs .r-tabs-panel {
    padding: 0px;
    display: none;
}

#cat-tabs.r-tabs .r-tabs-nav .r-tabs-anchor {
    padding: 0px 12px;
    display: inline-block;
    text-decoration: none;
}
            

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background-color: #fff;
    color: inherit;
}

.r-tabs .r-tabs-nav .r-tabs-tab:hover { background-color: #fff; }

.categories {height: 900px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.categories * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.categories .categoriesList { border: 1px solid #bbbfc4; }
.categories .categoriesList ul {padding: 0;margin: 0;list-style: none;border-bottom-style: solid;border-bottom-width: 0px;background-color: #fff;}
.categories .categoriesList ul:not(.cat-collapsed) { padding-bottom: 5px; }
.categories .categoriesList ul:last-child { border: 0 none; }
.categories .categoriesList li {padding: 0;margin: 0 17px;list-style: none;border-bottom-style: solid;border-bottom-width: 1px;border-color: #bbbfc4;}
.categories .categoriesList li:last-child { border-bottom: 0 none; }
.categories .categoriesList a, .categories .categoriesList li.disabled {display: block;text-decoration: none;color: inherit;line-height: 1.8em;}
.categories .categoriesList a:hover {background: #e6ecf1;color: #000;}
.categories .categoriesList .catAdvSearch {background-color: white;}
.categories .categoriesList .catAdvSearch a {margin: 0 17px;padding: 3px 0;display: block;}
.categories .cat-filter li.option:hover {height: 25px;}
.categories .cat-filter li.option:hover > div {position: absolute;min-width: 185px;overflow: auto;background-color: #e6ecf1;padding-right: 5px;}
.categories .categoriesList a .glyphicon { line-height: 1.8em; }
.categories .categoriesList p { padding: 7px 10px 10px 17px; }
.touchable .categories .categoriesList a, .touchable .categories .categoriesList li.disabled { line-height: 2.8em; }
.categories .categoriesList .operations {display: table;width: 224px;border-spacing: 8px;border-collapse: separate;}
.categories .categoriesList .operations button {padding: 6px 0;width: 100%;height: 30px;padding-top: 1px;}
.categories .categoriesList .operations > div { display: table-cell; }
#cat-filter li { border-bottom: none; }
.r-tabs .categoriesList ul.cats, .r-tabs .categoriesList ul.brands {padding-top: 10px;padding-bottom: 10px;}
.r-tabs .categoriesList ul.cats li.active.openable .subcategories { display: none;}
.r-tabs .categoriesList ul.cats li.active.closeable .subcategories { display: block;}

.containerBody.sidebar-undocked .categories { overflow-x: hidden; width: 0; background: transparent; }
.containerBody.sidebar-undocked .categories .cat-inner { visibility: hidden; }
.containerBody.sidebar-undocked .containerBody_2 { padding-left: 0; background: #fff; }
.containerBody.sidebar-undocked .categories:hover { width: 236px; background: #e9edf1; transition: width 0.5s; }
.containerBody.sidebar-undocked .categories:hover .cat-inner { visibility: visible; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { /* webkit + opera */ .r-tabs .r-tabs-nav { top: 5px; }	
}

#catFilterBtnBar.affix {
    position: fixed;
    top: 174px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 88%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0) 100%);
    padding-bottom: 8px;
    z-index: 10;
}

#catFilterBtnBar .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li.cat-3657::after, li.cat-50::after, li.cat-111::after, li.cat-55::after, li.cat-4::after, li.cat-213::after {
    content: "";
    margin-left: -17px;
    margin-right: -17px;
    padding: 0;
    border-bottom: 2px solid #bbbfc4;
    display: block;
}

li.cat-3657, li.cat-50, li.cat-111, li.cat-55, li.cat-4, li.cat-213 { border-bottom: none !important; }

.categoriesList ul li.active a::before {
    content: '';
    position: absolute;
    left: 5px;
    width: 14px;
    height: 16px;
    display: block;
}

.categoriesList ul li.active a { cursor: pointer; }

.categoriesList ul li.closeable > a { color: #888; }

.categoriesList ul li.openable a::before { background: url('../img/cat-tree.png') #fff no-repeat 0 1px; }

.categoriesList ul li.openable a:hover::before { background: url('../img/cat-tree.png') #fff no-repeat 0 -47px; }

.categoriesList ul li.closeable > a:first-child::before { background: url('../img/cat-tree.png') #fff no-repeat 0 -24px; }

.categoriesList ul li.closeable > a:first-child:hover::before { background: url('../img/cat-tree.png') #fff no-repeat 0 -72px; }
.categoriesList .parameter-group.empty { display: none !important; }
/*li.cat-127, li.cat-50, li.cat-111,li.cat-55, li.cat-4, li.cat-3434 {
       border-bottom: none !important;
   }*/

.modal-popup {
    position: fixed;
    border: 1px solid #bbbfc4;
    background: #e9edf1;
    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .4);
    -ms-box-shadow: 2px 2px 7px rgba(0, 0, 0, .4);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .4);
    display: none;
    z-index: 10;
}

.modal-popup .form-control { margin: 5px 10px 5px 5px; }

/* configurator */

.configurator * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.configurator #config-panel { border: 1px solid; }

    .configurator #config-panel .panel .row { margin-left: 0px; margin-right: 0px; }

.configurator #config-panel .panel > .row { padding: 8px 0px;}
.configurator #config-panel .panel:not(.no-expand) > .row { cursor: pointer; }
.configurator #config-panel .panel.no-expand .sel-help {opacity: 1;}


    .configurator #config-panel .header { margin-left: 0px; margin-right: 0px; cursor: default; padding: 0px; border-bottom: 1px solid; }
    .configurator #config-panel .panel { border: 1px solid; border-radius: 0; margin-bottom: -1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
        .configurator #config-panel .panel label { font-weight: normal; vertical-align: top; margin-bottom: 0px; }
        .configurator #config-panel .panel input[type="radio"] { margin-right: 6px; }
            .configurator #config-panel .panel input[type="radio"]:checked + span { font-weight: normal; }
        .configurator #config-panel .panel .row i.glyphicon { padding-right: 5px; margin-top: 1px; }
        .configurator #config-panel .panel .row:not(.collapsed) > .title i.glyphicon-chevron-down { display: none; }
        .configurator #config-panel .panel .row.collapsed > .title i.glyphicon-chevron-up { display: none; }
        .configurator #config-panel .panel .title > div:not(:last-child) { vertical-align: middle; padding-right: 0px; }
        .configurator #config-panel .panel .title > div:first-child { font-weight: bold; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .configurator #config-panel .panel .radios .cfg-pdiff { position: absolute; right: 0px; top: 4px; }
        .configurator #config-panel .panel .sold-out { color: red; }
        .configurator #config-panel .panel .radios > .row > div, .configurator #config-panel .panel .radios > .row > label { height: 27px; }
        .configurator #config-panel .panel .radios .row > label { padding-right: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .configurator #config-panel .panel .radios .row input[type=radio] { margin-top: 3px; }
        .configurator #config-panel .panel .radios .row > div, .configurator #config-panel .panel .radios .row label { padding-top: 4px }
            .configurator #config-panel .panel .radios .row label span { vertical-align: top; }
    .configurator #config-panel #components-by-code .panel > .row { cursor: default; }

.configurator .panel .row:not(.collapsed) .burger { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.configurator .burger { display: inline-block; margin-right: 10px; float: left; }
    .configurator .burger .line { background: silver; width: 18px; height: 4px; margin-bottom: 3px; }
        .configurator .burger .line:last-child { margin-bottom: 0px; }
.configurator .message { width: 100%; text-align: center; }
.configurator #right-summary { max-width: 320px; }
    .configurator #right-summary .image { padding: 10px; border: 1px solid; border-bottom: none; display: block; margin-left: auto; margin-right: auto; }
        .configurator #right-summary .image img { display: block; margin-left: auto; margin-right: auto; }
    .configurator #right-summary .express { font-weight: bold; padding: 10px 15px; border: 1px solid; border-bottom: none; text-transform: uppercase; text-align: center; }
    .configurator #right-summary .config-summary { padding: 0px 15px 15px 15px; border: 1px solid; width: 100%; }
        .configurator #right-summary .config-summary > div { display: table; width: 100%; padding: 8px 0px; border-bottom: 1px solid; }
            .configurator #right-summary .config-summary > div > div { display: table-cell; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                .configurator #right-summary .config-summary > div > div:first-child { font-weight: bold; }
                .configurator #right-summary .config-summary > div > div:last-child { text-align: right; }
        .configurator #right-summary .config-summary .spinner .btn { background-image: none; background-color: #fff; }
            .configurator #right-summary .config-summary .spinner .btn:hover { color: #000; background-color: #e6e6e6 }

.config-summary div.price-no-vat { font-size: 85%; margin-top: -5px; font-weight: normal; }
.configurator .config-summary input[type="text"] { width: 25px; border-style: solid; border-width: 1px; padding: 3px 5px; margin: 0 0px; }
.configurator #right-summary .config-summary > div > div:last-child button { margin-top: -1px; }
.configurator #right-summary .config-summary .actions { padding: 20px 0px; height: 74px; }
    .configurator #right-summary .config-summary .actions > div:last-child button { width: 100%; }
        .configurator #right-summary .config-summary .actions > div:last-child button.half { width: 50%; }

    .configurator #right-summary .config-summary .actions > div { vertical-align: bottom; }
.configurator #right-summary .note { font-size: 90%; line-height: 1.1em; padding-top: 3px; }
.configurator .top-summary-wrapper { min-height: 135px; }
.configurator #right-summary .config-summary .right-summary-prices { width: 100%; }
    .configurator #right-summary .config-summary .right-summary-prices > div { display: table; width: 100%; padding: 8px 0px; }
        .configurator #right-summary .config-summary .right-summary-prices > div > div { display: table-cell; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .configurator #right-summary .config-summary .right-summary-prices > div > div:first-child { font-weight: bold; text-align: left; }
            .configurator #right-summary .config-summary .right-summary-prices > div > div:last-child { text-align: right; }
.configurator .config-summary td { text-align: right; }
.configurator .config-summary .price { font-size: 120%; font-weight: bold; white-space: nowrap; }
.configurator .affix { margin-right: 24px; z-index: 98; position: fixed; }
.configurator #top-summary.affix { box-shadow: #aaa 0px 3px 10px; -webkit-box-shadow: #aaa 0px 3px 10px; -moz-box-shadow: #aaa 0px 3px 10px; top: 48px; left: 0px; right: 0px; width: 100%; -webkit-transition: top 0.4s ease; -moz-transition: top 0.4s ease; transition: top 0.4s ease; }

.m1strip-shown .configurator #top-summary.affix {top: 120px; -webkit-transition: none; -moz-transition: none; transition: none; }

@media only screen and (max-width: 767px) {
    .configurator #top-summary.affix { top: 48px; }
    .m1strip-shown .configurator #top-summary.affix {top: 102px; -webkit-transition: none; -moz-transition: none; transition: none;}

    body.iphoneoripad input[type=text] { font-size: 16px !important;}
}

.configurator-apple .col-qty, .configurator-apple .col-price, .configurator-apple .col-avail { display: none; }
.configurator .config-panel-apple .row > .title { font-size: 120%; }
.configurator .config-panel-apple .burger, .configurator .config-panel-apple .cfg-all { display: none; }
.configurator .apple-comp-box > div { border: 1px solid #ccc; margin: 10px 0px; padding: 11px; display: flex; flex-direction: column; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.configurator .apple-comp-box > div > label { display: block; }
.configurator .apple-comp-box > div > label > span:not(.cfg-all) { font-size: 18px; display: inline-block; }
.configurator .apple-comp-box .cfg-price .cfg-pdiff { position: initial !important; font-size: 15px; margin-top: 10px; min-height: 18px; }
.configurator .apple-comp-box { cursor: auto; }
.configurator .apple-comp-box label { cursor: pointer; }
.configurator #config-panel .apple-comp-box input[type="radio"]:checked + span { font-weight: bold; }

@media screen and (max-width: 991px) { 
    .configurator .config-panel-apple .row > .title > :nth-child(1) { width: 100%; }
}


.configurator #top-summary.affix h3 { display: none; }
.configurator #top-summary { margin-bottom: 15px; }
    .configurator #top-summary .config-summary { padding: 0px 15px 0px 15px; border: 3px solid #d4eccf; background-color: #f5fff5; }
    .configurator #top-summary .table, .configurator #top-summary .table-responsive { margin-bottom: 0px; }
.configurator #top-summary { z-index: 99; }
    .configurator #top-summary td { text-align: left; vertical-align: baseline; }
    .configurator #top-summary th { border: none; }
        .configurator #top-summary th.buy { vertical-align: bottom; }
    .configurator #top-summary .table-responsive { border: none; }
    .configurator #top-summary .spinner .btn { background-image: none; background-color: #fff; }
    .configurator #top-summary .config-summary .spinner .btn:hover { color: #000; background-color: #e6e6e6 }

.configurator .affix-placeholder { display: none; }
.configurator .affix + .affix-placeholder { display: block; visibility: hidden; }
.configurator .panel { margin: 0; padding: 0; }
.configurator .iinfo { cursor: pointer; position: relative; }
.configurator .iinfo { cursor: pointer; position: relative; }

.adv-search h3 {margin: 0px;}
/*.adv-search #config-panel .chboxes:not(.use-images) .row .filter-values { -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px;}*/
.adv-search #config-panel .chboxes:not(.use-images) .filter-value  { width: 190px; overflow: hidden; text-overflow: ellipsis; }
.adv-search #config-panel .chboxes {background:white;}
.adv-search #config-panel #search-panel > div:last-child > div {padding-top: 10px; padding-bottom: 10px; background: white;}
.adv-search #config-panel .filter-values {margin: 10px 0px;}
.adv-search #config-panel .filter-value {display: inline-block; white-space:nowrap; padding: 5px 15px;}
.adv-search #config-panel .filter-value img {height: 100px; width:100px; display:inline-block;}
.adv-search #config-panel .filter-value mark {background: rgba(0,0,0,0.2); padding: 0px;}
.adv-search #config-panel .use-images .filter-value {text-align: center;}
.adv-search #config-panel .use-images .sel-value {text-align: center; margin-right: 6px;}
.adv-search #config-panel .use-images .filter-value > .name {display:block; width:150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
.adv-search #config-panel .filter-value.sel-comp {display:none;}
.adv-search #config-panel .filter-value.flt-irlv {display:none;}
.adv-search #config-panel .filter-value.filter-out {display:none;}
.adv-search #config-panel .cc-same {white-space: nowrap;}
.adv-search #config-panel .cc-hub {white-space: nowrap;}
.adv-search #config-panel .filter-value.cc-minus {display:none;}
.adv-search #config-panel .filter-value:hover {cursor: pointer;}
.adv-search #config-panel .filter-value:not(.color):hover {background: rgba(0,0,0,0.1);}
.adv-search #config-panel .sel-value {display: inline-block; margin-top: 0px; margin-right: 3px; font-weight: bold; position: relative;}
.adv-search #config-panel .sel-value.color {margin-top: -1px; margin-bottom: -1px;}
.adv-search #config-panel .sel-value img {height:50px;width:50px;}
.adv-search #config-panel .chboxes .value-search  {padding: 10px; position:relative;}
.adv-search #config-panel .chboxes .value-search button {position: absolute; border: none; background:none; outline:none; right: 10px;top:2px;bottom:0px; color: rgba(0,0,0,0.4);}
.adv-search #config-panel .chboxes .value-search button:hover {color: rgba(0,0,0,0.6);}
.adv-search #config-panel .chboxes .value-search button:active {color: rgba(0,0,0,1);}
.adv-search #config-panel .chboxes input#val-search::-ms-clear { display: none; width:0; height:0; }
.panel:not(.par-connector) .sel-values:not(.use-images) .sel-value ~ .sel-value:not(.color):before { content: ' ,';}
/*.adv-search #config-panel .panel .row:not(.collapsed) .sel-values div {border: 1px solid rgba(255,255,255,0.2);}*/
.adv-search #config-panel .title .ficon {font-size: 1.5em; opacity: 0.2;}
.adv-search #config-panel .panel .title > div:first-child {font-weight: normal;}
.adv-search #config-panel .has-values .title > div:first-child {font-weight: bold;}
.adv-search #config-panel .has-values .title .ficon {opacity: 1;}
.adv-search #config-panel .main-param .title > div:first-child {font-weight: bold;}
.adv-search #config-panel .main-param .title .ficon {opacity: 1;}
.adv-search #config-panel .sel-value:hover { text-decoration: line-through; cursor: pointer; background: rgba(0,0,0,0.1); }
.adv-search #config-panel .sel-value:hover img {opacity: 0.3;}
.adv-search #config-panel .sel-value:hover .cross-overlay {display:block;opacity: 0.7;}

.adv-search .panel.main-param { cursor: default; } 
.adv-search .panel.main-param .btn { margin-right: 10px; border: none; color: white; } 
.adv-search .panel.main-param .btn.active {background: #9ccff5;color:#204b86; font-weight: bold!important;}
.adv-search #config-panel .title {padding-right: 20px;}
.adv-search #config-panel .bar, .adv-search #config-panel .title {position: relative;}
.adv-search #result {display: none;}
.adv-search .remove {position: absolute; right: 5px; top: 0px; bottom: 5px; display: none;}
.adv-search .remove-all {position: absolute; right: 28px; top: 3px; bottom: 5px; display: none;}
.adv-search .remove-all .glyphicon {margin-top: -6px;}
.adv-search #config-panel .has-values .remove {display: block;}
.adv-search #config-panel .has-values .remove-all {display: block;}
.adv-search #config-panel .panel:not(.has-values) .sel-values {display:none;}
.adv-search #config-panel .has-values .sel-help {display:none;}
.adv-search .remove .glyphicon, .adv-search .remove-all .glyphicon  {font-size: 20px;}
.adv-search .remove button {background: none; border: none; padding: 0px; outline: none; margin: 0px;}
.adv-search .remove-all button {background: none; border: none; padding: 3px; outline: none; margin: 0px;}
.adv-search .sel-help { opacity: 0.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.adv-search .panel > .row:not(.collapsed) .sel-help {display: none;}
.adv-search .panel.disabled .title {opacity: 0.4;}
.adv-search .panel.disabled {display:none; }

.adv-search #results {margin-bottom: 50px;}
.adv-search #catalogItems {margin-top: 15px;}
.adv-search #catalogLoadNext {display: none;}
.adv-search #loadingNotify {display:none;}
.adv-search .loading #loadingNotify {display:block; text-align: center; }
.adv-search .loading.auto #loadingNotify {margin-top: 15px;}
.adv-search .loading #loadingNotify img {width: 17px; height: 17px; margin-right: 10px;}
.adv-search .loading #catalogLoadNext a {display:none;}
.adv-search #config-panel .panel .row i.glyphicon { margin-top: -14px; }

.adv-search #right-summary .box {padding: 10px 15px; border: 3px solid #d4eccf; background-color: #f5fff5; }
.adv-search #right-summary .box.inside {border-top: none; border-bottom: none; }
.adv-search #right-summary button, .adv-search #top-summary button {line-height: 14px;}

.adv-search #right-summary #desc {display: none;}
.adv-search #right-summary #desc div:first-child {font-weight: bold;}
.adv-search #right-summary .image {display:none;}

.adv-search #config-panel .panel #but-search {height: 34px; line-height:initial;}

.adv-search #top-summary .config-summary {padding: 15px;}

.adv-search:not(.cs-multi) .filter-value.cc-hub {display:none!important;}
.adv-search:not(.cs-multi) .par-connector:not(.has-values) .filter-value.cc-same {display:none!important;}
.adv-search:not(.cs-multi) .filter-value.cc-same .ccount {display:none!important;}

.adv-search:not(.cs-multi) .par-connector .sel-values > .sel-value:nth-child(1) {display:table-cell!important; text-align: center; width: 100px;}
.adv-search:not(.cs-multi) .par-connector .sel-values .sel-value {padding-top: 3px;}
.adv-search:not(.cs-multi) .par-connector .sel-values {display:table;}
.adv-search .par-connector .sel-value {text-align: center;margin-top:3px!important;margin-right:3px!important;}
.adv-search .par-connector .sel-value img {  border: 1px solid rgba(0,0,0,0.3); background: white;}
.adv-search:not(.cs-multi) .par-connector .sel-value > span:not(.wire) {display:block;}
.adv-search:not(.cs-multi) .par-connector .wire {width: 150px; height: 50px; display: table-cell; vertical-align: top; position: relative; overflow:visible;}
.adv-search .par-connector .wire-question {display: table-cell; font-size: 40px; opacity: 0.5; vertical-align: top; margin-top:3px; padding-top: 4px}
.adv-search .par-connector .wire div {height: 50px; background: url(../img/cable-white.png); background-repeat: no-repeat; background-position: center top; position: absolute; top: 0px; bottom: 0px; left: -20px; right: -20px;}
.adv-search .par-connector .collapsed .wire div {background: url(../img/cable-black.png); opacity: 0.5; background-repeat: no-repeat; background-position: center top;}
.adv-search.cs-multi .par-connector .wire {display:none!important}
.adv-search.cs-multi .par-connector .wire-question {display: inline-block;}

.adv-search .par-connector .right-conns {display: table-cell; vertical-align: top;}
.adv-search.cs-multi .par-connector .right-conns {display: inline-block; vertical-align: auto; margin-top: 3px;margin-left:3px;}
.adv-search:not(.cs-multi) .par-connector .right-conns .sel-value img { -moz-transform: scaleX(-1); /* Gecko */ -o-transform: scaleX(-1); /* Opera */ -webkit-transform: scaleX(-1); /* Webkit */ transform: scaleX(-1); /* Standard */  filter: FlipH;/* IE 6/7/8 */}
.adv-search .par-connector .right-conns .sel-value:not(:first-child) {margin-left: 5px;}
.adv-search .par-connector .right-conns .sel-value {margin-top: 0px!important;}
.adv-search .par-connector .ccount {font-weight: bold;}

.adv-search .par-connector .icon {display:inline-block; margin-bottom:10px; height: 50px; width:80px; background-repeat: no-repeat;  background-position: center top;margin-right: 6px;}
.adv-search.cs-hub .par-connector .icon { background: url(../img/hub-white.png);}
.adv-search.cs-hub .par-connector .collapsed .icon { background: url(../img/hub-black.png);}
.adv-search.cs-switch .par-connector .icon { background: url(../img/switch-white.png);}
.adv-search.cs-switch .par-connector .collapsed .icon { background: url(../img/switch-black.png);}
.adv-search.cs-reduc .par-connector .icon { background: url(../img/reduction-white.png);}
.adv-search.cs-reduc .par-connector .collapsed .icon { background: url(../img/reduction-black.png);}
.adv-search.cs-y .par-connector .icon { background: url(../img/ycable-white.png);}
.adv-search.cs-y .par-connector .collapsed .icon { background: url(../img/ycable-black.png);}
.adv-search .par-connector .cc-occup {display:none!important;}
.adv-search.cs-multi.found-zeroone .par-connector .wire-question {display:none!important;}
.adv-search.cs-multi.found-zeroone .par-connector .filter-values {display:none!important;}

.adv-search.cs-reduc .parId-1713 {display:none;}

.adv-search .cross-overlay {display:none; position: absolute; top:0px; left:0px; right:0px; height:50px;}
.adv-search .cross-overlay {background: url(../img/cross-white.png);background-position:center top;background-repeat: no-repeat;}
.adv-search .collapsed .cross-overlay {background: url(../img/cross-black.png);background-position:center top;background-repeat: no-repeat;}
.adv-search:not(.cs-multi) .cross-overlay {top: 3px;}

@media only screen and (max-width: 767px) {
    .adv-search .remove-all .glyphicon {margin-top: 1px; margin-right: 0px;}
    .adv-search .panel.main-param .btn {margin-top: 5px;}
    .adv-search.cs-multi .par-connector .right-conns {margin-top: 0px;}
    .adv-search #config-panel .filter-value img {width: 70px; height: 70px;}
    .adv-search #config-panel .use-images .filter-value > .name {width: 110px;}
    .adv-search #config-panel .chboxes:not(.use-images) .filter-value {width: 160px;}
    .adv-search #config-panel .chboxes:not(.use-images) .filter-value.color {width: 120px;}
}

#advSearchLink {text-align: right; margin-top: 28px;}
@media only screen and (max-width : 767px) {
    #advSearchLink {text-align: left; margin-top: 6px;}
}
#advSearchLink a {white-space:nowrap; font-size: 14px; }

.adv-search .savings {border-top: none!important; display:none;}
.adv-search .savings.any {display:block;}
.adv-search .savings.hassvd {display:block;}
.adv-search .savings.wrk {display:none;}
.adv-search .savings a {font-weight: bold; cursor: pointer;}
.adv-search .savings .save {display:none;}
.adv-search .savings.any:not(.wrk) .save {display:block;}
.adv-search .savings.hassvd .saved {display:block;}
.adv-search .savings.any:not(.wrk) .saved {margin-top: 8px;border-top: 1px solid #d4eccf; padding-top: 8px;}
.adv-search .savings .saved ul {-webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 20px;}
.adv-search .savings .saved li {display: block; cursor: pointer; position:relative; padding: 2px 0px;}
.adv-search .savings .saved li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e138";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    float: left;
    margin-top: 1px;
    margin-left: -17px;
}
.adv-search .savings .saved li:hover {text-decoration: underline;}
.adv-search .savings .saved li span.glyphicon {visibility:hidden;position:absolute;top:0px;right:0px;padding:2px; font-size:14px;opacity: 0.4;}
.adv-search .savings .saved li:hover span.glyphicon {visibility:visible;background:white;opacity: 0.8;}
.adv-search .savings .saved li span.glyphicon:hover {background:#ddd;opacity: 1;z-index: 200;}
.adv-search .savings .saved ul div {font-weight: bold; margin-bottom: 6px;}
.adv-search .savings .saved .saved-list {overflow-y: auto; max-height: 200px; }

.adv-search-save-modal #error {font-size: 8.5pt; color:red;display:none;}

/* ABL specific css changes*/
.adv-search-save-modal {padding: 10px!important;}
.adv-search-save-modal input {padding: 3px;height:auto!important;}

.adv-search .param-slider .row > div:first-child {text-align:center; margin-bottom: 10px;}
.adv-search .param-slider .row > div:last-child {padding: 0px 30px;}
.adv-search .param-slider .ui-slider-horizontal {height: 10px; border: none!important;background:rgba(0, 0, 0, 0.15);border-radius:unset;}
.adv-search .param-slider .ui-slider .ui-slider-handle {height: 22px; width: 22px; border-radius: 11px;border:none;top: -6px; margin-left:-12px;}
.adv-search .param-slider .ui-slider .ui-slider-handle.ui-state-focus {outline-style:none; box-shadow: 0 0 4px #000;}
.adv-search .param-slider .ui-slider .ui-slider-range {opacity: 0.5;}
.adv-search .param-slider .ui-slider {margin-bottom: 23px;}
.adv-search .param-slider .slider-min-pad, .adv-search .param-slider .slider-max-pad {position: absolute; top: 0px; bottom: 0px; background: url(../img/diagonals.png); opacity:0.5;}
.adv-search .param-slider .slider-min-pad {left:0px;}
.adv-search .param-slider .slider-max-pad {right: 0px;}
.adv-search .param-slider .row {padding: 15px;}

.adv-search .has-values .param-slider .ui-slider .ui-slider-handle {background: #3e88c3;}
.adv-search .has-values .param-slider .ui-slider .ui-slider-range {background: #3e88c3;}
.adv-search .param-slider .ui-slider .ui-slider-handle {background: #888;}
.adv-search .param-slider .ui-slider .ui-slider-range {background: #888;}

.adv-search .sel-value.val-yes > span, .adv-search .sel-value.val-no > span, .adv-search .sel-value.val-none > span {margin-left: 4px;}
.adv-search .sel-value.val-yes:before {
    content: "\e013"!important;
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    float: left;
    margin-top: 0px;
}
.adv-search .sel-value.val-no:before {
    content: "\e014"!important;
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    float: left;
    margin-top: 0px;
}
.adv-search .sel-value.val-none:before {
    content: "\e090"!important;
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    float: left;
    margin-top: 0px;
}

.adv-search .chboxes > .row {position:relative;}
.adv-search .loader {
    display: none;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    background-color: transparent;
}
.adv-search .loader:before{
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: rgba(0,0,0,0.2);
    animation: loadingKeyframes 2s linear infinite;
}

@keyframes loadingKeyframes {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

.adv-search .sel-value.color {padding: 0px 5px; border: 1px solid white;}
.adv-search .collapsed .sel-value.color {border-color: rgba(0, 0, 0, .3);}
.adv-search .filter-value.color {margin: 0 0 0 5px; border: 1px solid #ccc;}
.adv-search .filter-value.color:hover {outline: 2px solid black; border-color: black;}
.adv-search .filter-values.colors { margin-top: 5px;}
.adv-search .panel.main-param .main-param-value {float: left;}
.adv-search .panel.main-param .main-param-value .img-btn { background: none;color: #444;white-space: normal;line-height: 1em;margin: 0;max-width: 120px;height: 130px;}
.adv-search .panel.main-param .main-param-value .img-btn.active { background:  #3870a9;box-shadow: none;color: #444;font-weight: normal;color: #fff;}
.adv-search .panel.main-param .main-param-value .img-btn:hover {background: #ccd3de;}
.adv-search .panel.main-param .main-param-value .img-btn img {width: 100px;}
.adv-search .panel.main-param .main-param-value .img-btn input { display: none;}



.adv-search .param-slider .slider-ticks > div { display: none; position: absolute; text-align: center; font-size: 7.5pt; top: 8px; line-height: 1em;}
.adv-search .param-slider .slider-ticks > div > span:first-child {color: rgba(0,0,0,0.3);display:block; margin-bottom: 3px;}
.adv-search .param-slider .slider-ticks > div:first-child, .adv-search .param-slider .slider-ticks > div:last-child {display:block;}
@media only screen and (min-width: 768px) {
    .adv-search .param-slider .slider-ticks > div {display:block;}
}
@media only screen and (min-width: 480px) {
    .adv-search .param-slider .slider-ticks > div:nth-child(2n) {display:block;}
}
@media only screen and (max-width: 479px) {
    .adv-search .param-slider .slider-ticks > div:nth-child(3n):not(:nth-last-child(2)) {display:block;}
}

.adv-search.too-many #show-items {display:none;}
.adv-search #too-many-items {font-weight: bold;}
.adv-search:not(.too-many) #too-many-items {display:none;}

.adv-search div.bar {position:relative;}

/* Advanced search iOS optimalizace */
@media only screen and (max-width: 524px) {
    .adv-search.iOS input {font-size: 16px;}
    .adv-search.iOS h1 {font-size: 20px;}
    .adv-search.iOS .panel.main-param .btn {font-size: 12px; padding: 2px 8px;}
}

.popover { max-width: 550px !important; }
.popover .table { margin-bottom: 10px; }
.popover .highlight { background: yellow; }
.popover { font-size: 1em; color: #444;}
.popover-title { white-space: nowrap; }
.bom .but-close { position: absolute; top: 0px; right: 10px; font-size: 18px; }

.bom table { margin-top: 10px; }

.configurator #config-panel {
    border-color: #d9d9d9;
    color: #444;
}

.configurator .config-summary {
    background-color: white;
    color: #444;
}

.configurator #right-summary .image {
    border-color: #d4eccf;
    border-width: 3px;
}

.configurator #right-summary .express {
    border-color: #d4eccf;
    background-color: #d4eccf;
    color: #444;
    border-width: 3px;
}

.configurator #right-summary .config-summary {
    border-color: #d4eccf;
    background-color: #f5fff5;
    border-width: 3px;
}

.configurator #right-summary .config-summary > div {
    border-color: #d4eccf;
    background-color: #f5fff5;
}

.configurator #right-summary .config-summary .orig .price { color: #444; }

.configurator input[type="text"].count { border-color: #d9d9d9; }

.configurator .price { color: #D9534F; }

.configurator .message {
    margin-top: 15px;
    margin-bottom: 15px;
}

.configurator #config-panel .panel { border-color: #d9d9d9; }

.configurator #config-panel .panel.even { background: #d9e1ed }

.configurator #config-panel .panel.even:hover { background: #C0C8D4 }

.configurator #config-panel .panel.odd { background: #ebeff5; }

.configurator #config-panel .panel.odd:hover { background: #D2D6DC; }

.configurator #config-panel .panel .radios i.glyphicon { color: #444; }

.configurator #config-panel .panel .row .title i.glyphicon { color: #777d8c; }

.configurator #config-panel .panel:not(.main-param) .row:not(.collapsed) .title i.glyphicon { color: #fff; }

.configurator #config-panel .panel:not(.main-param) > .row:not(.collapsed):nth-child(1) {
    background: #3268a6;
    color: #fff;
}
.configurator #config-panel .panel.main-param > .row:not(.collapsed):nth-child(1) {
    color: #444;
}
/*.configurator #config-panel .panel .row:not(.collapsed) > .title { border-bottom-color: darken(@panelbg, 20%); }*/

.configurator #config-panel .header {
    border-bottom-color: #777d8c;
    background: #f2f2f2;
    color: #777d8c;
}

.configurator select {
    border-color: #777d8c;
    color: #444;
}

.configurator .burger .line { background: #777d8c; }

.configurator #config-panel .panel .row:not(.collapsed) .burger .line { background-color: #fff; }

.configurator #config-panel .panel .radios { background-color: white; }

/*.configurator #config-panel .panel .radios .sel-comp > div, #config-panel .panel .radios .sel-comp > label { background-color: lightness(@primarybg, 35%); }*/

.configurator #components-by-code .panel .button.refresh { padding-left: 10px; padding-bottom: 0px; padding-top: 1px; min-height: auto; padding-right: 0px; }

.configurator #components-by-code .panel .button.refresh i {
    color: #fff !important;
}

.configurator #components-by-code .error { color: #D9534F; }

.modal-popup .form-control {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    background-image: inherit;
    border: none;
    box-shadow: none;
    transition: none;
}

.modal-popup .form-control label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.mar-top { margin-top: 20px; }
.mar-left { margin-left: 15px; }
.mar-bottom { margin-bottom: 20px; }
.mar-both { margin-bottom: 15px; margin-top: 15px; }

h3.primary {
    background: #75b36a url(../img/theme/form2-head-bg.jpg) top left repeat-x;
    ;
    color: white;
    border: 3px solid #d4eccf;
    border-bottom: none;
}

h3.bar {
    font-size: 13px;
    padding: 10px 15px;
    margin-bottom: 0;
    margin-top: 0;
}

div.bar {
    background: #3268a6 url(../img/theme/list-head-bg.jpg) center repeat-x;
    color: white;
    font-size: 13px;
    padding: 11px 5px;
    height: 38px;
    margin-bottom: 0;
    margin-top: 0;
}

#ajax-loading {
    background: white url(/img/ajax-loading.gif) center right no-repeat;
    display: none;
    width: 50%;
    height: 15px;
}

.spinner-holder {
    display: inline-block;
    position: relative;
    width: 45px;
}

.spinner {
    width: 40px;
    display: inline-table;
    position: relative;
    top: 0;
}

.spinner input {
    text-align: right;
    width: 30px !important;
    border-color: #d4eccf;
}

.input-group-btn-vertical {
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.input-group-btn-vertical > .btn {
    min-height: 0 !important;
    display: table;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}

.input-group-btn-vertical > .btn:first-child { }

.input-group-btn-vertical > .btn:last-child { margin-top: -2px; }

.input-group-btn-vertical i {
    position: absolute;
    top: 0;
    left: 4px;
}

.spinner .caret-dn {
    position: absolute;
    left: 3px;
    top: 6px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.spinner .caret-up {
    position: absolute;
    left: 3px;
    top: 6px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.spinner .spinner-down, .spinner .spinner-up { min-height: 0 !important; }

@media only screen and (min-width: 992px) {
    .spinner {
        top: -33px;
        position: static;
    }

    .spinner input { height: 33px; }

    .input-group-btn-vertical > .btn:last-child { margin-top: -3px; }
}

@-moz-document url-prefix() { .spinner { top: 11px; } }

#vypis h3 {
    background: none;
    padding-left: 0;
    padding-top: 9px;
}

#vypis h3.active { cursor: pointer; }

#vypis h3:before {
    background: url('../img/cat-bullet-tree.png') #fff no-repeat -2px -101px;
    display: inline-block;
    width: 22px;
    height: 13px;
    content: '';
    position: relative;
    top: 2px;
}

#vypis h3.openable:before { background: url('../img/cat-bullet-tree.png') #fff no-repeat -2px -5px }

#vypis h3 span.plain-text {
    padding-left: 4px;
    color: inherit;
}

#vypis h3.openable:hover::before { background: url('../img/cat-bullet-tree.png') #fff no-repeat -2px -53px; }

#vypis h3.closeable:before { background: url('../img/cat-bullet-tree.png') #fff no-repeat -2px -29px; }

#vypis h3.closeable:hover::before { background: url('../img/cat-bullet-tree.png') #fff no-repeat -2px -77px; }

#vypis ul { margin-left: 25px; }

#vypis .sc-named-group.closed { display: none; }

/* panels */

.panel { margin: 1em auto; padding: 0; padding-bottom: 0px; }
    .panel .panel-head { margin-top: 0; text-transform: uppercase; line-height: 30px; text-align: center; }
        .panel .panel-head .panel-head-inner { height: 30px; font-size: 13px !important; }
    .panel .panel-content { padding: 10px; }
        .panel .panel-content .form-control.input-validation-error { border-color: red; }
        .panel .panel-content .field-validation-error { color: red; }
        .panel .panel-content > h4 { margin-top: 0; }
        .panel .panel-footer { text-align: center; padding: 5px; }
    .panel .button { text-decoration: none; font-size: 13px; margin: 0 5px 0 5px; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; line-height: 26px; cursor: pointer; text-decoration: none; font-size: 13px; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; line-height: 26px; cursor: pointer; }

.button.button-danger { background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%) !important; border-color: #cf0404 !important; }


.panel .button.with-icon { padding: 0 23px 0 3px }
.panel button[disabled="disabled"] { opacity: 0.3; }

.panel input[type="text"], .panel input[type="number"], .panel input[type="password"], .panel textarea, .panel select { background: white; padding: 5px; line-height: 1; font-family: Calibri, Tahoma, Geneva, Arial, sans-serif, Verdana; font-size: 13px; }

.panel table input[type="text"], .panel table input[type="number"], .panel table input[type="password"], .panel table select { width: 100% }

.panel select { padding: 2px 0px 2px 0px; }

.panel.orange { border: 3px solid #ffd4a1; background: #ffedd1; }
    .panel.orange input[type="text"], .panel.orange input[type="number"], .panel.orange input[type="password"], .panel.orange textarea, .panel.orange select { border: 1px solid #ffd4a1; }
    .panel.orange .panel-head { color: #fff; }
        .panel.orange .panel-head .panel-head-inner { background: #fe9101; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAADFBMVEXR0dG5ubnExMSurq6prigqAAAABHRSTlM2NjY2AJNcKQAAAqlJREFUKM8t0u9LE3EAx/HP5i2vJvWdznCy4jY2q5UxR0VGwt3tTm9mcrNpM30wh6ZIwoQkCoy7seUkJRezFDS0JPr1YEaSScSlGSY9cNKDkIJ+SPQkyPBRj1LpT3i/eCNsOb6DeDS+cA9rT2OpRly36sTcTmAc6BdUdfflrHH9W2s4DdKuDaqkIDYab/YpkPj5cq2s5ESysTes4VjqDzX11a7kqC4HA8oRPphPPnjXrH5DCMM3v80LXv00f5uvlWGfyBdibTNrXCYmMpDiye5s+IURVn+PQUFIkumEqdJ25BMBfBzRnlDDtkBriopg2rFAmKFEpDs5wAFXqLobzgw/GVzWKYDZ9wYuj8nI57MlS9i2vPNqdDZ3OsPvNjOog66e8r9TvUUtyhe8PpXnlK5FNW5xcBeL6rD0QvebdTGHDeMDENytDyLqpUBOT75KgNpufjLUN0dM6fMyDGa/ydgi2FfcyvYQCq0kd3q1X9IbG5vc2FVV7VOj5tggazYoWIw4o1q5bV9TjX6WQfDwoZDLfTB2IJBSWZwcuZ9dV9ycVziTrHCjSvM2nQsqOjubc4gFbrXvIFrLptqxAZTYHlV69HTWhtqEgi2CzsJNtZ9pFGPutDNDK/7mEY6BSGQm08LSG2o6DYFV/574/qfCsC5YxiI2xktwWBKJVGOchYs1dJEDZzmRosMaPrZF2FiX5yhDF3cqiCvShZeN4B5nTT3UsJUS42xZBmMFA32HTz5aNLTSObJulpHblzNquOgmqaK7ZiBhaqgP5f360bCdIA1h22Z3dHZfQ3ZTBFLpXyNd+V2kg7Kq4E6wwPBZ9ljrKNHHwBJcCAjCK8f7XnpgCWzzGbtP2FvKJgUv8H+5vTRN2tJ4bhGpKpl75nFaIGPsutMh8j2eoQ4kyD9lQNtpEcpxlwAAAABJRU5ErkJggg==), linear-gradient(180deg, #ff8e02 0%, #ff8100 100%); /*background: #fe9101 url(../img/theme/form1-head-bg.jpg) center left repeat-x;*/ border: 1px solid #fecb80; color: #fff; }
    .panel.orange .panel-content { background: #ffedd1; border-top: 3px solid #ffd4a1; }
    .panel.orange .abl-tabs { margin-bottom: 0px; }
    .panel.orange .abl-bookmarks li { padding: 0px; margin: 0px; margin-left: 5px; }
        .panel.orange .abl-bookmarks li a { border-bottom: 0px; padding: 5px 15px; text-transform: uppercase; margin: 0px; outline: 0px; }
    .panel.orange .abl-bookmarks { background: #ffd4a1; margin-bottom: -6px; }

.panel.orange .abl-bookmarks li a:hover {background: #ffedd1;padding: 3px 15px;}
.panel.orange .abl-bookmarks li.active a {background: #ffedd1;padding: 5px 15px;text-transform: uppercase;}
.panel.orange .panel-footer {background: #ffd4a1;border: none;}
.panel.orange .button, .ui-dialog.orange .button { border: 1px solid #aa5e01; background: #fe9e14; background: linear-gradient( 180deg, #ffd4a1 0%, #fe9e14 4%, #e27c03 100%); color: white; }
.panel.orange .button:hover, .ui-dialog.orange .button:hover { background: #fe9e14; }
    .panel.orange .form-group { margin-bottom: 10px;}
.panel.orange .panel-content label { font-weight: bold; padding-top: 8px;  }

    .ui-dialog.orange .dialog-body { padding-top: 15px; height: 100%; }

.panel.orange .select2 .select2-selection {height: 22px;border-radius: 0px;}
.panel.orange .select2 .select2-selection__arrow {height: 22px;}
.panel.orange .select2 .select2-selection--single .select2-selection__rendered {line-height: 22px;}
.panel.orange .select2 .select2-selection--single { border: 1px solid #ffd4a1;}


    .ui-dialog.orange .dialog-body {
        padding-top: 15px;
        height: 100%;
    }
.ui-dialog.orange .dialog-footer { background-color: #fecb80; }


.panel.green { background: #f5fff5; border: 3px solid #a6e69a; }

.panel.green input[type="text"], .panel.green input[type="number"], .panel.green input[type="password"], .panel.green textarea, .panel.green select {
    border: 1px solid #a6e69a;
}

.panel.green .abl-tabs {
    margin-bottom: 0px;
}

.panel.green .abl-bookmarks li {
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
}

.panel.green .abl-bookmarks li a {
    border-bottom: 0px;
    padding: 5px 15px;
    text-transform: uppercase;
    margin: 0px;
    outline: 0px;
}

.panel.green .abl-bookmarks {
    background: #d4eccf;
    margin-bottom: -3px;
}

.panel.green .abl-bookmarks li a:hover {
    background: #f5fff5;
    padding: 3px 15px;
}

.panel.green .abl-tabs-content.active > .panel-content {
    border-top: 0px;
}

.panel.green .abl-bookmarks li.active a {
    background: #f5fff5;
    padding: 5px 15px;
    text-transform: uppercase;
}

.panel.green .panel-head { color: #fff; }

.panel.green .panel-head .panel-head-inner {
    background: #75b36a;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAADFBMVEXR0dG5ubnExMSurq6prigqAAAABHRSTlM2NjY2AJNcKQAAAqlJREFUKM8t0u9LE3EAx/HP5i2vJvWdznCy4jY2q5UxR0VGwt3tTm9mcrNpM30wh6ZIwoQkCoy7seUkJRezFDS0JPr1YEaSScSlGSY9cNKDkIJ+SPQkyPBRj1LpT3i/eCNsOb6DeDS+cA9rT2OpRly36sTcTmAc6BdUdfflrHH9W2s4DdKuDaqkIDYab/YpkPj5cq2s5ESysTes4VjqDzX11a7kqC4HA8oRPphPPnjXrH5DCMM3v80LXv00f5uvlWGfyBdibTNrXCYmMpDiye5s+IURVn+PQUFIkumEqdJ25BMBfBzRnlDDtkBriopg2rFAmKFEpDs5wAFXqLobzgw/GVzWKYDZ9wYuj8nI57MlS9i2vPNqdDZ3OsPvNjOog66e8r9TvUUtyhe8PpXnlK5FNW5xcBeL6rD0QvebdTGHDeMDENytDyLqpUBOT75KgNpufjLUN0dM6fMyDGa/ydgi2FfcyvYQCq0kd3q1X9IbG5vc2FVV7VOj5tggazYoWIw4o1q5bV9TjX6WQfDwoZDLfTB2IJBSWZwcuZ9dV9ycVziTrHCjSvM2nQsqOjubc4gFbrXvIFrLptqxAZTYHlV69HTWhtqEgi2CzsJNtZ9pFGPutDNDK/7mEY6BSGQm08LSG2o6DYFV/574/qfCsC5YxiI2xktwWBKJVGOchYs1dJEDZzmRosMaPrZF2FiX5yhDF3cqiCvShZeN4B5nTT3UsJUS42xZBmMFA32HTz5aNLTSObJulpHblzNquOgmqaK7ZiBhaqgP5f360bCdIA1h22Z3dHZfQ3ZTBFLpXyNd+V2kg7Kq4E6wwPBZ9ljrKNHHwBJcCAjCK8f7XnpgCWzzGbtP2FvKJgUv8H+5vTRN2tJ4bhGpKpl75nFaIGPsutMh8j2eoQ4kyD9lQNtpEcpxlwAAAABJRU5ErkJggg==), linear-gradient(180deg, #7cb570 0%, #57a74c 100%);
    /*background: #75b36a url(../img/theme/form2-head-bg.jpg) top left repeat-x;*/
    color: #fff;
}

.panel.green .panel-content {
    background: #f5fff5;
    border-top: 3px solid #a6e69a;
}

.panel.green .panel-footer {
    background: #f5fff5;
    padding-left: 3px;
    padding-right: 3px;
    border-top: 3px solid #a6e69a;
}

.panel.green .button {border: 1px solid #386932;background: #70af66; background: linear-gradient( 180deg, #96f084 0%, #70af66 3%, #53874b 100%);/*background: #53874b url(../img/theme/form2-btn-bg.png) top left repeat-x;*/color: white;}
.panel.green .button:hover { background: #70af66; }
.panel.blue {border: 3px solid #4b98cd;background: #ebeff5;}

.panel .form.form-slim .form-group {margin-bottom: 7px;}
.panel .form.form-slim .form-control {height: 2em; padding-right: 25px;}
.panel .form.form-slim .form-subtitle { font-weight: bold; display: inline-block; margin-bottom: 7px; }
.panel .form span[required]:after { content: '\f069'; position: absolute; right: 25px; top: 8px; color: #c13333; font-family: 'FontAwesome'; font-size: 70%; }


.ui-dialog { padding: 0; }

.ui-dialog .dialog-content{
    height: 98%;
    position: static;
}

.ui-dialog .dialog-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #d9e1ed;
    margin: 0 -15px;
    padding: 10px;
}

.ui-dialog .panel {
    font-size: inherit;
}

.ui-dialog .panel {
    margin: 0px !important;
}

.ui-dialog .panel .panel-content:last-child { padding-bottom: 50px; }

.panel.blue input[type="text"], .panel.blue input[type="number"], .panel.blue input[type="password"], .panel.blue textarea, .panel.blue select {
    border: 1px solid #4b98cd;
}

.panel.blue .abl-tabs {
    margin-bottom: 0px;
}

.panel.blue .abl-bookmarks li {
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
}

.panel.blue .abl-bookmarks li a {
    border-bottom: 0px;
    padding: 5px 15px;
    text-transform: uppercase;
    margin: 0px;
    outline: 0px;
}

.panel.blue .abl-bookmarks {
    background: #f5f5f5;
    margin-bottom: -3px;
}

.panel.blue .abl-bookmarks li a:hover {
    background: #ebeff5;
    padding: 3px 15px;
}

.panel.blue .abl-bookmarks li.active a {
    background: #ebeff5;
    padding: 5px 15px;
    text-transform: uppercase;
}

.panel.blue .panel-head {
    color: #fff;
    border-bottom: 3px solid #4b98cd;
}

.panel.blue .panel-head .panel-head-inner {
    background: #4b98cd url(../img/theme/list-head-bg.jpg) center left repeat-x;
    color: #fff;
}

.panel.blue .panel-content { background: #ebeff5; }

.panel.blue .panel-footer { margin-right: 3px; }

.panel.blue .button {
    border: 1px solid #2a6797;
    background: #3e88c3;
    background: linear-gradient(180deg, #fff 0%, #4f9ed0 3%, #3e88c3 100%);
    /*background: #3e88c3 url(../img/theme/btn-bg.png) left top repeat-x;*/
    color: white;
}

.panel.blue-modern { border: none;}
.panel.blue-modern .panel-head .panel-head-inner {background: #082a49;color: #fff;}
.panel.blue-modern .panel-body {background: rgba(12, 70, 121, .9);color: #eee;font-size: 120%;}
.panel.blue-modern .panel-footer {background: rgb(13 56 94);color: #eee;margin: 0; border: none;}
.panel.blue-modern .panel-footer .button {border-color: #245886;background: #082a49;}
.panel.blue-modern .panel-footer .button:hover {background: #245886;}



        .panel table.form {
            width: 100%;
        }
.panel table.form td { padding: 4px 7px; }
.panel table.form .validation .error { color: red; }
.panel table.form .domain-check { cursor: pointer; }
.panel table.form input[type=text], .panel table.form input[type=number] {min-width: 200px;}
.panel table.form input[type=number] { width: 4em; }
.panel table.form select { min-width: 200px; }
.panel .table-no-style { width: 100%;}
.panel .table-no-style td, .panel .table-no-style th { padding: 2px 5px; }
.panel.overlayable { position: relative; }

.panel.overlayable .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-opacity: 0.3;
    opacity: 0.3;
    top: 0;
    left: 0;
    background: #000;
    display: none;
}

.panel.overlayable .overlay .spinner {
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.panel.orange table.abl-table {width: 100%;border: 3px solid #ffd4a1;}
    .panel.orange table.abl-table th {
        color: white;
        background: #fe9101 url(../img/theme/form1-head-bg.jpg) center left repeat-x;
        padding: 3px 5px;
        border: 1px solid #fecb80;
        height: 30px;
        border-bottom: 3px solid #ffd4a1
    }
    .panel.orange table.abl-table tr td {background: #ffedd1;border-color: #ffedd1;padding: 3px 5px;}
.panel.orange table.abl-table tr:nth-child(2n) td {background: #F9E1BD;border-bottom: 1px solid #EACEA4;}

    form .form-group {
        min-height: 15px;
    }


/*
    crossroad
*/

.obecnyRozcestnik {
    width: 100%;
    margin: 1em auto;
    border: 3px solid #a6e69a;
    border-collapse: collapse;
    border-spacing: 0;
}

.obecnyRozcestnik th, .obecnyRozcestnik td {
    border: none;
    border-bottom: 3px solid #a6e69a;
}

.obecnyRozcestnik th {
    white-space: nowrap;
    cursor: pointer;
    color: white;
    background-color: #75b36a;
    padding: 1.2em;
    text-transform: uppercase;
    height: 40px;
}

.obecnyRozcestnik th a {
    color: white;
    font-size: 13px;
    text-decoration: none;
}

.obecnyRozcestnik a:hover {
    text-decoration: underline;
    color: black;
}

.obecnyRozcestnik td {
    background-color: #f5fef3;
    padding: 0.5em 1em;
}

.obecnyRozcestnik tr.selected th, .obecnyRozcestnik tr:hover th {
    background-color: #a6e69a;
    cursor: pointer;
    color: black;
}

.obecnyRozcestnik tr.selected td, .obecnyRozcestnik tr:hover td {
    background-color: #a6e69a;
    cursor: pointer;
}

.obecnyRozcestnik tr:hover th a { color: black; }

.obecnyRozcestnikMenu {
    width: 100%;
    margin-left: 15px !important;
    _margin-left: 30px !important;
}

.obecnyRozcestnikMenu tr { width: 100%; }

.obecnyRozcestnikMenu td {
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #FBFBFB;
}

.obecnyRozcestnikMenu td a { font-size: 10px !important; }

.career {
    max-width: 692px;
    width: 100%;
}

.career .panel {
    margin: 15px 0 15px 0;
    min-height: 225px;
}

.career .panel a {
    margin: 15px 0 15px 0;
    min-height: 225px;
}

.career .carrer-panel { padding: 0; }

.career .heading {
    font-size: 22px;
    color: #3870a9;
}

#csp-content input[type=number] { width: 60px; min-width: auto; }
#csp-content .input-group-addon { padding: 5px 12px; }
#csp-content .filters .label { color: #004385; font-weight: bold; font-size: 13px; }

#csp-content .offer-list { border: 1px solid #d9d9d9; }

#csp-content .filtered { display: none; }

#csp-content .offer-list .offer-panel .row { padding: 8px; }

#csp-content .offer-list .offer-panel.header input { color: #000; }

#csp-content .offer-list .offer-panel.header {
    background: #3268a6 url(../img/theme/list-head-bg.jpg) center repeat-x;
    color: #fff0f5;
}

#csp-content .offer-list .offer-panel.odd { background-color: #ebeff5 }

#csp-content .offer-list .offer-panel.even { background-color: #d9e1ed }

#csp-content .offer-list .offer-panel { border: 1px solid #d9d9d9; }

#csp-content .offer-list .offer-panel .addons.collapsed { display: none; }

#csp-content .offer-list .offer-panel input[type=number], #csp-content .offer-list .offer-panel .billing-cycle { display: none; }

#csp-content .offer-list .offer-panel.open input[type=number], #csp-content .offer-list .offer-panel.open .billing-cycle { display: inline; }

#csp-content .offer-list .offer-panel .addons {
    background-color: #fff;
    color: #000;
}

#csp-content .offer-list .offer-panel .addons .check input { margin-left: 15px; }

#csp-content .offer-list .offer-panel .addons .price-wrapper, #csp-content .offer-list .offer-panel .addons .amount { visibility: hidden; }

#csp-content .offer-list .offer-panel .addons.checked .price-wrapper, #csp-content .offer-list .offer-panel .addons.checked .amount { visibility: visible; }

.abl-table tr th { box-shadow: inset 1px 0px 0px rgba(186, 224, 250, 0.2); }

.abl-table tr:nth-child(odd) { background-color: #d9e1ed; }
.abl-table tr:nth-child(even) { background-color: #ebeff5; }
.abl-table tr.odd { background-color: #d9e1ed; }
.abl-table tr.even { background-color: #ebeff5; }

.abl-table tr td input[type="radio"] { position: relative; top: 4px; margin: 0px; margin-right: 3px; }

.abl-table.responsive tr:nth-child(4n+1) { background-color: #d9e1ed !important; }
.abl-table.responsive tr:nth-child(4n+3) { background-color: #ebeff5 !important; }

.abl-table.responsive tr.even { background-color: #d9e1ed !important; }
.abl-table.responsive tr.odd { background-color: #ebeff5 !important; }

.abl-table tr:hover, .abl-table.responsive tr:hover { background-color: #ceeaff !important; }

.abl-table-filters {
    color: #666;
    border-bottom: 1px solid #bbbfc4;
    background: #f7f7f9 ;
    padding: 10px 10px 10px 0px;
    margin-bottom: 15px;
    margin: 0.5em auto;
}

.abl-table-filters .form-group {  margin: 0 0 0 10px; }
.abl-table-filters .form-group input, .abl-table-filters .form-group select {border: 1px solid #bbbfc4; padding: 5px;  margin: 0 0 0 5px; }
    .abl-table-filters .form-group input[type=checkbox] { vertical-align: middle;padding: 0; }
    .abl-table-filters .form-group input.date-picker { width: 85px; cursor: pointer; }
    .abl-table-filters .form-group i.fa-calendar, .abl-table-filters .form-group i.fa-remove {position: relative;left: -20px;color: rgb(190, 190, 190);cursor: pointer;}    
.abl-table-filters .form-group span i { margin-left: 5px;cursor: pointer;}
.abl-table-filters .form-group:first-child i { color: #a2a2a2;font-size: 2em; }
.abl-table-filters .form-group .search input { width: 135px; }
    .abl-table-filters .select2-container--default .select2-selection--single { border-color: #bbbfc4; height: auto;}
.abl-table-filters .select2-container .select2-selection--single .select2-selection__rendered {line-height: 25px;}
.abl-table-filters .select2-container--default .select2-selection--single .select2-selection__arrow { height: 25px;}
@media screen and (max-width:767px) { .abl-table-filters .form-group:first-child i { cursor: pointer;}
    .abl-table-filters .form-group { display: none;}
    .abl-table-filters .form-group:first-child { display: block;}
    .abl-table-filters .form-group { padding: 5px;}    
    .abl-table-filters .form-group label { min-width:70px;display: inline-block; }    
    .abl-table-filters .form-group:first-child { padding: 5px 5px 5px 0;cursor: pointer;}

    .abl-table-filters.active .form-group:first-child i { color: black; }
    .abl-table-filters.active .form-group {display: block;  }
    .abl-table-filters.active .form-group:first-child span { display: none;}
    
}   


.abl-table th .sort { display: inline-block; width: 9px; position: relative; font-size: 1.1em; margin: 0 5px; color: rgba(255,255,255,.3); }
.abl-table th .sort .active { color: white;}
.abl-table th .sort:hover, .abl-table th .sort:hover .active { color: rgba(255,255,255,.7);  }
.abl-table th .sort-asc { background: url('../img/nahoru1.gif') no-repeat; text-decoration: none;}
.abl-table th .sort-asc.active { background: url('../img/nahoru2.gif') no-repeat; text-decoration: none; }
.abl-table th .sort-desc { background: url('../img/dolu1.gif') no-repeat; text-decoration: none; }
.abl-table th .sort-desc.active { background: url('../img/dolu2.gif') no-repeat; text-decoration: none; }

.table-heading { min-height: 1.5em;}
.table-wrapper {position: relative;clear: both;}
.table-wrapper .export-icon{ padding-left: 10px;}
.abl-table-loading { position: fixed; width: 200px; font-size: 150%; border: 1px solid #ccc; background-color: rgba(255,255,255,0.6); text-align: center; left: calc(50% - 100px); top: 50%; padding: 15px 0; z-index: 2; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); background-image: url(../img/loader.gif); background-repeat: no-repeat; background-position: 15px; background-size: 15%; }

.abl-table tr.child { display: none;}
.abl-table.has-hidden-fields tr.child.active { display: table-row !important;background: #fff;}

.abl-table tr td .value-group { padding: 3px;}
.abl-table tr td .value-group label{ font-weight: bold;min-width: 100px;display: inline-block;}


.abl-table td.first-visible-child, .abl-table th.first-visible-child { display: none;}
.abl-table.has-hidden-fields tr:not(.child) td.first-visible-child,.abl-table.has-hidden-fields th.first-visible-child { display: table-cell;cursor: pointer;}
.abl-table.has-hidden-fields tr:not(.child) td.first-visible-child:before {font-family: 'FontAwesome';content: '\f067';font-size: 120%;}
.abl-table.has-hidden-fields tr:not(.child) td.first-visible-child:hover:before { color: #444;}
.abl-table.has-hidden-fields tr:not(.child) td.active.first-visible-child:before {content: '\f068'}
.abl-table tfoot td.first-visible-child { display: none!important;}
.abl-table tfoot td.hidden { display: table-cell!important;}

div.table-wrapper { margin-bottom: 10px; }

.abl-bookmarks { list-style: none; margin: 0 0 15px 0; padding: 0; }
    .abl-bookmarks li { padding: 0; margin: 0 10px 0 0; display: inline; list-style: none; }
        .abl-bookmarks li a { padding: 0; margin: 0 10px 0 0; display: inline; list-style: none;font-size: 110%; }
            .abl-bookmarks li a:hover, .abl-bookmarks li a:focus, .abl-bookmarks li a:active { text-decoration: none; border-bottom: 2px solid #fe9101; color: #000; }
        .abl-bookmarks li.active a { padding: 0 1em 0 0.2em; line-height: 32px; border-bottom: 2px solid #fe9101; font-weight: bold; color: #004385; }
        .abl-bookmarks li.disabled a {  color: #ccc; cursor: not-allowed; }
        .abl-bookmarks li.disabled a:hover, .abl-bookmarks li.disabled a:active, .abl-bookmarks li.disabled a:focus { border-bottom: none; }

            .list-items-headers { margin: 0; }

.abl-tabs-title a{ display: none;}
.abl-tabs { margin-bottom: 15px; }
.abl-tabs .abl-tabs-content { display: none; }
.abl-tabs .abl-tabs-content.active { display: block; }

@media screen and (max-width: 991px) {
    .abl-tabs .abl-bookmarks { display: none;}
    .abl-tabs-title a {position: relative; display: block;padding: 8px; border-top:1px solid #bbbfc4; border-left:1px solid #bbbfc4; border-right:1px solid #bbbfc4; background: #f3f3f3;cursor: pointer; }    
    .abl-tabs-title a.active { background-color: #0a3962;color: #fff;border-top: none;}
    .abl-tabs-title a::after {font-family: 'Glyphicons Halflings'; content: '\e114'; position: absolute; right: 10px; top: calc(50% - 7px); font-size: 75%;}
    .abl-tabs-title a:hover { text-decoration: none;}
    .abl-tabs-title a:last-child {border-bottom:1px solid #bbbfc4;}
    .abl-tabs-title a.active::after {color: #fff; content: '\e113';}
    .abl-tabs .abl-tabs-content.active { padding: 15px 5px;}

    .panel .abl-tabs .abl-tabs-content.active { padding: 0;}
    .panel .abl-tabs .abl-bookmarks { display: block;}
    .panel .abl-tabs-title a{ display: none;}

    /* stare souvisko */
    .bookmarks-souvisejici ul li { display: inline; margin: 0; }
    .bookmarks-souvisejici a { border-top: 1px solid #bbbfc4; border-left: 1px solid #bbbfc4; border-right: 1px solid #bbbfc4; padding: 0px 2em 0 0.2em; line-height: 0; display: block; padding: 14px 8px; background: #f3f3f3; }
        .bookmarks-souvisejici a:last-child, .bookmarks-souvisejici a:hover:last-child { border-bottom: 1px solid #bbbfc4; }
        .bookmarks-souvisejici a:hover { border-top: 1px solid #bbbfc4; border-left: 1px solid #bbbfc4; border-right: 1px solid #bbbfc4; border-bottom: none; }

    .bookmarks-souvisejici strong { line-height: 0px; border-bottom: none; padding: 0; font-weight: normal; }
        .bookmarks-souvisejici strong a { background-color: #0a3962; color: #fff; border-top: none; }
}



#csp-content .tab { display: none; }
#csp-content .tab.active { display: block; }

ul.crossroad { margin: 5px 0px; padding: 0 5px; }

.career ul li { background: url(../img/theme/path-bullet.png) left 4px no-repeat; line-height: 1.4em; margin-left: 0; list-style-type: none; padding-left: 15px; }

ul.crossroad li a { color: #004385; }
    ul.crossroad li a:hover { text-decoration: underline; color: #004385; }

/*abychom nemuseli formatovat kod zkopirovany z jobs.cz*/

.career a { color: blue; }
    .career a:hover { color: blue; text-decoration: underline; }
    .career a font { color: black; }

.tab1 .tab1_operace .ico { background: url(../img/theme/tab1_op.png) no-repeat -408px; width: 24px; height: 24px; margin: 1px; line-height: 24px; vertical-align: middle; display: inline-block; color: #fff; padding-top: 4px; font-size: 14px; }
.fs-pagination {  text-align: right; }
    .fs-pagination span { font-weight: bold; color: #fe9101 !important; padding: 3px 6px; }
    .fs-pagination a { margin: 0px 4px; color: #000; text-decoration: none; font-weight: bold; padding: 3px 6px; }
        .fs-pagination a:hover { background-color: #F0F0F0; text-decoration: underline; }

.table-heading .table-records-count, .table-heading .table-sort { margin: 2px 4px 4px 0; color: #000; text-decoration: none; }

    .table-heading .table-change-page-size { margin-top: 2px; }
    .table-heading .table-change-page-size a { text-align: right; color: #000; text-decoration: none; font-weight: bold; padding: 3px 6px; }
        .table-heading .table-change-page-size a:hover { background-color: #F0F0F0; text-decoration: underline; }

.table-heading span { font-weight: bold; color: #fe9101 !important; padding: 3px 6px; }
.table-actions { background-color: #d9e1ed; padding: 10px; margin-top: 17px; margin-bottom: 10px; }
.table-actions button { margin-right: 10px; }

/* documents page */
.documents .left-column-wrapper { margin-right: 345px; }
.documents .head { font-weight: bold; text-align: center; margin-bottom: 5px; }
.documents .right-column { position: absolute; top: 224px; right: 15px; }
.documents .article .brand-logo { margin-top: 10px; }
.documents .article .mar-bottom { margin-bottom: 5px; }
.documents .articles .head>i[onclick] { cursor: pointer}
.documents .banners { margin-right: 345px; position: relative; top: -6px; }
    .documents .banners .owl-item.transparent { filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.6; }

.documents .banners .carousel .item { margin: 3px; }
    .documents .banners .carousel .item img { display: block; width: 100%; height: auto; }
    .documents .banners .button-left { position: absolute; top: 50%; left: -20px; background: url('../img/odrazka_vetsi_otocena.gif') no-repeat; width: 20px; height: 26px; cursor: pointer; }
    .documents .banners .button-right { position: absolute; top: 50%; right: -24px; background: url('../img/odrazka_vetsi.gif') no-repeat; width: 20px; height: 26px; cursor: pointer; }
.documents .order-statistics {cursor: pointer;}
@media screen and (max-width: 767px) { .documents .banners { margin-right: 0;  }
    .documents .right-column { position: static; }
    .documents .left-column-wrapper { float: none; margin-right: 0; }
}

.documents .article { border-top: 1px solid #E9EDF1; text-align: justify; min-height: 75px; padding-top: 5px; }

@media (min-width: 1400px) {
    .documents .article { min-height: 65px; }
}

.documents .article.new { border-top: 3px solid #ff9500; }

.documents .right-column ul { list-style: none; min-height: 400px; overflow: hidden; padding: 0; }

@media screen and (max-width: 991px) {
     .documents {margin: 0 -15px;}
     .documents .left-column-wrapper {padding: 0 15px;}
     .documents .right-column {padding: 0 15px;}
     .documents .right-column .mailing-item { display: inline-block;}
     .containerBody_2 { height: auto !important;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
 .documents .banners { margin-right: 0;position: relative;padding: 0 15px;}
 .documents .left-column-wrapper { margin-right: 0;width: 60%;}
 .documents .right-column { position: static;float: left;width: 40%;padding: 0 15px;}    
 .documents .banners .button-right { right: -9px; }
 .documents .right-column .mailing-item a img { width: 100%; }
}

#article-search-dialog { margin: 0;position: absolute;z-index: 2000;width: 50px;height: 40px; background-color: transparent; display: none; transition: width .5s ease-out; }
#article-search-dialog.visible { width: 245px;  }
#article-search-dialog input { width: 80%; display: inline-block; padding-right: 20px; }
#article-search-dialog i { margin-left: -25px;}

.cVizMktCard.important {border: 1px solid #e58686;
    box-shadow: 1px 1px 5px rgba(224, 48, 48, 0.2);}
.cVizMktCard.important h2 { color: red;}
.cVizMktCard.important button {background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    border-color: #cf0404;}
.cVizMktCard.important button:hover {    background: #cf0404;border-color: #cf0404;}

@media screen and (max-width: 767px) {
    .documents {display: flex;-ms-flex-direction: column;-o-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
    .documents .left-column-wrapper { order: 2;}
    .documents .banners { display: none;}
    .documents .right-column {padding: 0 15px;order: 1; text-align: right; }
    .documents .right-column .cVizMktCard { max-width: none; text-align: left; box-shadow: none }
    .documents .left-column-wrapper .article { display: none; min-height: auto;}
    .documents .left-column-wrapper .article.top5 { display: block;}
    .documents .left-column-wrapper .article .date { float: right;}
    .documents .article .brand-logo { margin: 2px; }

    .documents .left-column-wrapper .head { margin: 15px 0;}
}

.documents .cycle-slideshow { width: 100% !important; }
    .documents .cycle-slideshow .cycle-slide { opacity: 0.2 !important; }
    .documents .cycle-slideshow .cycle-slide-active { opacity: 1 !important; }
    .documents .cycle-slideshow .cycle-slide img { width: 100%; height: auto; }

.documents .right-column .mailing-item { margin-bottom: 15px; height: 90px; position: relative; overflow: hidden; border: 1px solid #ccc; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
    .documents .right-column .mailing-item a { position: relative; top: -5px; }
.documents .right-column .mailing-item.big { height: auto; }
.documents .right-column .mailing-item.big a { top: 0px; }

.helpdesk-form .attachment { margin-top: 5px; margin-bottom: 5px; }
    .helpdesk-form .attachment input[type="file"] { display: inline; }
    .helpdesk-form .attachment .remove-button { cursor: pointer; font-size: 90%; }

.cat-template { display: none !important;}
.cat-template.active { display: block !important;}
.cat-template > h3, .cat-template .parameter-group > h3 { color: #888 !important; background-color: #fff; padding: 5px 17px !important; border-top: 2px solid #bbbfc4; }
.cat-template .low-priority, .cat-template .missing-parameter.low-priority { display: none; }
.cat-template.display-low-priority .low-priority { display: block;}
.cat-template.display-low-priority .low-priority-button { display: none;}
.cat-template .low-priority-button, .cat-template .low-priority, .cat-template .missing-parameter { padding: 5px 15px; background: #fff; }

.template-switch-wrapper .cat-checked { display: block;}
.templace-switch-wrapper li { display: none;}
.templace-switch-wrapper.active li { display: block; }

.item-detail .list-items-headers { height: auto; }
.item-detail .list-items-category  { width: auto;margin-right: 15px;}
.item-detail .bookmarks-souvisejici { margin-top: 0;}
.item-detail .buy .fa-stack { font-size: 50%;}
.item-detail .buy .fa-stack .fa-plus { top: 1px;}
#detail-switch-dialog { overflow: hidden;}

@media screen and (min-width:768px) {
    .item-detail .abl-tabs {
        min-height: 650px;
    }
}

/*  Bootstrap */
.career * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1450px) {
    .item-list .col-1450-2-5 { width: 20% !important; }
}


#treeSelector .option { cursor: pointer;display: none;height: 25px;}
#treeSelector.active .option{ display: block;} 
#treeSelector .caption:before { content: '';position: absolute;left: 5px;width: 14px;height: 16px;display: block;background: url(../img/cat-tree.png) #fff no-repeat 0 1px; }
#treeSelector .caption:hover:before { background: url('../img/cat-tree.png') #fff no-repeat 0 -47px;}
#treeSelector .caption:hover { background: #e6ecf1; }
#treeSelector .caption.zone-selected:hover { background: #fff;}
#treeSelector.active .caption:before { background: url('../img/cat-tree.png') #fff no-repeat 0 -24px;}
#treeSelector.active .caption:hover:before { background: url('../img/cat-tree.png') #fff no-repeat 0 -72px;}
#treeSelector .caption.zone-selected::before { content: none;}
#treeSelector .caption.zone-selected { content: none;padding: 0;}
#treeSelector .caption.zone-selected h3 { cursor: default;}
#treeSelector .caption.zone-selected h3:before { content: '\f0b0';font-family: 'FontAwesome';font-size: 150%;color: #bbb;}
#treeSelector #zone-caption i { float: none;}
#treeSelector #zone-caption a { color: initial; color:rgb(68, 68, 68); font-weight: normal;cursor: pointer; }

#cf-content #tab-desc ul { padding-left: 15px;}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
    .col-sm-6 { width: 50%; }
}

@media (min-width: 992px) {
    .col-md-6 { width: 50%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
    body.body2 .containerBody_2 {
        padding-left: 260px;
        background: url(../img/theme/category-bg.png) -30px 0 repeat-y;
    }
}

@media(min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666666666666%; }
    .col-lg-10 { width: 83.33333333333334%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666666666666%; }
    .col-lg-7 { width: 58.333333333333336%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666666666667%; }
    .col-lg-4 { width: 33.33333333333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.666666666666664%; }
    .col-lg-1 { width: 8.333333333333332%; }
    .col-lg-pull-12 { right: 100%; }
    .col-lg-pull-11 { right: 91.66666666666666%; }
    .col-lg-pull-10 { right: 83.33333333333334%; }
    .col-lg-pull-9 { right: 75%; }
    .col-lg-pull-8 { right: 66.66666666666666%; }
    .col-lg-pull-7 { right: 58.333333333333336%; }
    .col-lg-pull-6 { right: 50%; }
    .col-lg-pull-5 { right: 41.66666666666667%; }
    .col-lg-pull-4 { right: 33.33333333333333%; }
    .col-lg-pull-3 { right: 25%; }
    .col-lg-pull-2 { right: 16.666666666666664%; }
    .col-lg-pull-1 { right: 8.333333333333332%; }
    .col-lg-pull-0 { right: 0; }
    .col-lg-push-12 { left: 100%; }
    .col-lg-push-11 { left: 91.66666666666666%; }
    .col-lg-push-10 { left: 83.33333333333334%; }
    .col-lg-push-9 { left: 75%; }
    .col-lg-push-8 { left: 66.66666666666666%; }
    .col-lg-push-7 { left: 58.333333333333336%; }
    .col-lg-push-6 { left: 50%; }
    .col-lg-push-5 { left: 41.66666666666667%; }
    .col-lg-push-4 { left: 33.33333333333333%; }
    .col-lg-push-3 { left: 25%; }
    .col-lg-push-2 { left: 16.666666666666664%; }
    .col-lg-push-1 { left: 8.333333333333332%; }
    .col-lg-push-0 { left: 0; }
    .col-lg-offset-12 { margin-left: 100%; }
    .col-lg-offset-11 { margin-left: 91.66666666666666%; }
    .col-lg-offset-10 { margin-left: 83.33333333333334%; }
    .col-lg-offset-9 { margin-left: 75%; }
    .col-lg-offset-8 { margin-left: 66.66666666666666%; }
    .col-lg-offset-7 { margin-left: 58.333333333333336%; }
    .col-lg-offset-6 { margin-left: 50%; }
    .col-lg-offset-5 { margin-left: 41.66666666666667%; }
    .col-lg-offset-4 { margin-left: 33.33333333333333%; }
    .col-lg-offset-3 { margin-left: 25%; }
    .col-lg-offset-2 { margin-left: 16.666666666666664%; }
    .col-lg-offset-1 { margin-left: 8.333333333333332%; }
    .col-lg-offset-0 { margin-left: 0; }
}

.text-right { text-align: right !important;}

@media (max-width: 991px) {
    #right-summary { position: initial !important; margin-top: 25px; }
    .r-tabs .r-tabs-nav { margin-top: -22px; }
    .menu3-dot { position: absolute; top: auto; right: 0; z-index: 1; }
    body.body2 .containerBody_2 { padding-left: 0; background: none; }
}

/* responsive tabs XS and SM */
@media (max-width: 767px) {
    .categories { position: static;width: auto;background: #fff;height: auto !important;padding: 15px 10px 0;width: auto !important;}
    .categories .cat-inner { position: static;width: auto;background: none;}
    .categories .r-tabs-nav { display: none;}
    .categories .r-tabs .r-tabs-accordion-title { display: block;margin: 0px 0;position: relative;}
    .categories .r-tabs .r-tabs-accordion-title a { color: #444;}
    .categories .r-tabs .r-tabs-accordion-title a:after {font-family: 'Glyphicons Halflings'; content: '\e114'; position: absolute; right: 10px;top: calc(50% - 12px);font-size: 75%;}
    .categories .r-tabs-accordion-title.r-tabs-state-active { background: #0a3962;margin: 0;}
    .categories .r-tabs-accordion-title.r-tabs-state-active a:after { color: #fff;content: '\e113'}
    .categories .r-tabs-accordion-title.r-tabs-state-active a {color: #fff;}
    .categories .r-tabs-accordion-title{ background: #f3f3f3; border: 1px solid #bbbfc4; border-top: 0 none; }
    .categories .r-tabs-accordion-title:nth-child(1) { border-top: 1px solid #bbbfc4; } 
    .categories .categoriesList .operations { width: 100%;left: 0;}
    .containerBody_4 {padding: 15px; }
    .categories  .r-tabs .r-tabs-accordion-title .r-tabs-anchor {  padding: 4px 8px;}
    .ui-dialog { width: 90% !important; }
    .ui-dialog .ui-dialog-content iframe { width:100% !important;height:100% !important; }
}

@media (min-width: 768px) and (max-width: 992px) {
    .notab-visible .sidebar-content { display: none; }
    .notab-visible#natahni3 { height: 0px !important; padding-bottom: 7px; background: transparent; position: fixed; }
    .notab-visible .cat-inner { background: transparent !important; }
    .notab-visible .r-tabs .r-tabs-nav .r-tabs-tab { border-bottom: 1px solid silver; }
        .notab-visible .r-tabs .r-tabs-nav .r-tabs-tab a { background: #f3f3f3; }
    #natahni3 { background: transparent; padding-left: 0px; }
    .categories .cat-inner { padding: 0px; background: transparent; }
    .sidebar-content { box-shadow: 3px 3px 6px rgba(0,0,0,0.4); }
    .categories .cat-btn-settings { z-index: 100; }
    .categories .cat-settings { margin-top: -25px; margin-bottom: 0px; padding-bottom: 28px; position: relative; top: 7px; }
    .containerBody_4 { padding: 33px 25px; }
    .notab-visible .cat-btn-settings { display: none !important; }
    .categories .cat-btn-settings span { margin-top: 1px; }
    body.body2 .containerBody_2 { padding-left: 0px; }
    .documents .banners .button-left { left: -7px; }
    .categories .cat-pin { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .documents .left-column-wrapper .col-md-2, .documents .left-column-wrapper .col-md-10 { display: block; width: 100%; }
    .documents .left-column-wrapper .article.top5 { display: block; }
    .documents .left-column-wrapper .article .date { float: right; }
    .documents .article .brand-logo { margin: 2px; }
}

/* item detail */
.cardFile .cf-rightInfo .buy input.count {width: 50px; padding: 2px;position: relative;}
.cardFile .cf-rightInfo .buy button { padding: 0 1em;}
.detail-img .thumbsItems { text-align: center; position: relative; }
.detail-img .thumbsItems #slider-prev {position: absolute;z-index: 9998; top: 50px;left: -15px;}
.cardFile { word-wrap: break-word; }
.detail-img .img-wrapper { border: 1px solid #d9d9d9; position: relative; }
.detail-img .img-wrapper .zoomPad { float: none;}
.detail-img .img-wrapper .zoomPad > img {display: block; margin-left: auto; margin-right: auto;}
.detail-img .img-wrapper .zoomPad .zoomWindow { width: 100%;}
.detail-img .img-wrapper .zoomPad .zoomWindow .zoomWrapper { width: 100% !important;}
.item-detail .img-wrapper .cf-img-overlay { position: absolute; top: 0; left: 10px; display: block; z-index: 100; }
.item-detail .related-items-filter > span { display: none;}
.item-detail .related-items-filter ul { padding: 0; }
.item-detail .related-items-filter ul li { display: inline; margin: 0 15px; }
.item-detail .related-items-filter ul li a.selected { border-bottom: 2px solid #fe9101;color: #004385; font-weight: bold;}
.item-detail .related-items-filter ul li a:hover { text-decoration: none;}
.item-detail .related-items-filter ul li:first-child { margin-left: 0; }
.item-detail .related-items-filter ul li ul { display: none; margin: 7px; }
.item-detail .related-items-filter ul li ul.active { display: block;}
.item-detail .related-items-filter ul li ul li { display: inline-block; white-space: nowrap; margin: 0 15px; line-height: 1.5em; }
.item-detail .related-items-filter ul li ul li:first-child { margin: 0 15px; }
.item-detail #tab-tech-params table.abl-table tbody td { width: 50%; }

.item-detail .energetic-label { bottom: 0; left: 12px; z-index: 100; background: #58ab27; width: 40px; display: inline-block; color: white; font-family: Arial; padding: 5px; font-size: 14px; position: absolute; margin: 30px 0; font-weight: bold; margin-right: 11px; }
    .item-detail .energetic-label::after { position: absolute; content: ""; width: 0px; height: 0px; background: transparent; right: -9px; top: 4px; border-top: 9px solid #58ab27; border-right: 9px solid #58ab27; border-left: 9px solid #58ab27; border-bottom: 9px solid #58ab27; transform: rotate(-225deg); border-width: 9px; }
    .item-detail .energetic-label::before { content: "A"; }
    .item-detail .energetic-label::before { content: "A"; }
    .item-detail .energetic-label.class-b { background: #56ba37; color: white; }
        .item-detail .energetic-label.class-b::after { border-color: #56ba37; }
        .item-detail .energetic-label.class-b::before { content: "B"; }
    .item-detail .energetic-label.class-c { background: #b2dc18; color: white; }
        .item-detail .energetic-label.class-c::after { border-color: #b2dc18; }
        .item-detail .energetic-label.class-c::before { content: "C"; }
    .item-detail .energetic-label.class-d { background: #fff100; color: white; }
        .item-detail .energetic-label.class-d::after { border-color: #fff100; }
        .item-detail .energetic-label.class-d::before { content: "D"; }
    .item-detail .energetic-label.class-e { background: #ffb009; color: white; }
        .item-detail .energetic-label.class-e::after { border-color: #ffb009; }
        .item-detail .energetic-label.class-e::before { content: "E"; }
    .item-detail .energetic-label.class-f { background: #ef5e11; color: white; }
        .item-detail .energetic-label.class-f::after { border-color: #ef5e11; }
        .item-detail .energetic-label.class-f::before { content: "F"; }
    .item-detail .energetic-label.class-g { background: #f21923; color: white; }
        .item-detail .energetic-label.class-g::after { border-color: #f21923; }
        .item-detail .energetic-label.class-g::before { content: "G"; }
    .item-detail .energetic-label.class-unknown { background: black; color: white; }
        .item-detail .energetic-label.class-unknown::after { border-color: black; }
        .item-detail .energetic-label.class-unknown::before { content: "?"; }

@media screen and (max-width: 991px) { .item-detail .related-items-filter { background: #eee; padding: 10px; margin: -15px -5px 15px -5px; }
    .item-detail .related-items-filter > span { display: inline; }
    .item-detail .related-items-filter > ul { position: absolute; z-index: 100; background: #fff; border: 1px solid #ccc; padding: 15px; line-height: 2em; display: none;}
    .item-detail .related-items-filter.active > ul { display: block;}
    .item-detail .related-items-filter ul li { display: block; margin: 0; }
    .item-detail .related-items-filter ul li ul { display: block; margin: 0; }
    .item-detail .related-items-filter ul li ul li { display: block; line-height:2em; margin: 0;}
    .item-detail .related-items-filter ul li .others { display: none;}
    .item-detail .related-items-filter ul li ul li:first-child { display: block; margin: 0; }
}

.datepicker { z-index: 100000 !important; }
.cardFile .cf-params > div, .cardFile .short-desc {border-top: 1px solid #ccc;}
.cardFile .cf-params > div > div, .cardFile .short-desc { display: table-cell;vertical-align: middle;padding: 10px 0;}
.cardFile .cf-params > div > div.buy input.count {width: 50px; position: relative;}
.cardFile .cf-params > div > div.buy button { padding: 0 1em;}
.cardFile .cf-params a {font-weight: bold;}
.cardFile .cf-params .operations {line-height: 1em;}
.cardFile .cf-params .operations a { font-weight: normal; margin-right: 10px;}
.cardFile .cf-params .other-operations .operations a { white-space: nowrap; line-height: 2em;}
.cardFile .cf-params .operations a .glyphicon {
    margin: 0;
}
.cardFile .cf-params .row { line-height: 20px; }
.cardFile .cf-params .two-lines { line-height: 61px;}
.cardFile .cf-params .row .highlight {font-size: 105%; font-weight: bold; color: #004385;}
.cardFile .cf-params .row.informations a i { font-size: 130%;color: #457fbd;}
.cardFile .cf-params .promo-type-promo, .cardFile .cf-params .promo-type-promo span, .cardFile .cf-params .promo-type-sellout, .cardFile .cf-params .promo-type-sellout span { color: red !important;}
.cardFile .cf-params .promo-type-discount a, .cardFile .cf-params .promo-type-discount a span {color: #d049d0 !important;}
.cardFile .cf-params .quantity-discount, #item-list-table .reseller-price .quantity-discount {color: red;font-size: 120%;}
#item-list-table .reseller-price .quantity-discount { color: #3e88c3 }
    #cf-content #preklad a {
        padding: 0 5px;
    }

@media only screen and (min-width: 1151px) 
{
    .cardFile { width: 100%; font-size: 110%; }
    .cardFile .cf-content { width: 705px; }
}

.detail-img .thumbsItems #slider-prev {
    position: absolute;
    z-index: 999;
    top: 50px;
    left: -15px;
}
.detail-img .thumbsItems #slider-next {
    position: absolute;
    z-index: 999;
    right: -5px;
    top: 50px;
}


.cardFile ul.links {
    padding: 5px 0;
    list-style: none;
}

.cardFile ul.links li i {
    padding-right: 5px;
}

.cardFile ul.links li {
    padding: 2px 0;
}

.fr-window-fresco .fr-box-spacer { top: 0 !important;}

.ico-true, .ico-false, .ico-compact {
    background: url(../img/theme/tab1_ico.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 1px;
    position: relative;
}

.ico-false{
    background-position: -192px 0;
}

.ico-compact {
    background-position: -216px 0;
}

.ico-true {
    background-position: -168px 0;
}

/*Loyalty Catalog*/
.loyalty-catalog .item { border-style: solid; border-width: 1px; border-color: #d9d9d9; background-color: #f2f2f2; }
    .loyalty-catalog .item .properties { padding: 0px 15px; border-top-style: solid; border-top-width: 1px; border-color: #d9d9d9; }
        .loyalty-catalog .item .properties > div { border-color: #d9d9d9; padding: 7px 0px; border-top-style: solid; border-top-width: 1px; display: table; width: 100%; line-height: 24px; }
            .loyalty-catalog .item .properties > div > div { vertical-align: top; display: table-cell; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

        .loyalty-catalog .item .properties .prices div { text-align: right; line-height: normal; }
        .loyalty-catalog .item .properties > div > div:first-child { font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .loyalty-catalog .item .properties > div:first-child { border-top: none; }
        .loyalty-catalog .item .properties.desc .availability div { max-height: 34px; overflow: ellipsis; }

.loyalty-catalog .device-ipad .item .properties.desc .availability div { margin-left: 5px; }

.loyalty-catalog .item .properties.desc > div > div { vertical-align: baseline; }
.loyalty-catalog .item .properties.desc > div:first-child { margin-bottom: 10px; line-height: 16px; font-weight: normal; white-space: normal; display: block; height: 127px; overflow: hidden; }
.loyalty-catalog .item .properties.desc > div h4 { margin: 3px 0px 7px 0px; font-weight: bold; font-size: 1em; }
.loyalty-catalog .item .properties.desc a:hover { text-decoration: none; }
.loyalty-catalog .item .properties.desc .availability { white-space: normal; line-height: 1.1em; }
.loyalty-catalog .item .properties.desc .prices { padding-bottom: 5px; }

    .loyalty-catalog .item .properties.desc .prices div { text-align: left; line-height: 1.1em; }
    .loyalty-catalog .item .properties.desc .prices > div:last-child { font-weight: normal; }

.loyalty-catalog .item .title h4 { height: 2.1em; overflow: hidden; font-size: 100%; margin: 0px 0px 5px 0px; }
.loyalty-catalog .item .price { font-size: 180%; font-weight: bold; color: #0d4779; }
.loyalty-catalog .item .price-no-vat { font-size: 90%; }
.loyalty-catalog .item .top { text-align: center; position: absolute; right: 20px; top: 5px; background-color: transparent; width: 0px; height: 0px; border-style: solid; border-width: 0 60px 60px 0; background-color: #cee5f9; }
    .loyalty-catalog .item .top p { font-size: 14px; font-weight: bold; -ms-transform: rotate(45deg); /* IE9+ */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; left: 28px; top: 10px; text-align: center; }

.loyalty-catalog .item .image { text-align: center; padding: 15px; overflow: hidden; height: 180px; }
    .loyalty-catalog .item .image img { max-height: 160px; margin: auto; }

.loyalty-catalog .item .operations { border-top-style: solid; border-top-width: 1px; text-align: center; font-size: 110%; white-space: nowrap; display: table; width: 100%; padding: 10px 15px; }
    .loyalty-catalog .item .operations a, .item .operations span { text-align: center; display: table-cell; vertical-align: middle; }
        .loyalty-catalog .item .operations a > i { font-size: 130%; line-height: 30px; }

    .loyalty-catalog .item .operations input[type="text"] { text-align: right; width: 100%; max-width: 50px; border-width: 1px; border-style: solid; vertical-align: top; padding: 3px 5px; }
        .loyalty-catalog .item .operations input[type="text"]:focus { box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); outline: none; }

    .loyalty-catalog .item .operations .w4l { width: 27%; text-align: left; }
    .loyalty-catalog .item .operations .w4 { width: 27%; }
    .loyalty-catalog .item .operations .w4r { width: 19%; text-align: right; }
    .loyalty-catalog .item .operations .w3l { width: 33%; text-align: left; }
    .loyalty-catalog .item .operations .w3 { width: 33%; }
    .loyalty-catalog .item .operations .w3r { width: 33%; text-align: right; }

.loyalty-catalog .image { background-color: white; }

.loyalty-catalog h3 { font-family: inherit; font-weight: 500; line-height: 1.1; }
    .loyalty-catalog h3.bar, .compare h3.recent-visited { font-size: 110%; padding: 10px 15px; margin-bottom: 0; margin-top: 0; background-color: #0d4779; color: white; }

.loyalty-catalog div.bar { font-size: 110%; padding: 7px 15px 8px 15px; margin-bottom: 0; margin-top: 0; }
.loyalty-catalog .w4 > i { font-size: 1.5em; vertical-align: middle; }

.availability a {font-weight: normal !important;}
.availability.highlight a { font-weight: bold !important;}

/*Loyalty catalog END*/
.availability .availability-eol {
    
}

.availability .availability-on-main-stock a, .availability-express-set a { color: #649c00!important; }

.availability .availability-ordered-confirmed a{
    color: #000080;
}
.availability .availability-ordered-not-confirmed a {
    color: #fe9101;
}
.availability .availability-ordered-not-confirmed a .icon-question {
    border: 1px solid #fe9101;
    border-radius: 50%;
    display: inline-block !important;
    padding: 0px 4px;
    margin-right: 3px;
    font-size: 85%;
    line-height: 110%;
}

.availability .availability-ordered a,
.availability .availability-eol,
.availability .availability-on-request a,
.availability .availability-sold-out,
.availability .availability-on-order a { color: #FF0000; }



h5 { margin: 15px auto; font-size: 13px; font-weight: bold; color: #444; text-align: left; background: url(../img/theme/path-bullet.png) no-repeat 0px 3px; padding: 0px 0px 0px 12px; color: #004385;}
.abl-list { clear: both; margin: 15px 0px; padding: 0px; list-style: none; text-align: left; line-height: 1.5em; }
.abl-list li {margin-left: 12px; background: url(../img/theme/path-bullet-2.png) no-repeat 0px 3px; padding: 0px 0px 0px 12px;}

.fake-checkbox-disabled {
    border: 1px solid silver;
    width: 14px;
    height: 14px;
    margin: 5px 0px;    
    margin-bottom: 6px;
    background: #e6e6e6;
    box-shadow: 1px 1px 3px #0000001a inset;
}

.stock-status table td button { padding: 0 1em; }
.stock-status table td input { width: 40px;height: auto;}
.stock-status table td.operations { white-space: nowrap;} 

.customer-web-notifications .macros li { font-weight: bold;line-height: 19px;cursor: pointer;}


@media (max-width: 768px) {
    .rozcestnik { width: 100%;margin-top: 15px;}    
    [id='3DoidDialog']  #container { width: 100% !important;}
    .cPath h2 {display: none;}
    .cPath .path li { display: none; background: none;padding-left: 0;}
    .cPath .path li:last-child { display: inline-block;}
    .cPath .path li:last-child:before { content: ''; width: 7px; height: 12px; display: inline-block; background: url(../img/theme/path-bullet-2.png) no-repeat 0px -1px; transform: rotate(180deg); }
    h1 { font-size: 16px;}
    .table-heading-wrapper-bottom { display: none;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type=number] { height: 28px;}   
    .stock-status table td input { height: 28px;} 
}

.abl-detail-panel { color: #666; border-bottom: 1px solid #bbbfc4; background: #f7f7f9; margin: 15px 0; padding: 10px; }

    .abl-detail-panel .form-group a { color: black; text-decoration: underline dotted; }
    .abl-detail-panel .form-group p { font-weight: bold; }
    .abl-detail-panel .form-group a.btn { color: white; text-decoration: none; }
    .abl-detail-panel .form-group a.btn:hover { background-image: none; }

        .abl-detail-panel.wide-label .label-static { display: inline-block; min-width: 45%; vertical-align: middle; }
    .abl-detail-panel.wide-label .col-xs-push-1 .label-static { min-width: 40%; }
    .abl-detail-panel.wide-label .no-overflow > span { min-width: 45%; }
    .abl-detail-panel .label-static { display: inline-block; min-width: 130px; vertical-align: middle; }
    .abl-detail-panel .form-group { margin-bottom: 5px; }
    .abl-detail-panel input, .abl-detail-panel textarea { border: 1px solid #CFD5DC; width: calc(100% - 133px) }
        .order-items-list .vypis p, .abl-detail-panel .form-group p { margin: 0; }

.abl-info-panel { margin: 15px 0; }
.info-panel { position: relative;}
.info-panel .close-button { float: right;cursor: pointer;position: absolute;top: 10px;right: 15px;}
.info-panel .close-button:hover { opacity: 0.8; }

.info-panel .close-btn { position: absolute; right: 5px; top: 2px; cursor: pointer;}
    .info-panel.ip-err .close-btn { color: #a8322f;}

    #fixed-price-list td button { line-height: normal; }
#fixed-price-list td.actions { min-width: 90px;}
#fixed-price-list .price input { width: 70px;height: 25px;}

.v-top {
    vertical-align: top !important;
}

@media print {
    .cPath, .append-data, .hidden-print {
        display: none !important;
    }
    body {
        padding: 0 !important;
    }
     
     h1 {
         padding-left: 15px !important;
     }
 }

.abl-detail-panel .no-overflow > div  {
    display: inline-block; 
}

.abl-detail-panel .no-overflow > span {
    vertical-align: top;
    min-width: 130px;
    display: inline-block;
} 
@media (max-width: 360px) {
     .abl-detail-panel .no-overflow > div  {
         padding-left: 10%;
         display: block;
     }
 }

#iOsBackHeader {
    cursor: pointer;
    padding: 15px;
    height: 15px;
    width: 10px;
    text-align: center;
    float: left;
    background-color: transparent;
    display: none;
    margin-left: -10px;
}
#iOsBackHeader:hover {
    box-shadow: inset rgba(0, 0, 0, 0.32) 0px 0px 25px 4px;
}

#tab-ext-desc { max-width: 850px;}
#tab-ext-desc h2{ font-size: 26px;}

.modal-dialog { z-index: 100000; }

.adv-search *:not(.sel-value) .image-type-wide { width: 100px !important; height: auto !important; }
.adv-search .sel-value .image-type-wide { width: 75px !important; height: auto !important; }
.adv-search .image-type-wide + .name .cross-overlay { background-size: 100% 25px; }
.adv-search *:not(.sel-value) .image-type-vertical { width: auto !important; height: 100px !important; }
.adv-search .sel-value .image-type-vertical { width: auto !important; height: 75px !important; }
.adv-search .image-type-vertical + .name { width: auto !important; }
.adv-search .image-type-vertical + .name .cross-overlay { background-size: 100% 100%; height: 80%; }

.cSubCategories .owl-carousel-container-wrapper { padding: 0 0 7px 0 ;}
.cSubCategories .owl-carousel-container-wrapper .owl-carousel-container { margin: 0 -15px 15px -15px; }
.cSubCategories .owl-page span { margin-left: 5px;height: 10px;width: 10px;float: left;border: 1px solid #b8c4cf;color: #b8c4cf;text-indent: -1000px;border-radius: 50%;}
.cSubCategories .owl-page.active span { background: #b8c4cf;}
.cSubCategories .owl-controls {position: relative;left: calc(50% - 25px);margin-bottom: 15px;}
.cSubCategories .owl-wrapper-outer { margin-bottom: 7px;}
.cSubCategories .owl-carousel-container .image-wrapper {margin-right: 10px;}

img.spinner-small { width: 20px;height: 20px;}

.abl-spinner { background: url('../img/loader.gif');background-size: 100% 100%; display: inline-block; }
.abl-spinner.small { width: 20px;height: 20px;}
.abl-spinner.medium { width: 30px;height: 30px;}

#storage-dialog-loyalty { padding: 15px;}
#storage-dialog-loyalty ul {margin: 7px 0;padding: 0;list-style: none;}
#storage-dialog-loyalty ul li { padding-left: 7px;}
#storage-dialog-loyalty ul li:before {font-family: 'FontAwesome';content: '\f054';color: #ff9500;font-size: 95%;line-height: 20px;margin-right: 3px;}

.input-group-addon { border-left: 1px solid #ccc !important;}
.input-group:nth-child(1) { border-right: none !important; }
.input-group:nth-child(2) { border-left: none !important; }
input[disabled] { background-color: #f7f7f7 !important;}

#item-list-table { margin-bottom: 15px;}
#item-list-table thead th { white-space: nowrap; position: sticky; top: 140px; z-index: 1; border: none; }
#item-list-table tbody tr { height: 48px; }
#item-list-table .promo-type-Novelty .novelty { color: #6C8938; }
    #item-list-table .promo .price a { color: #d049d0;}
#item-list-table .promo-type-Promo td.col-2 a, #item-list-table .promo-type-Promo .price a { color: red; }
#item-list-table .promo-type-AvailableOnlyAsJunk td.col-2 a { color: brown; }
#item-list-table .promo-type-Hint .col-2 a, #item-list-table .promo-type-Hint .price a { color: #6C8938; }
    #item-list-table .is-listed .col-2 a { color: #004385; }
#item-list-table .promo-type-Sellout .col-2 a, #item-list-table .promo-type-Sellout .price a { color: red; }
#item-list-table .col-11 { padding: 1px; background-color: #fff; }
#item-list-table .col-3 { text-align: center;}
#item-list-table .image { text-align: center; }
#item-list-table img { max-width: 70px; margin: auto;}
#item-list-table .comfor-stores { color: red; border-bottom: 1px dotted red; }
#item-list-table td .availability { white-space: normal;}
#item-list-table .item-availability span { display: inline-block;}
#item-list-table td .informations { display: flex; align-items: flex-end; white-space: nowrap; justify-content: center; }
#item-list-table td .informations a .fa { color: #3e88c3; font-size: 150%; margin: 0 5px; }
#item-list-table td .informations a .fa-top-product { margin-right: 0;}
#item-detail .cf-params .fa-bell, #item-list-table td .fa-bell {
    font-size: 120%;
    cursor: pointer;
}
#item-detail .cf-params .fa-bell:hover:before, #item-list-table td .fa-bell:hover:before {
        content: "\f0a2"
    }
#item-list-table td .reseller-price { white-space: nowrap;}
#item-list-table tr > .price ~ .price .item-price-request, #item-list-table tr > .price ~ .price .quantity-discount {
    display: none !important;
}

#item-list-table tr td.alt-stock .item-price-request, #item-list-table tr td.alt-stock .quantity-discount {display: none !important;}

.cardFile .availability .bazzar-location { line-height: 13px; }

.fa-blue { color: #3e88c3; }

#item-list-table td .operations, #brother-tender-items td .operations { white-space: nowrap; }
#item-list-table td .operations input, #brother-tender-items td .operations input { width: 25px; height: 20px; }
    #item-list-table td .operations .button, #brother-tender-items td .operations .button,
    #leasing-calculator .operations .button,
    #leasing-quote-table  .operations .button{ padding: 0 7px; width: 30px; }

.item-container .item { border: 1px solid #e8e8e8; margin: 15px 0; position: relative; }
.item-container .item .top { color: #fff; text-align: center; border-left: 1px solid black; border-color: transparent #0d4779 transparent transparent; text-align: center; position: absolute; right: 0px; top: 0; background-color: transparent; width: 0; height: 0; border-style: solid; border-width: 0 80px 80px 0; }
.item-container .item .top.top-product { border-color: transparent #0c4679 transparent transparent; }
    .item-container .item .top.sell-out, .item-container .item .top.promo, .item-container .item .top.discount { border-color: transparent #d60000 transparent transparent; }

.item-container .item .top.novelty, .item-container .item .top.hint { border-color: transparent #6C8938 transparent transparent; }
.item-container .item .top.junk { border-color: transparent brown transparent transparent; }
.item-container .item .top span { font-size: 13px; font-weight: bold; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; left: 12px; top: 24px; text-align: center; display: inline-block; width: 70px; }
.item-container .item .top.discount span { left: 19px; top: 13px; }
    .item-container .item .top.top-product span, .item-container .item .top.hint span { left: 18px; top: 20px; }

    .item-container .item .image { height: 190px; }
.item-container .item .image img { max-width: 100% !important; display: block; margin-left: auto; margin-right: auto; padding: 15px 0; }
    .item-container .item .item-body { background-color: #f2f2f2; padding: 15px; border-bottom: 1px solid #e8e8e8; }
.item-container .item .item-name { font-size: 100%; position: relative; font-weight: bold; padding-bottom: 15px; color: #444; }
.item-container .item .item-name a, .item-container .item .item-description a { text-decoration: none; color: #444; }
.item-container .item .item-name > span { overflow-y: hidden; height: 4em; display: block; }
.item-container .item .item-name a:hover { position: absolute; }
.item-container .item .item-description { color: #444; margin: 15px 0; height: 150px; overflow-y: hidden; }
.item-container .item .item-availability {  float: right; }
.item-container .item .item-property { border-top: 1px solid #ddd; line-height: 25px; }
.item-container .item .item-property:first-child { white-space: nowrap;}
.item-container .item .item-property.item-property-availability { height: 5em; overflow-y: hidden; }
.item-container .item .item-price { float: left; }
.item-container .item .item-price a { font-weight: bold; font-size: 120%; }
.item-container .item .item-footer { padding: 15px; }
.item-container .item .item-footer .item-operations input { width: 20%; margin-right: 20%; float: left; height: 2em; padding: 0 5px; }
.item-container .item .item-footer .item-operations .button { width: 15%; padding: 0; border: none; background: none; color: #0c4679; font-size: 150%; text-align: right; float: left; }
.item-container .item .item-footer .item-operations .operations > *:nth-child(2) { width: 15%; text-align: right; }
.item-container .item .item-footer .item-operations .button:last-child { width: 15%; text-align: right; }

.item-list .brands { margin-top: 15px;}
.item-list .brands a, .item-list .subcategories a, .item-list .parameters a, .item-list .item-promo ul li a { color: #666; }
.item-list .brands label, .item-list .item-promo label { font-weight: bold; }
.item-list .brands a.selected { color: #0c4679; font-weight: bold; }
.item-list .subcategories, .item-list .parameters {  }
    .item-list .subcategories label,
    .item-list .parameters label,
    .item-list .brands label,
    .item-list .list label,
    .item-list .item-search label,
    .item-list .no-items-found { color: #0c4679; }
.item-list .no-items-found { padding: 15px 0; }
.item-list .item-search .search-term a:hover { text-decoration: none; }
.item-list .list { margin-top: 15px;}
.item-list .list ul { list-style-image: url(../img/theme/path-bullet-2.png); padding: 0 0 0 13px; }
.item-list .list ul li { line-height: 1.5em;}
.item-list .parameters a:hover { text-decoration: line-through; }
.item-list .parameters .fa { color: red; font-size:  80%;}
.item-list .item-filters { position: relative; top: 23px; left: 120px; z-index: 2; display: inline-block; height: 25px; }
    .item-list .item-filters .item-filters-search { margin: 3px 0 0 5px; }
.item-list .item-filters .item-filters-search input { margin: 0; transition: width 1s; width: 0; border-width: 0; padding-right: 20px; padding-left: 5px; }
.item-list .item-filters .item-filters-search i { font-size: 130%; cursor: pointer; }
    .item-list .item-filters .item-filters-search.active input { display: inline-block; width: 120px; border: 1px solid #ccc; height: 1.3em; }
.item-list .item-filters .item-filters-search.active i { position: relative; left: -21px; font-size: 100%; }

.item-list .item-filters .dropdown { padding-right: 15px; }
.item-list .item-filters .dropdown:hover .dropdown-menu { display: block; margin-top: 0;font-size: 100%; }
.item-list .item-filters .dropdown .fa { font-size: 150%; }
.item-list .item-filters .dropdown-menu { line-height: 27px; border-radius: 0; padding: 7px 7px 7px 25px; }
.item-list .item-filters .dropdown-menu ul { margin: 0; padding: 0; list-style-image: url(../img/theme/path-bullet.png); }
.item-list .item-filters .dropdown-menu ul li { border-bottom: 1px solid #eee; }
.item-list .item-filters .dropdown-menu ul li:last-child { border: none;}
.item-list .item-filters .dropdown-menu ul li:before { content: ' ' }
.item-list .item-filters .dropdown-menu ul li a { color: #888; white-space: nowrap; }
.item-list .item-filters .dropdown-menu ul li a label { color: #444; cursor: pointer; font-weight: bold; }
    .item-list .item-filters .onstock-filter { margin: 2px 10px 0 0; display: flex; align-items: flex-end; gap: 4px; }
.item-list .item-filters .price-filter { padding-top: 3px; }
    .item-list .item-filters .price-filter input { width: 50px; height: 1.3em; margin-right: 3px; border: 1px solid #ccc; }

    .item-list .item-filters-sort .dropdown-menu { padding: 7px; border-radius: 0; }
.item-list .item-filters-sort .dropdown-menu .table-sort-menu { display: block; line-height: 25px; }
.item-list .item-filters-sort .dropdown-menu .table-sort-menu .sort-direction { float: right; font-size: 150%; }
.item-list .item-filters-sort .dropdown-menu .table-sort-menu .sort-direction a{ color: #444;}
.item-list .item-filters-sort .dropdown-menu .table-sort-menu { color: #444 !important; }
.item-list .item-filters-sort .dropdown-toggle .fa { font-size: 120%; padding-top: 3px; }
.quantity-discounts-wrapper { padding: 15px;}
.table-wrapper .append-data a { border: 1px solid #cfd5dc; padding: 5px 15px; line-height: 26px; }
.table-wrapper .append-data a:hover { background-color: #f7f7f9 }

.item-list .append-data { position: relative;}
    .item-list .append-data:not(.append-data-show-all) > div { left: calc(50% - 86px); top: -5px; position: absolute; }
    .item-list .append-data.append-data-show-all > div { left: calc(50% - 149px); top: -5px; position: absolute; }
    .item-list .append-data a { display: inline-block; line-height: inherit; padding: 0px 2em; border: 1px solid #2a6797; background: #3e88c3; background: linear-gradient(180deg, #fff 0%, #4f9ed0 3%, #3e88c3 100%); /*background: #3e88c3 url(../img/theme/btn-bg.png) left top repeat-x;*/ color: white; text-decoration: none; line-height: 26px; min-height: 26px; }
    .item-list .append-data a:hover { text-decoration: none; background-image: none; background-color: #3e88c3; }
.item-list .table-heading-wrapper-top { min-height: 1.5em; }


    @media screen and (max-width: 991px) { .item-list .item-promo { margin-top: 0; }
    .item-list .item-promo ul { display: none; }
    .item-list .item-promo .visible-small ul { display: block;}
    .item-list .item-promo > div { margin: 7px 0;}
    .item-list .item-promo > div > label { cursor: pointer;  }
    .item-list .item-promo > div > label:after { content: "\f0d7"; font-family: 'FontAwesome'; position: relative; left: 3px; }
    .item-list .item-promo .visible-small > label:after { content: "\f0d8"; }
    #item-list-table thead th { position: static;}

    .item-list .brands { position: relative;}
    .item-list .brands .brand-container { width:calc(100% - 50px); white-space: nowrap; overflow: hidden; position: relative; }
    .item-list .brands a.show-more-brands { position: absolute; right: 0; top: 0; }
    
    .item-list .brands.show-more a.show-more-brands { display: none;}
    .item-list .brands.show-more .brand-container { width: 100%; white-space: normal; overflow: auto;}
}

@media screen and (max-width: 768px) {
    .item-list .table-wrapper .table-container { overflow-y: hidden; overflow-x: scroll; width: 100%;}
    .item-list .append-data a  { position: static; }
    .item-container .item .item-property.item-property-availability, .item-container .item .item-name > span { height: auto; }
    
}

@media screen and (max-width: 1100px) {
    .item-list .item-filters { position: static; padding: 15px 0; }
}

@media screen and (max-width: 425px) {
    .table-wrapper .table-heading-wrapper .fs-pagination .page { display: none; }
    .item-list .item-filters .filter-label { display: none;}
}

.display-icon { position: relative; display: inline-block; margin: 2px 10px 0; }
    .display-icon i:first-child { font-size: 150%; }
    .display-icon i:last-child { position: absolute; left: 5px; top: 3px; font-size: 90%; }
#storage-dialog {position:static}
#add-to-storage-dialog-content { position: static;}
#add-to-storage-dialog-content .attached-items { margin-bottom: 100px; box-shadow: inset 0px 0px 20px 0px rgba(217,225,237,1); padding: 15px; border: 1px solid #d9e1ed; border-radius: 12px; text-align: center; }
#add-to-storage-dialog-content .attached-items h4 { font-size: 120%; font-weight: bold;}
#add-to-storage-dialog-content .attached-items .attached-item input { margin: 0 10px; float: left; }
#add-to-storage-dialog-content .attached-items .attached-item label {text-align: left;display: inline-block;padding: 3px 0;}
#add-to-storage-dialog-content .attached-items .attached-item { text-align: left; margin-bottom: 7px }
#add-to-storage-dialog-content input.quantity {font-size: 13px;border: 1px solid #CFD5DC;padding: 2px;background: white;width: 30px;}
.not-actual-sku { color: #d02600; font-weight: bold; }

@media only screen and (max-width: 767px) {
    .margin-center-box-buttons-mobile { margin: 15px 0px; text-align: center; }
}

.deletable-button { padding: 1px 2px; background: transparent; position: absolute; margin: 2px; margin-left: -17px; border-radius: 2px; color: black; cursor: pointer; }
.deletable-button:hover { background: #00000042; }
.deletable-button:before { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; }
.vypis .deletable-button { padding: 0px 2px; }
.vypis input.max-width { width: 100%; height: 24px; }
.vypis select.max-width { width: 100%; }

.abl-table.storage-table { min-width: 900px;}
.abl-table.storage-table input[type=text] { padding: 2px 5px; height: auto; }
.abl-table.storage-table .input-sm { width: 70px;}
.abl-table.storage-table .comfor-item { color: red; border-bottom: 1px dotted red; }
.abl-table.storage-table td .name .pc-config { display: none; }
    .item-storage .storage-table .name.slevy a, .abl-table.storage-table td .name.slevyn a, .abl-table.storage-table td .name.cisco-rf a { color: #e4860b; }
.item-storage .storage-table .name.fotobaz a { color: #b94a48; }
.item-storage .storage-table .name.custom a { color: #3e88c3; }
.item-storage .storage-table .name .pc-config table tr { background: none; border: none; }
.item-storage .storage-table .name .pc-config table td { border: none; }
.item-storage .storage-table .name .fa { cursor: pointer; }
.item-storage .storage-table .name .licence-data.invalid { color: red; }
.item-storage .storage-table .name .warning a, .item-storage .storage-table .name .warning { color: #e4860b; padding: 3px 0 0 0; display: inline-block; font-weight: normal; }
.item-storage .storage-table .name .licence-data.valid, .item-storage .storage-table .name .licence-data.valid a { color: #3e88c3; }
.item-storage .storage-table .name .licence-data { cursor: pointer; }
.item-storage .storage-table .name .licence-data:hover { text-decoration: underline; }
.item-storage .storage-table .name .optional-items .optional-item { padding: 2px 15px;}
.item-storage .storage-table .name .optional-items .optional-item .button { padding: 0px 7px; line-height: 24px; }
.item-storage .storage-table .name .optional-items-icon { font-size: 120%; color: #3e88c3; margin-left: 15px; }

.abl-table.storage-table td .reservation-cancel { display: none; }
.abl-table.storage-table td:hover .reservation-cancel { display: block; text-align: center; }
.abl-table.storage-table td:hover .reserved { visibility: hidden; display: block; height: 0; }
.abl-table.storage-table td .validity .fa { color: #3e88c3; font-size: 150%; }
.abl-table.storage-table td .validity .price-changed, .abl-table.storage-table td .validity .date-changed { text-decoration: line-through; color: red; }
.abl-table.storage-table td [invalid-cell], .abl-table.storage-table td .invalid-cell { color: red; }
.abl-table.storage-table td .promo-price { color: #d049d0;}
.abl-table.storage-table td .quantity-discount { color: #fe910d; }
.abl-table.storage-table td .quantity input { width: 40px; text-align: center; }
.abl-table.storage-table td .code input { width: 100px;  }
.abl-table.storage-table td .attached-item { padding-left: 10px; display: block; }
.abl-table.storage-table td .fa-sort { display: none;}
.abl-table.storage-table.sortable td .fa-sort { display: inline; cursor: move;}
.abl-table.storage-table.sortable td input[type=checkbox] { display: none;}
.abl-table.storage-table td .attached-item:before { content: '\f0c1'; font-family: 'FontAwesome'; color: #3e88c3; }
.abl-table.storage-table td .operations { white-space: nowrap;}
.abl-table.storage-table td .operations .button { padding: 2px 7px; line-height: 20px; min-height: 20px; }
.abl-table.storage-table td .operations .button i { font-size: 100%;}
.item-storage .storage-table .availability .available { color: green; }
.item-storage .storage-table .availability .unconfirmed { color: navy; }
.abl-table.storage-table tr.csv-import textarea { width: 100%; height: 100px;}
.abl-table.storage-table tr.csv-import .display-when-active { display: none; }
.abl-table.storage-table tr.csv-import.active .display-when-active { display: block; }
.abl-table.storage-table tr.csv-import.active .hide-when-active { display: none;}

.item-storage .abl-detail-panel { margin: 0.5em 0; }
.item-storage .item-list-wrapper, .item-storage .summary-wrapper, .item-storage .order-params-wrapper { position: relative; }
.item-storage .loading { position: absolute; top: 0; width: 100%; height: 100%; display: none; }
.item-storage .loading-overlay { width: 100%; height: 100%; background: black; opacity: 0.2; }
.item-storage .loading .fa { position: absolute; top: 50%; left: 50% }
.item-storage .order-params-wrapper #order-params-error { display: none; }
.item-storage .item-list-wrapper .table-actions label:hover { background-color: #ebeff5;}
.item-storage .item-list-wrapper .table-actions label {  display: inline-block; padding: 5px;cursor: pointer; margin: 0;}
.item-storage .item-list-wrapper .table-actions .button { padding: 0 5px; font-size: 110%; margin: 0 7px 0 0; line-height: 20px; min-height: 20px; min-width: 24px;}
.item-storage .item-list-wrapper .table-actions .button .fa-stack { top: -2px;}
.item-storage .item-list-wrapper .table-actions .button .fa-stack-1x { top: 2px;}
.item-storage .item-list-wrapper .storage-table-wrapper { overflow-x: auto; width: 100%;}
.item-storage .item-list-wrapper .image { width: 55px; margin: auto; background: white; }
.item-storage .item-list-wrapper .item-storage-row { border: 1px solid #cfd7e0; border-radius: 3px; padding: 15px 7px; margin: 15px 0; position: relative; }
.item-storage .item-list-wrapper .item-storage-row input[type=text] { width: 30px; padding: 2px; border: 1px solid #ccc; text-align: center; }
.item-storage .item-list-wrapper .item-storage-row .name { font-weight: bold; margin: 0 0 7px 0; overflow-x: hidden;}
.item-storage .item-list-wrapper .item-storage-row .price { color: #004385; width: 100%; display: inline-block; font-size: 120%; font-weight: bold; }
.item-storage .item-list-wrapper .item-storage-row .remove-button { position: absolute; cursor: pointer; right: 0px; top: 0px; width: 25px; height: 25px; text-align: center;  }
.item-storage .item-list-wrapper .item-storage-row .remove-button i { position: relative; top: 3px;}
.item-storage .item-list-wrapper .item-storage-row .quantity-move { display: inline-block; padding: 6px 9px 7px; border: 1px solid #cccccc; cursor: pointer; }

.ui-dialog .licence-data { padding-bottom: 35px; }
.ui-dialog .licence-data .dropzone .dz-size { display: none;}

    #article-filter .quick-search { padding-top: 7px; padding-left: 22px; }
#article-filter .quick-search input { width: 100%; min-width: auto !important;}
#article-filter .operaceBody { text-align: left;}

.rma-import-detail table td.attachment { min-width: 475px;}

.account-page .panel span.form-label { font-weight: bold; display: inline-block; line-height: 20px; }

#address-detail-dialog .form-control { height: 25px;}
#address-detail-dialog .form-group { margin-bottom: 7px;}

.item-compare td.param { padding-right: 15px; position: relative; }
.item-compare table .sticky-left { position: sticky; left: 0;}
.item-compare td.param:after { font-family: 'FontAwesome'; position: absolute; right: 5px; }
.item-compare td.param.param-worst { background: #efbcad; }
.item-compare td.param.param-different { background: #ffe8bc; }
.item-compare td.param.param-better { background: #d5eab3; }
.item-compare td.param.param-worst:after { color: #a01f1f; font-size: 120%; }
.item-compare td.param.param-better:after {  color: green; font-size: 120%; }
.item-compare td.param-value-greater:after { content: '\f0d8'; }
.item-compare td.param-value-less:after { content: '\f0d7'; }
.item-compare tr.name td { position: sticky; background: inherit; z-index: 4; box-shadow: 1px 1px 4px #cfd5dc; }    
.item-compare tr.image td { background: #fff; }
.item-compare tr.image td:first-child { background: inherit; }
.item-compare tr.image img { margin: auto; }
.item-compare tr th { text-align: center;}
.item-compare table { width: auto; }
.item-compare tr.operations td { white-space: nowrap;}
.item-compare tr.operations .button { width: 28px; height: 20px; padding: 0; margin: 2px; }
.item-compare tr.operations input { width: 40px;}

@media screen and (min-width: 768px) {
    .item-compare tr.name td.header176 { top: 176px; }
    .item-compare tr.name td.header141 { top: 141px; }
}

#alternatives-content .item-compare tr.image td { background: #fff; }
#alternatives-content .item-compare tr.image td:first-child { background: inherit; }
#alternatives-content .item-compare { width: 100%; overflow: scroll; height: calc(100vh - 160px) }
#alternatives-content .item-compare table { width: 100% }
#alternatives-content .item-compare td.sticky { position: sticky; left: 0; background: inherit; width: 15%; z-index: 1; }
#alternatives-content .item-compare td { box-shadow: 1px 0px 0px #cfd5dc; min-width: 150px; }
#alternatives-content .item-compare td.master { position: sticky; left: 15%; background: inherit; z-index: 1; box-shadow: 1px 0px 0px #cfd5dc; }
#alternatives-content .item-compare tr.name td { position: sticky; top: -1px; background: inherit; border: none; z-index: 2; box-shadow: 1px 2px 4px #cfd5dc !important; border: 1px solid #ccc; }
#alternatives-content .item-compare tr.name td.master, #alternatives-content .item-compare tr.name td.sticky { z-index: 3; }
#alternatives-content .item-compare tr.operations input { display: block; margin: 5px auto; }
#alternatives-content .item-compare tr.operations td .wrapper { display: inline; }
#alternatives-content .item-compare th .header-wrapper { position: absolute; width: calc(100vw - 30px); text-align: center; }
#alternatives-content .item-compare th .header-wrapper span { position: relative; top: -7px; }

#discount-code-list .in-active td, #discount-code-list .in-active td a { color: #ccc; }

@media screen and (max-width:767px) { .item-compare { width: 100%; overflow: scroll; height: calc(100vh - 160px) }
    .item-compare table {width:100%}
    .item-compare td.sticky { position: sticky; left: 0; background: inherit; width: 15%; z-index: 1; }
    .item-compare td { box-shadow: 1px 0px 0px #cfd5dc; border: 1px solid; }
    .item-compare td.master { position: sticky; left: 15%; background: inherit; z-index: 1; box-shadow: 1px 0px 0px #cfd5dc; }
    .item-compare tr.name td { position: sticky; top: -1px; background: inherit; border: none; z-index: 2; box-shadow: 1px 2px 4px #cfd5dc !important; border: 1px solid #ccc; }
    .item-compare tr.name td.master, .item-compare tr.name td.sticky { z-index: 3; }
    .item-compare tr.operations input { display: block; margin: 5px auto; }
    .item-compare tr.operations td .wrapper { display: block;}
    .item-compare th .header-wrapper { position: absolute; width: calc(100vw - 30px); text-align: center; }
    .item-compare th .header-wrapper  span { position: relative; top: -7px;}
    .item-alternatives h1 { display: none;}
    #alternatives-content .item-compare td { min-width: auto;}
}



@media screen and (min-width: 768px) {
    .item-storage .item-list-wrapper .item-storage-row img { height: 50px; }
    .item-storage .item-list-wrapper .item-storage-row { margin: 7px 0; }
    .item-storage .summary-wrapper .panel-content > .row { padding: 2px 0; }
    .item-storage .order-params-wrapper #basic-parameters > .row > div { line-height: 25px; }
    .item-storage .order-params-wrapper input[type=text], .item-storage .order-params-wrapper select, #licence-data-dialog input[type=text] { padding: 2px; width: 90%; max-width: 100%; }
    .item-storage .order-params-wrapper span[required], #licence-data-dialog span[required] { position: relative; }
    .form-data-dialog input[type=text], .form-data-dialog input[type=number], .form-data-dialog textarea {
        padding: 2px;
        width: 90%;
        max-width: 100%;
    }

     .form-data-dialog span[required] {
        position: relative;
     }
    
    .item-storage .order-params-wrapper .delivery-address .fa:before { content: "\f006"; }
    .item-storage .order-params-wrapper .delivery-address.favorite .fa:before { content: "\f005"; }
    .item-storage .order-params-wrapper .delivery-address .fa:hover:before { content: "\f005"; }
    .item-storage .order-params-wrapper .delivery-address .fa { cursor: pointer; }
    .item-storage .order-params-wrapper .questionmark { font-size: 140%; color: #fe9101; }
    .item-storage .order-params-wrapper .select2-container .select2-selection--single .select2-selection__rendered { line-height: 22px; }
    .item-storage .order-params-wrapper .select2-container--default .select2-selection--single { height: 23px; }
    .item-storage .order-params-wrapper .radio-buttons-group label.radio-label { display: inline-block; width: 90%; }
    .item-storage .order-params-wrapper .radio-buttons-group { width: 100%; }
    .item-storage .order-params-wrapper .separator { border-top: 1px solid #ffd4a1; width: 90%; }
    #licence-data-dialog .panel-content .row > div, .form-data-dialog .panel-content .row > div {
        padding-top: 3px;
        padding-bottom: 3px;
    }


    .item-storage .tooltip .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #444; text-align: center; background-color: #fff; border-radius: 3px; border: 1px solid #ccc; }
    .item-storage .tooltip .tooltip-arrow { display: none; }
    .item-storage .order-params-wrapper span[required]:after, #licence-data-dialog span[required]:after, .form-data-dialog span[required]:after {
        content: '*';
        position: absolute;
        top: 1px;
        color: red;
        font-size: 120%;
        right: -8px;
    }
    #licence-data-dialog .separator { padding: 5px 0; text-align: center; border-top: 1px solid #ffd4a1; border-bottom: 1px solid #ffd4a1; margin: 5px 0; font-weight: bold; }
    
    #licence-data-dialog .DataLicenceKaspersky .end-user .end-user-hidden, #licence-data-dialog .DataLicenceEset .end-user .end-user-hidden { display: none; }
    #licence-data-dialog .DataLicenceKaspersky .company .end-user-visible, #licence-data-dialog .DataLicenceEset .company .end-user-visible { display: none; }


    .item-storage .order-params-wrapper label { font-weight: bold; margin-bottom: 0; white-space: nowrap; }
    .item-storage .order-params-wrapper input[readonly=readonly] { background-color: #f5f5f5; }
    .item-storage .balikovna-branch-detail { padding-top: 7px; }
    .collection-order .custom-shipping-address { display: none; }

    .bazzar-location { border-radius: 13px; background: #7d7878; padding: 0px 5px; color: white; font-weight: bold; text-transform: uppercase; font-size: 11px; display: inline-block; text-align: center; }
        .bazzar-location.bazzar-location-sale { background: #fe9101; }
}
@media screen and (max-width: 767px) {
    .item-storage .order-params-wrapper input[type=text],
    .item-storage .order-params-wrapper select, #licence-data-dialog input[type=text] { width: 80%; }
}

#licence-data-dialog { position: static;}

.parameter .filter-actions { float: right; display: none; }
#alternatives-content .parameter .filter-actions { display: block; }
    .parameter .filter-actions:not(.active) > a:hover { opacity: 1; }
    .parameter .filter-actions:not(.active) > a { opacity: 0.3; }
.item-compare .remove-link-compare { position: absolute; right: 7px; top: 3px; opacity: 0.5; }
.item-compare tr.name td:not(.sticky):not(.master) { padding-right: 19px; }

.info-panel .ip-err a.button { background: linear-gradient( 180deg, #e0d6d6 0%, #c77471 3%, #a72c2a 100%); border-color: #b94a48; }
    .info-panel .ip-err a.button:hover { background: #a72c2a; }

.ui-dialog[aria-describedby=mfa-auth-dialog] { border: none;}
.ui-dialog[aria-describedby=mfa-auth-dialog] .ui-dialog-titlebar { background: #082a49; }
.ui-dialog[aria-describedby=mfa-auth-dialog] .ui-resizable-handle { background: none;}
.ui-widget-overlay { background: #000; opacity: 0.5;z-index: 10000;}
#mfa-auth-dialog { background: rgba(12, 70, 121, .9); font-family: 'Calibri'; font-size: 150%; }
#mfa-auth-dialog { color: #fff; }
#mfa-auth-dialog a { color: #ccc;}
#mfa-auth-dialog .mfa-auth-request .info-panel { margin-bottom: 25px;}
#mfa-auth-dialog .mfa-auth-request { padding: 25px;}
#mfa-auth-dialog .mfa-auth-request .fa-ban { color: red;}
#mfa-auth-dialog .mfa-auth-request button { background: #082a49; border: none; font-family: calibri; }
#mfa-auth-dialog .mfa-auth-request .verify-error { color: #ff3c3c; }
#mfa-auth-dialog .mfa-auth-request input { color: #000000;}

#mfa-auth-dialog .mfa-auth-request .offline-verification { display: none;}
#mfa-auth-dialog .mfa-auth-request .otp-verification { display: none;}

#mfa-auth-dialog .mfa-auth-request.offline .otp-verification { display: none;}
#mfa-auth-dialog .mfa-auth-request.offline .offline-verification { display: block;}
#mfa-auth-dialog .mfa-auth-request.offline .standard-verification { display: none;}
#mfa-auth-dialog .mfa-auth-request.offline .offline-auth-options  { display: none;}

#mfa-auth-dialog .mfa-auth-request.otp .otp-verification {display: block;}
#mfa-auth-dialog .mfa-auth-request.otp .standard-verification {display: none;}
#mfa-auth-dialog .mfa-auth-request.otp .offline-auth-options {display: none;}

.leasing-table tr.loading {opacity: 0.8;}
.leasing-table tr.loading td { background: #dedede; }

#leasing-calculator .loading-spiner { display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; }
#leasing-calculator .loading-spiner .loading-overlay { width: 100%; height: 100%; background: #000; opacity: 0.2; }
    #leasing-calculator .loading-spiner i { position: absolute; top: 50%; left: 50%; }
#page-error .page-error-close-btn { position: absolute; right: 5px; top: 2px; color: #b94a48; cursor: pointer; }
#brother-tender-items tr.not-active td, 
#brother-tender-items tr.not-active td a { color: gray; }
#brother-tender-items input[type=number] { -moz-appearance: textfield; }
#brother-tender-items input[type=number]::-webkit-outer-spin-button, #brother-tender-items input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

#printOptionsDialog, #printAndSendDialog { display: flex; flex-direction: column; height: 100% !important; }
#printOptionsDialog .panel-footer, #printAndSendDialog .panel-footer { align-self: end; width: 100%; text-align: center; }


.button-disabled { opacity: 0.5; }

.leasing-type-tabs .abl-bookmarks { display: inline !important; }

.select2-dropdown { z-index: 10000000; }

#activate-dialog .dialog-content { padding: 15px;}
#activate-dialog .dialog-footer { margin: 0;}
#activate-dialog input[name=otp] {font-size: 200%;font-weight: bold;}

/* Contacts */
.division_contact { list-style: none; padding: 0px; }

    .division_contact li { cursor: pointer; padding: 8px; border-bottom: 1px solid #e5e5e5; font-size: 16px; position: relative; }

        .division_contact li:after { content: "\f105"; color: #074878; position: absolute; right: 5px; font: normal normal normal 14px/1 FontAwesome; font-size: 23px; top: 5px; }
        .division_contact li.active:after { color: #fe9113; }

    .division_contact .icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 23px; text-align: center; color: #074878; }

.card-container { border: 1px solid #ccc; box-shadow: 1px 1px 5px rgb(0 0 0 / 20%); margin-bottom: 15px; position: relative; max-width: 100%; padding: 12px; position: relative; }

        .card-container h2 { margin: 5px 0; color: #004385; font-size: 1.3em; z-index: 5; position: relative; }
        .card-container.division { height: 100px; overflow: hidden; cursor: pointer; }
        .card-container.division:hover h2 { text-decoration: underline; }
        .card-container.division,  .icon { transition: right 0.3s, bottom 0.3s, font-size 0.3s; }
        .card-container.division:hover .icon { right: 10px; bottom: 10px; font-size: 75px !important; }
        .card-container.division:hover .icon.icon-google {bottom: 0px;}
        .card-container.division .icon.icon-google.icon-group > .material-symbols-sharp { position: relative;}
        .card-container.division .icon.icon-google.icon-group > .material-symbols-sharp > .material-symbols-sharp {position: absolute;font-size: 50%;top: 22%;left: 25%;}
        .card-container .icon {position: absolute;right: -22px;bottom: -22px;color: #e7e7e7;display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;font-size: 105px;}
        .card-container .icon.icon-google {right: -35px;bottom: -35px;}
        .card-container .icon .material-symbols-sharp {font-size: inherit;}
        .card-container .icon.icon-division-2:before, .division_contact .icon-division-2:before {content: "\f2b5";}
        .card-container .icon.icon-division-3:before, .division_contact .icon-division-3:before { content: "\f0e9"; }
        .card-container .icon.icon-division-5:before, .division_contact .icon-division-5:before { content: "\f0d1"; }
        .card-container .icon.icon-division-4:before, .division_contact .icon-division-4:before { content: "\f233"; }
        .card-container .icon.icon-division-6:before, .division_contact .icon-division-6:before { content: "\f0c0"; }
        .card-container .icon.icon-division-9:before, .division_contact .icon-division-9:before { content: "\f1ec"; }
        .card-container .icon.icon-division-13:before, .division_contact .icon-division-13:before { content: "\f09d"; }
        .card-container .icon.icon-division-15:before, .division_contact .icon-division-15:before { content: "\f015"; }
        .card-container .icon.icon-division--1:before, .division_contact .icon-division--1:before { content: "\f07a"; }
        .card-container .icon.icon-division--2:before, .division_contact .icon-division--2:before { content: "\f0ad"; }

#department-content ul, .deparment-custom-content ul { padding: 0px; margin-left: 20px; }
#department-content li a, .deparment-custom-content li a { color: #074878; }
#department-content ul ul, .deparment-custom-content ul ul { list-style: none; margin-left: 20px; }
    #department-content ul ul h5, .deparment-custom-content ul u h5 { background: no-repeat; padding-left: 0px; font-size: 14px; color: #000; }
    #department-content ul ul li, .deparment-custom-content ul ul li { margin-left: 15px; margin-bottom: 10px; }
        #department-content ul ul li:before, .deparment-custom-content ul ul li:before { content: "\f105"; color: #fe9113; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; position: relative; top: 2px; left: -15px; margin-right: -8px; }
    #department-content ul ul .contact-telephone-link { white-space: nowrap; }

.qr-code-box { border: 1px solid black; display: inline-block; margin-top: 25px; position: relative; }
    .qr-code-box > div { position: absolute; bottom: -5px; left: 12px; background: white; padding: 0px 6px; font-weight: bold; font-size: 9px; }

.question { background: linear-gradient(180deg, rgb(240 240 240) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); border-top: 1px solid #c7c7c7; margin-top: 20px; padding: 2px 15px; padding-top: 0px; }
.survey { list-style: none; padding: 0px; }
    .survey label { padding: 8px 10px; display: block; }
    .survey li.answered-incorrect label { color: #a8322f; border: 1px solid #b94a48; background: #f2dede; border-radius: 4px; }
        .survey li.answered-incorrect label:before { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; }
    .survey li.answer-correct label { color: #3f7414; border-radius: 4px; font-weight: bold; }
    .survey li.answered-correct label { color: #3f7414; border: 1px solid #81976f; background: #dff0d8; border-radius: 4px; }
    .survey li.answered-correct label { font-weight: bold; }
        .survey li.answered-correct label:before, .survey li.answer-correct label:before { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; }
    .survey label input[type=radio] { margin-right: 8px; position: relative; top: 2px; }
    .question.not-answered .survey li:hover label { border-color: #adadad; background: #fdfdfd; border-radius: 4px; cursor: pointer; }
.question.not-answered .survey li label, .question.answered-active .survey li label { padding-top: 3px; border: 1px solid transparent; }
 
input[type="submit"]:disabled { opacity: 0.3; background-color: #3e88c3 !important; cursor: not-allowed; }

.sortable-list { list-style: none; margin: 0px; padding: 0; }
    .sortable-list li { margin: 0 !important; padding: 3px 8px !important; }
    .sortable-list .placeholder { height: 24px; border: 1px solid black !important; background: white; opacity: 0.2; }
    .sortable-list label i { opacity: 0.7; }
    .sortable-list li label input[type=checkbox] { margin: 0px; margin-right: 5px; vertical-align: text-bottom; }
    .sortable-list li label.chkmob { display: inline-block; float: right; visibility: visible; padding-top: 0px !important; }

.dpd-parcelshop-widget { position: absolute; top: 200px; left: 0; width: 100%; height: 70%; background: white;}

.data-cisco .project-name {display: none}
.data-cisco.has-project-approved .project-name {display: block;}

.data-cisco .show-if-smart-account { display: none; }
.data-cisco.has-smart-account .show-if-smart-account {display: block;}
.data-cisco.has-smart-account .hide-if-smart-account { display: none;}
.data-cisco .show-if-holding-account {display: none;}
.data-cisco.has-holding-account .show-if-holding-account {display: block;}
.data-cisco.has-holding-account .hide-if-holding-account {display: none;}

.employee-img {position: relative;display: inline-block;}
.lyncStatus {position: absolute;bottom: -7px;right: -7px;}
.lyncStatus .lyncStatus-status {display: inline-block;width: 18px;height: 18px;background: #ddd;border-radius: 9px;border: 1px solid #ccc;}
.lyncStatus .lyncStatus-status:before {font-size: 9px;position: absolute;top: 4px;left: 4px;}
.lyncStatus .lyncStatus-status.loading:before {font-family: 'FontAwesome';content: '\f110';-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.lyncStatus .lyncStatus-status.Available {background: #3DB838;border-color: #2d782a;color: #2d782a;}
.lyncStatus .lyncStatus-status.Available:before {font-family: 'FontAwesome';content: '\f00c';}
.lyncStatus .lyncStatus-status.UNKNOWN:before, .lyncStatus .lyncStatus-status.PresenceUnknown:before {content: '?'; left: 6px;}
.lyncStatus .lyncStatus-status.Busy {background: #D13438;}
.lyncStatus .lyncStatus-status.Away, .lyncStatus .lyncStatus-status.BeRightBack {background: #EAA300; content: none;}
.lyncStatus .lyncStatus-status.DoNotDisturb {background: #D13438;}
.lyncStatus .lyncStatus-status.DoNotDisturb:before {background: #fff;display: inline-block;height: 2px;width: 50%;top: 8px;left: 4px;content: '';}
.lyncStatus .lyncStatus-status.Offline:before {font-family: 'FontAwesome';content: '\f00d';color: #444;left: 5px;}

.abl-loader {
    text-align: center;
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding-top: 200px;
    background: rgba(0, 0, 0, 0.2);
}


.auth-expires {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10000; display: block;}
.auth-expires .panel {position: relative;margin: auto;width: 500px;top: 50%;}
.auth-expires .overlay {width: 100%;height: 100%;position: absolute;opacity: 0.4;background: #000;}

#thumbsPlaceholder .bxslider { list-style: none; overflow: hidden; height: 108px; transform: translate3d(16px, 5px, 0px); }
    #thumbsPlaceholder .bxslider > li { float: left; width: 106.667px; margin-left: 5px; margin-right: 5px; }
.auth-expires .overlay {width: 100%;height: 100%;position: absolute;opacity: 0.4;background: #000;}

.abl-search .item-search .comfort-search-nav { opacity: 0;transition: none; position: absolute; }
.abl-search.comfort-search .item-search .accessory-search,
.abl-search.comfort-search .item-search .extended-search,
.abl-search.comfort-search .document-search  {display: none;}
.abl-search .item-search .comfort-search { transition: width linear 0.5s;}
.abl-search.comfort-search .item-search .comfort-search { width: 100%;}
.abl-search.comfort-search .item-search .comfort-search-nav {display: block;opacity: 1;position: static;transition: opacity ease-in-out 1s;}

.form-field { position: relative;}
    .form-field label { display: block; padding-top: 10px !important; }
.form-field input, .form-field textarea {width: 100%;}
.form-field select { width: auto; min-width: 200px;}
.form-field.form-field-number, .form-field.form-field-email, .form-field.form-field-phone, .form-field.form-field-date {width: 200px;}
.form-field.form-field-email input, .form-field.form-field-phone input { padding-right: 25px;}
    .form-field.form-field-radiolist label:first-child, .form-field.form-field-checkboxlist label:first-child { display: block; padding-top: 10px!important; font-weight: bold!important; }
.form-field.form-field-email:before {content: '\f0e0';}
.form-field.form-field-phone:before {content: '\f095';}
.form-field.form-field-date:before {content: '\f073';}

.form-field.form-field-email:before, .form-field.form-field-phone:before, .form-field.form-field-date:before {display: inline-block;position: absolute;top: 37px;font-family: 'FontAwesome';right: 5px;}

.form-field.form-field-radiolist label, .form-field.form-field-checkboxlist label { padding-top: 3px!important; font-weight: normal!important; }
.form-field.form-field-radiolist label span, .form-field.form-field-checkbox label span, .form-field.form-field-checkboxlist label span {position: relative;top: -2px;}
.form-field.form-field-radiolist input, .form-field.form-field-checkbox input, .form-field.form-field-checkboxlist input{margin: 0px 7px 0px 5px;}
.form-field.form-field-checkbox input, .form-field.form-field-radiolist input, .form-field.form-field-checkboxlist input {width: auto;}
.form-field .required:before {content: '\f069';font-family: 'FontAwesome';position: relative;right: -2px;color: red;top: -5px; font-size: 6px;}

.form-field .field-validation { display: none;}
.form-field .field-validation.error {display: block;font-weight: normal;color: red;}


.grey-arrow { background: url(../img/odrazka_mini_gray.gif) no-repeat 3px 2px; display: inline-block; width: 14px; height: 14px; position: relative; top: 3px; }

#tooltip .url { display: none !important;}

.index-nav {margin-top: 15px;margin-bottom: 15px;}
.index-nav span {padding: 5px 10px 5px 10px;cursor: pointer;}
.index-nav span:hover {background: #0f5590;color: white;}
.index-list ul li {line-height: 24px;padding-left: 5px !important;border-top-style: solid;border-top-width: 1px;border-bottom-style: none;border-bottom-width: 0;margin: 0;margin-right: 17px;line-height: 24px;border-color: #ddd;}
.index-list ul li.navigate {font-weight: bold;background: #0d4779;color: white;}
.index-list ul {list-style-type: none;padding: 0;}


.order-detail {
    padding: 34px;
    border: 1px solid #AAA;
    box-shadow: 2px 2px 5px #AAA;
    line-height: 1.2em;
}

.order-detail hr {
    border-color: #000;
}

.order-detail .order-inserted {
    margin-top: 15px;
}

    .order-detail .order-items table {
        border-top: 3px solid #000;
        width: 100%;
        border-bottom: 1px solid #000;
        margin: 5px 0;
    }


@media screen and (max-width: 998px) {
    .order-detail .order-items { overflow-x: scroll; }
}

.order-detail .order-items table th {
    border-bottom: 1px solid #000;
    padding: 10px 0;
 }

.order-detail .order-items table tr:nth-child(2) td {
    padding-top: 10px;
}

.order-detail .order-items table tr:last-child td {
    padding-bottom: 15px;
}

.order-detail .order-items table tr td, .order-detail .order-summary table tr td {
    line-height: 1.5em;
    padding-right: 10px;
}

.order-detail .order-summary table {
    width: 100%;
}

.order-detail .order-summary table tr:nth-child(3) td {
    padding-bottom: 5px;
}

.order-detail .order-summary table tr:last-child td {
    border-top: 1px solid #000;
    padding-top: 5px;
}

.order-detail .order-message {
    padding-top: 60px;
    font-size: 80%;
}

.order-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    /* opacity: 0.3; */
    left: 0px;
    background: rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    text-align: center;
}

.order-overlay .overlay-content {
    position: relative;
    top: 50%;
    padding: 35px;
    z-index: 100;
    opacity: 1;
    background: white;
    display: inline-block;
    box-shadow: 1px 1px 4px #444;
}

.order-overlay .overlay-content .message {
    font-size: 2em;
}

.rma-enter .service-center { margin: 15px 0;}
.rma-enter .doa, .rma-enter .onsite {color: #FF4444}

#claim-panel-wrapper .panel { position: relative;}
#claim-panel-wrapper .loading {position: absolute;top: 0;width: 100%;height: 100%;display: none;}
#claim-panel-wrapper .loading-overlay {width: 100%;height: 100%;background: black;opacity: 0.2;}
#claim-panel-wrapper .loading .fa {position: absolute;top: 50%;left: 45%}