/* B2B Energy by HAP */ @charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext); @import "jquery/jquery-ui.min.css"; @import "bootstrap/bootstrap.min.css"; @import "fontawesome/font-awesome.min.css"; @import "blueimp/blueimp-gallery.min.css"; @import "mcustomscrollbar/jquery.mCustomScrollbar.css"; @import "animate/animate.min.css"; /* b2b-common */ @import "v26/product-detail.css"; .morris-hover { background: #415365 !important; border-color: #415365 !important; text-align: center; padding: 5px 20px !important; border-radius: 3px !important; -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);} .morris-hover .morris-hover-row-label { font-size: 13px !important; color: #92ABB8 !important; font-weight: 600 !important;} .morris-hover .morris-hover-point { font-size: 13px !important; color: #FFF !important; font-weight: 400 !important;} li {list-style:none;} .clear { clear: both;} .clearfix { zoom: 1;} .clearfix:before, .clearfix:after { content: ""; display: table;} .clearfix:after { clear: both;} .background-colorful { background: linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%);} .text-right {text-align:right;} .left{ float:left;} .right{ float:right;} .no-padding{ padding:0 !important;} .lh1em { line-height:1em;} .CurDef { cursor:default !important;} .label2 { color:white; padding:10px 15px;} a[nohref]:hover {text-decoration: none;} html * { outline: none !important;} html, body { min-height: 100%; padding: 0px; margin: 0px; background: #f5f5f6; position: relative; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #353d48; overflow-x: hidden;} body {padding-right:0 !important; min-width: 320px;} .body-full-height { height: 100%;} .body-full-height body { height: 100%;} .row { margin-left: 0px; margin-right: 0px;} .xrow { float: left; width: 100%;} .row [class^='col-xs-'], .row [class^='col-sm-'], .row [class^='col-md-'], .row [class^='col-lg-'] { min-height: 1px; padding-left: 10px; padding-right: 10px;} .row.stacked [class^='col-xs-'], .row.stacked [class^='col-sm-'], .row.stacked [class^='col-md-'], .row.stacked [class^='col-lg-'] { padding-left: 0px; padding-right: 0px;} .m-t-1 { margin-top: 1em} /* PAGE CONTAINER */ .page-container { width: 100%; float: left; min-height: 100%; position: relative; background: #f5f5f6; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .page-sidebar-float { height: initial !important; } /* fix výšky skrolovacího levého menu */ .page-container .page-sidebar { width: 230px; float: left; position: relative; z-index: 3;} .page-container .page-sidebar.page-sidebar-fixed { position: fixed;} .page-container.page-container-wide .page-sidebar { width: 50px;} .page-container .page-content { min-height: 100%; margin-left: 230px; background: #f5f5f6; position: relative; zoom: 1;} @media all and (min-width: 1025px) { .page-container .page-content { min-height: 100vh; display: flex; flex-direction: column;} } .page-container .page-content:before, .page-container .page-content:after { content: ""; display: table;} .page-container .page-content:after { clear: both;} .page-container .page-content .content-frame { float: left; width: 100%; position: relative; background: #f5f5f6;} .page-container .page-content .content-frame .content-frame-top { float: left; width: 100%; line-height: 30px; padding: 6px 15px 5px; margin-bottom:10px; background: rgba(0, 0, 0, 0.02); border-bottom: 1px solid #DDD; border-top: 1px solid #DDD;} .page-container .page-content .content-frame .content-frame-top .page-title { padding: 0px; width: auto;} .page-container .page-content .content-frame .content-frame-top .page-title h1 { margin: 0px; font-size: 29px;} .page-container .page-content .content-frame .content-frame-top .page-title h2 { margin: 0px; font-size: 16px; font-weight: 600;} .page-container .page-content .content-frame .content-frame-top .page-title h3 { font-size: 15px; font-weight: 500; margin-bottom: 0;} .page-container .page-content .content-frame .content-frame-left { float: left; width: 230px; padding: 10px; min-height: 100%; background: rgba(0, 0, 0, 0.02); border-right: 1px solid #DDD;} .page-container .page-content .content-frame .content-frame-left.padding-0 { padding: 0px;} .page-container .page-content .content-frame .content-frame-left .block { padding: 0px; margin-bottom: 20px;} .page-container .page-content .content-frame .content-frame-left h4 { margin-top: 10px;} .page-container .page-content .content-frame .content-frame-left > .form-group { margin-bottom: 20px;} .page-container .page-content .content-frame .content-frame-right { float: right; width: 230px; padding: 10px; min-height: 100%; background: rgba(0, 0, 0, 0.02); border-left: 1px solid #DDD;} .page-container .page-content .content-frame .content-frame-right.padding-0 { padding: 0px;} .page-container .page-content .content-frame .content-frame-right.padding-0 .block { padding: 10px;} .page-container .page-content .content-frame .content-frame-right h4 { margin-top: 10px;} .page-container .page-content .content-frame .content-frame-right .block { padding: 0px; margin-bottom: 0px;} .page-container .page-content .content-frame .content-frame-right > .form-group { margin-bottom: 20px;} .page-container .page-content .content-frame .content-frame-body { padding: 70px 10px 10px 10px; margin-left: 230px;} .page-container .page-content .content-frame .content-frame-body.content-frame-body-left { margin-left: 0px; margin-right: 230px;} .page-container .page-content .content-frame .content-frame-left-toggle, .page-container .page-content .content-frame .content-frame-right-toggle { display: none; margin-left: 5px;} .page-container .page-content .page-content-wrap { float: left; width: 100%;} .page-container.page-container-wide .page-content { margin-left: 50px;} .page-container.page-navigation-toggled .page-content, .page-container.page-navigation-toggled-hover .page-content { margin-left: 50px;} .page-container.page-mode-rtl .page-sidebar { float: right;} .page-container.page-mode-rtl .page-sidebar.page-sidebar-fixed { right: 0px;} .page-container.page-mode-rtl .page-content { margin-left: 0px; margin-right: 230px;} .page-container.page-mode-rtl.page-container-wide .page-content { margin-right: 50px;} .page-container.page-navigation-top .page-content { margin-left: 0px;} .page-container.page-navigation-top .page-content-header { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;} .page-container.page-navigation-top-fixed .x-navigation.x-navigation-horizontal { position: fixed; padding-right: 230px; top: 0px;} .page-container.page-navigation-top-fixed .page-content { padding-top: 50px;} .page-container.page-navigation-top-fixed.page-navigation-toggled .x-navigation.x-navigation-horizontal { padding-right: 50px;} .page-container.page-navigation-toggled-hover .page-sidebar { position: absolute; background: #33414e; min-height: 100%;} body.page-container-boxed { background: url("../img/backgrounds/wall_1.jpg") left top no-repeat fixed; padding: 20px 0px;} body.page-container-boxed .page-container { width: 1360px; float: none; margin: 0px auto; -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} body.page-container-boxed .page-container.page-navigation-top .page-content { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} body.page-container-boxed.wall_1 { background-image: url("../img/backgrounds/wall_1.jpg");} body.page-container-boxed.wall_2 { background-image: url("../img/backgrounds/wall_2.jpg");} body.page-container-boxed.wall_3 { background-image: url("../img/backgrounds/wall_3.jpg");} body.page-container-boxed.wall_4 { background-image: url("../img/backgrounds/wall_4.jpg");} body.page-container-boxed.wall_5 { background-image: url("../img/backgrounds/wall_5.jpg");} body.page-container-boxed.wall_6 { background-image: url("../img/backgrounds/wall_6.jpg");} body.page-container-boxed.wall_7 { background-image: url("../img/backgrounds/wall_7.jpg");} body.page-container-boxed.wall_8 { background-image: url("../img/backgrounds/wall_8.jpg");} body.page-container-boxed.wall_9 { background-image: url("../img/backgrounds/wall_9.jpg");} body.page-container-boxed.wall_10 { background-image: url("../img/backgrounds/wall_10.jpg");} /* END PAGE CONTAINER */ /* X-Dashboard */ .x-dashboard .page-container .page-content { margin-left: 0px; } /* END X-Dashboard */ /* NAVIGATION */ .x-navigation, .x-navigation ul { width: 100%; padding: 0px; margin: 0px; float: left; list-style: none; display: block; z-index: 10;} .x-navigation { /*background: #33414e;*/} .x-navigation li { float: left; display: block; width: 100%; padding: 0px; margin: 0px; position: relative;} .x-navigation .Sub{ border-radius: 3px; color: #333; cursor: pointer; font-family: "FontAwesome"; font-size: 14px; height: 20px; padding: 0 6px; position: absolute; right: 1px; top: 4px} .x-navigation > li > .Sub {top: 11px} .x-navigation .Sub:hover {background:white; color:black;} .x-navigation .active > .Sub {transform: scaleY(-1);} #StromKategorie .treeIcon {display:none;} #mCSB_1_container .x-navigation li ul {padding-left:10px;} #mCSB_1_container .x-navigation li ul li {background:url(images/tree-level.png) no-repeat 0 0; background-size: 15px 100%;} #mCSB_1_container .x-navigation li ul li:last-child {background:url(images/tree-level-last.png) no-repeat 0 0; background-size: 15px 100%;} .xt-tree.x-navigation li > a { background: #dde1e9; } .xt-tree.x-navigation > li > a { font-weight:600;} .xt-tree.x-navigation li { margin: 0 0 2px;} .xt-tree.x-navigation > li > a { padding: 10px} .xt-tree.x-navigation li.active > a { background: #ea0000; color: white} /*.xn-openable.active > a { background: #df2d14 !important; color: white; margin-bottom: 2px;}*/ .x-navigation li > a {display: block; float: left; width: 100%; line-height: 19px; color: #333; font-size: 13px; font-weight: 400; padding: 5px; text-decoration: none; /*border-bottom: 1px solid #2f3c48*/; vertical-align: text-bottom;} .x-navigation li > a .fa, .x-navigation li > a .glyphicon { text-align: center; width: 20px; font-size: 14px; margin-right: 10px; vertical-align: baseline; -webkit-transition: color 200ms ease; -moz-transition: color 200ms ease; -ms-transition: color 200ms ease; -o-transition: color 200ms ease; transition: color 200ms ease;} .x-navigation li > a:hover { text-decoration:underline;} .x-navigation li > a:hover .fa, .x-navigation li > a:hover .glyphicon { color: #ffd559;} .addOn.x-navigation {margin-top: 10px;} .addOn.x-navigation li > a { padding-left: 15px; font-size: 12px; position: relative; background: #d0d0d0;} .addOn.x-navigation li > a::before { content: ""; font-family: fontawesome; transform: rotate(-90deg); position: absolute; left: 5px;} .x-navigation li > ul { max-height: 0px; border-left: 10px solid white;overflow: hidden;} .x-navigation li > ul li > a { color: #333; font-size: 12px; line-height: 19px; font-weight: 400; padding: 5px 0px;} .x-navigation li > ul li > a:hover {} .x-navigation li.active:has(ul) > a { margin-bottom:1px} .x-navigation li > ul li.active > a, .x-navigation li.active ul li a.active { background: #757d88; color: #ffffff;} .x-navigation li.xn-openable > .informer { right: 25px;} .x-navigation li.active > a { -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .x-navigation li.active > a .fa, .x-navigation li.active > a .glyphicon { color: #ffd559;} .x-navigation li.active > ul { max-height: 3000px;} .x-navigation li.xn-title { padding: 20px 10px 10px; line-height: 20px; font-weight: 300; font-size: 13px; color: #999; border-bottom: 1px solid #2f3c48;} .x-navigation > li > a.x-navigation-control { background: #df2d14;} .x-navigation > li.xn-openable:before { top: 6px;} .x-navigation > li > a { padding-left: 12px;} .x-navigation > li > ul > li > a, .x-navigation > li > ul > li > ul > li > a, .x-navigation > li > ul > li > ul > li > ul > li > a, .x-navigation > li > ul > li > ul > li > ul > li > ul > li > a, .x-navigation > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 15px !important;} .x-navigation > li:last-child > a { border-bottom: 0px;} .x-navigation.x-navigation-horizontal { max-height: initial; width: max-content;} .x-navigation.x-navigation-horizontal .xn-logo a { border-bottom: 0px; width: 200px;} .x-navigation.x-navigation-horizontal > li.xn-openable:before { display: none;} .x-navigation.x-navigation-horizontal > li > a { padding: 15px; border-bottom: 0px; line-height: 20px; color: #ffffff; text-shadow: none;} .x-navigation.x-navigation-horizontal > li > a:hover { transform: translateY(-1px); text-decoration: none; filter: drop-shadow(0 4px 6px #456);} .x-navigation.x-navigation-horizontal > li > a:hover .fa, .x-navigation.x-navigation-horizontal > li > a:hover .glyphicon { color: #ffd559;} .x-navigation.x-navigation-horizontal > li > a .fa, .x-navigation.x-navigation-horizontal > li > a .glyphicon { color: #ffffff;} .x-navigation.x-navigation-horizontal > li.active > a { filter: drop-shadow(0 0px 6px black);} .x-navigation.x-navigation-horizontal > li.active > a .fa, .x-navigation.x-navigation-horizontal > li.active > a .glyphicon { color: #ffd559;} .x-navigation.x-navigation-horizontal > li ul { width: 220px; position: absolute; overflow: visible; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); z-index: 3;} .x-navigation.x-navigation-horizontal > li ul ul.xn-drop-white:after { border-right-color: #FFF;} .x-navigation.x-navigation-horizontal > li > ul { top: 60px; left: 0px;} .x-navigation.x-navigation-horizontal > li > ul.xn-drop-white:after { border-bottom-color: #FFF;} .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left { left: auto; left: 0px; border-left: 0;} @media screen and (max-width: 1024px) { .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left { left: 20px; } } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left.xn-drop-white ul:after { border-left-color: #FFF;} .x-navigation.x-navigation-horizontal > li > ul:after { bottom: 100%; left: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #33414e; border-width: 5px; margin-left: -5px; } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after { left: 24px;} .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after ul { left: auto; right: 230px; } .x-navigation.x-navigation-horizontal > li > ul.xn-drop-left:after ul:after { right: auto; left: 100%; border: solid transparent; border-left-color: #33414e; border-width: 5px; margin-right: -5px; } .x-navigation.x-navigation-horizontal > li > ul ul { top: 0px; right: -230px; } .x-navigation.x-navigation-horizontal > li > ul ul:after { right: 100%; top: 23px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #33414e; border-width: 5px; margin-top: -5px; } .x-navigation.x-navigation-horizontal > li > ul li > a { padding-left: 10px; } .x-navigation.x-navigation-horizontal > li > ul li > a:hover { padding-left: 15px; } .x-navigation.x-navigation-horizontal > li > ul li.active > a { padding-left: 15px; } .x-navigation.x-navigation-horizontal > li li { width: 100%; } .x-navigation.x-navigation-horizontal > li li:first-child a { -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .x-navigation.x-navigation-horizontal > li li:last-child a { -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; border-bottom-color: transparent; } .x-navigation.x-navigation-horizontal > li li.xn-openable:before { content: "\f105"; } .x-navigation.x-navigation-horizontal > li li.active.xn-openable:before { content: "\f104"; } .x-navigation.x-navigation-horizontal > li:last-child > a { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .x-navigation.x-navigation-horizontal > li.last > a { -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; } .x-navigation.x-navigation-horizontal li { width: auto; position: relative; } .x-navigation.x-navigation-horizontal li.active > ul { display: block; } .x-navigation.x-navigation-horizontal li.xn-openable > a { padding-right: 20px; } .x-navigation.x-navigation-horizontal ul.xn-drop-white { background: #FFF; } .x-navigation.x-navigation-horizontal ul.xn-drop-white ul { background: #FFF; } .x-navigation.x-navigation-horizontal ul.xn-drop-white ul:after { border-right-color: #FFF; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a { color: #333; text-shadow: none; border-bottom: 1px solid #E9E9E9; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a:hover { background: #F5F5F5; color: #333; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a .fa, .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a .glyphicon { color: #33414e; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li.active > a { color: #333; text-shadow: none; border-bottom: 1px solid #E9E9E9; } .x-navigation.x-navigation-horizontal ul.xn-drop-white li.active.xn-openable:before { color: #333; } .topMenuItem { float: left; margin: -2px 2px 0 0;} .x-navigation.x-navigation-horizontal .xn-icon-button > a { padding: 15px 10px;} .x-navigation.x-navigation-horizontal .xn-icon-button > a .badge { position:absolute; right:0; top:2px;} .x-navigation.x-navigation-horizontal ul.xn-drop-white li > a .badge { position:absolute; right:2px; top:4px; background:#fea223;} .shake {-webkit-animation: shake 5s 2 both; animation: shake 5s 2 both;} @-webkit-keyframes shake { 0%, 10%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 1%, 3%, 5%, 7%, 9% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); background:#fea223;} 2%, 4%, 6%, 8% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); background:#fea223;} } @keyframes shake { 0%, 10%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 1%, 3%, 5%, 7%, 9% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); background:#fea223;} 2%, 4%, 6%, 8% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); background:#fea223;} } a.x-navigation-minimize { padding-left: 4px;} @media (min-width: 1025px) { .x-navigation.x-navigation-horizontal > li > a { text-align:center; font-size: 14px;} .x-navigation.x-navigation-horizontal .xn-icon-button > a { padding: 8px 0 2px;} .x-navigation.x-navigation-horizontal > li > a > span.topMenuItem { display: block; width: 100%;} .x-navigation.x-navigation-horizontal .xn-icon-button > a.x-navigation-minimize { padding: 14px 5px 14px 4px;} } @media (max-width: 1280px) and (min-width: 1025px ) { .x-navigation.x-navigation-horizontal .xn-icon-button > a { font-size: 13px; } } @media (max-width: 1090px) and (min-width: 1025px ) { .x-navigation.x-navigation-horizontal .xn-icon-button > a { font-size: 1px; color:#33414e; padding: 16px 8px 15px; line-height: 1px;} } @media (min-width: 1359px) { #xt-log-switch, #xt-messages { padding: 10px 10px 10px 0;} } .x-navigation .xn-icon-button > a .fa, .x-navigation .xn-icon-button > a .glyphicon { margin: 0px;} .x-navigation .xn-search { padding: 10px 5px;} /*.x-navigation .xn-search input { width: 100%;}*/ .x-navigation .xn-search:before { left: 5px;} .x-navigation .x-hide-me {opacity:0; width:100%; height: 0px; float:left; margin-top: 2px; padding:0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;} .x-navigation .x-show-me { opacity:1; height: 28px;} /*.x-navigation .xn-search input.x-grow-me { width: 200px;}*/ .xn-ext-search {text-align: center;width: 100%;display: block;} .xn-ext-search .btn {width:auto;padding: 0px 7px;font-size: 10px;color: #33414e;background: #aaa;border: none;border-radius: 4px;} #frm-searchForm-search_message { color: white !important; height: 28px; margin: 0; padding: 0 9px; position: absolute; top: 42px; white-space: nowrap; width: 211px;} #frm-searchForm-search_message.text-danger { background: #fea223; } #frm-searchForm-search_message i { line-height: 17px; padding: 5px;} @media screen and (max-width: 1024px) { .x-navigation li > a.x-navigation-minimize {display:none;} } .x-navigation.x-navigation-minimized { width: 50px;} .x-navigation.x-navigation-minimized .xn-text { display: none;} .x-navigation.x-navigation-minimized .xn-visible { display: block;} .x-navigation.x-navigation-minimized li { width: auto; position: relative;} .x-navigation.x-navigation-minimized li.xn-profile .profile-mini { display: block;} .x-navigation.x-navigation-minimized li.xn-profile .profile:after { right: 100%; top: 23px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #33414e; border-width: 5px; margin-top: -5px; } .x-navigation.x-navigation-minimized li.xn-title { display: none;} .x-navigation.x-navigation-minimized li.active > ul { display: block;} .x-navigation.x-navigation-minimized li ul { top: 0px; right: -230px; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); } .x-navigation.x-navigation-minimized li ul:after { right: 100%; top: 23px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #33414e; border-width: 5px; margin-top: -5px; } .x-navigation.x-navigation-minimized li ul li > a { padding-left: 15px !important; } .x-navigation.x-navigation-minimized li ul li > a:hover { padding-left: 20px !important; } .x-navigation.x-navigation-minimized li ul li.active > a { padding-left: 20px !important; } .x-navigation.x-navigation-minimized li ul li:first-child > a { -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .x-navigation.x-navigation-minimized li ul li:last-child > a { border-bottom: 0px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .x-navigation.x-navigation-minimized > li { width: 100%; } .x-navigation.x-navigation-minimized > li > a { padding: 15px 10px; text-align: center; } .x-navigation.x-navigation-minimized > li > a .fa, .x-navigation.x-navigation-minimized > li > a .glyphicon { margin: 0px; } .x-navigation.x-navigation-minimized > li ul { width: 220px; position: absolute; overflow: visible; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .x-navigation.x-navigation-minimized > li li { width: 100%; } .x-navigation.x-navigation-minimized > li li.xn-openable:before { content: "\f105"; } .x-navigation.x-navigation-minimized > li li.active.xn-openable:before { content: "\f104"; } .x-navigation.x-navigation-minimized > li.active:before, .x-navigation.x-navigation-minimized > li.xn-openable:before { display: none; } .x-navigation.x-navigation-minimized > li.xn-logo {width:50px;} .x-navigation.x-navigation-minimized > li.xn-logo > a:first-child { padding: 0px; width: 50px; background-image: url("../img/logo-small.png"); } .x-navigation.x-navigation-minimized .xn-search, .x-navigation.x-navigation-minimized .xn-searchExt, .x-navigation.x-navigation-minimized .xn-profile, .page-navigation-toggled .xn-swap-tree { display: none;} /* uprava stromu při minimalizovanem levem panelu */ .page-navigation-toggled .x-navigation .Sub { top: 16px; } .page-navigation-toggled .x-navigation ul .Sub { top: 20px; } .page-navigation-toggled #mCSB_1_container .x-navigation li ul li:last-child, .page-navigation-toggled #mCSB_1_container .x-navigation li ul li, .page-navigation-toggled .x-navigation li > ul li.active > a, .page-navigation-toggled .x-navigation li.active ul li a.active { background:none;} .x-navigation.x-navigation-minimized.x-navigation-hover li:hover > ul { display: block; background: #273541; max-height: 1200px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; right: -220px; } .x-navigation.x-navigation-minimized.x-navigation-hover li:hover > ul:after { display: none; } .x-navigation.x-navigation-custom > li.xn-openable:before { color: #CCC; top: 12px; } .xn-swap-tree {display:none;width:100%; padding:0; margin:0;} .xn-swap-tree li {} .xn-swap-tree li a {float:left;margin:0;width:99.999%;padding:6px 10px;background:#696969;font-size: 13px; font-weight: 400; line-height: 19px; color:white; text-decoration:none;} /*.xn-swap-tree li a.fullWidth { width: 100%;} ASM */ .xn-swap-tree li.active a {border-color:#fea223;} .xn-swap-tree li a:hover {text-decoration:none; background:#555d68;} .xn-swap-tree li a span {margin:0;} .x-navigation > li.xn-logo { background: linear-gradient(0deg, #dbdee1, #f5f5f6); display: flex; justify-content: center; align-items: center;} .x-navigation > li.xn-logo > a { border: 0px; text-align: center; height: 100%; padding: 12px 0 4px;} .x-navigation > li.xn-logo > a img { height: 100%; max-height: 60px; filter: drop-shadow(2px 4px 6px white);} .x-navigation .xn-search { padding: 10px; position: relative;} .x-navigation .xn-search input { width: 165px; float:left;height: 30px;padding: 0px 8px;margin-right:5px;line-height: 25px;border: none;background: white;color: #666;transition: all 200ms ease; border-radius: 5px;} .x-navigation .xn-search button.btn {padding:4px 9px; border: none; height: 30px; text-align: center;} .x-navigation .xn-search button.btn fa {margin:0} @media screen and (max-width: 1024px) { .x-navigation .xn-search input {width: 70%; float: none;} .x-navigation .xn-search form {text-align:center;} } /*.x-navigation .xn-search:before { content: "\f002"; font-family: FontAwesome; position: absolute; width: 30px; height: 30px; text-align: center; font-size: 17px; line-height: 28px; color: #AAA; left: 10px; top: 10px; z-index: 2; cursor: pointer; }*/ #extended-search input.ext-search {width:60px; padding:6px 8px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } #extended-search input.ext-search:focus { width: 150px;} .check.noInput { line-height: 30px; margin: 0; vertical-align: bottom; } #extended-search * {display: inline-block;} /* Naposledy prohlížené */ #LastViewedHistory .panel { background-color: inherit; border:none; margin-top: 20px;} #LastViewedHistory .panel-heading h3 { color:#666; font-size: 13px;} #LastViewedHistory .panel-heading, #LastViewedHistory .panel-body { background-color: inherit; padding:0; border:none;} #LastViewedHistory a img { max-width: 25px;max-height: 25px; margin: 0 5px 5px -6px; float:left;} #LastViewedHistory a span { font-size: 11px; line-height: 14px; max-height: 28px; display: flex; overflow: hidden;} @media only screen and (max-width: 1024px) { #LastViewedHistory { display:none;} } .page-navigation-toggled #LastViewedHistory { display:none;} /* /Naposledy prohlížené */ /* Naseptavac */ #whisperer { display:none; background: white; border: 1px solid white; box-shadow: 0 0 20px #000; position: fixed; top: 61px; left:228px; max-width: 100%; min-width: 250px; z-index: 9999; border-radius: 5px; } #whisperer ul, #whisperer li { list-style: none; } #whisperer, #whisperer ul { padding: 0; } #whisperer .category { margin:15px 0; } #whisperer .category:first-child { margin:0px;} #whisperer .category span { background: #eaeaea; border-bottom: 1px solid #ccc; color: #777; font-size:0.9em; display: block; padding: 5px 10px 3px; margin-bottom: 5px;} #whisperer .category li { padding: 2px 5px 1px 10px;} #whisperer .category li a { display: flex; align-items: center; color: black;} #whisperer .category li a.more { color: #777; font-size: 0.9em;} #whisperer .category li a:hover, #whisperer .category li a.more:hover { color:#f04040;} #whisperer .category.brand li, #whisperer .category.product li { min-height:2em;} #whisperer .category.brand li a, #whisperer .category.product li a { padding-left: 2.5em; } #whisperer .category.brand li a img, #whisperer .category.product li a img { max-height: 2em; max-width: 2em; position: absolute; left: 10px;} #whisperer .category.word li:before, #whisperer .category.cats li:before { position: relative; color: #aaa; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; display:inline-block; width: 20px; float: left; } #whisperer .category.word li:before { content: "\f040";} #whisperer .category.cats li:before { content: "\f115";} #whisperer::before { background: white; content: " "; display: block; height: 10px; left: -6px; position: absolute; top: 38px; transform: rotate(45deg); width: 10px; z-index: -1; } @media only screen and (max-width: 713px) { #whisperer { position:absolute;top: 265px; left:15px; max-width: 95%; } #whisperer::before {display:none;} } @media only screen and (min-width: 714px) and (max-width: 1024px) { #whisperer { position:absolute;top: 208px; left:15px; max-width: 95%; } #whisperer::before {display:none;} } /* /Naseptavac */ .x-navigation .xn-visible { display: none; } .x-navigation .x-navigation-control { position: absolute; right: 0px; width: 50px; height: 50px; cursor: pointer; display: none; background: #696969; border-bottom-left-radius: 9px; } .x-navigation .x-navigation-control:hover { background: #676565; border-bottom: 0px; } .x-navigation .x-navigation-control:before { position: absolute; z-index: 999; font-family: "FontAwesome"; content: "\f0c9"; font-size: 14px; top: 14px; left: 20px; color: #FFF; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); } .x-navigation > li.xn-navigation-control { display: none; height: 50px; border-bottom: 1px solid #2f3c48; } .x-navigation > li.xn-navigation-control .x-navigation-control:hover { background: #273541; } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 650px) { #i4navPanelSub .xn-profile { background: none} } .x-navigation .informer { font-size: 11px; position: absolute; line-height: 20px; text-align: center; padding: 0px 5px; background: #BBB; right: 10px; top: 15px; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .x-navigation .informer.pulsate { -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: pulsate 1s ease-out; -moz-animation-iteration-count: infinite; animation: pulsate 1s ease-out; animation-iteration-count: infinite; } .x-navigation .informer.informer-primary { background: #33414e; } .x-navigation .informer.informer-success { background: #95b75d; } .x-navigation .informer.informer-info { background: #3fbae4; } .x-navigation .informer.informer-warning { background: #fea223; } .x-navigation .informer.informer-danger { background: #b64645; } .x-navigation li li .informer { top: 12px; } .x-navigation .xn-icon-button .informer { left: auto; bottom: auto; right: 1px; top: 5px; } .page-container-boxed .x-navigation { -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .page-container-boxed .x-navigation .xn-logo a { -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; } .page-container-boxed .x-navigation.x-navigation-horizontal { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .page-container-boxed .x-navigation.x-navigation-horizontal.x-navigation-panel { -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; } .page-container-boxed .page-container .page-content { -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .page-container-boxed .page-container.page-navigation-top-custom .x-navigation.x-navigation-horizontal { -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .page-container-boxed .page-container.page-mode-rtl .page-content { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .page-container-boxed .page-container.page-mode-rtl .page-sidebar .x-navigation { -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .page-container-boxed .page-container.page-mode-rtl .page-sidebar .x-navigation .xn-logo a { -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; } .page-container-boxed .page-container.page-mode-rtl .x-navigation.x-navigation-horizontal { -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; } .page-container-boxed .page-container.page-mode-rtl .x-navigation.x-navigation-horizontal.x-navigation-panel { -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; } .page-container-boxed .page-container.page-mode-rtl .x-navigation.x-navigation-horizontal > li:first-child a { -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; } /* END NAVIGATION */ /* PROFILE */ .profile { /*width: 100%; float: left;*/ float:right; position: relative; font-size: 13px;} .profile .profile-login { float: left; width: 100%; margin: 0px 0px 1px; text-align: center;} .login-container .form-horizontal .checkbox {padding:0px; text-align: right; color:white;} .login-container .form-horizontal .checkbox input { float: right; margin: 2px 0 0 3px; position: relative;} .login-container { position: relative; z-index: 99;} #flagContainer { position: fixed; padding: 0; box-shadow: 0 0 3px #666; margin: 3px 0 0 5px; background: #666;} #flagContainer a { margin: -2px 1px 0; display: block; float: left;} #flagContainer:hover a { opacity:0.5;} #flagContainer a:hover { opacity:1;} @media only screen and (min-width: 841px) and (max-width: 1220px) { #flagContainer a:not(.lang) { display: none;} #flagContainer a img { display: none;} #flagContainer a::before { content: attr(data-lang); color: #ccc; margin: 2px 1px 1px 2px; display: inline-block;} } @media only screen and (max-width: 840px) { /*.login-container { margin-top: 30px;}*/ /*.profile {margin-top: 38px;} xxx*/ #flagContainer {width:100%;text-align: center;} #flagContainer a { display: inline-block;float: none;margin: 1px 2px;} } @media only screen and (max-width: 620px) { #flagContainer a:not(.lang) { display: none;} #flagContainer a img { display: none;} #flagContainer a::before { content: attr(data-lang); color: #ccc; margin: 2px 1px 1px 2px; display: inline-block;} } @media only screen and (max-width: 620px) { #flagContainer a { float: left;} .login-container { margin-top: 0px;} } .login-container .btn-log-in { background:#2278b9; color: white;} .login-container .btn-log-reg, .profile-data .btn-log-reg { background:#ea0000; color: white;} .login-container .btn-log-in:hover, .login-container .btn-log-reg:hover, .profile-data .btn-log-reg:hover { filter: brightness(1.1); transform: translateY(-1px)} .profile .profile-image { color: white; float: left; width: 100%; margin: 0px 0px 1px; text-align: center; } .profile .profile-image img { width: 100px; border: 3px solid #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .profile .profile-data { width: 100%; float: left; display: flex; gap: 1em; align-items: center;} .profile .profile-data .profile-data-name { display: flex; flex-direction: column; text-align: center; color: #FFF; } .profile .profile-data .profile-data-name span {padding-right: 5px;} .profile .profile-logout {display: inline;} .profile .profile-data .profile-data-manager { width: 100%; float: left; font-size: 11px; font-weight: 400; color: #999; margin-top: 5px; } .profile .profile-data .profile-data-manager small { font-size: 9px; } .profile .profile-controls a { width: 30px; height: 30px; font-size: 14px; color: #FFF; border: 2px solid #FFF; line-height: 25px; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 0px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .profile .profile-controls a.profile-control-left { left: 15px; top: 38px; text-align: center; } .profile .profile-controls a.profile-control-right { right: 15px; top: 38px; text-align: center; } .profile .profile-controls a .fa, .profile .profile-controls a .glyphicon { width: auto; margin-right: auto; } .profile .profile-controls a:hover { border-color: #DDD; color: #DDD; } .profile-quick-nav {margin: 5px 0 0; text-align: center; float: left; width: 100%;} .profile-quick-nav a{ font-size:18px; padding:0 5px; color:#c5c8cb;} /* X-NAVIGATION FEATURES */ .x-navigation.x-navigation-minimized .profile { width: 230px; background: #33414e; position: absolute; top: 4px; right: -230px; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .x-navigation.x-navigation-minimized li.active .profile { display: block; } .x-navigation.x-navigation-minimized .profile-mini { display: block; border-bottom: 0px; } /* END X-NAVIGATION FEATURES */ /* END PROFILE */ /* PAGE CONTENT HEADER */ .page-content-header { float: left; width: 100%; background: left top repeat #ffffff; padding: 10px 15px; height: 70px; } .page-content-header .logo { display: block; float: left; width: 140px; height: 50px; background: url(../img/logo-grey-big.png) left top no-repeat; } .page-content-header .contacts { float: left; height: 25px; clear: both; } .page-content-header .contacts a { float: left; display: block; line-height: 20px; margin-top: 5px; font-size: 11px; text-decoration: none; margin-left: 10px; color: #999; -webkit-transition: color 200ms ease; -moz-transition: color 200ms ease; -ms-transition: color 200ms ease; -o-transition: color 200ms ease; transition: color 200ms ease; } .page-content-header .contacts a .fa, .page-content-header .contacts a .glyphicon { font-size: 16px; margin-right: 5px; line-height: 20px; vertical-align: middle; } .page-content-header .contacts a:hover { color: #3fbae4; } .page-content-header .socials { float: right; clear: both; } .page-content-header .socials a { float: left; display: block; line-height: 24px; font-size: 23px; margin-left: 5px; width: 24px; text-align: center; } .page-content-header .socials a .fa { line-height: 24px; color: #999; -webkit-transition: color 200ms ease; -moz-transition: color 200ms ease; -ms-transition: color 200ms ease; -o-transition: color 200ms ease; transition: color 200ms ease; } .page-content-header .socials a .fa:hover.fa-facebook-square { color: #3C599B; } .page-content-header .socials a .fa:hover.fa-twitter-square { color: #1AB2E8; } .page-content-header .socials a .fa:hover.fa-pinterest-square { color: #C81D25; } .page-content-header .socials a .fa:hover.fa-linkedin-square { color: #0077B4; } .page-content-header .socials a .fa:hover.fa-dribbble { color: #E04C86; } /* END PAGE CONTENT HEADER */ /* BLOCK */ .block { padding: 5px 10px; float: left; width: 100%; margin-bottom: 20px; } .block-full-width { padding: 0px; float: left; width: 100%; position: relative; } /* END BLOCK */ #snippet--flashMessage { position: relative; width: calc(100% - 2em); top: 85px; margin:0 1em;} @media (max-width: 1024px) { #snippet--flashMessage { position: absolute; z-index: 9;} } @media (max-width: 713px) { #snippet--flashMessage { top: 138px;} } /* BREADCRUMB */ .breadcrumb { float: left; width: 100%; margin-bottom: 15px; padding: 6px 15px 14px; margin-top: 80px;} /*@media (min-width: 1025px) and (max-width: 1110px) { .breadcrumb {margin-top: 19px; } }*/ @media (max-width: 1024px) { .breadcrumb {margin-top: 30px; } } .breadcrumb li, .breadcrumb li a { font-size: 11px; line-height: 12px; color: #99a0aa; text-decoration: none;} .breadcrumb li:hover, .breadcrumb li a:hover { color: #656d78;} .breadcrumb li:last-child { color: #656d78;} .breadcrumb > li + li:before { font-family: "FontAwesome"; content: "\f105"; color: #99a0aa; padding: 0px 8px;} /* EOF BREADCRUMB */ /* Progress list */ .progress-list { float: left; width: 100%; padding: 0px 5px; font-size: 11px;} .progress-list .progress { clear: both; margin-top: 20px;} /* end progress list*/ /* LIST TAGS */ .list-tags { float: left; width: 100%; list-style: none; padding: 0px; margin: 0px;} .list-tags li { float: left; display: block; position: relative;} .list-tags li a { display: block; float: left; background: #F5F5F5; border: 1px solid #D5D5D5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 23px; font-size: 11px; margin: 0px 5px 5px 0px; padding: 0px 8px; color: #656d78;} .list-tags li a:hover { text-decoration: none; background: #F0F0F0;} /* END LIST TAGS */ /* LIST GROUP */ .list-group { margin: 0px;} .list-group .list-group-item { line-height: 20px;} .list-group .list-group-item .fa { margin-right: 10px;} .list-group .list-group-item .btn .fa { margin-right: 0px;} .list-group .list-group-item .progress { margin: 5px 0px;} .list-group .list-group-item.active .badge { color: #656d78;} .list-group .list-group-item:last-child { border-bottom: 0px;} .list-group.list-group-simple { border: 0px; background: transparent;} .list-group.list-group-simple .list-group-item { border: 0px; background: transparent; padding: 5px 10px;} .list-group.border-bottom .list-group-item:last-child { border-bottom: 1px solid #E5E5E5;} .list-group.list-group-navigation { border: 0px; float: left; width: 100%;} .list-group.list-group-navigation .list-group-item { border-left: 0px; border-right: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} .padding-0 .list-group { border: 0px;} .padding-0 .list-group .list-group-item { border-width: 1px 0px 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} .padding-0 .list-group .list-group-item:first-child { border-top: 0px;} .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background: #33414e; border-color: #33414e;} .list-group-item { border-color: #E5E5E5;} a.list-group-item:hover, a.list-group-item:focus { background: #F9F9F9;} /* LIST GROUP CONTACTS */ .list-group-contacts .list-group-item { padding: 10px;} .list-group-contacts .list-group-item img { border: 2px solid #F5F5F5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 40px; margin-right: 10px;} .list-group-contacts .list-group-item .contacts-title { font-size: 13px; font-weight: 600; line-height: 20px;} .list-group-contacts .list-group-item .contacts-subtitle { display: block; margin-left: 20px;} .list-group-contacts .list-group-item p { margin-bottom: 0px; line-height: 20px;} .list-group-contacts .list-group-item.active { background: #F5F5F5; border-color: #E5E5E5; color: #656d78;} .list-group-controls { position: absolute; right: 10px; top: 15px;} .list-group-status { float: left; margin-right: 10px; height: 40px; width: 10px; position: relative;} .list-group-status:after { position: absolute; left: 0px; top: 15px; width: 10px; height: 10px; border: 2px solid #CCC; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: " "; background: transparent;} .list-group-status.status-online:after { border-color: #95b75d;} .list-group-status.status-away:after { border-color: #fea223;} .list-group-status.status-offline:after { border-color: #CCC;} /* END LIST GROUP CONTACTS */ .status { margin: 5px 5px 5px 0px; display: inline-block; width: 10px; height: 10px; border: 2px solid #CCC; content: " "; background: transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: left; } .status.status-online { border-color: #95b75d; } .status.status-away { border-color: #fea223; } .status.status-offline { border-color: #CCC; } /* EOF LIST GROUP */ /* PANELS */ .panel { float: left; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 0px; border-top: 2px solid #ddd; margin-bottom: 20px; position: relative; -moz-box-shadow: 0px 0px 0px 1px rgba(10, 50, 100, 0.1); -webkit-box-shadow: 0px 0px 0px 1px rgba(10, 60, 100, 0.1); box-shadow: 0px 0px 0px 1px rgba(10, 50, 100, 0.1); } .panel.panel-default { border-top-color: #F5F5F5; border-top-width: 1px;} .panel.panel-primary { border-top-color: #33414e;} .panel.panel-info { border-top-color: #3fbae4;} .panel.panel-warning { border-top-color: #fea223;} .panel.panel-success { border-top-color: #95b75d;} .panel.panel-danger { border-top-color: #b64645;} .panel.panel-paramfilter { border-top-color: #ea0000;} .panel-subcategories:not(.panel-toggled) .panel-title a:before {content:"Zavřít - "; color: #23527c;} .panel-subcategories:not(.panel-toggled) .panel-title a:hover:before {color: #ea0000;} #mojeZalozky {} #mojeZalozky ul.ovladac li {float:left; list-style:none;} #mojeZalozky ul.ovladac {float: left; margin: 0; padding: 0;} .ovladacZalozky a { background: white; float: left; font-size: 14px; margin: 0 5px; padding: 14px; color: #434a54; cursor:pointer; border-top: 2px solid #c1cadd; border-radius: 5px; box-shadow: 0 1px 0 #c1cadd} .ovladacZalozky.active a { border-top: 2px solid #3fbae4; height: 65px; margin-bottom: -25px; z-index: 2; position: relative;box-shadow: none;} .ovladacZalozky > a:hover { border-top: 2px solid #3fbae4; text-decoration: none; color: #3fbae4;} #ParametricFilter { position: relative; top: -49px; margin: 0 5px;} #ParametricFilter .panel-heading{padding: 8px 10px 7px;} #ParametricFilter .panel-body{padding-left: 0px;padding-right: 0px;} #ParametricFilter .panel-fullscreen-wrap { max-height: 100%; overflow: auto;} #ParametricFilter .panel-fullscreen-wrap .panel .panel-body { overflow-y: initial;} #ParametricFilter::before { border: 1px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: #bbb; content: "Filtr parametrů"; display: block; font-size: 15px; height: 49px; margin-top: 0; padding: 13px; position: relative; text-align: center; top: 49px; width: 187px;} #MojePodkategorie ul {margin:0; padding:14px; list-style:none;display: flex; flex-wrap: nowrap;} #MojePodkategorie li { float: left} #MojePodkategorie li a { padding: 7px 11px; background: white; margin: 10px 10px 5px 0; border: 1px solid #e1e5f1; display: inline-block;} #MojePodkategorie li img { max-height: 45px; padding: 0 5px 10px 0;} .mojeZalozka {background: linear-gradient(white, transparent); border-top: 2px solid #3fbae4; clear: both; float: left; margin: 1px 0 5px 2px; width: 100%; padding: 5px 0 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .mojeZalozka #next16 {padding:15px;} .ZalozkaFullscreen {height:50px; overflow: hidden;} .ZalozkaFullscreen:hover .panel.panel-toggled{ border-top: 2px solid #3fbae4; text-decoration: none; color: #3fbae4;} .ZalozkaFullscreen:hover .panel.panel-toggled .panel-title{color: #3fbae4;} .HideThisTab {float: right; font-size: 16px; padding: 0 9px 0 2px; cursor: pointer;} .SearchResultCats { font-size: 14px; font-weight: 800; padding: 0 0 2px 20px;} #ItemCounter { width: 100%; float: left; margin: 15px 0 -10px 5px;} #ItemCounter span { background: white; padding: 2px 5px; border: 1px solid #dddddd; color: #888;} #ItemCounter .pocetNaStranku select {border:none; border-left: 1px solid #ddd;} #next16 {float:left; width:100%;margin: 25px 0;} .panel.panel-colorful:before { content: ""; width: 100%; height: 2px; background: linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -o-linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -moz-linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -webkit-linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -ms-linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #b64645), color-stop(0.5, #fea223), color-stop(1, #95b75d)); display: block; left: 0px; top: 0px; } .panel .panel-heading { padding: 10px; } .panel .panel-heading .panel-title-image { float: left; width: 30px; border: 2px solid #D5D5D5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; } .panel .panel-heading .panel-title { margin-left: 7px; } .panel .panel-heading .panel-title-box { float: left; } .panel .panel-heading .panel-title-box h3 { font-size: 14px; font-weight: 600; line-height: 18px; color: #434a54; padding: 0px; margin: 0px; } .panel .panel-heading .panel-title-box span { font-size: 12px; color: #a7adb5; font-weight: 400; line-height: 12px; } .panel .panel-heading, .panel .panel-footer, .panel .panel-body { float: left; width: 100%; } .panel .panel-body { padding: 15px; position: relative; } .panel .panel-body.scroll { padding-right: 0px; } .panel .panel-body.panel-body-map { padding: 5px; } .panel .panel-body.panel-body-image { padding: 0px; margin-bottom: 10px; position: relative; } .panel .panel-body.panel-body-image img { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; width: 100%; } .panel .panel-body.panel-body-image .panel-body-inform { width: 30px; height: 30px; position: absolute; bottom: -15px; left: 50%; background: #3fbae4; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-left: -15px; text-align: center; line-height: 30px; padding-left: 1px; padding-top: 1px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .panel .panel-body.panel-body-image .panel-body-inform.inform-primary { background: #33414e; } .panel .panel-body.panel-body-image .panel-body-inform.inform-success { background: #95b75d; } .panel .panel-body.panel-body-image .panel-body-inform.inform-warning { background: #fea223; } .panel .panel-body.panel-body-image .panel-body-inform.inform-danger { background: #b64645; } .panel .panel-body.panel-body-image .panel-body-inform .fa { font-size: 16px; color: #FFF; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .panel .panel-body.list-group { padding: 0px; } .panel .panel-body.profile { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .panel .panel-body.panel-body-search { padding: 5px; } .panel .panel-body.panel-body-half .panel-body { width: 50%; height: 100%; } .panel .panel-body.panel-body-half .panel-body:nth-child(2n) { padding-left: 25px; } .panel .panel-body.panel-body-half .panel-body.panel-body-image { margin-bottom: 0px; } .panel .panel-body.panel-body-half .panel-body.panel-body-image .panel-body-inform { bottom: auto; left: auto; right: -15px; top: 50%; margin-left: 0px; margin-top: -15px; } .panel .panel-title { font-size: 15px; font-weight: 400; line-height: 30px; display: block; float: left; color: #434a54; } .panel .panel-title span {font-weight:700;} .panel .panel-title span.fa {font-weight:100;} .panel .panel-footer { background: #f5f8fd; border: 0px; border-top: 1px solid #E5E7E9; line-height: 30px; padding: 10px;} .panel-default .panel-heading, .panel-primary .panel-heading, .panel-success .panel-heading, .panel-info .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading { background: linear-gradient(white, #f1f2f3); border-color: #E5E7E9} .panel-fullscreen-wrap { width: 100%; max-width:800px; position: fixed; top:0px; right: 0px; z-index: 999; background: #FFF} .panel-fullscreen-wrap .panel { -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;margin: 0px;} .panel-fullscreen-wrap .panel .panel-body {overflow-y: scroll;min-height: 220px;} /* ParametricFilter */ #ParametricFilter .panel-fullscreen-wrap { -webkit-box-shadow: 0px 0px 30px #3d4e5d ; -moz-box-shadow: 0px 0px 30px #3d4e5d ; box-shadow: 0px 0px 30px #3d4e5d ;} /*#ParametricFilter .panel-body {height:initial !important;} blbne výška panelu s filtrem */ #ParametricFilter .tab-content {padding: 10px;} #ParametricFilter .tab-pane h3 { border-top: 2px solid #f5f5f5; font-size: 14px; float: left; width: 100%; margin: 5px 0; padding: 5px 0;} #ParametricFilter .tab-pane h3:first-child { border-top: none; margin: 0 0 5px 0; padding: 0 0 5px 0;} #ParametricFilter .form-group.f-slider { float: left; width: 100%;} #ParametricFilter .f-checkboxes { -webkit-column-width: 150px; -moz-column-width: 150px; column-width: 150px; width:100%;} #ParametricFilter .f-checkboxes label { width:100%;} #ParametricFilter .panel-footer {border: medium none; margin: 30px 0 0;} #ParametricFilter .panel-footer span.f-remove { background: #33414e none repeat scroll 0 0; border-radius: 3px; color: #fff; display: block; float: left; line-height: 20px; margin: 2px 0 2px 2px; padding: 2px 5px 2px 20px; position: relative; text-decoration: none; } #ParametricFilter .panel-footer span.f-remove a { color: #fff; height: 20px; left: 5px; opacity: 0.5; position: absolute; text-decoration: none; width: 15px; } #ParametricFilter .panel-footer span.f-remove a::before { color: #fff; content: ""; font-family: "FontAwesome"; font-size: 12px; line-height: 20px; position: absolute; } .f-remove-label {float: left;} #ParametricFilter .panel-footer a.panel-collapse {background: #337ab7; clear: both; color: white; float: left; font-weight: 800; margin: 15px 0 0; padding: 0 12px; text-align: center; width: 100%;} #ParametricFilter .panel.panel-default.nav-tabs-vertical { box-shadow: none;} /* 5x blik po načtení */ /*.blink { animation: blink-animation 0.5s steps(5, start) 4; -webkit-animation: blink-animation 0.5s steps(5, start) 4;}*/ @keyframes blink-animation { to {border-color: red; color:red;} } @-webkit-keyframes blink-animation { to {border-color: red; color:red;} } .blinkBg { animation: blink-animation-bg 0.5s steps(5, start) 2; -webkit-animation: blink-animation-bg 0.5s steps(5, start) 2;} @keyframes blink-animation-bg { to {background-color:red;} } @-webkit-keyframes blink-animation-bg { to {background-color:red;} } #snippet--filtrAct { position: relative;} /* PANEL - Novinky a nejprodávaanější*/ #SideNewTopProducts .panel-body ul {margin: 0; padding:0;} #SideNewTopProducts .panel-body li {list-style:none; width:100%; margin: 0 0 15px; padding:0; float:left;} #SideNewTopProducts .panel-body li a img {float:left; width:60px; padding:0 10px 3px 0;} #SideNewTopProducts .panel-body li a {font-size:11px;} /* PANEL - filtr značek */ #BrandsColumns { margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style: none;} #BrandsColumns li { border: 1px solid #e5e5e5; background: white; display: flex; padding: 3px 5px 0; margin: 0 10px 10px 0; border-radius: 3px;} #BrandsColumns li label { display: flex; gap: 5px; align-items: center;} #BrandsColumns li label input { margin: 0} /* PANEL GROUP / ACCORDION */ .panel-group { float: left; width: 100%; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0px; } .panel-title > a { text-decoration: none; } .panel-group.accordion .panel-body { display: none; } .panel-group.accordion .panel-body.panel-body-open { display: block; } /* END PANEL GROUP / ACCORDION */ /* PANEL CONTROLS */ ul.panel-controls { float: right; padding: 0px; margin: 0px; list-style: none; position: relative; } ul.panel-controls > li { float: left; } ul.panel-controls > li > a { display: block; float: left; width: 30px; height: 30px; text-align: center; line-height: 28px; color: #656d78; border: 1px solid #BBB; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 3px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } ul.panel-controls > li > a.control-primary { color: #33414e; border-color: #33414e; } ul.panel-controls > li > a.control-success { color: #95b75d; border-color: #95b75d; } ul.panel-controls > li > a.control-info { color: #3fbae4; border-color: #3fbae4; } ul.panel-controls > li > a.control-warning { color: #fea223; border-color: #fea223; } ul.panel-controls > li > a.control-danger { color: #b64645; border-color: #b64645; } ul.panel-controls > li > a:hover { border-color: #999; color: #434a54; } ul.panel-controls > li > a.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } ul.panel-controls.panel-controls-title { margin-top: 3px; } .panel-hidden-controls ul.panel-controls > li > a { opacity: 0; filter: alpha(opacity = 0); } .panel-hidden-controls:hover ul.panel-controls > li > a { opacity: 0.8; filter: alpha(opacity = 80); } .panel-hidden-controls:hover ul.panel-controls > li > a:hover { opacity: 1; filter: alpha(opacity = 100); } ul.panel-controls > li.label-control .label, .label-form { display: inline-block; font-size: 11px; padding: 5px 10px; line-height: 12px; margin-top: 4px; } ul.panel-controls > li > .dropdown-menu { left: auto; right: 3px; } ul.panel-controls > li > .dropdown-menu:after, ul.panel-controls > li > .dropdown-menu:before { left: auto; right: 11px; } ul.panel-controls > li > .dropdown-menu:after { margin-left: auto; margin-right: -5px; } ul.panel-controls > li > .dropdown-menu:before { margin-left: auto; margin-right: -6px; } /* EOF PANEL CONTROLS */ .filter-range.noUi-target, .price-range.noUi-target { border: none; box-shadow: none} .noUi-connects .noUi-connect { background: #c2deff;} .priceSlider {float:left; padding: 7px 10px 10px; clear:left;} /*#slider-range {background:white; margin: 7px 0 0;} #slider-range .ui-slider-handle {top: -0.4em;height: 1.5em;} #listerHeaderPosuvnik > label { display: none;} .listerHeaderRozsah { background: none; border: none;}*/ #filtrSet {float:left; display: flex;flex-wrap: wrap;} #filtrSet > ul { clear: both; float: left; margin: 0; padding: 0 0 10px 7px;} #filtrSet li { border-radius: 3px; float: left; list-style: none; margin: 0 9px 9px 0; background:white; border: 1px solid #fea223; padding: 3px 6px;} #filtrSet li.zrusFiltr { background: #33414e; border: 1px solid #33414e; clear: both; padding: 3px 12px;} #filtrSet li.zrusFiltr a { color: white;} #filtrSet li a { float: left; cursor:pointer; } #filtrSet li a:hover { text-decoration: none; color:#ea0000; } #filtrSet li a.odebrat, #filtrSet li a.odebratVen, #filtrSet li a.odebratSlider, #filtrSet li a.odebratPrice {width:15px; height:15px; } #filtrSet li a.odebratVen:before, #filtrSet li a.odebrat:before, #filtrSet li a.odebratSlider:before, #filtrSet li a.odebratPrice:before {content:"\f00d";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;} #snippet--product {float: left; width: 100%;} /* Oblibene a porovnani */ #porovnaniVlozeni {background: rgba(32,164,236,0.8); border-style: solid; border-width: 1px 1px 0;bottom: 0; box-shadow: 0 0 6px #00000063; color: #F0F0F0; padding: 10px; position: fixed; right: 524px; width: 300px; z-index: 9999;} #porovnaniVlozeniObalIn, #oblibeneVlozeniObalIn {display: none; float: left; width: 100%;} #porovnaniVlozeni:hover > #porovnaniVlozeniObalIn {display:block;} #porovnaniVlozeni:hover {background: rgba(32,164,236,1);} #oblibeneVlozeni:hover > #oblibeneVlozeniObalIn {display:block;} #oblibeneVlozeni:hover {background: rgba(255,156,27,1);} #oblibeneVlozeni {background: rgba(255,156,27,0.8); border-style: solid; border-width: 1px 1px 0;bottom: 0; box-shadow: 0 0 6px #00000063; color: #F0F0F0; padding: 10px; position: fixed; right: 200px; width: 300px; z-index: 9999;} #oblibeneVlozeniNadpis {font-size: 14px; font-weight: bold; padding: 0 0 5px;} #oblibeneBoxObal {border-bottom: 1px solid; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 100%;} .oblibeneBox {clear: both;} .oblibeneBoxNazev {float: left; font-size: 11px; width: 70%;} .oblibeneBoxNazev a, .oblibeneBoxNazev a:visited {color: #FFFFFF;} .LinkKosik {padding-right: 5px;} .oblibeneBoxOdebrat {float: left;} .oblibeneBoxOdebrat a, .oblibeneBoxOdebrat a:visited {color: #FFFFFF; text-decoration: none;} .oblibeneBoxOdebrat a:hover {text-decoration: underline;} #oblibeneFunkceObal {clear: both; float: left;} .oblibeneFunkceRadek {float: left; padding-right: 10px;} .oblibeneFunkceRadek a, .oblibeneFunkceRadek a:visited {color: white; text-decoration: underline; text-shadow: 0 0 3px rgba(0 ,0,0,0.5);} .oblibeneFunkceRadek a:hover {text-decoration: none;} .oblibeneOddelovac {float: left; padding-right: 10px;} #oblibeneList {float: left; width: 100%;} #oblibeneList a, #oblibeneList a:visited {border: medium none; text-decoration: none;} #oblibeneList a:hover {color: #000000; text-decoration: underline;} #oblibeneList table {border-collapse: collapse; width: 100%;} #oblibeneList th {background: none repeat scroll 0 0 #EAEAEA; padding: 5px 4px;} #oblibeneList tr {border-bottom: 1px solid #919596;} #oblibeneList td {padding: 5px 4px;} #porovnani {overflow: auto; float: left; max-width: 100%;} #porovnani .affix{top:50px; position:fixed;} #porovnaniDetailObal {background: none repeat scroll 0 0 #FFFFFF; float: left; margin: 10px 10px 20px; padding: 10px; min-width: 790px; min-height: 700px;} .porovnaniBox, .porovnaniBoxNazvy {border-right: 1px dotted #0097D7; float: left; margin: 0 5px 0 0; padding: 0 5px 0 0; width: 180px;} .porovnaniBoxNazvy {width: 220px;} .porovnaniBoxImg {float: left; height: 75px; text-align: center; width: 100%} .porovnaniBoxImg img {max-height: 75px; max-width: 75px; padding: 10px 0 0;} .porovnaniBoxKosik {margin-right: 3px;} .porovnaniBoxKosik, .CompareDelete {float: left; margin-top: 5px;} .porovnaniBoxKosik a:hover {} .porovnaniOdebrat, .porovnaniOdebratNazvy {clear: both; float: left; padding: 10px 5px 10px 0; height: 220px; overflow: hidden;} .porovnaniBox a:hover, .porovnaniBoxNazvy a:hover {text-decoration: none;} .porovnaniBoxProduktNazev {float: left; height: 50px;} .porovnaniBoxProduktNazev a, .porovnaniBoxProduktNazev a:visited {background: none repeat scroll 0 0 transparent; color: #0097D7; height: 70px;} .porovnaniBoxProduktNazev a:hover {text-decoration: underline;} .porovnaniProduktNadpis {background: none repeat scroll 0 0 #EDF8FC; border-bottom: 1px dotted #0097D7; clear: both; float: left; padding: 5px;} .porovnaniProduktNazev {} .porovnaniParamObal {clear: both; float: left;} .porovnaniParamKategorie {clear: both; float: left; font-weight: bold; padding: 15px 0 5px;} .paramKategorie { background: #f5f5f5; clear: both; color: #0097d7; float: left; font-weight: 800; padding: 3px 0 2px 8px; width: 100%;} .porovnaniParamRadek {border-bottom: 1px dotted #CCCCCC; clear: both; float: left; font-size: 11px; padding: 2px 0; width: 100%; white-space: nowrap; overflow: hidden;height: 22px; line-height: 22px; display: table;} .porovnaniParamNazev {float: left;} .porovnaniParamHodnota {float: left; max-width: 178px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .porovnaniParamHodnota.f-red { color: #ea0000;} .porovnaniQty, .porovnaniCena {float: left; padding: 5px 0; text-align: center; width: 100%;} .porovnaniCena span {font-weight: bold;} .porovnaniPN { font-size: 10px;} .porovnaniPN::before { content: "PN: ";} @media only screen and (max-width: 1024px) { #porovnaniVlozeni {left:0; right:initial; width:49%;} #oblibeneVlozeni {right:0; width:49%;} } /**/ .panel-heading .label { line-height: 16px; padding: 4px 10px; margin: 3px 0px 3px 5px; font-size: 12px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .panel-heading .label.pulsate { -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: pulsate 1s ease-out; -moz-animation-iteration-count: infinite; animation: pulsate 1s ease-out; animation-iteration-count: infinite; } /* PANEL BODY PRICING */ .panel.panel-primary .panel-body-pricing small { color: #33414e; } .panel.panel-success .panel-body-pricing small { color: #95b75d; } .panel.panel-info .panel-body-pricing small { color: #3fbae4; } .panel.panel-warning .panel-body-pricing small { color: #fea223; } .panel.panel-danger .panel-body-pricing small { color: #b64645; } .panel-body.panel-body-pricing h2 { font-size: 26px; font-weight: 400; } .panel-body.panel-body-pricing h2 small { text-transform: uppercase; } .panel-body.panel-body-pricing p { font-size: 13px; color: #666; margin-bottom: 15px; } .panel-body.panel-body-pricing p.text-muted { color: #AAA; font-size: 11px; } .panel-body.panel-body-pricing .fa { color: #EEE; } /* PANEL BODY PRICING */ /* PANEL REFRESHING */ .panel-refresh-layer { position: absolute; left: 0px; top: 0px; background: #FFF; opacity: 0.5; filter: alpha(opacity = 50); z-index: 3; font-size: 21px; } .panel-refresh-layer img { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; } /* EOF PANEL REFRESHING */ .panel-toggled .panel-body, .panel-toggled .panel-footer { display: none; } /* XNAV PANEL */ .x-navigation li > .panel { display: none; position: absolute; left: 0px; top: 56px; width: 400px; z-index: 3; border-top-width: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .x-navigation li > .panel.xn-drop-left { left: auto; right: 0px; } .x-navigation li > .panel .panel-heading { padding: 5px 10px; } .x-navigation li > .panel .panel-heading .panel-title { font-size: 14px; } .x-navigation li > .panel .panel-footer { line-height: 30px; padding: 3px 10px; } .x-navigation li.active > .panel { display: block; } .x-navigation li > .panel:after { top: -11px; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #E5E5E5; border-width: 5px; margin-left: -5px; } .x-navigation li > .panel.xn-drop-left:after { right: 20px; left: auto; } .x-navigation li > .panel.dragged:after { display: none; } .x-navigation li > .panel.panel-primary:after { border-bottom-color: #33414e; } .x-navigation li > .panel.panel-info:after { border-bottom-color: #3fbae4; } .x-navigation li > .panel.panel-warning:after { border-bottom-color: #fea223; } .x-navigation li > .panel.panel-danger:after { border-bottom-color: #b64645; } .x-navigation li > .panel.panel-success:after { border-bottom-color: #95b75d; } .resizable-helper { border: 1px dashed #33414e; } .ui-resizable-s { width: 98%; } .ui-resizable-e { height: 98%; } .ui-resizable-se { width: 16px; height: 16px; right: 0px; bottom: 0px; text-indent: 0px; background: url(../img/jquery/resize-icon.png) left top no-repeat; } /* EOF XNAV PANEL */ /* EOF PANELS */ /* USER */ .user { float: left; width: 100%; line-height: 50px; } .user img { float: left; width: 50px; height: 50%; border: 3px solid #F5F5F5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; } .user a { display: block; float: left; text-decoration: none; font-size: 14px; font-weight: 600; color: #33414e; } .user .btn { margin-top: 10px; } /* END USER */ /* BUTTONS */ .click {background:none; cursor:pointer; border:none; padding: 0 5px 0 0; position:relative;} .click:after {content:"?"; position:absolute; right:-2px; top:-3px; font-size:10px; color:#fe9e19;} .click:hover {text-decoration:underline;} .btn { font-size: 12px; padding: 4px 15px; line-height: 20px; font-weight: 400; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .btn.btn-lg, .btn-group-lg > .btn { font-size: 14px; padding: 12px 20px; } .btn.btn-sm, .btn-group-sm > .btn { font-size: 11px; padding: 2px 10px; } .btn.btn-xs, .btn-group-xs > .btn { font-size: 10px; padding: 0px 5px; } .btn-default { border-color: #DDD; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-color: #F5F5F5; border-color: #DDD; } .btn-danger { background-color: #b64645; border-color: #b64645; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-color: #a43f3e; border-color: #a43f3e; } .btn-danger[disabled], .btn-danger.disabled { background: #c66968; border-color: #c36261; } .btn-warning { background-color: #fea223; border-color: #fea223; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-color: #fe970a; border-color: #fe970a; } .btn-warning[disabled], .btn-warning.disabled { background: #feb756; border-color: #feb34c; } .btn-success { background-color: #95b75d; border-color: #95b75d; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-color: #89ad4d; border-color: #89ad4d; } .btn-function { background-color: #fff; border-color: #eee; } .btn-print { background: #eee; border: 1px solid #aaa; border-top: 3px solid; color: #666; font-size: 1.1em;} .btn-print:hover { background: #aaa; color: #fff; } .btn-print i { font-size: 1.7em;} #snippet--sortFiltr .btn-function { max-width: 150px; /*overflow: hidden;*/ z-index: 9; text-overflow: ellipsis; border-top: 2px solid #c1cadd; box-shadow: 0 1px 0px #c1cadd;} #snippet--sortFiltr .btn-function .changed {color:#ea0000;} #snippet--sortFiltr .btn-group.open {z-index: 95 !important;} /* filtry nad výpisem na mobilu*/ @media all and (max-width: 620px) { div#snippet-sortFiltrControl-boxSortFiltrBoxes { display: flex; flex-wrap: wrap; gap: 15px;} div#snippet-sortFiltrControl-boxSortFiltrBoxes > .btn-group { width: calc(50% - 10px);} div#snippet-sortFiltrControl-boxSortFiltrBoxes > .btn-group a { width: 100%; max-width: 100%;} } .chkItem label { width: 100%; padding: 7px 14px; border-bottom: 1px solid #e5e5e5; margin:0;} .chkItem label:hover {background:#f5f5f5;} .chkItem:last-child >label {border:none;} .sortp {cursor:pointer; text-decoration: underline} .stat li.chkItem { display: table-row;} .stat li.chkItem label { display: table-cell; padding: 8px;} .stat li.chkItem label.disable { background: #eee; text-align:center;} .stat li.chkItem label.disabled { cursor: not-allowed;} .stat li.chkItem.head label { font-weight: 500; font-size: 11px; color: #666; background: white; cursor:default;} .stat li.chkItem.reset { text-align: right; display: block !important; padding: 5px;} .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-color: #bbb; border-color: #aaa; } .btn-success[disabled], .btn-success.disabled { background: #acc780; border-color: #a7c479; } .btn-function[disabled], .btn-function.disabled { background: #c7c7c7; border-color: #c7c7c7; } .btn-primary { background-color: #33414e; border-color: #33414e; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-color: #29343f; border-color: #29343f; } .btn-primary[disabled], .btn-primary.disabled { background: #475b6d; border-color: #435667; } .btn-info { background-color: #3fbae4; border-color: #3fbae4; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-color: #29b2e1; border-color: #29b2e1; } .btn-info[disabled], .btn-info.disabled { background: #6ccaea; border-color: #63c7e9; } .btn-link { font-weight: 600; color: #33414e; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active { color: #33414e; } .btn-inline { /*display:inline;*/ vertical-align:baseline;} .btn .fa, .btn .glyphicon { font-size: 14px; margin-right: 5px; } .btn.btn-rounded { background: transparent; color: #656d78; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; border-width: 2px; padding: 2px 10px; font-weight: 600; } .btn.btn-rounded.btn-default:hover, .btn.btn-rounded.btn-default:focus, .btn.btn-rounded.btn-default:active, .btn.btn-rounded.btn-default.active { border-color: #CCC; color: #333; } .btn.btn-rounded.btn-success { color: #95b75d; } .btn.btn-rounded.btn-success:hover, .btn.btn-rounded.btn-success:focus, .btn.btn-rounded.btn-success:active, .btn.btn-rounded.btn-success.active { border-color: #89ad4d; color: #89ad4d; } .btn.btn-rounded.btn-function:hover, .btn.btn-rounded.btn-function:focus, .btn.btn-rounded.btn-function:active, .btn.btn-rounded.btn-function.active { border-color: #adadad; color: #adadad; } .btn.btn-rounded.btn-warning { color: #fea223; } .btn.btn-rounded.btn-warning:hover, .btn.btn-rounded.btn-warning:focus, .btn.btn-rounded.btn-warning:active, .btn.btn-rounded.btn-warning.active { border-color: #fe970a; color: #fe970a; } .btn.btn-rounded.btn-info { color: #3fbae4; } .btn.btn-rounded.btn-info:hover, .btn.btn-rounded.btn-info:focus, .btn.btn-rounded.btn-info:active, .btn.btn-rounded.btn-info.active { border-color: #29b2e1; color: #29b2e1; } .btn.btn-rounded.btn-danger { color: #b64645; } .btn.btn-rounded.btn-danger:hover, .btn.btn-rounded.btn-danger:focus, .btn.btn-rounded.btn-danger:active, .btn.btn-rounded.btn-danger.active { border-color: #a43f3e; color: #a43f3e; } .btn.btn-rounded.btn-primary { color: #33414e; } .btn.btn-rounded.btn-primary:hover, .btn.btn-rounded.btn-primary:focus, .btn.btn-rounded.btn-primary:active, .btn.btn-rounded.btn-primary.active { border-color: #29343f; color: #29343f; } .btn:active, .btn.active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-twitter { background: #1AB2E8; border-color: #1AB2E8; } .btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active, .btn.btn-twitter.active { background: #15a1d3; } .btn.btn-facebook { background: #3C599B; border-color: #3C599B; } .btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active, .btn.btn-facebook.active { background: #354e89; } .btn.btn-google { background: #E04A39; border-color: #E04A39; } .btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active, .btn.btn-google.active { background: #dd3623; } .btn.btn-condensed { padding-left: 10px; padding-right: 10px; text-align: center; } .btn.btn-condensed .fa, .btn.btn-condensed .glyphicon { margin: 0px; text-align: center; } .btn.btn-condensed.btn-sm { padding-left: 8px; padding-right: 8px; } .btn.btn-condensed.btn-lg { padding-left: 15px; padding-right: 15px; } /* EOF BUTTONS */ /* FORM ELEMENTS */ .radio, .checkbox { margin-top: 5px; margin-bottom: 5px; float: left; width: 100%; } .radio + .radio, .checkbox + .checkbox { margin-top: 0px; } input[type=radio], input[type=checkbox] { margin: 2px 0px 0px; cursor:pointer;} .checkbox.pull-left, .checkbox.pull-right, .radio.pull-left, .radio.pull-right { width: auto; } .form-control { height: 30px; font-size: 12px; line-height: 18px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #D5D5D5; background: #F9F9F9; } .form-control:focus { border-color: #C5C5C5; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #C1C1C1; background: #FFF; } .form-control[disabled], .form-control[readonly] { color: #888;} .form-control[disabled]:focus, .form-control[readonly]:focus { background: #EEE; color: #CCC; border-color: #D5D5D5; } .input-group-addon { font-size: 13px; padding: 0px 10px; line-height: 28px; color: initial; text-align: center; min-width: 36px; } .input-group-addon.addon-right {border-left: 0 none; border-radius: 0 4px 4px 0 !important;} .input-group-addon, .input-group-btn { vertical-align: bottom; } .form-group:last-child { margin-bottom: 0px; } .form-group-separated { border-top: 1px dashed #D5D5D5; } .form-group-separated .form-group { border-bottom: 1px dashed #D5D5D5; margin-bottom: 0px;} .form-group-separated .form-group [class^="col-md-"] { /*border-left: 1px dashed #D5D5D5;*/ padding: 12px 10px;} .form-group-separated .form-group [class^="col-md-"]:first-child { border-left: 0px;} .form-group-separated .form-group:last-child { border-bottom: 0px;} .form-group-separated .form-group.form-group-border-right [class^="col-md-"] { border-left: 0px; /* border-right: 1px dashed #D5D5D5;*/} .form-group-separated .form-group.form-group-border-right [class^="col-md-"]:last-child { border-right: 0px; margin-left: 0px;} .form-group-separated .form-group label, .form-group-separated .form-group .form-control {cursor:auto; color:#337ab7;} #modal_sti_watch_dog .radio label {cursor:pointer;} .form-group-separated .form-group.divide {border-top: 5px solid #eee;} .form-group-separated .form-group.last {border-bottom: none;} .form-group-separated.panel-body, .form-group-separated.modal-body { padding: 0px;} .form-horizontal .form-group { margin-left: 0px; margin-right: 0px;} .form-horizontal .control-label { line-height: 30px; padding-top: 0px;} .help-block { color: #AAB2BD; margin-bottom: 0px;} .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -2px;} .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: 16px;} .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { font-size: 11px;} .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 0;} .has-feedback label ~ .form-control-feedback { top: 20px;} /* FORM VALIDATION STATES */ .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success .form-control-feedback { color: #95b75d; } .has-success .form-control { border-color: #95b75d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning .form-control-feedback { color: #fea223; } .has-warning .form-control { border-color: #fea223; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error .form-control-feedback { color: #b64645; } .has-error .form-control { border-color: #b64645; } /*override errorů*/ #frm-reclaim-RecQty_message { bottom: 0; position: absolute; width: 150px;} /* EOF FORM VALIDATION STATES */ .form-control.error, .bootstrap-select.error > button { border-color: #b64645; } label { font-weight: 600; cursor:pointer; } label.error, label.valid { color: #b64645; margin-bottom: 0px; margin-top: 3px; font-size: 11px; font-weight: normal; width: 100%; } .form-control.valid, .bootstrap-select.valid > button { border-color: #95b75d; } label.valid { color: #95b75d; } .control-label.text-left { text-align: left; } /* EOF FORM ELEMENTS */ /* LABELS AND BADGES */ .label { font-weight: 500; } .badge { font-size: 11px; line-height: 20px; font-weight: 500; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0px 8px; } .label-primary, .badge-primary { background-color: #33414e; } .label-success, .badge-success { background-color: #95b75d; } .label-info, .badge-info { background-color: #3fbae4; } .label-warning, .badge-warning { background-color: #fea223; } .label-danger, .badge-danger { background-color: #b64645; } /* EOF LABELS AND BADGES */ /* ALERTS */ .alert {float: left;width: 100%;margin-bottom: 10px;line-height: 21px;} .alert-success { background-color: #95b75d; color: #FFF;border-color: #90b456;} .alert-info { background-color: #3fbae4; color: #FFF; border-color: #36b7e3;} .alert-warning { background-color: #fea223; color: #FFF; border-color: #fe9e19;} .alert-danger { background-color: #b64645; color: #FFF; border-color: #af4342;} .alert-danger button.close { display: none} .alert > a { color: inherit; text-decoration: underline;} .alert > a.btn { background: #00000022; border: none; margin: 0 5px;text-decoration: none;} .alert > a.btn:hover { background: #ffffff33} #filtrSet .alert {line-height: 2em; margin-bottom: 10px; padding: 4px 4px 4px 15px;} #filtrSet .alert .close{line-height: 0; padding-left:5px;height: 15px; position: relative} /* EOF ALERTS */ /* DROP DOWN */ .dropdown-menu { z-index:998; font-size: 12px; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); border: 1px solid #E5E5E5; padding: 0px; margin: 8px 0px 0px; min-width: 200px; max-width: calc(100vw - 30px); } .dropdown-menu > li > a { padding: 8px 15px; border-bottom: 1px solid #E9E9E9; line-height: 20px; } .dropdown-menu > li:last-child > a { border-bottom: 0px; } .dropdown-menu:after, .dropdown-menu:before { bottom: 100%; left: 25%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 5px; margin-left: -5px; } .dropdown-menu:before { border-color: rgba(229, 229, 229, 0); border-bottom-color: #E5E5E5; border-width: 6px; margin-left: -6px; } .dropup .dropdown-menu:after, .dropup .dropdown-menu:before { display: none; } .dropdown-header { white-space: normal; padding: 10px 15px; border-bottom: 1px solid #E5E5E5; color: #777; } .dropdown-menu .fa { margin-right: 5px; font-size: 14px; } .dropdown-menu .divider { background: #F5F5F5; margin: 0px; padding: 15px 0px 0px; border-bottom: 1px solid #E5E5E5; } /* EOF DROP DOWN */ /*Tooltip mod*/ .tooltip-inner { max-width: 500px; text-align: left;} @media only screen and (max-width: 768px) { .tooltip-inner { max-width: 80%; } } /* Můj Tooltip*/ [data-tooltip2] { position: relative; } [data-tooltip2]:before, [data-tooltip]:after { content: none; content: normal; } [data-tooltip2]:hover:before, [data-tooltip2]:hover:after, [data-tooltip2]:active:before, [data-tooltip2]:active:after, [data-tooltip2]:focus:before, [data-tooltip2]:focus:after { -webkit-animation: 0.3s tooltip linear; -moz-animation: 0.3s tooltip linear; animation: 0.3s tooltip linear; } [data-tooltip2]:hover:before, [data-tooltip2]:active:before, [data-tooltip2]:focus:before { content: ""; } [data-tooltip2]:hover:after, [data-tooltip2]:active:after, [data-tooltip2]:focus:after { content: attr(data-tooltip2); white-space: pre; text-align:center;} [data-tooltip2]:before { position: absolute; top: 100%; left: 50%; margin-top: -2px; margin-left: -5px; border: 5px solid transparent; border-bottom-color: #0098d9; } [data-tooltip2]:after { position: absolute; top: 100%; left: 50%; border-radius: 3px; padding-right: 5px; padding-left: 5px; margin-top: 7px; white-space: nowrap; font-weight: normal; color: #fff; background-color: #0098d9; z-index: 99999; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 5px 8px -2px white;} @-webkit-keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @-moz-keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @media (max-width: 1023px) { [data-tooltip2]:hover:after, [data-tooltip2]:active:after, [data-tooltip2]:focus:after { left: 0; transform: translateX(0); width: 233px; height: auto; white-space: normal;} } /* MODAL */ .modal-dialog{z-index: 1041;} .modal-content { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-width: 5px; } .modal-header { padding: 10px 10px 10px 15px; line-height: 30px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; background: #F5F5F5; border-color: #d5d5d5; } .modal-header .close { margin-top: 5px; margin-right: 5px; } .modal-title { line-height: 30px; } .modal-body { padding: 15px; zoom: 1; } .modal-body:before, .modal-body:after { content: ""; display: table; } .modal-body:after { clear: both; } .modal-footer { background: #F5F5F5; border-color: #D5D5D5; padding: 10px 15px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } /* custom modals */ #security_check_2fa-modal {} #security_check_2fa-modal .form-group.fg-flex { display: flex; gap: 20px;} @media all and (max-width:460px) { #security_check_2fa-modal .form-group.fg-flex { flex-direction: column} #security_check_2fa-modal .icon { margin: -20px 0 -30px auto; } #security_check_2fa-modal .modal-footer { display: flex} #security_check_2fa-modal .btn { white-space: break-spaces;} } /* EOF MODAL */ /* PORTLET */ .scCol { min-height: 30px; } .scPlaceholder { background: #fcfbf4; border: 1px dashed #999; margin-bottom: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; width: 100%; } /* EOF PORTLET */ /* TYPOGRAPHY */ .page-title { float: left; width: 100%; padding: 5px 10px;} .page-title h2 { float: left; line-height: 30px;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color: #434a54; padding: 0px; margin: 0px;} h1,.h1 { margin-top: 15px; margin-bottom: 15px; font-size: 32px; font-weight: 400;} h2,.h2 { margin-bottom: 15px; font-size: 26px; font-weight: 400;} h3,.h3 { margin-bottom: 10px; font-size: 18px; font-weight: 600;} h3 small,.h3 small { line-height: 19px;} h4,.h4 { margin-bottom: 10px; font-size: 16px; font-weight: 400;} h5,.h5 { margin-bottom: 10px; margin-top: 5px; font-size: 14px; font-weight: 400;} h6,.h6 { margin-bottom: 10px; font-size: 13px; font-weight: 600;} blockquote { font-size: 12px; border-left-color: #CCC; line-height: 20px;} blockquote p { line-height: 12px;} .blockquote-reverse, blockquote.pull-right { border-right-color: #CCC;} .blockquote-primary { border-left-color: #33414e;} .blockquote-success { border-left-color: #95b75d;} .blockquote-info { border-left-color: #3fbae4;} .blockquote-danger { border-left-color: #b64645;} .blockquote-warning { border-left-color: #fea223;} .text-title { font-weight: 600; border-bottom: 1px solid #F5F5F5; padding: 10px 0px 5px; font-size: 15px;} /* EOF TYPOGRAPHY */ /* HELPERS */ .push-down-0 { margin-bottom: 0px !important;} .push-down-5 { margin-bottom: 5px !important;} .push-down-10 { margin-bottom: 10px !important;} .push-down-15 { margin-bottom: 15px !important;} .push-down-20 { margin-bottom: 20px !important;} .push-down-25 { margin-bottom: 25px !important;} .push-down-30 { margin-bottom: 30px !important;} .push-up-0 { margin-top: 0px !important;} .push-up-5 { margin-top: 5px !important;} .push-up-10 { margin-top: 10px !important;} .push-up-15 { margin-top: 15px !important;} .push-up-20 { margin-top: 20px !important;} .push-up-25 { margin-top: 25px !important;} .push-up-30 { margin-top: 30px !important;} .push-left-10 { margin-left: 10px !important;} .padding-0 { padding: 0px !important;} .padding-bottom-0 { padding-bottom: 0px !important;} .padding-top-0 { padding-top: 0px !important;} .lr5 {padding-left:5px;padding-right:5px;} .spacel10 {margin-left:10px;} .spacel20 {margin-left:20px;} .spacel30 {margin-left:30px;} .spacel40 {margin-left:40px;} .text-muted { color: #CCD0D9 !important;} .text-primary { color: #33414e !important;} .text-success { color: #95b75d !important;} .text-info { color: #3fbae4 !important;} .text-warning { color: #fea223 !important;} .text-danger { color: #b64645 !important;} .bg-primary { color: #fff; background-color: #33414e;} .bg-success { color: #fff; background-color: #95b75d;} .bg-info { color: #fff; background-color: #3fbae4;} .bg-warning { color: #fff; background-color: #fea223;} .bg-danger { color: #fff; background-color: #b64645;} .twitter { border-color: #1AB2E8 !important; color: #1AB2E8 !important;} .twitter:hover { border-color: #48c2ed !important; color: #48c2ed !important;} .facebook { border-color: #3C599B !important; color: #3C599B !important;} .facebook:hover { border-color: #4f70bb !important; color: #4f70bb !important;} .line-height-30 { line-height: 30px;} /* EOF HELPERS */ /* PROGRESS BARS */ .progress.progress-small { height: 5px;} .progress.progress-small .progress-bar { font-size: 0px;} .progress-bar { background-color: #33414e;} .progress-bar-success { background-color: #95b75d;} .progress-bar-warning { background-color: #fea223;} .progress-bar-danger { background-color: #b64645;} .progress-bar-info { background-color: #3fbae4;} .progress-bar-colorful { background: linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -o-linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -moz-linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -webkit-linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -ms-linear-gradient(left, #b64645 0%, #fea223 50%, #95b75d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, #b64645), color-stop(0.5, #fea223), color-stop(1, #95b75d)); } /* EOF PROGRESS BARS */ /* SWITCH */ .switch { cursor: pointer; position: relative; height: 30px; line-height: 30px; } .switch input { position: absolute; opacity: 0; filter: alpha(opacity=0); } .switch input:checked + span:after { left: 21px; } .switch input:checked + span { background-color: #95b75d; } .switch input:disabled + span { background-color: #CCC; } .switch span { position: relative; width: 50px; height: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #b64645; border: 1px solid #E5E5E5; display: inline-block; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; border-color: rgba(0, 0, 0, 0.1); left: 0px; } .switch span:after { content: ""; position: absolute; background-color: #fff; width: 26px; top: 1px; bottom: 1px; left: 1px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .switch.switch-small { margin: 6px 0px 4px; height: 20px; line-height: 20px; } .switch.switch-small input:checked + span:after { left: 11px; } .switch.switch-small span { width: 30px; height: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .switch.switch-small span:after { width: 16px; } /* END SWITCH */ /* PAGINATION */ .pagination { width: 100%; margin: 10px 0px; } .pagination > li > a, .pagination > li > span { margin-left: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #656d78; border-color: #E5E5E5; } .pagination > li > a:hover, .pagination > li > span:hover { color: #222; } .pagination > li.active > a, .pagination > li.active > a:hover { background: #33414e; color: #FFF; border-color: #33414e; } .pagination.pagination-sm { margin: 0px; width: auto; } .pagination.pagination-sm.push-down-20 { margin-bottom: 20px; } .pagination.pagination-sm.push-up-20 { margin-top: 20px; } /* END PAGINATION */ /* POPOVER */ .popover { -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); } .popover-title { background: #f5f5f5; border-bottom-color: #e5e5e5; line-height: 20px; } .popover > .arrow, .popover > .arrow:after { border-width: 5px; } .popover.right > .arrow { left: -6px; margin-top: -6px; } .popover.right > .arrow:after { bottom: -5px; } .popover.top > .arrow { bottom: -6px; margin-left: -6px; border-top-color: rgba(0, 0, 0, 0.5); } .popover.top > .arrow:after { margin-left: -5px; } .popover.bottom > .arrow { top: -6px; margin-left: -6px; border-bottom-color: rgba(0, 0, 0, 0.3); } .popover.bottom > .arrow:after { margin-left: -5px; } .popover.left > .arrow { right: -6px; margin-top: -6px; } .popover.left > .arrow:after { bottom: -5px; } /* EOF POPOVER */ /* záložky, detail produktu + přepínání záložky a sloupce vedle sebe */ .tabs { float: left; width: 100%; position: relative; margin-top: 40px;} .nav-tabs, .nav-tabs.nav-justified { border-bottom: 0px; margin-bottom: 0px; margin-top: -40px; padding: 0px 5px;} .block-head .nav-tabs { border-bottom: 0px;} .nav-tabs > li { margin-bottom: 0px;} .nav-tabs > li > a { margin-right: 5px; border: 0px; font-size: 14px; border-top: 2px solid transparent; background: #ecedee; padding: 9px 15px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #333; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .nav-tabs > li:first-child > a { -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;} .nav-tabs > li > a:hover { border-color: transparent; background: #FFF;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > .dropdown.active.open > a:hover { border: 0px; border-top: 2px solid #33414e; background: #FFF; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;} .nav-tabs.nav-justified > li > a { border: 0px; border-top: 2px solid transparent; color: #333; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .nav-tabs.nav-justified > li > a:hover { border-color: #33414e; background: transparent;} .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 0px; border-top: 2px solid #33414e; background: #FFF; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;} .nav-tabs a .caret, .nav-tabs a:hover .caret { color: #33414e;} .nav-tabs-vertical .tabs { margin-top: 0px;} .nav-tabs-vertical .nav-tabs { margin-top: 0px; float: left; width: 150px; position: absolute; left: 0px; border-bottom: 0px; padding: 0px;} .nav-tabs-vertical .nav-tabs > li { width: 100%;} .nav-tabs-vertical .nav-tabs > li > a { width: 100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border-top: 0px; border-left: 2px solid transparent; background: #FFF;} .nav-tabs-vertical .nav-tabs > li > a:hover { border-left-color: #33414e; background: transparent;} .nav-tabs-vertical .nav-tabs > li.active > a, .nav-tabs-vertical .nav-tabs > li.active > a:hover, .nav-tabs-vertical .nav-tabs > li.active > a:focus, .nav-tabs-vertical .nav-tabs > .dropdown.active.open > a:hover { border-top: 0px; border-left: 2px solid #33414e; background: #F5F5F5;} .nav-tabs-vertical .nav-tabs > li:first-child > a { -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;} .nav-tabs-vertical .nav-tabs > li:last-child > a { -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;} .nav-tabs-vertical .tab-content { width: auto; margin-left: 150px;} .nav-tabs-vertical .panel-body { padding-top: 10px;} #ProductInfoParams #tab1 ul { padding: 0px;} #ProductInfoParams #tab1 li { position:relative; margin-left: 10px;} #ProductInfoParams #tab1 li:before{ content: "\f111"; display: block; position: absolute; left: -10px; font-family: FontAwesome; font-size: 7px; color: #666; top: 4px;} /*ze záložek na sloupce vedle sebe, když je dost místa*/ @media (min-width: 1500px) { #ProductInfoParams .nav.nav-tabs {display:none;} #ProductInfoParams {margin-top:5px;} #ProductInfoParams #tab1 {width:66%; display:block; font-size: 13px;} #ProductInfoParams #tab2 {width:34%; display:block;} #ProductInfoParams #tab1tab, #ProductInfoParams #tab2tab {font-size:15px; font-weight:600; padding:5px 10px; display:block; margin: -9px 0px 20px 0px; border: 0px; background: linear-gradient(#fff 60%, #eee);} #ProductInfoParams #tab1tab span:before {content:"\f129 "; font-family: FontAwesome;} #ProductInfoParams #tab2tab span:before {content:"\f085 "; font-family: FontAwesome;} } @media (max-width: 1499px) { #ProductInfoParams #tab1tab, #ProductInfoParams #tab2tab {display:none;} } #ProductInfoParams img { max-width: 99%;} #ProductInfoParams iframe, #ProductInfoParams object {max-width: 100%; } #ProductInfoParams video {max-width: 100%; height: auto;} #ProductInfoParams h2, #ProductInfoParams h3 { color: inherit} #ProductDetail .tab-pane table.tabform {width:100%;} #ProductDetail .tab-pane table.tabform td {border-bottom: 1px dotted #ddd; padding: 3px 0 0 3px;} #ProductDetail .tab-pane table.tabform td.paramcat {Font-weight:600; color:#333; border:none; padding:3px;background:#eee;} #ClickConOther {cursor: pointer; text-decoration: underline;} /* hlášení chyby*/ #ProDescMistake .ProDescMistakeButton {cursor:pointer;} #ProDescMistake .form-group > div { margin: 0 0 5px;} /* konfig na detailu */ #konfigOptions .panel-heading {background:#df2d14;} #konfigOptions {border-bottom: 1px solid #ea0000;} #konfigOptions label {cursor:default;} #konfigOptions .select { background: url(../../img/dropDown.png) no-repeat center right; cursor: pointer;} #konfigOptions .panel-heading .panel-title{ font-weight:800; color: white;} #konfigOptions .btn-konfig { float:right;} #konfigOptions .konfPrice { font-size:1.2em; display: inline; float: right; margin: 0 15px;} #konfigOptions .addProduct { font-size:1.2em;} #KonfigCalculator { max-width: 620px; } #KonfigCalculator table { margin: 0 auto; } #KonfigCalculator td { padding: 10px; text-align:center; background:#eee; } #KonfigCalculator { border:4px solid #3fbae4; margin-top:20px; } #KonfigCalculator .panel-heading { background: #3fbae4; border-top-left-radius: 0px; border-top-right-radius: 0px;} #KonfigCalculator .panel-heading h3 { color: white; padding: 0; margin: 0; font-size: 15px;} #KonfigCalculator label { cursor: pointer; padding: 3px 8px; background: #ddd; line-height: 2em; border-radius: 2px ; border: 1px solid #ccc;} #KonfigCalculator .nocheck { cursor:default; background: none; border-color: transparent;margin: 5px 0px;} #KonfigCalculator input[type='text'] { width:100px; margin: 0 auto; text-align: center;} #KonfigCalculator .panel-footer { text-align:right;} #KonfigCalculator .panel-footer input { line-height:2em;width: 3em;margin-right: 5px;} #KonfigCalculator .panel-footer button { margin-top: 6px;} #ProductInfoParams .alert.alert-warning.isConfigured { position: absolute; width: 50%; left: 25%; top: 10%; box-shadow: 0 0 50px black;} /* info nad popisem když je konfigurováno */ #ProductDetailPrices { position: relative;} #ProductDetailPrices .isConfigured { background: rgba(250,250,250,0.85); width: 100%; height: 100%; position: absolute; z-index: 9; padding: 20%; text-align: center; display: table; vertical-align: bottom;} #ProductDetailPrices .isConfigured span { display: table-cell; vertical-align: middle;} /* TABLES */ .table-responsive { border: 0px; position:relative;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-color: transparent; padding: 6px 10px; background: #F0F4F9; color: #333; font-size: 12px; /*13*/ vertical-align:middle; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #F8FAFC; } .table > thead > tr > th { background: #FFF; color: #333; font-size: 12px; /*white-space: nowrap;*/ font-weight: 600; } .table > thead > tr > th:nth-child(2) {white-space: nowrap;} .panel-body.panel-body-table { padding: 0px; } .panel-body.panel-body-table h1, .panel-body.panel-body-table h2, .panel-body.panel-body-table h3, .panel-body.panel-body-table h4, .panel-body.panel-body-table h5, .panel-body.panel-body-table h6 { padding-left: 10px; margin-bottom: 10px; } .panel-body.panel-body-table .table { margin-bottom: 0px; border: 0px; } .panel-body.panel-body-table .table tr > td:first-child, .panel-body.panel-body-table .table tr > th:first-child { border-left: 0px; } .panel-body.panel-body-table .table tr > td:last-child, .panel-body.panel-body-table .table tr > th:last-child { border-right: 0px; } .panel-body.panel-body-table .table > tbody > tr:last-child > td { border-bottom: 0px; } .table.table-actions td { line-height: 28px; } .table .progress-small { margin: 7px 0px 8px; } .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tbody > tr > td { border-right: 1px solid #dee7f2; border-bottom: 1px solid #dee7f2; } .table.table-bordered > thead > tr > th:first-child, .table.table-bordered > tbody > tr > th:first-child, .table.table-bordered > tbody > tr > td:first-child { border-left: 1px solid #dee7f2; } .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th { border-top: 1px solid #dee7f2 !important; } .table.table-condensed > thead > tr > th, .table.table-condensed > tbody > tr > th, .table.table-condensed > tbody > tr > td { padding: 8px 15px; } /* EOF TABLES */ /* Product Detail mod */ .StoItemClass::before { content: "POZOR! Zboží je ve stavu: "; font-weight: 600; font-size: 13px;} .StoItemClass { display: block; background: #ea0000; color: white; padding: 3px 12px; border: none; border-radius: 3px;} #ProductDetailSidebar {float:right;} #ProductDetailMain .product-loyalty-program { position: absolute; left: 14px; z-index: 9; padding: 3px; background: white; border-radius: 4px;} #ProductDetailMain .product-loyalty-program img { vertical-align: top; } #ProductDetailMain .product-loyalty-program span {color: #f66;font-weight: 800;padding: 4px 0 0 2px;display: inline-block;} .loyalty.btn { background: #ffd; border: 2px solid orange;} span.loyalty { display: block; padding: 10px 15px; line-height: 1.2em;} span.loyalty img { display: inline-block; vertical-align: middle; padding: 0 5px 2px 0;} #modal_promo .gallery-item img { max-width: 350px; width: 100%;} #modal_promo .gallery-item { text-align: center;} #modal_promo .promoInfo span { font-weight: 800;} #ProductDetailCodes td, #ProductDetailStocks td, #ProductDetailPrices th, #ProductDetailPrices td { padding: 5px 5px 2px 6px;} #ProductDetailCodes td, #ProductDetailStocks td {font-size:11px;} #ProductDetailCodes table, #ProductDetailStocks table { margin-bottom: 10px;} #ProductDetailPrices table { margin-bottom: 10px;} #ProductDetailCodes table tr:first-child td { border-top: 1px solid #dee7f2; } #ProductDetailStocks table thead th {background:#d1dae4; } #ProductDetailStocks a.ajax.onStock { color: #00ca00; font-weight: 800; font-size: 1em;} #ProductDetailStocks a.ajax { font-size: 0.9em; font-weight: 500; padding-right: 2px; position: relative} #ProductDetailStocks a.ajax:after {content: "?"; position: absolute;font-weight: 800;font-size: 8px;background: #aec0d5;color: white;display: flex;right: -9px;top: -2px;width: 10px;height: 10px;border-radius: 50%;justify-content: center;align-items: center;} #ProductDetailPrices table thead th {background:#7a899b; color:white;} #ProductDetailPrices table thead th:nth-child(2) {font-size:18px;} #ProductDetailPrices .PriceEU td { font-size:11px; font-style: italic; } #ProductDetailPrices .PriceEU td:nth-child(2){ text-decoration: line-through; } #ProductDetailPrices .PriceEU td:nth-child(2) span { white-space: nowrap;} #ProductDetailPrices .Buy td {text-align: center; vertical-align: middle;} #ProductDetailPrices .Buy td .quantity {text-align: right; width: 30px;margin:0 5px 5px;} #ProductDetailPrices .Buy td button:hover{background:#ea0000;} #ProductDetailPrices .Buy td button span {font-size: 23px; margin: 7px 0;} #ProductDetailPrices .Buy .addProduct {font-size:1.2em;} #ProductDetailPrices .Buy time { background: #8cff96; height: 100%; display: flex; justify-content: center; align-items: center; min-height: 30px; margin: -5px -5px -2px -6px;} #ProductDetailPrices .Buy .mam-zajem { margin: 8px 8px 10px;} #ProductDetailPrices .Buy .mam-zajem i.fa { font-size: 11px; margin: 0 0 0 5px} #ProductDetailPrices .Buy td button.hover-blue:hover { background: #337ab7; color:white} #ProductDetailPrices .center {text-align:center;} #ProductDetailPrices .Config .btn {background:#df2d14; font-size:1em; font-weight:bold; padding: 13px; border:none;} #ProductDetailPrices .Config .btn:hover > .fa-cog { animation: spin 0.8s infinite linear;} #ProductDetailPrices .Status td { padding:13px;} .ProjectPrice .btn {margin: 2px 2px 4px;background: #ff8b79;} .ProjectPrice .btn:hover { background: #df2d14; color: white;} .ProjectPrice td { text-align: center;} #ProductDetailSidebar .insCart.btn { font-size: 15px; height: 50px; line-height: 43px; margin: 0 0 3px -8px; padding: 2px 0 0; width: 100%;} #ProductDetailSidebar .panel-body H3 {margin:0px; font-size:14px;} #ProductDetailSidebar .itemFunctions label, #ProductDetailSidebar .itemFunctions a, #ProductDetailSidebar .itemFunctions .btn {padding: 3px 5px; background:#f5f5f5; color:#337ab7;} #ProductDetailSidebar .itemFunctions label { background: #dee7f2;} #ProductDetailSidebar .itemFunctions label:hover, #ProductDetailSidebar .itemFunctions a:hover {background:#337ab7; color:#f5f5f5;} .banner-on-detail { float: left; padding: 15px; width: 100%; text-align: center; margin: 0 0 15px;} .banner-on-detail img { max-width: 100%;} #tabTreePossitions ul {margin:0 0 0 10px; padding:0;} #tabTreePossitions li {float:left; width:100%; list-style:none; } #tabTreePossitions li:before {content: "\f105"; font-family: FontAwesome; margin-right: 5px;} .gift-item, #bundle { background: white; float: left; margin: 5px 0 15px; padding: 10px 11px; max-width: 100%; border-radius: 4px; border: 2px solid red;} .gift-item img { float: left; margin: 0 10px 5px 0; max-width: 60px;} #bundle li { border-bottom: 1px solid #dee7f2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 3px 2px 3px;} #bundle li:last-child {border:none; padding-bottom:0;} #bundle ul { margin: 0; padding: 0;} #bundle h3 { text-align: center; font-size: 1em; color: #ea0000; margin: 0 0 5px;} #SupportTabs span.badge { background: #fe9e19; font-size: 10px; height: 14px; line-height: 14px; padding: 0 5px; position: absolute; right: -1px; top: -2px;} #SupportTabs li.active a { border-color: #fe9e19;} #SupportTabs .tab-pane ul { list-style:none;} #SupportTabs .tab-pane.logistics li i {width:20px; text-align:center;} #snippet-productBox-relation .polozka_param.filtrPolozka {padding: 0 0 0 15px} #snippet-productBox-relation .flex-wrap { display: flex;flex-wrap: wrap;gap: 1em;} #snippet-productBox-relation .product-gallery-item { max-width: 280px; flex: 1 1 270px} #SupportTabs .reloffer .product-gallery {display: flex; flex-wrap: wrap;gap: 10px;} #SupportTabs .relatives #obalFiltrParamPolozky {padding:0} #SupportTabs .relatives #obalFiltrParamPolozky .filtrKategorie:first-child::before, #SupportTabs .relatives #obalFiltrParamPolozky .filtrKategorie:last-child::after { width: calc(100% + 15px); margin-left: -15px;} .skew30 { -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); -moz-transform: skew(-30deg, 0deg); -o-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg);} /* info o nastupci nad cenou */ #follower { width:100%;background: #FFE401;padding: 15px 10px;margin: -10px 0 7px 0;border-top: 2px solid #fe9e19;border-radius: 3px 3px 0 0;box-shadow: 0 4px 5px -5px gray;text-align: center;} #follower H4 {font-size: 1.2em;} #follower p {text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;margin: 0;} /* predchudce a nastupce na zalozce */ .productFlowTag { width: 200px; background: #eee; padding: 10px 0; text-align: center; margin: 0; position: relative;} .productFlowBox { float: left; width: 200px; margin: 0 10px 10px 0;} .follower .productFlowTag { background: #00ca00; color: white; font-weight: bold;} .previous .productFlowTag { background: #656d78; color: white; font-weight: bold;} .thisProduct .productFlowTag { border: 1px solid #ddd; border-bottom: none; margin-top: -1px;} .productFlowTag .glyphicon { color: #656d78; font-size: 2em; position: absolute;} .follower .glyphicon { top: 5px; left: -10px;} .previous .glyphicon { top: 5px; right: -21px; z-index: +1;} .product-gallery .productFlowBox .product-gallery-item .image { height: 15em;} .productFlowBox.thisProduct { box-shadow: 0 0 30px 10px white; position: relative;} .product-gallery .productFlowBox .product-gallery-item .pn-code span { display: block;} .product-gallery .productFlowBox .product-gallery-item { height: 29.6em; width: 100%;} .productFlowBox .QtyControll, .productFlowBox .quantity, .follower_hidden { display: none !important;} .product-gallery .productFlowBox .product-gallery-item .Buy { right: 8px; position: absolute} .product-gallery .productFlowBox .product-gallery-item .product-price { display: flex; flex-direction: column } .productFlowBox.actual .mask { position: absolute; width: 100%; height: 100%; z-index: 8; cursor: not-allowed } .follower .productFlowTag .glyphicon { display: none} .productFlowBox.follower:nth-child(2) .productFlowTag .glyphicon { display: block} .moreFollowers { display: flex; gap:1em; background: #39b51b; float: left; padding: 10px; margin: 10em 1em; color: white; cursor: pointer; font-weight: 700;} .productFlowBox .product-gallery-item:hover { box-shadow: none} /* energy labels */ #energyLabel { float: left; width: 100%; margin: 0 0 1.5em; padding: 0; display: block; font-size: 1em;} #energyLabel li { padding: 0 5px; display: inline} #energyLabel li img.energy-label-icon { height: 2em} #energyLabel li img.energy-list-icon { height: 1.5em} .checkbox-group .check { transition: all 200ms ease 0s; background: #f0f4f9 ; border: 1px solid #e0e4e9; margin: 1px 3px 0 0; padding: 3px 5px;} .checkbox-group .check input {margin:0 5px 0 0;} .checkbox-group .check span { color:#333;} .checkbox-group .check input:checked + span {color:#b64645;} /* Datatables */ table.dataTable thead th, table.dataTable tbody td { border-right: 1px solid #eee;} .dataTable { float: left; margin-bottom: 10px;} .dataTable div.checker, .dataTable div.radio { display: inherit;} .dataTables_wrapper { float: left; width: 100%;} .dataTables_length { width: 50%; float: left; padding: 0px 0px 5px;} .dataTables_length label, .dataTables_filter label { padding: 0px; line-height: 30px; height: auto; margin: 0px; font-size: 12px; color: #999999; font-weight: 600; text-transform: uppercase;} .dataTables_length select { width: 70px; display: inline; margin: 0px 5px; height: 30px; border-color: #CED8E3; border-radius: 3px; padding: 0px 10px;} .dataTables_filter { width: 50%; float: right; padding-left: 5px; padding: 0px 0px 5px;} .dataTables_filter label { float: right;} .dataTables_filter label input { width: 150px; display: inline; margin-left: 5px; height: 30px; border: 1px solid #CED8E3; border-radius: 3px; padding: 0px 10px; } .table td.dataTables_empty { font-size: 14px; text-align: center; color: #0b79ef; background: #d7ecff !important; font-weight: 600; padding: 1em; } .dataTables_info { float: left; font-size: 12px; padding: 0px; line-height: 30px; padding: 5px 20px; clear:both; } .dataTables_paginate { padding: 0px; text-align: right; float: right; padding: 5px 0px; } .dataTables_paginate a.paginate_disabled_previous, .dataTables_paginate a.paginate_disabled_next, .dataTables_paginate a.paginate_button, .paginate_enabled_next, .paginate_active, .paginate_enabled_previous { padding: 5px 10px; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; text-decoration: none; background-color: #fff; border: 1px solid #ddd; color: #656d78; margin-left: 3px; cursor: pointer; } .dataTables_paginate .ellipsis { float: left; padding: 2px 0 0 3px;} .dataTables_paginate .paginate_enabled_next:hover, .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .paginate_enabled_previous:hover { background-color: #eee; border-color: #ddd; color: #222; } .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover { background: #33414e; color: #FFF; border-color: #33414e; } .dataTables_paginate a.paginate_disabled_previous, .dataTables_paginate a.paginate_button_disabled, .dataTables_paginate a.paginate_disabled_next { cursor: default; color: #ccc; } .dataTables_paginate a.paginate_button_disabled:hover { box-shadow: none; color: #ccc; } .sorting_desc, .sorting_asc, .sorting { position: relative; cursor: pointer; padding-right: 20px !important; } .sorting:before, .sorting_desc:before, .sorting_asc:before { position: absolute; top: 6px; right: 5px; font-family: 'FontAwesome'; opacity: 0.9; filter: alpha(opacity = 90); width: 10px; height: 10px; display: block; } .sorting:before { content: "\f0dc"; opacity: 0.3; filter: alpha(opacity = 30); } .sorting_desc:before { content: "\f0d8"; } .sorting_asc:before { content: "\f0d7"; } .sorting_asc_disabled:before, .sorting_desc_disabled:before { opacity: 0.1; filter: alpha(opacity = 10); } .DataTables_sort_wrapper .DataTables_sort_icon {display:none;} /* fix pro zdvojené ikony řazení*/ table.dataTable > tbody > tr:hover > td { background: #e0e9f0;} /* eof Datatables */ /**/ .hide { display: none;} .inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse { background: #8BBEF0;} .yadcf-filter-reset-button { display: inline-block;} .yadcf-filter-reset-button.range-number-slider-reset-button{ position: relative;top: -6px;} .yadcf-filter { padding-right: 4px; padding-left: 4px; padding-bottom: 3px; padding-top: 3px;} .yadcf-filter > option{ background: white;} .ui-autocomplete .ui-menu-item { font-size:13px;} #ui-datepicker-div { font-size:13px; background:white; padding:5px 10px; -moz-box-shadow: 0 3px 10px #656d78; -webkit-box-shadow: 0 3px 10px #656d78; box-shadow: 0 3px 10px #656d78; } .yadcf-filter-wrapper { display: inline-block; white-space: nowrap; margin-left: 2px;} .yadcf-filter-range-number { width: 40px;} .yadcf-filter-range-number-seperator { margin-left: 10px; margin-right: 10px;} .yadcf-filter-range-date { width: 80px;} .yadcf-filter-range-date-seperator { margin-left: 10px; margin-right: 10px;} .yadcf-filter-wrapper-inner { display: inline-block; border: 1px solid #ABADB3;} .yadcf-number-slider-filter-wrapper-inner { display: inline-block; width: 200px; margin-bottom: 7px;} .yadcf-filter-range-number-slider .ui-slider-handle { width: 10px; height: 10px; margin-top: 1px;} .yadcf-filter-range-number-slider .ui-slider-range { position: relative; height: 5px;} .yadcf-filter-range-number-slider { height: 5px; margin-left: 6px; margin-right: 6px;} .yadcf-filter-range-number-slider { overflow: visible;} .yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip { font-size: 13px; font-weight: normal; position: absolute; outline-style: none;} .yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip { font-size: 13px; font-weight: normal; position:absolute; outline-style: none;} .yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip-inner { position:absolute; top: 11px;} .yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip-inner { position:absolute; top: 11px;} .yadcf-exclude-wrapper { display: inline-block; vertical-align: middle; margin-right: 5px;} .yadcf-label.small { font-size: 10px;} /**/ /* icons-list */ .icons-list { list-style: none; padding: 0px; margin: 0px 0px 20px; display: block; float: left; width: 100%; } .icons-list li { float: left; display: block; width: 25%; height: 30px; padding: 5px; line-height: 20px; font-size: 11px; border: 1px solid #FFF; } .icons-list li:hover { color: #333; cursor: pointer; background: #F5F5F5; border: 1px solid #E5E5E5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .icons-list li span:first-child, .icons-list li i { font-size: 18px; float: left; margin-right: 10px; color: #222; line-height: 20px; } .icon-preview { font-size: 88px; color: #222; text-align: center; } /* eof icons-list */ /* WIDGETS */ .widget { width: 100%; float: left; margin: 0px; list-style: none; text-decoration: none; -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 15px 10px; margin-bottom: 20px; min-height: 120px; position: relative; } .widget.widget-padding-sm, .widget.widget-item-icon { padding: 10px 0px 5px; } .widget.widget-np { padding: 0px; } .widget.widget-no-subtitle { padding-top: 25px; } .widget.widget-carousel { padding-bottom: 0px; padding-top: 10px; } .widget.widget-default { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5, GradientType=0); } .widget.widget-primary { background: #33414e; background: -moz-linear-gradient(top, #33414e 0%, #29343f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #33414e), color-stop(100%, #29343f)); background: -webkit-linear-gradient(top, #33414e 0%, #29343f 100%); background: -o-linear-gradient(top, #33414e 0%, #29343f 100%); background: -ms-linear-gradient(top, #33414e 0%, #29343f 100%); background: linear-gradient(to bottom, #33414e 0%, #29343f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33414e, endColorstr=#29343f, GradientType=0); } .widget.widget-success { background: #95b75d; background: -moz-linear-gradient(top, #95b75d 0%, #89ad4d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95b75d), color-stop(100%, #89ad4d)); background: -webkit-linear-gradient(top, #95b75d 0%, #89ad4d 100%); background: -o-linear-gradient(top, #95b75d 0%, #89ad4d 100%); background: -ms-linear-gradient(top, #95b75d 0%, #89ad4d 100%); background: linear-gradient(to bottom, #95b75d 0%, #89ad4d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#95b75d, endColorstr=#89ad4d, GradientType=0); } .widget.widget-info { background: #3fbae4; background: -moz-linear-gradient(top, #3fbae4 0%, #29b2e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fbae4), color-stop(100%, #29b2e1)); background: -webkit-linear-gradient(top, #3fbae4 0%, #29b2e1 100%); background: -o-linear-gradient(top, #3fbae4 0%, #29b2e1 100%); background: -ms-linear-gradient(top, #3fbae4 0%, #29b2e1 100%); background: linear-gradient(to bottom, #3fbae4 0%, #29b2e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3fbae4, endColorstr=#29b2e1, GradientType=0); } .widget.widget-warning { background: #fea223; background: -moz-linear-gradient(top, #fea223 0%, #fe970a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fea223), color-stop(100%, #fe970a)); background: -webkit-linear-gradient(top, #fea223 0%, #fe970a 100%); background: -o-linear-gradient(top, #fea223 0%, #fe970a 100%); background: -ms-linear-gradient(top, #fea223 0%, #fe970a 100%); background: linear-gradient(to bottom, #fea223 0%, #fe970a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea223, endColorstr=#fe970a, GradientType=0); } .widget.widget-danger { background: #b64645; background: -moz-linear-gradient(top, #b64645 0%, #a43f3e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b64645), color-stop(100%, #a43f3e)); background: -webkit-linear-gradient(top, #b64645 0%, #a43f3e 100%); background: -o-linear-gradient(top, #b64645 0%, #a43f3e 100%); background: -ms-linear-gradient(top, #b64645 0%, #a43f3e 100%); background: linear-gradient(to bottom, #b64645 0%, #a43f3e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b64645, endColorstr=#a43f3e, GradientType=0); } .widget .widget-title, .widget .widget-subtitle, .widget .widget-int, .widget .widget-big-int { width: 100%; float: left; text-align: center; } .widget .widget-title { font-size: 16px; font-weight: 600; margin-bottom: 5px; line-height: 20px; text-transform: uppercase; } .widget .widget-subtitle { font-size: 12px; font-weight: 400; margin-bottom: 5px; line-height: 15px; color: #EEE; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .widget .widget-int { font-size: 32px; line-height: 40px; font-weight: bold; font-family: arial; } .widget .widget-big-int { font-size: 42px; line-height: 45px; font-weight: 300; } .widget .widget-item-left { margin-left: 10px; float: left; width: 100px; } .widget .widget-item-right { margin-right: 10px; float: right; width: 100px; } .widget.widget-item-icon .widget-item-left, .widget.widget-item-icon .widget-item-right { width: 40px; padding: 20px 0px; text-align: center; } .widget.widget-item-icon .widget-item-left { border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right: 10px; padding-right: 10px; } .widget.widget-item-icon .widget-item-right { border-left: 1px solid rgba(0, 0, 0, 0.1); margin-left: 10px; padding-left: 10px; } .widget .widget-item-left .fa, .widget .widget-item-right .fa, .widget .widget-item-left .glyphicon, .widget .widget-item-right .glyphicon { font-size: 30px; } .widget .widget-data { padding-left: 120px; } .widget .widget-data-left { padding-right: 120px; } .widget.widget-item-icon .widget-data { padding-left: 61px; } .widget.widget-item-icon .widget-data-left { padding-right: 90px; padding-left: 10px; } .widget .widget-data .widget-title, .widget .widget-data-left .widget-title, .widget .widget-data .widget-subtitle, .widget .widget-data-left .widget-subtitle, .widget .widget-data .widget-int, .widget .widget-data-left .widget-int, .widget .widget-data .widget-big-int, .widget .widget-data-left .widget-big-int { text-align: left; } .widget .widget-controls a { position: absolute; width: 30px; height: 30px; text-align: center; line-height: 27px; color: #FFF; border: 1px solid #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; opacity: 0.4; filter: alpha(opacity = 40); } .widget .widget-controls a.widget-control-left { left: 10px; top: 10px; } .widget .widget-controls a.widget-control-right { right: 10px; top: 10px; } .widget .widget-controls a:hover { opacity: 1; filter: alpha(opacity = 100); } .widget .widget-buttons { float: left; width: 100%; text-align: center; padding-top: 3px; margin-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .widget .widget-buttons a { position: relative; display: inline-block; line-height: 30px; font-size: 21px; } .widget .widget-buttons .col { width: 100%; float: left; } .widget .widget-buttons.widget-c2 .col { width: 50%; } .widget .widget-buttons.widget-c3 .col { width: 33.333333%; } .widget .widget-buttons.widget-c4 .col { width: 25%; } .widget .widget-buttons.widget-c5 .col { width: 20%; } .widget.widget-primary .widget-buttons a { color: #010101; border-color: #010101; } .widget.widget-primary .widget-buttons a:hover { color: #000000; } .widget.widget-success .widget-buttons a { color: #51672e; border-color: #51672e; } .widge.widget-success .widget-buttons a:hover { color: #435526; } .widget.widget-info .widget-buttons a { color: #14708f; border-color: #14708f; } .widget.widget-info .widget-buttons a:hover { color: #115f79; } .widget.widget-warning .widget-buttons a { color: #a15e01; border-color: #a15e01; } .widget.widget-warning .widget-buttons a:hover { color: #874f01; } .widget.widget-danger .widget-buttons a { color: #5a2222; border-color: #5a2222; } .widget.widget-danger .widget-buttons a:hover { color: #471b1b; } .plugin-clock span { -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: pulsate 1s ease-out; -moz-animation-iteration-count: infinite; animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0.0; margin-right: 2px; } .widget.widget-default { color: #434a54; } .widget.widget-default .widget-subtitle { color: #434a54; } .widget.widget-default .widget-controls a { color: #434a54; border-color: #434a54; } /* END WIDGETS */ /* TILES */ .tile { width: 100%; float: left; margin: 0px; list-style: none; text-decoration: none; font-size: 38px; font-weight: 300; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; margin-bottom: 20px; min-height: 100px; position: relative; border: 1px solid #D5D5D5; text-align: center; } .tile.tile-valign { line-height: 75px; } .tile.tile-default { background: #FFF; color: #656d78; } .tile.tile-default:hover { background: #FAFAFA; } .tile.tile-primary { background: #33414e; border-color: #33414e; } .tile.tile-primary:hover { background: #2f3c48; } .tile.tile-success { background: #95b75d; border-color: #95b75d; } .tile.tile-success:hover { background: #90b456; } .tile.tile-warning { background: #fea223; border-color: #fea223; } .tile.tile-warning:hover { background: #fe9e19; } .tile.tile-danger { background: #b64645; border-color: #b64645; } .tile.tile-danger:hover { background: #af4342; } .tile.tile-info { background: #3fbae4; border-color: #3fbae4; } .tile.tile-info:hover { background: #36b7e3; } .tile:hover { text-decoration: none; color: #FFF; } .tile.tile-default:hover { color: #656d78; } .tile .fa { font-size: 52px; line-height: 74px; } .tile p { font-size: 14px; margin: 0px; } .tile .informer { position: absolute; left: 5px; top: 5px; font-size: 12px; color: #FFF; line-height: 14px; } .tile .informer.informer-default { color: #FFF; } .tile .informer.informer-primary { color: #33414e; } .tile .informer.informer-success { color: #95b75d; } .tile .informer.informer-info { color: #3fbae4; } .tile .informer.informer-warning { color: #fea223; } .tile .informer.informer-danger { color: #b64645; } .tile .informer .fa { font-size: 14px; line-height: 16px; } .tile .informer.dir-tr { left: auto; right: 5px; } .tile .informer.dir-bl { top: auto; bottom: 5px; } .tile .informer.dir-br { left: auto; top: auto; right: 5px; bottom: 5px; } /* EOF TILES */ /* MESSAGES */ .messages { width: 100%; float: left; } .messages .item { width: 100%; float: left; margin-bottom: 10px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .messages .item .text { background: #FFF; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #D5D5D5; } .messages .item .text .heading { width: 100%; margin-bottom: 5px; } .messages .item .text .heading a { text-decoration: none; font-size: 12px; color: #33414e; font-weight: 600; line-height: 20px; } .messages .item .text .heading .date { float: right; line-height: 20px; font-size: 11px; color: #CCC; font-weight: 600; } .messages .item .text:hover { border-color: #BBB; } .messages .item:nth-child(2n) .text { background: #F6F6F6; } .messages .item.item-visible { opacity: 1; filter: alpha(opacity = 100); } .messages.messages-img .item .image { float: left; width: 40px; } .messages.messages-img .item .image img { border: 2px solid #F5F5F5; border-radius: 50%; width: 40px; } .messages.messages-img .item .text { margin-left: 50px; position: relative; } .messages.messages-img .item .text:after, .messages.messages-img .item .text:before { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .messages.messages-img .item .text:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 5px; margin-top: -5px; } .messages.messages-img .item .text:before { border-color: rgba(213, 213, 213, 0); border-right-color: #D5D5D5; border-width: 6px; margin-top: -6px; } .messages.messages-img .item .text:hover:before { border-right-color: #BBB; } .messages.messages-img .item.in .image { float: right; } .messages.messages-img .item.in .text { margin-left: 0px; margin-right: 50px; } .messages.messages-img .item.in .text:after, .messages.messages-img .item.in .text:before { right: auto; left: 100%; } .messages.messages-img .item.in .text:after { border-right-color: transparent; border-left-color: #FFF; } .messages.messages-img .item.in .text:before { border-right-color: transparent; border-left-color: #D5D5D5; } .messages.messages-img .item.in .text:hover:before { border-left-color: #BBB; } /* END MESSAGES */ /* CONTACTS */ .contact-info { float: left; width: 100%; } .contact-info p { margin-bottom: 5px; } .contact-info strong { font-size: 13px; } .contact-info small { font-weight: 700; } /* END CONTACTS */ /* LOCK SCREEN */ .lockscreen-container { float: left; width: 100%; min-height: 100%; background: url("../img/bg.png") left top repeat #33414e; } .lockscreen-container .lockscreen-box { width: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -120px; } .lockscreen-container .lockscreen-box .lsb-access { border: 5px solid #29343f; background: #1f272f; width: 140px; height: 140px; float: left; margin-left: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .lockscreen-container .lockscreen-box .lsb-access .lsb-box { background: #33414e; border: 5px solid #1b2229; width: 120px; height: 120px; margin: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 110px; text-align: center; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .lockscreen-container .lockscreen-box .lsb-access .lsb-box .fa { font-size: 64px; line-height: 110px; color: #1f272f; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .lockscreen-container .lockscreen-box .lsb-access .lsb-box .user { display: none; position: relative; } .lockscreen-container .lockscreen-box .lsb-access .lsb-box .user img { border: 0px; width: 110px; height: 110px; } .lockscreen-container .lockscreen-box .lsb-access .lsb-box .user .user_signin { position: absolute; width: 110px; height: 110px; left: 0px; top: 0px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.2); display: none; z-index: 5; } .lockscreen-container .lockscreen-box .lsb-access .lsb-box .user .user_signin .fa { font-size: 64px; color: rgba(0, 0, 0, 0.3); line-height: 110px; text-align: center; text-shadow: none; } .lockscreen-container .lockscreen-box .lsb-access .lsb-box .user:hover .user_signin { display: block; } .lockscreen-container .lockscreen-box .lsb-access .lsb-box .user:hover .user_signin .fa { display: block; } .lockscreen-container .lockscreen-box .lsb-access:hover { border-color: #2f3c48; background-color: #252f38; cursor: pointer; } .lockscreen-container .lockscreen-box .lsb-access:hover .lsb-box { border-color: #212a32; background: #374654; } .lockscreen-container .lockscreen-box .lsb-access:hover .lsb-box .fa { color: #232c35; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .lockscreen-container .lockscreen-box .lsb-form { display: none; float: left; width: 200px; margin-top: 20px; position: relative; } .lockscreen-container .lockscreen-box .lsb-form .sign-in { display: none; } .lockscreen-container .lockscreen-box .lsb-form .input-group-addon { background: #2f3c48; border: 1px solid #2d3945; border-right: 0px; color: #D5D5D5; font-size: 23px; line-height: 32px; } .lockscreen-container .lockscreen-box .lsb-form .input-group-addon .fa { line-height: 32px; } .lockscreen-container .lockscreen-box .lsb-form input { background: #2f3c48; color: #D5D5D5; border: 1px solid #2d3945; height: 36px; } .lockscreen-container .lockscreen-box .lsb-form ::-webkit-input-placeholder { color: #AAA; } .lockscreen-container .lockscreen-box .lsb-form :-moz-placeholder { color: #AAA; opacity: 1; } .lockscreen-container .lockscreen-box .lsb-form ::-moz-placeholder { color: #AAA; opacity: 1; } .lockscreen-container .lockscreen-box .lsb-form :-ms-input-placeholder { color: #AAA; } .lockscreen-container .lockscreen-box.active .lsb-access { position: relative; } .lockscreen-container .lockscreen-box.active .lsb-access:after { top: 135px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #29343f; border-width: 5px; margin-left: -5px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .lockscreen-container .lockscreen-box.active .lsb-access .lsb-box .fa { display: none; } .lockscreen-container .lockscreen-box.active .lsb-access .lsb-box .user { display: block; } .lockscreen-container .lockscreen-box.active .lsb-access:hover:after { border-top-color: #2f3c48; } .lockscreen-container .lockscreen-box.active .lsb-form { display: block; } /* END LOCK SCREEN */ /* REGISTRATION */ #registration .form-group-separated .form-group {border-bottom:none; clear: both;} #registration .form-group-separated h4 {margin-top: 15px;} .registration-container { float: left; width: 100%; min-height: 100%; background: url("../img/bg.png") left top repeat #33414e; } .registration-container .registration-box { width: 400px; margin: 0px auto; padding-top: 100px; } .registration-container .registration-box .registration-logo { background: url("../img/logo-lr.png") top center no-repeat; width: 100%; height: 100px; float: left; } .registration-container .registration-box .registration-body { width: 100%; float: left; background: rgba(255, 255, 255, 0.1); padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .registration-container .registration-box .registration-body .registration-title { color: #FFF; font-size: 19px; font-weight: 300; margin-bottom: 20px; } .registration-container .registration-box .registration-body .form-control { border: 0px; background: rgba(0, 0, 0, 0.2); padding: 10px 15px; color: #CCC; line-height: 20px; height: auto; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .registration-container .registration-box .registration-body .form-control:focus { background: rgba(0, 0, 0, 0.3); } .registration-container .registration-box .registration-body .btn-link { color: #FFF; border: 0px; } .registration-container .registration-box .registration-body .registration-subtitle { line-height: 20px; padding: 5px; font-size: 12px; color: #DDD; margin-top: -10px; } .registration-container .registration-box .registration-body .registration-subtitle a { color: #3fbae4; } .registration-container .registration-box .registration-body h4 { font-size: 12px; color: #F5F5F5; line-height: 20px; margin-top: 10px; } .registration-container .registration-box .registration-footer { width: 100%; float: left; padding: 10px; color: #FFF; } .registration-container .registration-box .registration-footer a { color: #FFF; } .registration-container.registration-extended .registration-box { width: 767px; } /* END REGISTRATION */ /* LOGIN */ /*.login-container { float: left; width: 100%; min-height: 100%; background: url("../img/bg.png") left top repeat #33414e; }* / .login-container .login-box { width: 400px; margin: 0px auto; padding-top: 100px; } .login-container .login-box .login-logo { background: url("../img/logo-lr.png") top center no-repeat; width: 100%; height: 100px; float: left; } .login-container .login-box .login-body { width: 100%; float: left; background: rgba(255, 255, 255, 0.1); padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .login-container .login-box .login-body .login-title { color: #FFF; font-size: 19px; font-weight: 300; margin-bottom: 20px; } .login-container .login-box .login-body .form-control { border: 0px; background: rgba(0, 0, 0, 0.2); padding: 10px 15px; color: #CCC; line-height: 20px; height: auto; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .login-container .login-box .login-body .form-control:focus { background: rgba(0, 0, 0, 0.3); } .login-container .login-box .login-body .btn-link { color: #FFF; border: 0px; } .login-container .login-box .login-body .login-or { width: 40px; height: 25px; background: rgba(0, 0, 0, 0.2); position: relative; margin: 25px auto; text-align: center; line-height: 25px; color: #FFF; } .login-container .login-box .login-body .login-or:before { content: ""; position: absolute; left: 0; width: 0; height: 0; top: -10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.2); } .login-container .login-box .login-body .login-or:after { content: ""; position: absolute; left: 0; width: 0; height: 0; bottom: -10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 10px solid rgba(0, 0, 0, 0.2); } .login-container .login-box .login-body .login-subtitle { line-height: 20px; padding: 5px 0px; font-size: 12px; color: #FFF; } .login-container .login-box .login-body .login-subtitle a { color: #3fbae4; } .login-container .login-box .login-footer { width: 100%; float: left; padding: 10px; color: #FFF; } .login-container .login-box .login-footer a { color: #FFF; } .login-container.lightmode { background: url("../img/backgrounds/wall_1.jpg") left top no-repeat; } .login-container.lightmode .login-box .login-body { background: rgba(255, 255, 255, 0.2); } .login-container.lightmode .login-box .login-body .form-control { background: rgba(255, 255, 255, 0.4); color: #333; } .login-container.lightmode .login-box .login-subtitle a { color: #33414e; } .login-container.login-v2 { background: url("../img/bg.png") left top repeat #f5f5f5; } .login-container.login-v2 .login-box .login-logo { background: url("../img/logo-grey.png") top center no-repeat; } .login-container.login-v2 .login-box .login-body .login-title { color: #33414e; } .login-container.login-v2 .login-box .login-body .form-control { background: #FFF; color: #33414e; border: 1px solid #D5D5D5; border-left: 0px; } .login-container.login-v2 .login-box .login-body .input-group-addon { background: #FFF; color: #33414e; line-height: 40px; font-size: 21px; border-color: #D5D5D5; } .login-container.login-v2 .login-box .login-body a { color: #33414e; } .login-container.login-v2 .login-box .login-footer { color: #656d78; } .login-container.login-v2 .login-box .login-footer a { color: #434a54; } .login-container.login-inside { background: transparent; } .login-container.login-inside .login-box { width: 100%; padding-top: 0px; } .login-container.login-inside .login-box .login-body { padding: 0px; } /* END LOGIN */ /* TIMELINE */ .img-text { border: 3px solid #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0px 10px 5px 0px; -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1); } .timeline { float: left; width: 100%; position: relative; padding: 0px; margin: 0px 0px 20px; } /*.timeline:before { content: " "; position: absolute; width: 6px; background: #FFF; height: 100%; left: 50%; margin-left: -3px; border: 1px solid rgba(0, 0, 0, 0.1); }*/ .timeline .timeline-item { width: 50%; float: left; position: relative; clear: both; margin-bottom: 20px; z-index: 2; } .timeline .timeline-item.timeline-main { height: 40px; width: 50%; } .timeline .timeline-item .timeline-date { padding: 7px 10px; line-height: 20px; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; right: -50px; top: 0px; font-weight: 600; color: #33414e; background: #F5F5F5; text-align: center; border: 3px solid #FFF; width: 100px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .timeline .timeline-item .timeline-date a { color: #33414e; } .timeline .timeline-item .timeline-item-content { float: left; background: #F5F5F5; border: 3px solid #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 95%; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .timeline .timeline-item .timeline-item-content:before, .timeline .timeline-item .timeline-item-content:after { left: 95%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .timeline .timeline-item .timeline-item-content:before { border-color: rgba(255, 255, 255, 0); border-left-color: #FFF; border-width: 3px; margin-top: -3px; } .timeline .timeline-item .timeline-item-content:after { border-color: rgba(255, 255, 255, 0); border-left-color: #FFF; border-width: 7px; margin-top: -7px; } .timeline .timeline-item .timeline-item-content .timeline-heading { width: 100%; float: left; padding: 0px 10px 5px; line-height: 30px; } .timeline .timeline-item .timeline-item-content .timeline-heading img { width: 30px; height: 30px; margin-right: 5px; border: 2px solid #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .timeline .timeline-item .timeline-item-content .timeline-heading a { color: #33414e; font-weight: 600; } .timeline .timeline-item .timeline-item-content .timeline-body { width: 100%; float: left; padding: 0 10px; } .timeline .timeline-item .timeline-item-content .timeline-body a, .timeline .timeline-item .timeline-item-content .timeline-body a:visited {color:#d00418;} .timeline .timeline-item .timeline-item-content .timeline-body a:focus, .timeline .timeline-item .timeline-item-content .timeline-body a:hover { color: #ea0000;} .timeline .timeline-item .timeline-item-content .timeline-body.comments { padding: 0px; } .timeline .timeline-item .timeline-item-content .timeline-footer { width: 100%; float: left; padding: 5px 10px; line-height: 20px; background: #FFF; } .timeline .timeline-item .timeline-item-content .timeline-footer a { color: #33414e; font-size: 12px; margin-right: 10px; text-decoration: none; } .timeline .timeline-item .timeline-item-content .timeline-footer a:hover { color: #29343f; } .timeline .timeline-item .timeline-item-content .timeline-footer .pull-right > a:last-child { margin-right: 0px; } .timeline .timeline-item .timeline-item-info { position: absolute; left: 105%; font-size: 12px; padding: 7px 15px; line-height: 20px; width: 110px; text-align: center; background: #F5F5F5; border: 3px solid #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); font-weight: 600; } .timeline .timeline-item .timeline-item-icon { position: absolute; right: -20px; width: 40px; height: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 20px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); line-height: 34px; text-align: center; border: 3px solid #FFF; background: #F5F5F5; color: #BBB; } .timeline .timeline-item:last-child { margin-bottom: 0px; } .timeline .timeline-item.timeline-item-right { float: right; } .timeline .timeline-item.timeline-item-right .timeline-item-info { left: auto; right: 105%; } .timeline .timeline-item.timeline-item-right .timeline-item-info:before { right: auto; left: 100%; } .timeline .timeline-item.timeline-item-right .timeline-item-content { float: right; } .timeline .timeline-item.timeline-item-right .timeline-item-content:before, .timeline .timeline-item.timeline-item-right .timeline-item-content:after { left: auto; right: 95%; border-right-color: #eee; /* border-left-color: transparent;*/ } .timeline .timeline-item.timeline-item-right .timeline-item-icon { right: auto; left: -20px; } .timeline.timeline-right:before { left: 160px; } .timeline.timeline-right .timeline-item { width: 100%; padding-left: 125px; } .timeline.timeline-right .timeline-item.timeline-main { width: 160px; padding-left: 0px; } .timeline.timeline-right .timeline-item .timeline-item-content { width: 100%; } .timeline.timeline-right .timeline-item .timeline-item-content:before, .timeline.timeline-right .timeline-item .timeline-item-content:after { right: auto; left: 111px; } @media only screen and (max-width: 768px) { .timeline.timeline-right .timeline-item .timeline-item-content:before, .timeline.timeline-right .timeline-item .timeline-item-content:after { left: 96px;} } .timeline.timeline-right .timeline-item .timeline-item-content:before { border-width: 0px; } .timeline.timeline-right .timeline-item .timeline-item-info { left: 0px; right: auto; } .timeline.timeline-right .timeline-item .timeline-item-icon { left: 140px; } .timeline-HAPtheme .timeline-heading p {margin:0;font-size: 14px; font-weight: 300; color: #23527c;} /* END TIMELINE */ /* COMMENTS */ .comments { float: left; width: 100%; padding: 0px; margin: 0px; background: #eff7ff; } .comments .comment-item { float: left; width: 100%; padding: 10px 10px 8px; line-height: 15px; border-bottom: 1px solid #dbedff; } .comments .comment-item img { width: 30px; height: 30px; margin: 0px 10px 20px 0px; border: 3px solid #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: left; } .comments .comment-item p { margin-bottom: 0px; line-height: 13px; margin-bottom: 5px; font-size: 11px; } .comments .comment-item p.comment-head { font-size: 12px; } .comments .comment-item p.comment-head a { font-size: 12px; font-weight: 600; color: #333; } .comments .comment-item small { line-height: 10px; } .comments .comment-item:first-child { border-top: 1px solid #dbedff; } .comments .comment-write { float: left; width: 100%; padding: 5px; } .comments .comment-write .form-control { border-color: #d0e8ff; } /* END COMMENTS */ /* TASKS */ .panel-body.tasks { padding: 10px; } .tasks { float: left; width: 100%; } .tasks .task-item { width: 100%; float: left; padding: 0px; background: #FFF; border-left: 3px solid #FFF; margin-bottom: 10px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .tasks .task-item:hover { background: #F9F9F9; cursor: pointer; } .tasks .task-item.task-complete { background: #FFF2C5; } .tasks .task-item.task-primary { border-left-color: #33414e; } .tasks .task-item.task-success { border-left-color: #95b75d; } .tasks .task-item.task-info { border-left-color: #3fbae4; } .tasks .task-item.task-warning { border-left-color: #fea223; } .tasks .task-item.task-danger { border-left-color: #b64645; } .tasks .task-item .task-text { margin-bottom: 10px; float: left; width: 100%; font-size: 12px; font-weight: 400; padding: 10px; } .tasks .task-item .task-footer { float: left; width: 100%; font-size: 12px; color: #AAA; line-height: 20px; padding: 10px; background: #F5F5F5; } .tasks .task-item .task-footer a { color: #AAA; display: block; float: left; margin-left: 10px; font-size: 14px; } .tasks .task-item .task-footer a:hover { color: #656d78; } .tasks .task-drop { float: left; width: 100%; padding: 15px 10px; margin-bottom: 10px; border: 2px dashed #D5D5D5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 16px; text-align: center; line-height: 20px; } .tasks .task-drop:hover { opacity: 0.5; filter: alpha(opacity = 50); cursor: pointer; } /* END TASKS */ /* search result */ .search-results { float: left; width: 100%;} #produktyZadne { background: #fcc; border: 1px solid red; font-size: 16px; margin: 15px 0 35px; padding: 25px;} #searchPresne, #searchCastecne { padding: 8px 18px; margin-top:10px; } #searchPresne.in-table, #searchCastecne.in-table {position:absolute; width: initial; margin-top:-20px;} #searchPresne.in-galery, #searchCastecne.in-galery{font-size: 14px;} #searchPresne > strong::before, #searchPresne > strong::after { content: "\0022";} #searchHolder {display:flex;} #searchBad {width: auto; padding: 8px 18px; margin: 10px 0 10px 10px;} #searchBad a {color: white;text-decoration: underline; white-space: noWrap} #searchBad.in-table {position: absolute;right: -200px;top: -11px} .partialResult .alert-info {background-color: #fe970a; border-color:#f60;} .partialResult .alert-info strong {text-shadow: 0 0 1px #600;} tr.searchAlert { height: 80px; } tr.searchAlert td { background: white !important; border-color: white !important;} .search-results .sr-item { float: left; width: 100%; margin-bottom: 5px; padding: 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FFF; -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); } .search-results .sr-item .sr-item-title { font-size: 16px; font-weight: 600; color: #434a54; display: block; } .search-results .sr-item .sr-item-link { font-size: 12px; font-weight: 400; color: #95b75d; line-height: 20px; } .search-results .sr-item p { font-size: 13px; color: #656d78; margin: 5px 0px; } .search-results .sr-item p.sr-item-links { font-size: 11px; } .search-results .sr-item:last-child { margin-bottom: 20px; } /* eof search restult */ /* staticke stranky a clanny */ #ArticleDetail {max-width:1024px; margin-top: 15px} #ArticleDetail .content-frame-body, #ArticleList .content-frame-body {padding-top:20px;} .fullArticleDetail {max-width:1024px;} /* fix obrazku v clancich a promoskach vkladanych pres RS*/ .fullPromoDetail .panel-body img, .fullArticleDetail .panel-body img, #ArticleDetail .post-text img { max-width: 100%; height: auto;} @media screen and (max-width: 680px) { .fullArticleDetail table, .fullArticleDetail td {width: initial !important; max-width: 100% !important} } #GridFreeLinksBox {border: 2px solid #eee; border-radius: 10px; margin: 45px 15px 15px; padding: 25px; border-top-color: #337ab7;} #GridFreeLinksBox .GFheader {display: block; background: #3fbae4; padding: 15px 25px 15px; margin: -25px -25px 15px; border-radius: 5px 5px 0 0; color: white;} #GridFreeLinksBox li { list-style:disc; } .moreless { padding: 4px 15px;} .moreless span { padding: 0 10px; color: #3fbae4; cursor: pointer;} /* Posts */ .posts .post-item { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ddd; } .post-wrap {padding-right:10px;} .posts .post-item img.post-image {width:unset; max-width:100%;} #ArticleList .posts .post-item img.img-responsive {width:unset; max-width:50%; float:left;} .posts .post-item .post-title { font-size: 25px; font-weight: 400; color: #434a54; float: left; width: 100%; line-height: 30px; } .posts .post-item .post-title a { font-size: 25px; color: #434a54; } .posts .post-item .post-date { font-size: 11px; color: #99a0aa; line-height: 20px; margin: 5px 0px 0px; float: left; width: 100%; } .posts .post-item .post-date a { color: #99a0aa; } .posts .post-item .post-date .fa { font-size: 12px; margin-right: 5px; } .posts .post-item .post-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 6px; } .posts .post-item .post-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .posts .post-item .post-text { font-size: 13px; float: left; width: 100%; margin: 10px 0px; } .posts .post-item .post-row { float: left; width: 100%; font-size: 11px; } .posts .post-item .post-row .post-info { line-height: 20px; padding: 5px 10px; border: 1px solid #F5F5F5; font-size: 11px; color: #99a0aa; float: left; } /*.posts .post-item:last-child { margin-bottom: 0px; padding-bottom: 10px; border-bottom: 0px; }*/ .post-image { width: 400px; float: left; } @media only screen and (min-width: 1359px){ .posts .row {column-count:2;-webkit-column-count:2;-moz-column-count:2; -webkit-column-gap: 0.1em; -moz-column-gap: 0.1em; column-gap: 0.1em;} } @media only screen and (max-width: 1024px){ .posts .row {column-count:2;-webkit-column-count:2;-moz-column-count:2; -webkit-column-gap: 0.1em; -moz-column-gap: 0.1em; column-gap: 0.1em;} } @media only screen and (max-width: 766px){ .posts .row {column-count:1;-webkit-column-count:1;-moz-column-count:1; -webkit-column-gap: 0.1em; -moz-column-gap: 0.1em; column-gap: 0.1em;} } /*@media only screen and (min-width: 1359px){ .posts .row {column-count:2;-webkit-column-count:2;-moz-column-count:2;} }*/ .links { float: left; width: 100%; padding: 5px 10px; } .links a { font-size: 16px; font-weight: 400; color: #656d78; display: block; float: left; width: 100%; line-height: 30px; } .links a .label { float: right; padding: 5px 10px; margin-top: 3px; } .links.small a { font-size: 12px; line-height: 20px; margin-bottom: 10px; } /* eof posts */ #ArticleSidebars .links a { line-height: 20px; margin: 0 0 10px; font-size: 14px;} #ArticleSidebars .links a:before { content: "\f10c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10px; color:#bbb; margin:0 5px 0 0; float: left;} /* faq */ .panel-body.faq { padding: 0px; } .faq { width: 100%; float: left; } .faq .faq-item { width: 100%; float: left; padding: 10px 15px; border-bottom: 1px solid #F5F5F5; } .faq .faq-item .faq-title { font-size: 16px; font-weight: 400; color: #434a54; line-height: 30px; float: left; width: 100%; cursor: pointer; position: relative; padding-left: 45px; } .faq .faq-item .faq-title .fa { color: #656d78; width: 30px; height: 30px; border: 1px solid #656d78; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; line-height: 31px; text-align: center; position: absolute; left: 0px; top: 0px; } .faq .faq-item .faq-text { font-size: 13px; color: #656d78; line-height: 20px; float: left; width: 100%; padding: 0px 20px; max-height: 0px; height: 0px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; overflow: hidden; } .faq .faq-item .faq-text h5 { font-weight: 600; font-size: 14px; } .faq .faq-item.active { padding-bottom: 0px; border-bottom: 1px solid #FFF; } .faq .faq-item.active .faq-title .fa { line-height: 28px; } .faq .faq-item.active .faq-text { max-height: 500px; height: auto; background: #F5F5F5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 15px 20px; margin-top: 10px; } .faq .faq-item:first-child { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border-top: 1px solid #F5F5F5; } .faq .faq-item:last-child { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; padding-bottom: 15px; } .faq .faq-highlight { background: #fea223; color: #FFF; padding: 0px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: underline; } /* eof faq */ /* message box */ .message-box { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } .message-box.open { display: block; } .message-box .mb-container { position: absolute; left: 0px; top: 35%; background: rgba(0, 0, 0, 0.9); padding: 20px; width: 100%; } .message-box .mb-container .mb-middle { width: 50%; left: 25%; position: relative; color: #FFF; } .message-box .mb-container .mb-middle .mb-title { width: 100%; float: left; padding: 10px 0px 0px; font-size: 31px; font-weight: 400; line-height: 36px; } .message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon { font-size: 38px; float: left; margin-right: 10px; } .message-box .mb-container .mb-middle .mb-content { width: 100%; float: left; padding: 10px 0px 0px; } .message-box .mb-container .mb-middle .mb-content p { margin-bottom: 0px; } .message-box .mb-container .mb-middle .mb-footer { width: 100%; float: left; padding: 10px 0px; } .message-box.message-box-warning .mb-container { background: rgba(254, 162, 35, 0.9); } .message-box.message-box-danger .mb-container { background: rgba(182, 70, 69, 0.9); } .message-box.message-box-info .mb-container { background: rgba(63, 186, 228, 0.9); } .message-box.message-box-success .mb-container { background: rgba(149, 183, 93, 0.9); } /* end message box */ /* INTRO */ #introFunctions {margin-bottom:15px;} #introFunctions h4 {margin: 10px 0 0 15px;} #introFunctions h4 span {font-size: 12px;background: #3fbae4;color: white;padding: 5px 15px;display: inline-block;border-radius: 5px 5px 0 0;} #Intro-Business-Info .progress-list { font-size: 13px;} #Intro-Business-Info .progress-list a, #Company-Business-Info .progress-list a { display: inline-block; width: 100%;} #Intro-Business-Info .progress-list a:hover, #Company-Business-Info .progress-list a:hover {background:#f9f9f9;} #Intro-Orders .list-group-item > .badge {float:none;} #Intro-Orders .panel-body.panel-body-table a { font-size: 13px; cursor:pointer;} #Intro-Timeline .panel-group {margin:0;} #Intro-Timeline .timeline .timeline-item .timeline-item-content .timeline-body {padding:0;} #Intro-Timeline .panel-group .panel {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} #Intro-Timeline .panel-group .panel .table .tdPrice {white-space:nowrap;} #Intro-Timeline .panel-group .panel .panel-title {font-size:13px;} @media (max-width: 550px) { #introFunctions .btn-group a { width: 100%; border-radius: 5px; margin: 0 auto 5px; float: none;} } /* end INTRO */ /* produict list*/ .product-gallery {float: left; width: 100%; } .product-gallery > form { display: flex; flex-wrap: wrap; gap: 5px;} .product-gallery .product-gallery-item { float: left; width: 355px; padding: 0; text-decoration: none; position: relative; min-width: 200px; margin-bottom:10px} @media (max-width: 2100px) { .product-gallery .product-gallery-item { width: calc(20% - 5px); }} @media (max-width: 1800px) { .product-gallery .product-gallery-item { width: calc(25% - 5px); }} @media (max-width: 1280px) { .product-gallery .product-gallery-item { width: calc(33% - 5px); }} @media (max-width: 780px) { .product-gallery .product-gallery-item { width: calc(50% - 5px); }} @media (max-width: 520px) { .product-gallery .product-gallery-item { width: 100%; }} /*ASM jinak breakpointy*/ .product-gallery .product-loyalty-program {} .product-gallery .product-gallery-item .product-status { position: absolute; z-index:2;} /* 3 z-index-error */ .product-table-A .product-status span, .product-gallery .product-status span { color: white; display: block; padding: 2px; margin: 3px; font-size:9px; text-transform: uppercase; letter-spacing: 0.5px; border: 1px solid transparent; border-radius: 0 3px; } .product-table-A .A-state { padding: 0;} .product-table-A .A-state .product-status { /*max-width:85px; */padding-top: 2px;} .product-table-A .A-state .product-status span { font-size:8px; white-space:nowrap; border-radius: 0; margin: 0; text-align: center;} span.product-status-novinka {background: rgba(50, 80, 250, 0.8); } span.product-status-doporucujem {background: rgba(0, 88, 164, 0.8); margin: 7px !important; } .table span.product-status-doporucujem { margin: 0 !important;} span.product-status-vyprodej {background: rgba(0, 220, 30, 0.8); } span.product-status-doprodej {background: rgba(120, 80, 50, 0.8); } span.product-status-na-objednavku {background: rgba(0, 150, 50, 0.8); } span.product-status-pripravujeme {background: rgba(80, 180, 250, 0.8); } span.product-status-cenova-akce {background: rgba(245, 0, 0, 0.8); } span.product-status-okamzita-odmena {background: rgba(250, 50, 100, 0.8);} span.product-status-omezena-dostupnost {background: rgba(255, 129, 70, 0.8); position:relative;white-space: normal; } span.product-status-u-dodavatele {background: rgba(80, 180, 250, 0.8); } span.product-ext-warranty { color:#8b8b8b !important; background: #eee} .product-status .energy-label-icon { height: 2.5em; margin-left: -3px} .product-gallery-item.doporucujeme .image { border: 4px solid #337ab7;} .product-gallery .product-gallery-item.doporucujeme .meta { background: #337ab7; color: white;} .product-gallery-item.doporucujeme > a { border: 1px solid #337ab7;} .product-status.rabat { top: 2em;} .product-rabat { background: rgba(250, 30, 00, 0.8);} .table .A-link p.block-with-text a {background:none;} .table .A-link .product-status-novinka {color: rgb(50, 80, 250); } .table .A-link .product-status-doporucujem {color: rgb(0, 88, 164); } .table .A-link .product-status-vyprodej {color: rgb(0, 200, 30); } .table .A-link .product-status-doprodej {color: rgb(120, 80, 50); } .table .A-link .product-status-na-objednavku {color: rgb(0, 150, 50); } .table .A-link .product-status-pripravujeme {color: rgb(80, 180, 250); } .table .A-link .product-status-cenova-akce {color: rgb(245, 0, 0); } .table .A-link .product-status-okamzita-odmena {color: rgb(250, 50, 100);} .table .A-link .product-status-omezena-dostupnost {color: rgb(255, 129, 70); position: initial;} .table .A-link a[class=""] {color:#333;} .all-products-link { flex-grow: 1;width: 100%;text-align: center;margin: 1em;} /* Infookna nezname dostupnmosti*/ .product-status-omezena-dostupnost.otaznik::before { background: #fe8950;; border-radius: 3px; content: " ? "; display: block; font-size: 10px; font-weight: 800; padding: 0 4px; position: absolute; right: -2px; top: -2px; } .quick .product-status-omezena-dostupnost.otaznik {font-size: 1px !important;padding: 0 !important;color: transparent !important;background: none;} .quick .product-status-omezena-dostupnost.otaznik::before { right: unset; top: unset; color: white; position: relative;} /*rychly vypis*/ #ProductDetailStocks .product-status-omezena-dostupnost.otaznik { color: white; display: block; padding: 5px;} /*detail*/ .product-status-omezena-dostupnost span.informujMe { display:none; background: #fe8950 /*rgb(255, 129, 70)*/; left: 0; margin: 0; padding: 10px; position: absolute; top: 0; width: 180px; z-index: 9; box-shadow: 0 0 10px #666;} #ProductDetailStocks .product-status-omezena-dostupnost span.informujMe { top: -24px;} .informujMe input { float: left; margin: 1px 5px 0 0; } .informujMe > label { float: left; font-size: 11px; line-height: 22px; width: 80%; white-space: initial} .product-status span.informujMe > label span { display:none;} .product-status-omezena-dostupnost span.informujMeUlozeno { display:none; color: white; background: rgb(80, 180, 50); margin: 0 0 5px 7px; width: 122px; padding:5px; position: absolute; right: -2px; top: -2px; white-space: initial;} .product-status-omezena-dostupnost span.informujMeUlozeno a { color: white; text-decoration:underline;} .product-status-omezena-dostupnost span.informujMeUlozeno:hover {background: rgb(80, 180, 50)} .product-status-omezena-dostupnost:hover > span.informujMe, .product-status-omezena-dostupnost:hover > span.informujMeUlozeno { display:block; } #ProductDetailStocks .product-status-omezena-dostupnost span.informujMeUlozeno { left: -7px; top: 0; right: initial;} .product-gallery .product-gallery-item .image .gallery-item-controls li.informujMe { color: white; background: rgba(255, 129, 70, 0.8); margin: 0 0 5px 7px; width: 122px; padding:5px;} .product-gallery .product-gallery-item .image .gallery-item-controls li.informujMe > label { color: white; line-height: 16px; text-align:left;} .product-gallery .product-gallery-item .image .gallery-item-controls li.informujMe:hover { background: rgb(255, 129, 70)} .product-gallery .product-gallery-item .image .gallery-item-controls li.informujMeUlozeno { color: white; background: rgb(80, 180, 50); margin: 0 0 5px 7px; width: 122px; padding:5px;} .product-gallery .product-gallery-item .image .gallery-item-controls li.informujMeUlozeno a { color: white; text-decoration:underline;} .product-gallery .product-gallery-item .image .gallery-item-controls li.informujMeUlozeno:hover {background: rgb(80, 180, 50)} .product-gallery-item .product-status-omezena-dostupnost::before { display: none;} /* vypnout otazníček u dostupnosti v galerii*/ /* /Infookna nezname dostupnmosti*/ .product-gallery .product-gallery-item .Buy { float: right; position: relative;} .product-gallery .product-gallery-item .product-gift { bottom: 0; left: 0; position: absolute; z-index: 3;} .product-gallery .product-gallery-item .product-gift-name { background: rgba(255, 255, 255, 0.8); display: inline-block; font-size: 10px; line-height: 15px; padding: 3px;} .product-gallery .product-gallery-item .product-gift-name span.red { color:#ea0000;} .product-gallery .product-gallery-item .product-gift-name span.fa { font-size:14px;} /*.product-gallery .product-gallery-item .product-gift img {display:none; bottom: 35px; left: 0; position: absolute;}*/ .product-gallery .product-gallery-item .image .product-gift img { bottom: 35px; display: none; left: 0; max-height: 150px; max-width: 150px; position: absolute;} .product-gallery .product-gallery-item .product-gift:hover > img {display:block;} .product-gallery .product-gallery-item .image { width: 100%; height: 19em; background: white; text-align: center; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); cursor: pointer; position: relative; overflow: hidden;} .product-gallery .product-gallery-item .image a { display: block;} .product-gallery .product-gallery-item.reklama a { height: calc(100% - 34px);} .product-gallery .product-gallery-item.reklama .image { height: 100%; background-size: auto 27em !important; border-radius: 3px; background-repeat: no-repeat; background-position: center top;} .product-gallery .product-gallery-item .image:after, .product-gallery .product-gallery-item .image:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 1;} .product-gallery .product-gallery-item .image:before { z-index: 2; background: rgba(0, 0, 0, 0); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .product-gallery .product-gallery-item .image:hover:before { background: #787f8d22;} .product-gallery .product-gallery-item .image img {max-width:90%; max-height: 99%;} .product-gallery .product-gallery-item .image img.product-image { max-width: 90%; max-height: 100%;; padding:10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .product-gallery .product-gallery-item.reklama .image img { max-width: 100%;} .product-gallery .product-gallery-item .image .gallery-item-controls { position: absolute; right: -135px; width: 135px; top: 3px; display: block; list-style: none; padding: 2px 0; z-index: 5; background:rgba(255,255,255,0.9); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; border-radius: 0 0 0 3px;} .product-gallery .product-gallery-item .image .gallery-item-controls li { float: left; list-style: none; background: none; width: 78px; text-align: center; } .product-gallery .product-gallery-item .image .gallery-item-controls li .check { margin: 4px 0px;} .product-gallery .product-gallery-item .image .gallery-item-controls li .icheckbox_minimal-grey { margin-right: 0px;} /*.product-gallery .product-gallery-item .image .gallery-item-controls li a, .product-gallery .product-gallery-item .image .gallery-item-controls li span { font-size: 17px; color: #BBB;}*/ .product-gallery .product-gallery-item .image .gallery-item-controls li a:hover, .product-gallery .product-gallery-item .image .gallery-item-controls li span:hover { color: #656d78;} .product-gallery .product-gallery-item .image .gallery-item-controls li:first-child { -moz-border-radius: 0px 0px 0px 3px; -webkit-border-radius: 0px 0px 0px 3px; border-radius: 0px 0px 0px 3px;} .product-gallery .product-gallery-item .image .gallery-item-controls li:hover { background: #F5F5F5;} .product-gallery .product-gallery-item:hover .image .gallery-item-controls { right: 3px;} .product-gallery .product-gallery-item.active .image .gallery-item-controls { right: 3px;} .product-gallery .product-gallery-item .meta { background:white; color: #656d78; line-height: 16px; padding: 3px 5px 0; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);} .product-gallery .product-gallery-item .meta strong { display: block; font-weight: 600; font-size: 11px; height:50px; overflow:hidden;} .product-gallery .product-gallery-item .product-price {padding:3px; background:#7a899b; color:white; float: left; width: 100%;min-height: 30px;} .product-gallery .product-gallery-item .product-price .woVat { font-weight: 800; line-height: 24px;} .product-gallery .product-gallery-item .product-price .Vat { padding:0 5px 0 0; color:#c5cde8; font-size: 10px; } .product-gallery .product-gallery-item .product-price button, .product-gallery .product-gallery-item .product-price input { float:right; color:#656d78; border: 1px solid; font-size: 11px; height: 24px; vertical-align: middle;} .product-gallery .product-gallery-item .product-price button { padding: 0 6px; line-height: 15px;} .product-gallery .product-gallery-item .product-price button span{ font-size: 12px; margin-right: 0px;} .product-gallery .product-gallery-item .product-price input {width:25px; padding:0 2px; text-align:right; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .product-gallery .product-gallery-item .product-price:has(time) { display: flex; justify-content: space-between; align-items: center;} .product-gallery .product-gallery-item .onStock {background: #dde1e9; float: left; width: 100%; min-height: 37px;} .product-gallery .product-gallery-item ul {padding:3px; margin:0;} .product-gallery .product-gallery-item li {background: #f1f1f1; float: left; font-size: 10px; list-style: none; margin: 0 5px 3px 0; padding: 0 6px; color:#656d78; text-align:center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .product-gallery .product-gallery-item li a {color: #656d78; } .product-gallery .product-gallery-item li.OnStock {color: white; background: #36931F; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .product-gallery .product-gallery-item li.OnStock a {color: white; } .product-gallery .product-gallery-item li.OnStock a.qty {font-weight: 800; font-size:11px;} .product-gallery .product-gallery-item .pn-code { padding:0 0 0 3px; background:#dde1e9;} .product-gallery .product-gallery-item .pn-code span {color: gray; font-size: 9px; padding: 0 5px 0 0;} .product-gallery .product-gallery-item:hover .pn-code span {color: #456;} .product-gallery .product-gallery-item li .fa-warning { color: #36931F; font-size: 1.1em} .product-gallery-item > a { border: 1px solid #ddd; display: block; position:relative;} .product-gallery-item:hover { box-shadow: 0 0 20px -3px #73869f} @media only screen and (max-width: 1024px) { .product-gallery .product-gallery-item .product-price button.addProduct span {font-size: 25px;} .product-gallery .product-gallery-item .product-price button, .product-gallery .product-gallery-item .product-price input { height: 35px;} } @media (max-width: 520px) { .product-gallery .product-gallery-item { margin-bottom: 15px; } .product-gallery .product-gallery-item .onStock { border-left: 1px solid #ccc; border-right: 1px solid #ccc;min-height: 21px;} .product-gallery .product-gallery-item .pn-code { border: 1px solid #ccc;} } @media all and (min-width: 600px) { .modal-body.RelationOffer h4 { background: #4db5ef; color: white; padding: 0.3em; text-align: center; border-radius: 4px;} .modal-body.RelationOffer h4 span { font-weight: bold;} .modal-body .product-gallery .product-gallery-item { width:100%; display: flex; height: inherit; margin: 0.5em 0;} .modal-body .product-gallery-item > a { display: flex; margin-right: -1px; border-radius: 4px 0 0 4px;} .modal-body .product-gallery-item > a .product-status { display:none;} .modal-body .product-gallery .product-gallery-item .image { width: auto; max-width: 100px; height: auto; box-shadow: none; border-radius: 4px 0 0 4px;} .modal-body .product-gallery .product-gallery-item .image .gallery-item-controls { display:none;} .modal-body .product-gallery .product-gallery-item .meta { box-shadow: none;} .modal-body .product-gallery .product-gallery-item .product-price {display: flex; flex-direction: column-reverse; width: initial; white-space: nowrap; order: 5; color: #444; border-radius: 0 4px 4px 0; margin-left: -1px;} .modal-body .product-gallery .product-gallery-item .product-price .Vat { color: #aaa;} .modal-body .product-gallery .product-gallery-item > div { background: none; border: 1px solid #ddd;} .modal-body .product-gallery .product-gallery-item .product-price button { background: #eee; width: 100%;} .modal-body .product-gallery-item:hover > a, .modal-body .product-gallery-item:hover > .pn-code { box-shadow:none; background:none;} .modal-body .product-gallery .product-gallery-item li.OnStock br { display:none;} } .btn-confHal { bottom: 5px; font-weight: 800; position: absolute; right: 5px; z-index: 9;} .btn-confHal span.fa { color: #ea0000; font-size: 25px; left: -11px; position: absolute; top: 1px;} /* product - list - gallery*/ /* omezeni dopravy*/ .delivery-restrictions > div { display: inline-flex; width: initial; align-items: center; gap: 5px; padding: 3px; color: #656d78; font-size: 11px;cursor: help;} .delivery-restrictions b { font-weight: 600;} .delivery-restrictions > div > div { position: absolute; background: orange; color: initial; padding: 1em; bottom: 0; left: 0; right: 0; z-index: 99; display: none; line-height: 1.5em;} .delivery-restrictions > div:hover > div { display: block;} #ProductDetailSidebar .delivery-restrictions i { color: #ea0000; font-size: 16px;} #ProductDetailSidebar .delivery-restrictions b {display: block;} /* product - list - quick*/ .table.quick > thead > tr > th, .table.quick > tbody > tr > th, .table.quick > tfoot > tr > th, .table.quick > thead > tr > td, .table.quick > tbody > tr > td, .table.quick > tfoot > tr > td { padding: 0px 4px;} .table.quick > tbody > tr td { border-bottom: 1px solid #bde !important;} .product-table-A .table.quick .A-link { min-width: 200px; vertical-align: middle;} .table.quick .A-stocks {min-width:190px;} .table > tbody > tr > td.quickStock { color: #b5bCc8; text-align: center; white-space: nowrap;} .table > tbody > tr > td.quickStock.OnStock { color: #656C78; } .quickStock .ajax.qty {font-size:12px;} /*.table.quick td.A-link p {margin:0 0 2px;}*/ .table.quick .A-link p a { /*overflow: hidden;*/ position: relative; display: block;} .table.quick .A-link p a::after { content: " "; background: url(../img/ellipsis.gif) bottom left; width: 20px; height: 100px; display: block; position: absolute; right: -11px; bottom: 0;} .product-gallery .table .product-loyalty-program {left: initial;top: 0; right:0;} .product-gallery .table.quick .product-loyalty-program {top: -1px;} .table.quick .A-img img { height: 20px;} .table.quick .A-state .product-status {padding-top: 0px;} /*.table.quick .A-code { vertical-align:baseline;}*/ .table.quick td span.Buy time { font-size: 10px;} .product-table-A .table.quick td span.Buy .dropdown-toggle { padding: 1px 4px 4px 5px;} .product-table-A .table.quick td span.Buy input.quantity { padding: 1px 1px 2px 2px;} .product-table-A .table.quick td span.Buy .btn.addProduct { padding: 0px 1px 0px 4px; line-height: 16px;} .product-table-A .table.quick td span.Buy .btn.addProduct .glyphicon { font-size: 13px; margin-right: 2px;} .product-table-A .table.quick td span.Buy .QtyControll { top: 10px;} .product-table-A .table.quick td span.Buy .QtyControll .pridatKus { top: -17px;} .product-table-A .table.quick td span.Buy input.checkAct{ position: relative; top: 3px; } /* product - list - quick*/ /* product - list - table A */ .product-table-A .table > thead > tr > th {vertical-align: top; font-size: 10px;} .A-img { width: 50px; text-align:center;} .product-table-A .A-img img {height: 30px; font-size: 0; max-width: 50px;} .product-table-A .A-img img.product-image-hover {display:none;} /*.product-table-A .A-img img:hover {height: initial; max-width:300px; position:absolute; z-index:12;background:white; padding:5px; -moz-box-shadow: 0 3px 10px #656d78; -webkit-box-shadow: 0 3px 10px #656d78; box-shadow: 0 3px 10px #656d78; }*/ .product-table-A .A-img a:hover img.product-image-hover {display:block; left:80px; height: initial; max-width:300px; position:absolute; z-index:12;background:white; padding:5px; -moz-box-shadow: 0 3px 10px #656d78; -webkit-box-shadow: 0 3px 10px #656d78; box-shadow: 0 3px 10px #656d78; } .product-table-A tr:nth-child(n+8) .A-img img.product-image-hover { bottom: 40px;} .A-link p a {font-size:12px;} .block-with-text { overflow: hidden; line-height: 1.2em; height:1.2em; position: relative; margin:0;/*max-height: 3.6em; text-align: justify; margin-right: -1em; padding-right: 1em;*/} .A-link:nth-child(odd) .block-with-text:after { background: #f8fafc;} .product-table-A .A-link {min-width:300px;} .product-table-A .A-code {white-space: nowrap; font-size: 10px;} /*.product-table-A*/ .A-price {white-space: nowrap; text-align: right; /*font-size: 11px;*/} .product-table-A .A-stocks { padding: 0; max-width:100px;} .product-table-A .reklamaTable {text-align:center;} .product-table-A .reklamaTable img {max-width:100%; max-height:200px;} /*@media only screen and (max-width: 767px){.product-table-A .reklamaTable img {max-width:30%;}}*/ .red {color:#ea0000;} .product-table-A .onStock {min-height:20px;} .product-table-A .onStock ul {margin:0;padding:0;list-style:none;} .product-table-A .onStock li {white-space: nowrap; color:#656d78; font-size: 10px; float:left; margin:1px 5px 1px 0; padding: 0 3px; background: #e5e5e5;} .product-table-A .onStock li a {color: #656d78; } .product-table-A .onStock li.OnStock {color: white; background: #36931F;} .product-table-A .onStock li.OnStock a {color: white; } .product-table-A .onStock li.OnStock a.qty {font-weight: 800; font-size:11px;} .Buy { white-space: nowrap; } .product-table-A .Buy {white-space: nowrap; display:inline-block; position: relative;} .product-table-A .Buy .btn { color:#337ab7; padding:2px 1px 1px 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .product-table-A .Buy ul .btn { padding: 1px 5px;} .product-table-A .Buy input.quantity { border: 1px solid #ddd; border-radius: 4px; font-size: 12px; line-height: 11px; padding: 5px 1px 7px 2px; margin-left: 15px; width: 25px; text-align:right;} .QtyControll { display: inline-block; position: absolute; width: 14px;} .product-table-A .QtyControll { left: 20px; top: 17px;} .QtyControll span { background: #f0f4f9; cursor: pointer; display: inline-block; font-size: 12px; height: 17px; position: absolute; text-align: center; width: 17px; opacity: 0;color: #bbc;} .QtyControll span:hover { color: #33414e;} .product-table-A tr:hover .QtyControll span, .product-gallery-item:hover .QtyControll span { opacity: 1;} .QtyControll .pridatKus { top: -20px;} .QtyControll .odebratKus { top: 0;} .product-gallery-item .QtyControll span { box-shadow: 0 0 3px black; -moz-box-shadow: 0 0 3px black; -webkit-box-shadow: 0 0 3px black;} .product-gallery-item .QtyControll .pridatKus { top: -4px;} .product-gallery-item .QtyControll .odebratKus { top: 14px;} .product-gallery-item .QtyControll { display: block; left: -15px; width: 16px;} .product-gallery-item:hover .QtyControll {height: 23px;} #ProductDetailPrices .QtyControll { width: 20px; margin: 0 10px 0 -17px; position: relative;} #ProductDetailPrices .QtyControll span { opacity: 1; height:15px;} #ProductDetailPrices .QtyControll .odebratKus { top: -4px;} #shoppingCartPage .product-table-A .Buy input.quantity { width: 45px;} .product-table-A .Buy .dropdown-toggle{ border: 1px solid #ddd; line-height: 11px; padding: 5px 4px 7px 5px; background:white; } .product-table-A .Buy .dropdown-menu {left:-51px; min-width:120px; padding-top: 6px;} .product-table-A .Buy .dropdown-menu li {padding:2px 10px;} .product-table-A .Buy .dropdown-menu li label span{font-weight: 300; padding: 0 0 0 5px;} /*.product-table-A .Buy input[type=checkbox] {width:initial;}*/ .A-link .fa-cog { color: red; position: relative; float: right; font-size: 14px;} table.quick .A-link .fa-cog { position:absolute; right:0; top:0; } .A-pn { text-align: right; white-space: nowrap; font-size: 11px;} .A-pn a { text-decoration: none; color: #656C78; font-size: 11px;} .A-pn .fa-clipboard { font-size: 0.85em; cursor: copy; } .A-war span { font-size: 11px;} /* product - list - table A */ #listProducts {margin-bottom:100px;} #listProducts .dropdown-menu::before, #listProducts .dropdown-menu::after { left: 50%;} #listProducts tr:last-child .Buy .dropdown-menu { top: -70px; bottom: initial;} #listProducts tr:last-child:first-child .Buy .dropdown-menu { top: -10px; bottom: initial;} #listProducts tr:last-child .Buy .dropdown-menu:before, #listProducts tr:last-child .Buy .dropdown-menu:after {display:none;} [data-stockname="StoId-671"][data-qty="0"] { display: none} .btn.delProductFavorite:before, .btn.delProductCompare:before {content: "\f00d";font-family: FontAwesome;} /* promoSection */ #promoSection { margin: 35px 0;} #promoSection .flexholder {max-width: 1600px; display: flex; flex-wrap: wrap;} /*12*/ #promoSection .project-box{position:relative; width:25%; float:left; display:none; overflow:hidden; transition:all 0.7s ease;} #promoSection .project-box .image{ position:relative; width:100%; z-index:2;} #promoSection .project-box .image img{ position:relative; display:block; width:100%; height:auto;} #promoSection .project-box .image .zoom-icon{ position:absolute; left:0px; top:-100%; width:100%; height:100%; background:url(../img/icons/icon-zoom.png) center 45% no-repeat; background-size: 10% auto; background-color:rgba(250,250,250,0.5); opacity:0; transition:all 700ms ease; -moz-transition:all 700ms ease; -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; z-index:1;} #promoSection .project-box:hover .image .zoom-icon{ top:0%; opacity:1;} #promoSection .project-box .text-content{ display:none /* vypnuto protoze na to neni obsah a nepocita s tim grafik*/; position:absolute; bottom:-95%; width:100%; height:100%; right: -60px; z-index:5; border-top:4px solid #df2d14; background:#ffffff; text-align:right; padding:0px 2px; transform:skewY(-53deg); -webkit-transform:skewY(-53deg); -ms-transform:skewY(-53deg); -o-transform:skewY(-53deg); -moz-transform:skewY(-53deg);} #promoSection .project-box .text-content .text{ position:relative; top:-140px; right:65px; color:#b9b9b9; transform:skewY(53deg); -webkit-transform:skewY(53deg); -ms-transform:skewY(53deg); -o-transform:skewY(53deg);-moz-transform:skewY(53deg);} #promoSection .project-box .text-content .text h4{ font-weight:800; font-size:14px; text-transform:uppercase; color:#202e31; margin-top:5px;} @media only screen and (max-width: 1480px) { #promoSection .project-box{width:33.333%; } } @media only screen and (min-width: 1025px) and (max-width: 1080px) { #promoSection .project-box{width:50%;} } @media only screen and (min-width: 851px) and (max-width: 1024px) { #promoSection .project-box{width:33.333%;} } @media only screen and (min-width: 501px) and (max-width: 850px) { #promoSection .project-box{width:50%;} } @media only screen and (max-width: 500px) { #promoSection .project-box{width:100%;} } /* topCart */ #snippet--cartList { position: fixed; right: 0; top: 0; z-index: 99;} #topCartOffer { background: #3fbae4 ; color: white; height: 67px; padding: 6px 6px 6px 4px; } #topCart { background: #ff7600; color: white; height: 67px; padding: 17px 5px 0; } #topCart[data-cartitems="0"] { background: #787f8d90} @media only screen and (max-width: 1024px) {div#snippet--cartList div#topCart { margin: 0 -10px 0; width: calc( 100% + 20px);}} #topCart a, #topCartOffer a { border-bottom: none; color: white; font-size: 14px; display: inline-flex; padding: 6px 0 0 5px; position: relative; width: auto;} #topCartOffer a { flex-direction: column; text-align: center;} #topCartOffer a:before { content: "\f2c2"; font-family: 'fontawesome'; text-decoration: none !important;} #topCart .fa-shopping-basket { background: white; border-radius: 5px; color: #ea0000 !important; display: table; padding: 8px; position: relative; top: -5px; margin-right: 7px !important; } #topCartOffer .fa-shopping-basket { display: none } #topCart select { background: #919bab; border: 1px solid #ffffff99; float: right; font-size: 14px; margin: 5px 0 0 4px;} #skEur { float: right; padding: 12px 0 0 2px; font-size: 14px;} #topCart:hover #topCartCont {display:block; opacity:1;} #topCartCont .panel.panel-default { box-shadow: 0 0 10px;} #topCartCont{position: absolute; width: 500px; display: none; opacity: 0; transition: opacity .35s ease-out; right: -10px; color:#434a54; z-index:999;} #topCartCont .list-group a {width:100%; color:#434a54; margin: 5px 0;} #topCartCont .list-group-item {clear: both; float: left; width: 100%;} #topCartCont .list-group-item .pimg {float: left; width: 32px; margin-right:4px;} #topCartCont .list-group-item .pimg img {max-height:30px; width:auto;} #topCartCont .list-group-item .pname {float: left;} #topCartCont .list-group-item .pname a {font-size: 12px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 250px;} #topCartCont .list-group-item input {float: left; margin-left: 10px; text-align: right; width: 50px;} #topCartCont .list-group-item .pprice, #topCartCont .psuma .pprice{float: right; font-size: 12px; font-weight: 800; padding: 2px 8px; white-space: nowrap;} #topCartCont .bar .progress-list {padding: 15px;} #topCartCont .bar .progress-list .text-info {font-size:13px;} #topCartCont .panel-body.list-group.border-bottom { border-bottom: 2px solid #eee;} #topCartCont .panel-body a {padding: 5px 10px;} #topCartCont div.sumRow:nth-child(1) {padding:10px 15px 0;} #topCartCont div.sumRow:nth-child(2) {padding:0 15px;} #topCartCont div.sumRow:nth-child(3) {padding:0 15px 10px;} #topCartCont div.sumRow { text-align:right;} #topCartCont div.sumRow span { font-weight:800; padding:2px 8px; min-width: 71px; display: inline-block;} /*shoppingCartPage*/ #redeemVoucher { padding: 0 0 20px; } #redeemVoucher form { background: #fffac1; width: max-content; margin-left: auto; padding: 10px; display: flex; flex-wrap: wrap; gap: 5px; align-items: center; border-radius: 4px;} #shoppingCartPage thead th {border-bottom:2px solid #ea0000;} #shoppingCartPage table {margin-bottom:0;} #shoppingCartPage tfoot tr td{background:white; white-space:nowrap;} #shoppingCartPage tfoot tr td.hasData{ text-align:right;} #shoppingCartPage tfoot tr.line td.hasData{border-top: 1px solid #cde; } #shoppingCartPage tfoot tr.red td.hasData{color:#ea0000; font-weight:600;} #shoppingCartPage tfoot tr.buttonGroup > td { line-height: 35px; margin: 10px 0; padding: 20px 0 0; white-space: normal;} #shoppingCartShpping .panel-body .radio span { color: #3fbae4; margin-left: 10px;} #snippet--CartDeliverySelect .countryButton { padding: 4px 10px; margin-top: -3px } #snippet--CartDeliverySelect .countrySelect { width: max-content; display: inline-block; margin-top: 0px;} .shoppingCartAddresses .panel-body h3 {padding:10px; background:#f5f5f5; border-bottom: 1px solid #e5e5e5; margin: 0; padding: 10px 20px 5px;} .shoppingCartAddresses .panel-body .adress-block p {padding:0; margin:0 0 5px; color:black;} .shoppingCartAddresses .panel-body .adress-block p span {margin-right:8px; font-weight:600; color:#959da8;} #shoppingCartNav {margin: 5px 0 25px; float: left; width: 100%;} #shoppingCartNav .btn { padding: 23px; } #shoppingCartNav .btn-warning {font-size:16px;} #snippet--CartRewards .page-content-wrap { margin-top: 15px;} #cartSteps {width: 100%;} #cartSteps button {cursor:default;} #cartSteps button, #cartSteps a {padding: 15px 10px;} #cartSteps button.btn-info:hover {background-color: #3fbae4;} #switchB2C { position: relative; margin: 0 0 1em;} .deliverLogo { position: absolute; right: 0px; max-width: 100px} .kosikBoxPodNadpis { float: left; width: 100%; position:relative} .kosikBoxPodNadpis:not(:first-child) { padding-top: 10px; margin-top:5px} .kosikBoxPodNadpis:not(:first-child):before { content: ""; background: linear-gradient(#e8e8e8,white); position: absolute; width: 100%; margin: -15px 0 0 -15px; height: 5px} #Dem-13::after { content: "nové"; display: inline-block; padding: 2px 15px; background: #ea0000; color: white; font-weight: 800; border-radius: 3px; position: absolute; right: -22px; top: -10px; transform: skewX(-8deg); } @media all and (max-width: 468px ){ .kosikBoxPodNadpis {display:flex; justify-content: space-between; flex-wrap:wrap} .deliverLogo { position: relative; max-width: 65px; order: 2; margin-left: auto;} } #checkCart { position: absolute; top:-1.5em; left: 1.5em; background: #ef6600; color:white; padding: .25em 1em; border-radius: 3px; animation-name: checkCartAn; animation-duration: 2s} #checkCart:after {content:""; position: absolute; top: 100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color: #ef6600 transparent transparent transparent} @keyframes checkCartAn { 0% {opacity:0} 80% {opacity:0; top:-3em} 100% {opacity:1; top:-1.5em} } /*shoppingCartPage*/ .gwt-SuggestBoxPopup {z-index: 1050 !important;} /*Offer Cart page*/ /*#listOffer .A-price { white-space: normal;}*/ .prepocet_marze { width: 2.5em; text-align: right;} .prepocet_ceny { width: 5em; text-align: right;} /**/ /*Offer detail page*/ #detail2Order .quantity {width:45px; text-align: right;} .Euser { color: #00ae00 !important;} /**/ /* Company */ #CompanyPage .dataTables_length { float: right;} #CompanyPage .dataTables_filter { float: left;} #CompanyPage .dataTables_filter label { float: left;} #CompanyPage .dataTables_length label { float: right;} #modal_edit_roles .form-group label {font-weight:500;} #Company-Business-Info .progress-list { font-size: 13px;} #Company-Debt-table .list-group-item > .badge {float:none;} #Company-Debt-table .panel-body.panel-body-table a { font-size: 13px; cursor:pointer;} /* Company */ #modal_edit_password .btn-success { background: #95b75d !important;} /* dashboard */ .dashboard-wrapper { margin-left:15px; margin-right:15px} @media all and (min-width: 1300px) { .row.dashboard-wrapper { display: flex; float: left; max-width: 1500px;} .dashboard-right { flex: 0 0 820px;} } .dashboard-wrapper div#Aktualne { margin-top: 15px;} #ConTelMob .mobile-number { font-weight: 600;} #ConTelMob .mobile-number:after { content:"";display: inline-block; font-family: "FontAwesome"; padding: 0 5px} #ConTelMob[data-check="valid"] .mobile-number:after { content:"\f00c"} #ConTelMob[data-check="invalid"] .mobile-number:after { content:"\f071"} #ConTelMob[data-check="valid"] .mobile-number { color: #51ae12} #ConTelMob[data-check="invalid"] { margin: -10px; padding: 10px; background-color: #fea223} /* Homepage slider*/ #IntroSliderHP {overflow:hidden; margin-bottom: 10px;} .sp-thumbnail-image-container { width: 100px; overflow: hidden; float: left;} .sp-thumbnail-container { overflow:hidden; width: 100%;} .sp-thumbnail-image { height: 100%;} .sp-thumbnail-text { height: 100%; width: 180px; float: right; padding: 5px; background: linear-gradient(white, #f1f2f3) ; -moz-box-sizing: border-box; box-sizing: border-box;} .sp-thumbnail-title { margin-bottom: 5px; width: 170px; font-size:14px; color: #333;} .slider-pro { position: relative; margin: 0 auto; -moz-box-sizing: content-box; box-sizing: content-box;} .sp-slides-container { position: relative;} .sp-mask { position: relative; overflow: hidden;} .sp-slides { position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;} .sp-slide { position: absolute;} .sp-image-container { overflow: hidden;} .sp-image { position: relative; display: block; border: none;} .sp-no-js { overflow: hidden; max-width: 100%;} .sp-thumbnails-container { position: relative; overflow: hidden; direction: ltr;} .sp-top-thumbnails, .sp-bottom-thumbnails { left: 0; margin: 0 auto;} .sp-top-thumbnails { position: absolute; top: 0; margin-bottom: 4px;} .sp-bottom-thumbnails { margin-top: 4px;} .sp-left-thumbnails, .sp-right-thumbnails { position: absolute; top: 0;} .sp-right-thumbnails { right: 0; margin-left: 4px;} .sp-left-thumbnails { left: 0; margin-right: 4px;} .sp-thumbnails { position: relative;} .sp-thumbnail { border: none; height: 100%;} .sp-thumbnail-container { position: relative; display: block; overflow: hidden; float: left; -moz-box-sizing: border-box; box-sizing: border-box;} .sp-rtl .sp-thumbnail-container { float: right;} .sp-top-thumbnails .sp-thumbnail-container, .sp-bottom-thumbnails .sp-thumbnail-container { margin-left: 2px; margin-right: 2px;} .sp-top-thumbnails .sp-thumbnail-container:first-child, .sp-bottom-thumbnails .sp-thumbnail-container:first-child { margin-left: 0;} .sp-top-thumbnails .sp-thumbnail-container:last-child, .sp-bottom-thumbnails .sp-thumbnail-container:last-child { margin-right: 0;} .sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container { margin-top: 2px; margin-bottom: 2px;} .sp-left-thumbnails .sp-thumbnail-container:first-child, .sp-right-thumbnails .sp-thumbnail-container:first-child { margin-top: 0;} .sp-left-thumbnails .sp-thumbnail-container:last-child, .sp-right-thumbnails .sp-thumbnail-container:last-child { margin-bottom: 0;} .sp-right-thumbnails.sp-has-pointer { margin-left: -13px;} .sp-right-thumbnails.sp-has-pointer .sp-thumbnail { position: absolute; left: 18px; margin-left: 0 !important;} .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content: ''; position: absolute; height: 100%; border-left: 5px solid #F00; left: 0; top: 0; margin-left: 13px;} .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content: ''; position: absolute; width: 0; height: 0; left: 1px; top: 50%; margin-top: -8px; border-right: 13px solid #F00; border-top: 8px solid transparent; border-bottom: 8px solid transparent;} .sp-selected-thumbnail .sp-thumbnail-text { background: white} .sp-bottom-thumbnails.sp-has-pointer { margin-top: -13px;} .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail { position: absolute; top: 18px; margin-top: 0 !important;} .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { content: ''; position: absolute; width: 100%; border-bottom: 5px solid #F00; top: 0; margin-top: 13px;} .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 0; margin-left: -8px; border-bottom: 13px solid #F00; border-left: 8px solid transparent; border-right: 8px solid transparent;} .sp-layer { position: absolute; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; -webkit-backface-visibility: hidden;} .sp-black { color: #FFF; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7);} .sp-white { color: #000; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.7);} .sp-rounded { border-radius: 10px;} .sp-padding { padding: 10px;} .sp-grab { cursor: url(images/openhand.cur), move;} .sp-grabbing { cursor: url(images/closedhand.cur), move;} .sp-selectable { cursor: default;} .sp-arrows { position: absolute;} .sp-fade-arrows { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;} @media (max-width: 500px) { .sp-thumbnail { text-align: center;} .sp-thumbnail-image-container { display: none;} .sp-thumbnail-text { width: 120px;} .sp-thumbnail-title { font-size: 12px;text-transform: uppercase;} .sp-thumbnail-description { display: none;} } #PromoAndSlider { display: table; table-layout: fixed; border-collapse: collapse; margin-top: 10px; float: left;} .PrehledNadpis { display: flex; justify-content: space-between; font-size: 15px; padding: 15px;background: linear-gradient(white, transparent); float: left; width: 100%;font-weight: 500; border-radius: 4px 4px 0 0; border-top: 1px solid #cde;} .PrehledAkciPolozka a { font-weight: 600; letter-spacing: -.25px;} .PrehledNadpis:hover { text-decoration: none} .PrehledAkciPolozka { float: left; padding: 3px 2px 2px 5px;font-size: 11px;background: #fafafa;margin: 0 0 2px;border: 1px solid #eee;overflow: hidden;width: 100%;} .PrehledAkciPolozka img { float: left; margin: -4px 4px -4px -4px;padding: 5px 5px 2px 5px;max-width: 60px; background: white} .HP-SP-Slider { min-height:1px; position:relative; width:820px; display: table-cell; vertical-align: top;} .HP-SP-Prehled { min-height:1px; position:relative; display: table-cell; vertical-align: top;} @media only screen and (max-width: 990px) { #PrehledNovinek { margin-top: 20px; float:left; } } @media (max-width: 1401px) { #PromoAndSlider { display: block; width: 100%; } .HP-SP-Slider, .HP-SP-Prehled { float:left; display:block; min-width:300px; width: 100%; margin: 0 0 30px; } } @media (max-width: 420px) { .sp-thumbnails-container { display: none;} .HP-SP-Slider {float:unset;} } /* Homepage slider */ /* configure */ #KonfProduktPopis { } #KonfProduktNadpis h1 { font-size: 18px; font-weight: 600;} #ChangeImg img { max-width: 90%; max-height: 400px;} #KonfProduktImg { } #KonfProduktCena, #KonfProduktMarze { background: #f5f5f5; width: 100%;} #KonfProduktMarze { margin-top:10px;} #KonfProduktCena td, #KonfProduktMarze td, #KonfProduktMarze th { padding:5px;} #KonfProduktCena tr:nth-child(2n+1) td, #KonfProduktMarze tr:nth-child(2n+1) td { background: #eee;} #marginPercent, #marginPrice, #konfQty { width: 100px;} @media (max-width: 1366px) { #KonfProduktImg, #KonfProduktMarze, #KonfProduktCena { float:left; width: 30%;} #KonfProduktMarze { margin-left:10px; margin-top:0px;} } @media (max-width: 550px) { #KonfProduktImg, #KonfProduktMarze, #KonfProduktCena { float:left; width: 100%;} } #KonfProduktDalsi { margin: 15px 0; clear: both;} .KonfigureLeftPanel { width: 33%; float:left; margin: 0 0px 30px; padding: 0 15px 0 0;} .KonfigureRightPanel { width: 66%; float:left;} @media (max-width: 1550px) { .KonfigureLeftPanel { width: 25%;} .KonfigureRightPanel { width: 75%;} } @media (max-width: 1366px) { .KonfigureLeftPanel, .KonfigureRightPanel { width: 100%;} } #ObalKonfigurator { width: 100%; } .confRadek td { padding: 1px 0;} .confRadek:nth-child(even) td { background: #f5f5f5; } .confRadek select.form-control { cursor: pointer; background:url(../../img/dropDown.png) no-repeat center right;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .confRadek select.form-control { background:none;} } .confNahled { padding: 0 0 0 2px;} .confNazevKategorie { background: #3fbae4; border-radius: 15px 15px 3px 3px; -moz-border-radius: 15px 15px 3px 3px; -webkit-border-radius: 15px 15px 3px 3px; border-top: 20px solid; color: white; padding: 5px 0 2px; text-align: center;} /* configure */ /* RMA */ .lgray-col {background:#f5f5f5; padding-top:10px; padding-bottom:10px;} .lgray-col .form-group { margin-bottom: 5px;} .fake-input a {background: #eee; border: 1px solid #337ab7; line-height: 30px; padding: 5px 9px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; min-width: 100px; display: inline-block;} .line30 p {line-height: 30px; margin-bottom:0;} .fake-input span {font-weight:bold;} /* RMA */ /* legendy */ .legend { margin: 0 0 12px;} .legend span { border: 1px solid #ddd; margin: 0 5px 5px 0; padding: 3px 8px; display:inline-block;} /* legendy */ /* Gallery */ .gallery { float: left; width: 100%; } .gallery .gallery-item { float: left; width: 150px; padding: 10px 5px 10px 5px; text-decoration: none; } .gallery .gallery-item:first-child { max-width: 500px; width: initial;} .gallery .gallery-item:first-child .image { max-width: 500px; width: initial;} .gallery .gallery-item:first-child .image img{ max-height: 580px; } .gallery .gallery-item .image { width: 100%; cursor: pointer; position: relative; overflow: hidden; } .gallery .gallery-item .image a { display: block; } .gallery .gallery-item .image:after, .gallery .gallery-item .image:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 1; } .gallery .gallery-item .image:before { z-index: 2; background: rgba(0, 0, 0, 0); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .gallery .gallery-item .image:hover:before { background: rgba(250, 250, 250, 0.5) url("../img/icons/icon-zoom.png") no-repeat scroll center 45%; background-size: 10% auto;} .gallery .gallery-item .image img { object-fit: contain; width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; max-height:125px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE9 HACK */ :root .gallery .gallery-item .image img { height:auto; width:auto; margin:0 auto;} /* IE10+ HACK */ _:-ms-lang(x) .gallery .gallery-item .image img { height:auto; width:auto; margin:0 auto;} .gallery .gallery-item:first-child .image img{ width:100%; min-width:250px;} .gallery .gallery-item:first-child{ min-width:270px;} .gallery .gallery-item .image {text-align:center;} } .gallery .gallery-item .image .gallery-item-controls { position: absolute; right: -60px; top: 3px; display: block; list-style: none; padding: 0px; z-index: 2; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .gallery .gallery-item .image .gallery-item-controls li { float: left; list-style: none; background: #FFF; width: 30px; height: 30px; text-align: center; line-height: 26px; } .gallery .gallery-item .image .gallery-item-controls li .check { margin: 4px 0px; } .gallery .gallery-item .image .gallery-item-controls li .icheckbox_minimal-grey { margin-right: 0px; } .gallery .gallery-item .image .gallery-item-controls li a, .gallery .gallery-item .image .gallery-item-controls li span { font-size: 17px; color: #BBB; } .gallery .gallery-item .image .gallery-item-controls li a:hover, .gallery .gallery-item .image .gallery-item-controls li span:hover { color: #656d78; } .gallery .gallery-item .image .gallery-item-controls li:first-child { -moz-border-radius: 0px 0px 0px 3px; -webkit-border-radius: 0px 0px 0px 3px; border-radius: 0px 0px 0px 3px; } .gallery .gallery-item .image .gallery-item-controls li:hover { background: #F5F5F5; } .gallery .gallery-item .meta { color: #656d78; margin-top: 5px; line-height: 16px; padding: 0px 5px; } .gallery .gallery-item .meta strong { display: block; font-weight: 600; font-size: 13px; } .gallery .gallery-item .meta span { display: block; color: #99a0aa; } .gallery .gallery-item:hover .image .gallery-item-controls { right: 3px; } .gallery .gallery-item.active .image { -moz-box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8); -webkit-box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8); box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8); } .gallery .gallery-item.active .image .gallery-item-controls { right: 3px; } /* end Gallery */ /* Dropzone */ .dropzone.dropzone-mini { min-height: 150px; } .dropzone.dropzone-mini .dz-message { background: none; position: relative; margin: 0px; padding: 0px; left: auto; top: auto; width: 100%; float: left; height: 120px; } .dropzone.dropzone-mini .dz-message:after { content: "\f0ee"; position: absolute; width: 80px; height: 80px; text-align: center; font-family: FontAwesome; font-size: 88px; top: 26px; left: 50%; margin: 0px 0px 0px -40px; line-height: 80px; opacity: 0.5; filter: alpha(opacity = 50); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .dropzone.dropzone-mini .dz-message:hover:after { opacity: 1; filter: alpha(opacity = 100); } .dropzone.dz-started .dz-message { display: none; } /* end Dropzone */ /* errors */ .error-container { width: 500px; margin: 50px auto 0px; } .error-container .error-code { float: left; width: 100%; font-size: 135px; line-height: 130px; text-align: center; color: #333; font-weight: 300; } .error-container .error-text { float: left; width: 100%; margin-top: 10px; font-size: 26px; line-height: 24px; text-transform: uppercase; color: #666; text-align: center; font-weight: 400; } .error-container .error-subtext { float: left; width: 100%; margin: 30px 0px 10px; font-size: 13px; line-height: 20px; color: #AAA; text-align: center; font-weight: 400; } .error-container .error-actions { float: left; width: 100%; margin-top: 10px; } /* end errors */ /* FLAGS */ .xn-icon-button > a > .flag { display: block; margin: 0px auto; } .flag { display: inline-block; width: 18px; height: 18px; background-size: 18px 18px; background-position: left top; vertical-align: inherit; margin-right: 5px; } .flag.flag-gb { background-image: url(../img/flags/gb.png); } .flag.flag-de { background-image: url(../img/flags/de.png); } .flag.flag-cn { background-image: url(../img/flags/cn.png); } /* END FLAGS */ /* PAGE LOADING FRAME */ .page-loading-frame {text-align:center; width: 100%; height: 100%; position: fixed; z-index: 9999; background: left top repeat rgba(100,150,200,0.8); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease;} .page-loading-frame .page-loading-loader { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .page-loading-frame.v2 { background: #111; background: left top repeat rgba(0, 0, 0, 0.8); } .page-loading-frame.v2 .page-loading-loader { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; -webkit-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; } .page-loading-frame.v2 .page-loading-loader .dot1, .page-loading-frame.v2 .page-loading-loader .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #F5F5F5; border-radius: 100%; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .page-loading-frame.v2 .page-loading-loader .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1s; animation-delay: -1s; } .page-loading-frame.removed { opacity: 0; filter: alpha(opacity = 0); } .page-loading-frame.removed .page-loading-loader { opacity: 0; filter: alpha(opacity = 0); } /* PAGE LOADING FRAME */ /* INVOICE */ .invoice { float: left; width: 100%; } .invoice h4 { font-weight: 700; font-size: 14px; } .invoice .invoice-address { float: left; width: 100%; margin-bottom: 10px; } .invoice .invoice-address h5 { font-weight: 700; font-size: 14px; line-height: 20px; margin-bottom: 20px; } .invoice .invoice-address h6 { font-weight: 700; font-size: 12px; line-height: 20px; margin-bottom: 5px; padding-left: 10px; } .invoice .invoice-address p { font-size: 12px; line-height: 20px; margin-bottom: 0px; padding-left: 10px; } .invoice .table td { border: 0px; } .invoice .table tr.total td { background: #33414e; color: #FFF; font-size: 13px; font-weight: 600; } .invoice .table-invoice { margin: 30px -15px 80px; } .invoice .table-invoice .table { border: 0px; } .invoice .table-invoice .table th { color: #434a54; padding: 4px 3px; font-size: 11px; font-weight: 700; border: 0px; } .invoice .table-invoice .table td { border: 0px; padding: 3px 3px; background: #F8FAFC; } .invoice .table-invoice .table td strong { color: #434a54; } .invoice .table-invoice .table tr:nth-child(2n+1) td { background: #FFF; } .invoice .paymant-table { float: left; width: 100%; margin-bottom: 20px; } .invoice .paymant-table a { display: block; float: left; width: 100%; padding: 8px 10px; font-size: 14px; font-weight: 700; line-height: 23px; color: #434a54; } .invoice .paymant-table a img { margin-right: 5px; margin-top: -3px; } .invoice .paymant-table a p { line-height: 20px; font-size: 11px; color: #7e8692; font-weight: 500; margin-bottom: 0px; } .invoice .paymant-table a:hover { text-decoration: none; background: #F9FAFC; } .invoice .paymant-table a.active { background: #F9FAFC; } tr.change { box-shadow: 0 0 0 1px red inset; z-index: 1; position: relative;} tr.change td { background: transparent !important;} tr.changeActions td { padding: 0!important;} tr.changeActions .form-group { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: end; gap: 15px; background: red; padding: 5px 15px; color: white; margin: 0 0 15px;} tr.changeActions label { font-weight: 500; cursor: initial; font-size: 1.05em} tr.changeActions .form-group div { display: flex; gap: 15px;} #FaDoRe {padding:25px;} #FaDoRe .nowrap {white-space:nowrap;} #FaDoRe .r-text {text-align:right;} #FaDoRe table.table th:first-child, #FaDoRe table.table td:first-child {padding-left:10px;} #FaDoRe table.table th:last-child, #FaDoRe table.table td:last-child {padding-right:10px;} #FaDoRe-contacts {border-top:2px dashed #dedede; padding-top:10px;} #FaDoRe-contacts .invoice-address, #FaDoRe-contacts h4 {float:left;width:100%;} #FaDoRe input[type="text"] { width: 100%;} #FaDoRe .invoice div.table-invoice { overflow-x: auto;} @media all and (max-width: 811px) { #OrdList .functions { display: flex !important; justify-content: space-around; gap: 1em;} #OrdList .functions a { display: block; padding: 3px 5px; background: #fff;} } /* END INVOICE */ /* reklamace*/ #ReclaimList td:first-child {white-space:nowrap;} #ReclaimList td:first-child i {font-size:8px;;} /* reklamace*/ .page-help-box { float: left; clear: both; line-height: 1.2em;} span.A-price {display: inline-block; text-align: right; white-space: nowrap; width: 100%;} /* PromotionGift */ #PromotionGift {} #PrgList td img {max-width:80px; max-height:50px;} #PrgList .PGimg {max-width:100px;} #PrgList .PGname {max-width:600px;} /* favorites list */ #favorites-list .task-item img {max-width:120px; max-height:120px; float:left;} #favorites-list .task-footer div {margin-right:10px;} #favorites-list .task-footer .pull-right a {font-size:10px;} #favorites-list .col-md-4 { border-right: 2px dashed #dedede;} .tasks_state1 h3 {color:#3fbae4;} .tasks_state1 .task-item {-moz-box-shadow: 1px 1px 1px rgba(50, 150, 200, 0.5); -webkit-box-shadow: 1px 1px 1px rgba(50, 150, 200, 0.5); box-shadow: 1px 1px 1px rgba(50, 150, 200, 0.5);} .tasks_state3 h3 {color:#95b75d;} .tasks_state3 .task-item {-moz-box-shadow: 1px 1px 1px rgba(100, 200, 50, 0.5); -webkit-box-shadow: 1px 1px 1px rgba(100, 200, 50, 0.5); box-shadow: 1px 1px 1px rgba(100, 200, 50, 0.5);} /* favorites list */ /* dotazovac skladu DS*/ #DS-vyberSklad th, #DS-vyberSklad td {padding:1px 5px;} #DS-zobrazDostupnost th, #DS-zobrazDostupnost td {padding:5px;} #DS-vyberSklad th, #DS-vyberSklad td {text-align:center;} #DS-vyberSklad {} #DS-zobrazDostupnost {width:100%;} #DS-zobrazDostupnost tr:nth-child(2n+0) { background: #f5f5f5;} #DS-zobrazDostupnost p {margin: 0 0 5px;} /* dotazovac skladu DS*/ /* Autocomplete */ .ui-autocomplete { background: #FFF; border: 1px solid #D5D5D5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ui-autocomplete .ui-menu-item { background: #FFF; border-bottom: 1px solid #D5D5D5; line-height: 20px; padding: 8px 15px; } .ui-autocomplete .ui-menu-item:first-child { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .ui-autocomplete .ui-menu-item:last-child { border-bottom: 0px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .ui-autocomplete .ui-menu-item:hover { background: #F5F5F5; } .ui-autocomplete .ui-menu-item.ui-state-focus, .ui-autocomplete .ui-menu-item.ui-state-active { margin: 0px; } .ui-autocomplete:after, .ui-autocomplete:before { bottom: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ui-autocomplete:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 5px; margin-left: -5px; } .ui-autocomplete:before { border-color: rgba(213, 213, 213, 0); border-bottom-color: #D5D5D5; border-width: 6px; margin-left: -6px; } /* End Autocomplete */ /* SIDEBAR */ .sidebar { position: absolute; z-index: 1; right: -230px; top: 0px; width: 230px; height: 100%; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .sidebar .sidebar-wrapper { width: 100%; height: 100%; background: url("../img/bg.png") left top repeat #27313c; color: #ffffff; } .sidebar .sidebar-wrapper .sidebar-tabs { float: left; width: 100%; margin-bottom: 15px; } .sidebar .sidebar-wrapper .sidebar-tabs > a { display: block; float: left; width: 50%; line-height: 30px; font-size: 13px; color: #f5f5f5; padding: 10px; background: #212933; text-align: center; text-decoration: none; } .sidebar .sidebar-wrapper .sidebar-tabs > a .fa, .sidebar .sidebar-wrapper .sidebar-tabs > a .glyphicon { line-height: 30px; margin-right: 5px; font-size: 14px; } .sidebar .sidebar-wrapper .sidebar-tabs > a:hover { background: #252e39; } .sidebar .sidebar-wrapper .sidebar-tabs > a.active { background: transparent; } .sidebar .sidebar-wrapper .sidebar-tab-content { float: left; width: 100%; display: none; } .sidebar .sidebar-wrapper .sidebar-tab-content.active { display: block; } .sidebar .sidebar-wrapper .sidebar-title { float: left; width: 100%; line-height: 30px; padding: 10px; font-size: 12px; font-weight: 400; color: #aabecf; margin-bottom: 10px; background: #212933; } .sidebar .sidebar-wrapper .sidebar-title strong { color: #ffffff; } .sidebar .sidebar-wrapper .sidebar-block { float: left; width: 100%; padding: 0px 10px; margin-bottom: 15px; } .sidebar .sidebar-wrapper .list-group { float: left; width: 100%; margin-bottom: 10px; } .sidebar .sidebar-wrapper .list-group .list-group-item { background: transparent; border: 0px; color: #ffffff; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .sidebar .sidebar-wrapper .list-group .list-group-item:hover { background: rgba(0, 0, 0, 0.1); } .sidebar .sidebar-wrapper .list-group .list-group-item a { color: #aabecf; } .sidebar .sidebar-wrapper .list-group .list-group-item p { margin-bottom: 5px; margin-top: 5px; } body.sidebar-opened .page-container { margin-left: -230px; } body.sidebar-opened .sidebar { right: 0px; } /* END SIDEBAR */ /* MAILBOX */ .panel .panel-body.mail { padding: 0px; } .mail { padding: 0px; float: left; width: 100%; } .mail .mail-item { float: left; padding: 10px 15px 10px 13px; width: 100%; line-height: 20px; border-left: 2px solid #D5D5D5; } .mail .mail-item.mail-primary { border-left-color: #33414e; } .mail .mail-item.mail-info { border-left-color: #3fbae4; } .mail .mail-item.mail-success { border-left-color: #95b75d; } .mail .mail-item.mail-warning { border-left-color: #fea223; } .mail .mail-item.mail-danger { border-left-color: #b64645; } .mail .mail-item .mail-checkbox { float: left; width: 20px; height: 20px; margin-right: 10px; } .mail .mail-item .mail-star { font-size: 16px; width: 20px; float: left; text-align: center; margin-right: 10px; cursor: pointer; } .mail .mail-item .mail-star.starred { color: #fea223; } .mail .mail-item .mail-star.starred .fa-star-o:before { content: "\f005"; } .mail .mail-item .mail-user { font-size: 12px; font-weight: 600; float: left; width: 150px; color: #434a54; } .mail .mail-item .mail-text { font-size: 12px; float: left; color: #656d78; } .mail .mail-item .mail-date { float: right; font-size: 12px; } .mail .mail-item .mail-attachments { float: right; font-size: 12px; color: #AAA; margin-right: 10px; } .mail .mail-item .mail-attachments.fa { font-size: 16px; } .mail .mail-item:nth-child(2n) { background: #F9F9F9; } .mail .mail-item.mail-unread { font-weight: 700; } .mail .mail-item.mail-unread .mail-user { font-weight: 700; } .mail-checkall { margin-right: 5px; } /* END MAILBOX */ /* PAGE TABBED */ .page-tabs { float: left; width: 100%; margin-bottom: 20px; background: #FFF; border-bottom: 1px solid #D5D5D5; height: 50px; } .page-tabs a { float: left; display: block; line-height: 49px; padding: 0px 15px; color: #656d78; font-size: 12px; font-weight: 600; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; text-decoration: none; border-bottom: 1px solid transparent; border-top: 0px; min-width: 120px; text-align: center; } .page-tabs a:hover { color: #434a54; border-bottom-color: #33414e; background: #F9F9F9; } .page-tabs a.active { border-bottom-color: #33414e; background: #F5F5F5; color: #434a54; } .page-tabs-item { display: none; } .page-tabs-item.active { display: block; } /* END PAGE TABBED */ /* PAGE CUSTOM HEADER */ .page-head { float: left; width: 100%; background: #FFF; padding: 10px; border-bottom: 1px solid #E5E5E5; } .page-head .page-head-text { float: left; } .page-head .page-head-text h1 { font-size: 21px; line-height: 30px; font-weight: 400; padding: 0px; margin: 0px; } .page-head .page-head-text .page-head-subtitle { font-size: 12px; font-weight: 400; line-height: 20px; margin: 0px; color: #AAA; } .page-head .page-head-controls { float: right; padding: 10px 0px; } /* END PAGE CUSTOM HEADER */ /* PAGE CONTENT ADAPTIVE */ .page-content-wrap.page-content-adaptive { float: left; width: 100%; background: #FFF; padding: 10px; } .page-content-wrap.page-content-adaptive .panel { border: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0px 10px; } .page-content-wrap.page-content-adaptive .panel .panel-heading { border: 0px; background: #FFF; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .page-content-wrap.page-content-adaptive .panel .panel-heading .panel-title { margin-left: 0px; font-weight: 600; } .page-content-wrap.page-content-adaptive .panel .panel-body { border: 0px; padding-left: 0px; padding-right: 0px; } .page-content-wrap.page-content-adaptive .panel .panel-footer { border: 0px; background: #FFF; padding-left: 0px; padding-right: 0px; } /* END PAGE CONTENT ADAPTIVE */ /* SLIDING MENU */ .sliding-menu { overflow: hidden; position: relative; background: #FFF; float: left; width: 100%; border: 1px solid #D5D5D5; border-radius: 5px; margin-bottom: 5px; } .sliding-menu ul { float: left; margin: 0; padding: 0; } .sliding-menu li { list-style: none; margin: 0; border-bottom: 1px solid #D5D5D5; } .sliding-menu li:last-child { border-bottom: 0px; } .sliding-menu a { display: block; padding: 5px 15px 5px 15px; line-height: 30px; color: #333; text-decoration: none; } .sliding-menu a .fa, .sliding-menu a .glyphicon { font-size: 18px; line-height: 30px; margin-right: 10px; } .sliding-menu a:hover { background: #F5F5F5; } .sliding-menu a.nav:before { content: '\3009'; float: right; margin-left: 0px; } .sliding-menu a.back { background: #F0F0F0; border-bottom: 1px solid #D5D5D5; } .sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 15px; } /* END SLIDING MENU */ /* TEMPLATE PLUGINS */ /* Nestable list */ .dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 12px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 12px; line-height: 20px; } .dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; text-decoration: none; font-weight: 400; border: 1px solid #D5D5D5; background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-handle:hover { color: #434a54; background: #fff; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } .dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; text-decoration: none; border: 1px solid #D5D5D5; background: #f5f5f5; box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .dd3-content:hover { color: #434a54; background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 30px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #D5D5D5; background: #F0F0F0; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #333; font-size: 16px; font-weight: normal; } .dd3-handle:hover { background: #E5E5E5; } /* end nestable list */ /* To top */ .to-top { width: 40px; height: 40px; background: #f5f5f5; line-height: 35px; text-align: center; border: 1px solid #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 23px; color: #CCC; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .to-top:hover { border-color: #33414e; color: #333; } /* end To top */ /* Footer */ .scroll_top { background: #5a6479; display: none; font-size: 0; height: 34px; position: absolute; right: 10px; width: 34px; z-index: 9999; top: 10px; text-decoration:none;} .scroll_top:hover { text-decoration:none; background:#7a8499; } .scroll_top::before { color: #fff; content: ""; display: block; font-family: "FontAwesome"; font-size: 14px; height: 34px; line-height: 34px; text-align: center; width: 34px;} .scroll_top:hover::before { color:#aaa;} footer { border-top: none; color:white; float: left; padding: 1em 0 0; width: 100%; margin: 25px 0 0; position: relative; background: linear-gradient(0deg, #484f5d, #7a899b); overflow: hidden;} footer section { padding: 1em 1.5em; margin: 0 auto; max-width: 1366px;} footer p, footer h3, footer a, footer .fa, footer small, footer img { color: white; } footer section.menu p { margin: 2em 3em .5em; color: #888; position: relative;} footer section.menu p, footer section.menu a, footer section.menu img { filter:none} section.menu:before { height: 10em; background: linear-gradient(0deg, transparent, #f2f2f2); content: ""; width: 100%; display: block; position: absolute; left: 0; top: -1em;} #partners-list { position:relative; background: white; text-align: center; padding: 1em 5px; display: flex; justify-content: space-evenly; align-items: baseline} #partners-list a { margin:0 1em;} #partners-list img { max-width:100%;} footer .comLogoInfo img { width: 100%; max-width: 200px; padding: 0 0 1em;} footer .comLogoInfo img:not(.main) { width: 100%; max-width: 115px; padding: 0 1em 1em;} footer .p10 { padding-left:10px} @media all and (max-width: 1366px) { footer .p10.r1366 { padding-left:0px} } @media all and (max-width: 1024px) { #partners-list { flex-wrap: wrap; gap: 0.5em; padding: 2em 1em;} #partners-list a { margin: 0; } #partners-list a img { max-height: 2em; } footer table { width: 100%; text-align: center} footer .comLogoInfo img.main { max-width: 238px} footer .comLogoInfo td:not(noBreak) { display:block } footer ul:not(.places) { column-count: 2;} footer section.info h3{ margin-top:3em} footer .places { margin-bottom: 3em} } @media all and (min-width: 1025px) { footer .comLogoInfo .noBreak.fix { width: 63%} footer .comLogoInfo p { width: 100%; max-width: 200px; padding: 0 0 1em;} footer .info .row .col-md-3:not(:first-child) { float:none; display: table-cell; vertical-align: top;} footer .info .row .col-md-3:nth-child(2) { border-left:1.5px solid rgba(255,255,255,.15)} footer .max170 { max-width:170px !important;} footer .max90 { max-width:90px !important;} } footer section.footer { position: relative} footer section.footer:before {background: #00000024;content: "";left: -100vw;right: -100vw;bottom: 0;position: absolute;display: block;top: 0px;} footer section.info h3, section.info ul { padding:0 0 5px 15px;} footer section.info h3 { font-size:16px} footer section.info ul { line-height: 1.75em;} footer section.info ul a:focus, footer section.info ul a:hover { color: #b3bfff;} footer .social .fa { border: 2px solid #ccc; padding: .5em; width: 2.5em; text-align: center; margin: 0 0 0 1em;} footer .places a { white-space: nowrap} footer .center { text-align: center} footer .quickontact { margin: 1em 0 0 auto; max-width: 330px; display: flex; justify-content: space-around;} footer .quickontact a { display:flex; gap: 5px; align-items:center} footer .quickontact a:hover { color: white} @media (max-width: 992px) { footer .quickontact { margin: 1em auto } } ul.energy-link a { display: flex; gap: 1em; flex-wrap: wrap; margin-bottom: 1em; position: relative; z-index: 1;} ul.energy-link a span { max-width: 170px; border-left: 2px solid red; padding-left: 5px; display: flex; align-items: center; line-height: 1.5em;} ul.energy-link a img { max-width: 100px} footer .energy-decor { position: absolute; top: -2em; height: 305px; right: -3em; opacity: .5;} @media (max-width: 992px) { footer .energy-decor { display: none } } /* /footer */ div[role="EuCookiesBar"] { display: none; position: fixed; width: 100%; left: 0; bottom: 0; background: black; opacity: 0.95; color: white; padding: 1% 2%; text-align: center; font-size: 1.1em; z-index: 9999; } div[role="EuCookiesBar"] button[role="EuCookiesBarHide"] { margin-left: 10px; margin-right: 10px; border: none; border-radius: 8px; padding: 5px 8px; background: #009000; color: white; } div[role="EuCookiesBar"] button[role="EuCookiesBarHide"]:hover { background: #00AA00; } @media (max-width: 991px) { div[role="EuCookiesBar"] span { display: block; } } /*Footer na spod stranky* / body .page-container .page-content { display: flex;flex-direction: column;height: 100vh;} body .page-container .page-content #page-content-wrapper { flex: 1 0 auto;} /* iCheck plugin Minimal skin, black ----------------------------------- */ .check { font-weight: 400; line-height: 20px; margin: 5px 0px; cursor: pointer; } .check .icheckbox_minimal-grey, .check .iradio_minimal-grey { margin-right: 5px; margin-top: -2px; } .check.disabled { color: #AAA; } .icheckbox_minimal-grey, .iradio_minimal-grey { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 18px; height: 18px; background: url("../img/icheck/grey.png") no-repeat; border: none; cursor: pointer; } .icheckbox_minimal-grey { background-position: 0 0; } .icheckbox_minimal-grey.hover { background-position: -20px 0; } .icheckbox_minimal-grey.checked { background-position: -40px 0; } .icheckbox_minimal-grey.disabled { background-position: -60px 0; cursor: default; } .icheckbox_minimal-grey.checked.disabled { background-position: -80px 0; } .iradio_minimal-grey { background-position: -100px 0; } .iradio_minimal-grey.hover { background-position: -120px 0; } .iradio_minimal-grey.checked { background-position: -140px 0; } .iradio_minimal-grey.disabled { background-position: -160px 0; cursor: default; } .iradio_minimal-grey.checked.disabled { background-position: -180px 0; } /* END icheckbox */ /* BOOTSTRAP DATEPICKER */ div.datepicker { padding: 10px; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); min-width: 250px; } div.datepicker > div { display: none; } div.datepicker table { width: 100%; margin: 0; } div.datepicker td, div.datepicker th { text-align: center; width: 20px; height: 20px; } div.datepicker td.day:hover { background: #F5F5F5; cursor: pointer; } div.datepicker td.day.disabled { color: #CCC; } div.datepicker td.old, div.datepicker td.new { color: #999; } div.datepicker td.active, div.datepicker td.active:hover { background: #33414e; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.datepicker td span { display: block; width: 31%; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; } div.datepicker td span:hover { background: #F5F5F5; } div.datepicker td span.active { background: #33414e; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.datepicker td span.old { color: #999; } div.datepicker th.switch { width: 145px; } div.datepicker th.next, div.datepicker th.prev { font-size: 12px; } div.datepicker thead tr:first-child th { cursor: pointer; padding: 8px 0px; } div.datepicker thead tr:first-child th:hover { background: #F5F5F5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .datepicker.dropdown-menu:after, .datepicker.dropdown-menu:before { left: 16px; } .datepicker.datepicker-orient-left.dropdown-menu:after, .datepicker.datepicker-orient-left.dropdown-menu:before { left: auto; right: 16px; } /* EOF BOOTSTRAP DATEPICKER */ /* BOOTSTRAP SELECT */ .bootstrap-select { width: 220px \0; } .bootstrap-select > .btn { width: 100%; padding-right: 25px; } .error .bootstrap-select .btn { border: 1px solid #b64645; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { float: none; display: inline-block; margin-bottom: 0px; margin-left: 0; } .form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group { margin-bottom: 0; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.btn-group.pull-right, .bootstrap-select.btn-group[class*="span"].pull-right, .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right { float: right; } .input-append .bootstrap-select.btn-group { margin-left: -1px; } .input-prepend .bootstrap-select.btn-group { margin-right: -1px; } .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select.form-control:not([class*="span"]) { width: 100%; } .bootstrap-select.show-menu-arrow.open > .btn { z-index: 2051; } .bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled > a { cursor: not-allowed; } .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group[class*="span"] .btn { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; z-index: 2000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu dt { display: block; padding: 3px 20px; cursor: default; } .bootstrap-select.btn-group .div-contain { overflow: hidden; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li > a.opt { position: relative; padding-left: 35px; } .bootstrap-select.btn-group .dropdown-menu li > a { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 11px; font-size: 11px; } .bootstrap-select.btn-group .dropdown-menu li a i.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small { color: #64b1d8; color: rgba(100, 177, 216, 0.4); } .bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-color: rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-bottom: 0; border-top-width: 7px; border-top-style: solid; border-top-color: #cccccc; border-top-color: rgba(204, 204, 204, 0.2); } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid #FFFFFF; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bootstrap-select.btn-group .no-results { padding: 8px; background: #f5f5f5; border-top: 1px solid #E5E5E5; margin-top: 5px; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group.fit-width .btn .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .btn .caret { position: static; top: auto; margin-top: -1px; } .control-group.error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox { padding: 4px 8px; } .bootstrap-select .bs-actionsbox { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select .bs-actionsbox .btn-group button { width: 50%; } .bootstrap-select-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bootstrap-select-searchbox input { margin-bottom: 0; } .mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } /* EOF BOOTSTRAP SELECT */ /* Validation Engine */ .formError { z-index: 990; } .formError .formErrorContent { z-index: 991; } .formError .formErrorArrow { z-index: 996; } .ui-dialog .formError { z-index: 5000; } .ui-dialog .formError .formErrorContent { z-index: 5001; } .ui-dialog .formError .formErrorArrow { z-index: 5006; } .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; } .formError.inline { position: relative; top: 0; left: 0; display: inline-block; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; } .formError .formErrorContent { width: 100%; background: #111111; position: relative; color: #ffffff; min-width: 120px; font-size: 12px; padding: 4px 10px 4px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .greenPopup .formErrorContent { background: #95b75d; } .blackPopup .formErrorContent { background: #000; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; } body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; } .formError .formErrorArrowBottom { margin: 0px 0 0 12px; top: 2px; } .formError .formErrorArrow div { font-size: 0px; height: 1px; background: #111111; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .greenPopup .formErrorArrow div { background: #95b75d; } .blackPopup .formErrorArrow div { background: #000; color: #FFF; } .formError .formErrorArrow .line10 { width: 13px; border: none; } .formError .formErrorArrow .line9 { width: 11px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; } .formError .formErrorArrow .line2 { width: 0px; border: none; } .formError .formErrorArrow .line1 { width: 0px; border: none; } /* EOF Validation Engine */ /* RangeSlider */ .ui-rangeSlider { height: 22px; margin-top: 4px; } .ui-rangeSlider .ui-rangeSlider-innerBar { height: 16px; margin: 3px 6px; background: #F5F5F5; border: 1px solid #E5E5E5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ui-rangeSlider .ui-rangeSlider-handle { width: 22px; height: 22px; background: #FFF; border: 2px solid #33414e; cursor: col-resize; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .ui-rangeSlider .ui-rangeSlider-bar { margin: 1px 0px; background: #E5E5E5; height: 20px; cursor: move; cursor: grab; cursor: -moz-grab; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging { cursor: -moz-grabbing; cursor: grabbing; } .ui-rangeSlider-arrow, .ui-rangeSlider-arrow-inner { display: none; } .ui-rangeSlider-container { height: 22px; } .ui-rangeSlider-withArrows .ui-rangeSlider-container { margin: 0 11px; } .ui-rangeSlider-noArrow .ui-rangeSlider-container { margin: 0; } .ui-rangeSlider-label { background: #33414e; margin: 0px; white-space: nowrap; bottom: 26px; padding: 5px 8px; cursor: col-resize; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 11px; } .ui-rangeSlider-label-inner { display: none; } input.ui-editRangeSlider-inputValue { width: 3em; vertical-align: middle; text-align: center; } /* EOF RangeSlider */ /* tagsinput */ div.tagsinput { border: 1px solid #D5D5D5; background: #FFF; width: 100%; min-height: 30px; overflow-y: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.tagsinput span.tag { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; float: left; text-decoration: none; background: #33414e; color: #FFF; margin: 2px 0px 2px 2px; line-height: 20px; padding: 2px 5px 2px 20px; position: relative; } div.tagsinput span.tag a { color: #FFF; text-decoration: none; position: absolute; left: 5px; width: 15px; height: 20px; opacity: 0.5; filter: alpha(opacity = 50); } div.tagsinput span.tag a:hover { opacity: 1; filter: alpha(opacity = 100); } div.tagsinput span.tag a:before { position: absolute; font-family: "FontAwesome"; content: "\f00d"; color: #FFF; font-size: 12px; line-height: 20px; } div.tagsinput input { width: 80px; margin: 4px 5px; border: 0px; height: 20px; line-height: 20px; } div.tagsinput div { display: block; float: left; } .tags_clear { clear: both; width: 100%; height: 0px; } .not_valid { background: #b64645 !important; color: #FFF !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0px 5px; } /* END tagsinput */ /* Bootstrap Tour */ .tour-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1100; background-color: #000; opacity: 0.8; } .tour-step-backdrop { position: relative; z-index: 1101; background: inherit; } .tour-step-background { position: absolute; z-index: 1100; background: inherit; border-radius: 6px; } .popover[class*=tour-] { z-index: 1100; } .popover[class*=tour-] .popover-navigation { padding: 9px 14px; } .popover[class*=tour-] .popover-navigation [data-role=end] { float: right; } .popover[class*=tour-] .popover-navigation [data-role=prev], .popover[class*=tour-] .popover-navigation [data-role=next], .popover[class*=tour-] .popover-navigation [data-role=end] { cursor: pointer; } .popover[class*=tour-] .popover-navigation [data-role=prev] .disabled, .popover[class*=tour-] .popover-navigation [data-role=next].disabled, .popover[class*=tour-] .popover-navigation [data-role=end] .disabled { cursor: default; } .popover[class*=tour-] .orphan { position: fixed; margin-top: 0; } .popover[class*=tour-].orphan .arrow { display: none; } /* END Bootstrap Tour */ /* loadery */ #loading, #modal_product_reload {background: rgba(0, 0, 0, 0.5); height: 100%; padding-top: 20%; position: fixed; top:0; left:0; text-align: center; width: 100%; z-index: 9999;} #filtrLoad { height: 100%; padding-top: 5%; position: absolute; text-align: center; width: 100%; z-index: 9999;} #loading .loader, #modal_product_reload .loader, .dataTables_processing, #filtrLoad .loader { position: relative; display: inline-block; width: 120px; height: 120px; border: 6px solid #0cf; border-radius: 50%; border-top-color: transparent; animation: spin 1s infinite linear; box-shadow:0 0 33px black inset; background: rgba(255, 255, 255, 0.1); z-index:9999; color: transparent} #loading .loader::after, #modal_product_reload .loader::after, .dataTables_processing::after, #filtrLoad .loader::after {left: 6px; top: 6px; position: absolute; content: ''; border: 3px solid #0cf; border-radius: inherit; display: block; width:96px; height:96px; animation: spin 2s infinite linear; opacity:0.4;} .dataTables_processing {position:absolute; left:45%;} @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg);} } /* /loadery */ /* dropdown přepínání (pro formy cenových pravidel, skrývání skladovosti)*/ .form-menu li.current { background-color: #ccc;} .form-menu li a span { font-size: 16px;} .form-tabs .tab-content { display: none; padding:15px 0;} .form-tabs .form-tab-header {font-size:14px;} /* /dropdown přepínání (pro formy cenových pravidel, skrývání skladovosti)*/ .wrap-indicator { font-weight: 700; color: #245269; cursor: pointer; } /* END Bootstrap fileinput */ /* daterangepicker */ .dtrange { line-height: 28px; padding: 0px 10px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; cursor: pointer; } .dtrange:hover { background-color: #F9F9F9; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3000; border: 1px solid #D5D5D5; } .daterangepicker.dropdown-menu:before, .daterangepicker.dropdown-menu:after { display: none; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { float: right; margin: 4px; } .daterangepicker .ranges { width: 182px; text-align: left; } .daterangepicker .ranges .range_inputs > div { float: left; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { padding-left: 11px; } .daterangepicker .calendar { display: none; max-width: 270px; width: auto; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .ranges label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 74px; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .ranges .input-mini { background-color: #F5F5F5; border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 11px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 10px 0; padding: 0 6px; width: 74px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #656d78; padding: 3px 12px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #33414e; border: 1px solid #33414e; color: #fff; } .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #D5D5D5; } .daterangepicker td.in-range { background: #dfe1e4; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #656d78; border-color: #656d78; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } /* eof daterangepicker */ .chart-legend { position: absolute; top: 5px; right: 5px; } .rickshaw_legend { background: rgba(0, 0, 0, 0.05); } .rickshaw_legend .label { color: #333; } /* END TEMPLATE PLUGINS */ .fa-right { margin-left: 5px; margin-right: 0px; } /* Animations */ @-webkit-keyframes pulsate { 0% { opacity: 0.0; } 50% { opacity: 1.0; } 100% { opacity: 0.0; } } @-moz-keyframes pulsate { 0% { opacity: 0.0; } 50% { opacity: 1.0; } 100% { opacity: 0.0; } } @keyframes pulsate { 0% { opacity: 0.0; } 50% { opacity: 1.0; } 100% { opacity: 0.0; } } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /* END Animations */ @media only screen and (max-width: 768px) { [class^='col-xs-'], [class^='col-sm-'], [class^='col-md-'], [class^='col-lg-'] { margin-bottom: 10px; } /* LOGIN */ /*.login-container {padding: 0px 10px;}*/ .login-container .login-box { padding-top: 10px; width: 100%; } .registration-container { padding: 0px 10px; } .registration-container .registration-box { padding-top: 10px; width: 100% !important; } /* END LOGIN */ /* TOCIFY */ .tocify { display: none; } /* END TOCIFY */ /* TIMELINE */ .timeline.timeline-right .timeline-item.timeline-main { width: 60px; } .timeline.timeline-right .timeline-item .timeline-item-icon { left: 40px; } .timeline.timeline-right .timeline-item .timeline-item-content::before, .timeline.timeline-right .timeline-item .timeline-item-content::after { display: none;} .timeline.timeline-right .timeline-item { padding-left: 0px; } .timeline.timeline-right .timeline-item .timeline-item-info { position: relative; top: 0; left: 0; background: none; border: none; box-shadow: none; padding: 0 0 0 5px; width: initial; text-align: left;} /* END TIMELINE */ .post-image { width: 100%; } .table-responsive { border: 0px; } .page-content-header { height: auto; } .page-content-header .pull-right { width: 100%; } .page-content-header .logo, .page-content-header .contacts, .page-content-header .socials { margin: 0px auto; float: none; } .page-content-header .contacts, .page-content-header .socials { width: 100%; text-align: center; height: auto; } .page-content-header .contacts a { float: none; display: inline; white-space: nowrap; } .page-content-header .socials a { float: none; display: inline; white-space: nowrap; } .form-group-separated .form-group [class^="col-md-"] { padding: 5px 10px; margin-bottom: 0px; } .page-tabs { height: auto; } .page-tabs a { width: 100%; border-bottom: 0px; } } @media only screen and (max-width: 1400px) and (min-width: 1025px) { .timeline.timeline-right .timeline-item { padding-left: 0px; } .timeline.timeline-right .timeline-item .timeline-item-info { position: relative; top: 0; left: 0; background: none; border: none; box-shadow: none; padding: 0 0 0 5px; width: initial; text-align: left;} .timeline .timeline-item.timeline-item-right .timeline-item-content::before, .timeline .timeline-item.timeline-item-right .timeline-item-content::after { display: none;} } @media only screen and (min-width: 1025px) { #StromKategorie {display:block;} } @media only screen and (max-width: 1024px) { .page-container .page-sidebar { position: relative; float: left; width: 100%; } .page-container .page-sidebar.scroll { position: relative; } .page-container .page-content { margin-left: 0px; } .page-container .page-content .content-frame .content-frame-left, .page-container .page-content .content-frame .content-frame-right { width: 100%; /*display: none;*/ } .page-container .page-content .content-frame .content-frame-body { margin-left: 0px; margin-right: 0px; } .page-container .page-content .content-frame .content-frame-body.content-frame-body-left { margin-right: 0px; } .page-container .page-content .content-frame .content-frame-left-toggle, .page-container .page-content .content-frame .content-frame-right-toggle { display: inline-block; } .page-container.page-navigation-toggled .page-content { margin-left: 0px; } .page-container.page-mode-rtl .page-content { margin-right: 0px; } /*.page-container.page-navigation-top-fixed .x-navigation.x-navigation-horizontal { padding-right: 0px; position: relative; }*/ .page-container.page-navigation-top-fixed .page-content { padding-top: 0px; } .xn-swap-tree {display:block;} .xn-swap-tree li a {padding:15px 10px; position:relative; background-color: #df2d14;} .xn-swap-tree li a::before { position: absolute; font-family: "FontAwesome"; content: "\f0c9"; font-size: 30px; top: 14px; right: 25px; color: #FFF; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);} .x-navigation li > a, .x-navigation li > ul li > a { line-height: 35px;} .x-navigation .Sub{ height: 40px; padding: 7px 15px; right: 3px; top: 0px; margin: 2px 0 0; font-size: 22px} .x-navigation.x-navigation-horizontal { background: #676565} .page-container.page-navigation-top-fixed .x-navigation.x-navigation-horizontal { padding-right: 50px; position: absolute;} .x-navigation.x-navigation-horizontal > li > a { margin-left:20px;} .x-navigation.x-navigation-horizontal > li.last > a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} .x-navigation { overflow: hidden; background: white; } .x-navigation.x-navigation-panel { /*height: 50px; */ max-height: auto; overflow: visible; }/* hornimenu nastaveni */ .x-navigation.x-navigation-panel li.xn-search { width: auto; } /* .x-navigation .xn-search input { width: 100%; }*/ .x-navigation-horizontal > li > ul ul, .x-navigation-horizontal > li > ul.xn-drop-left ul { position: relative; left: auto; right: auto; margin-left: 0px; margin-right: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .x-navigation-horizontal > li > ul ul:after { display: none; } .x-navigation.x-navigation-horizontal .xn-search input:focus { width: 100px; } .x-navigation li > .panel { width: 250px; } .icons-list li { width: 100%; } .gallery .gallery-item {/* width: 50%;*/ } .timeline .timeline-item .timeline-item-content { width: 90%; } .timeline .timeline-item .timeline-item-content:before, .timeline .timeline-item .timeline-item-content:after { left: 90%; } .timeline .timeline-item.timeline-item-right .timeline-item-content:before, .timeline .timeline-item.timeline-item-right .timeline-item-content:after { right: 90%; } .error-container { width: 100%; } .theme-settings { display: none; } .post-image { width: 300px; } .profile-logout {display:none;} .xt-navigation > .x-navigation-control { display: block; } /*navigace do hamburgeru*/ .xt-navigation > li.xn-icon-button { display: none; } .xt-navigation.x-navigation-open { max-height: 1200px; overflow: visible; max-width: 100vw; } .xt-navigation.x-navigation-open > li.xn-icon-button { display: block; width: 100%; } .xt-navigation { position: absolute; right: 0; top: 0; z-index: 9999; display: block !important;} #snippet--cartList { position: relative; right: 0; z-index: inherit;} div#snippet--cartList div { /*position: relative;*/ right: 0; width: 100%; text-align: right; padding-right:15px;} /* Košík na celou šířku */ .product-table-A .Buy .dropdown-toggle { padding: 10px; height: 33px;} /* tlačítka v tabulce produktů*/ .product-table-A .Buy input.quantity { height: 33px;} .product-table-A .Buy .addProduct {height: 33px; padding: 2px 3px 1px 8px;} .product-table-A .onStock { min-height: 30px;} .modal-dialog { width: 95% !important;} #cartSteps button, #cartSteps a { width: 100%; margin: 0 0 2px; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} #cartTabulka table, #cartTabulka thead, #cartTabulka tbody, #cartTabulka thead th, #cartTabulka tbody td, #cartTabulka tbody tr { display: block; } #cartTabulka thead tr {position: absolute; top: -9999px; left: -9999px;} #cartTabulka tbody tr { border-top: 1px solid #cdf; } #cartTabulka tbody td {/* přepnu do řádku */ border: none; position: relative; padding-left: 35%; padding-top: 4px; padding-bottom: 3px;/*50*/white-space: normal;text-align:left; } #cartTabulka tbody td:before { /* hlavičku před řádek */ position: absolute; top: 9px; left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold; font-size: 10px;} #cartTabulka tbody td:before { /* text pro nadpis řádku*/ content: attr(data-title); } #cartTabulka tbody td.A-img { display: none;} #cartTabulka tbody .Buy .btn { padding: 7px 4px 4px 8px;} #cartTabulka tfoot { display: block; padding: 50px 0 0; position: relative;} #cartTabulka tfoot tr td:first-child { display: none;} #cartTabulka tfoot tr td:nth-child(2) { display: block; position: absolute; top: 0; } .product-gallery-item .QtyControll .pridatKus, .product-gallery-item .QtyControll .odebratKus, .product-table-A .QtyControll .pridatKus, .product-table-A .QtyControll .odebratKus { display:none /*;top: 0;*/} }/*1024*/ @media (orientation: portrait) and (max-width:1024px) { table.table-mobile, table.table-mobile thead, table.table-mobile tbody, table.table-mobile thead th, table.table-mobile tbody td, table.table-mobile tbody tr { display: block; } table.table-mobile thead tr { position: absolute; top: -9999px; left: -9999px;} table.table-mobile tbody tr { border-top: 1px solid #abc; } table.table-mobile tbody td { border-bottom: 1px dotted #aaa; border: none; position: relative; padding-left: 35%; padding-top: 4px; padding-bottom: 3px;/*50*/white-space: normal;text-align:left; } table.table-mobile tbody td:before { position: absolute; top: 9px; left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold; font-size: 10px;} table.table-mobile tbody td:before { content: attr(data-title); } } @media only screen and (max-width: 880px) { .topCart { display: block !important; position: static !important; } #xt-messages {float:left !important;} } @media screen and (min-width: 1100px) and (max-width: 1280px) { #SupportTabs .nav-tabs > li > a { font-size: 11px;} /**/ #SupportTabs > .nav-tabs {margin-top: -35px;} } @media screen and (min-width: 1025px) and (max-width: 1099px) { #SupportTabs .hideXS {display:none;} } @media only screen and (max-width: 1024px) { #SupportTabs .nav-tabs > li > a { font-size: 11px;} /**/ #SupportTabs > .nav-tabs {margin-top: -35px;} } @media only screen and (max-width: 620px) { #extended-search { display: none;} #SupportTabs .hideXS {display:none;} } @media only screen and (max-width: 520px) { #mojeZalozky ul.ovladac { display: flex; flex-wrap: wrap; gap: 1em; } #tabFunctions .hideXS {display:none;} #tabFunctions .itemFunctions a { padding: 10px 10px 10px 12px;} #snippet--sortFiltr .btn-group, .btn-group-vertical { width: 32%; position: relative; z-index: 90;} .product-table-A .A-link { min-width: 250px;} #mojeZalozky ul.ovladac { display: flex; flex-wrap: wrap;gap: 1em; margin-bottom: 10px;} #mojeZalozky ul.ovladac .ZalozkaFullscreen { order:-1; width: 100%;} } @media only screen and (max-width: 440px) { #snippet--sortFiltr .btn-function { max-width: 100%;} #loading img, #modal_product_reload img { max-width: 100%;} #ProductInfoParams .hideXS {display:none;} } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_minimal, .iradio_minimal { background-image: url("../img/icheck/grey@2x.png"); -webkit-background-size: 200px 20px; background-size: 200px 20px; } .ui-resizable-se { background-image: url("../img/jqyery/resize-icon@2x.png"); } } @media print { .x-navigation, .page-sidebar, .theme-settings { display: none; } .page-container .page-content { margin-left: 0px; } } .td-red {background-color: #ea0000; color:white; padding:0 3px;} .td-green { background-color: #B5FFB5; padding:0 3px;} .td-orange { background-color: #ffd78c; padding:0 3px;} .td-purple { background-color: purple; color:white; padding:0 3px;} #expresWay .expresVeta { padding: 10px 10px 25px; color: #29b2e1;} #expresWay .price { white-space: nowrap; text-align:right;} /* FAQ */ #snippet--FaqList .panel-heading .checkbox-group {padding-right: 10px;} #FAQdetail .panel { box-shadow: 0px 1px 1px 0px orange;} #FAQdetail .panel-default .panel-heading{ background: #fa5;} #FAQdetail .panel-body img { max-width:100%; } #FAQsouvisejici .panel {/*background:none; */margin-top:25px; } #FAQsouvisejici .panel-heading.FAQ { background: white; border-top: 2px solid #3fbae4; margin-left: 2px; } #FAQsouvisejici .panel .panel-heading .panel-title { font-weight: 800;} .FAQparamGroup { float:left; padding: 5px; background: rgba(255,255,255,0.5); width: 100%; margin-bottom: 25px; border-radius: 5px;} .FAQparamGroup > div:first-child {font-weight:800; float:left;} .faqs ul { padding: 0;} .faqs ul li { border-left: 3px solid #ace; padding: 0; margin: 0 0 3px 0;} .faqs ul li a:hover { background: #ace; text-decoration: none; color: white;} .faqs ul li a { display: block; padding: 3px 5px;} /*B2C settings*/ #B2C-settings {} #B2C-settings .panel-info .panel-heading {background-color: #d9edf7; border-color: #bce8f1;} #B2C-settings .table.table-stripped td { vertical-align: baseline;} /* Zafixovat logo a hledání po skrolu levého sloupce */ @media only screen and (min-width: 1025px) { .ScrollFix li.xn-logo { position: fixed; width: 230px; left: 0; z-index: 10000; top:0; height: 67px;} .ScrollFix li.xn-search {background: #7a899b } .ScrollFix li.xn-searchExt { margin-top: 105px; } } /* /Zafixovat logo a hledání po skrolu levého sloupce */ /* záložky na výpisech, promo, FAQ*/ #CategoryTabs {margin-top: 80px;} /* DOCASNY HACK VYSKY PROMOAKCI DOLE, NEZ BUDOU VSECHNY BANNERY V NOVEM ROZMERU - kontrolovat do 31.12.2018 - HAP * / @media screen and (min-width: 1600px) and (max-width: 3840px) { #promoSection .project-box { height: 13vw;} } @media screen and (min-width: 1140px) and (max-width: 1599px) { #promoSection .project-box { height: 16vw;} } @media screen and (min-width: 1025px) and (max-width: 1139px) { #promoSection .project-box { height: 22vw;} } @media screen and (min-width: 600px) and (max-width: 1024px) { #promoSection .project-box { height: 28vw;} } */ .page-container .page-sidebar { margin-top:67px;} #i4navPanel { position:fixed; z-index: 11; width: calc(100% - 230px); min-height: 67px;background-image: linear-gradient(90deg, #7a899b, #dde4eb)} #i4navPanelSub {float:left;height: 67px;width: 100%; display: flex; justify-content: space-between; padding: 0 333px 0 25px; align-items: center;} #i4navPanelSearch {float:left;margin-top: 29px;} #i4navPanelSearch .xn-search { background: rgba(100,100,100,0.5); padding: 10px 15px; border-radius: 0 0 10px 10px;} #i4navPanelSearch .xn-search form { margin-top: -9px; } #i4navPanelSearch .xn-search input { height: 30px; line-height: 30px; position: relative; border-radius: 4px; border: none; padding-left: 10px;} #i4navPanelSearch .xn-search button {position: relative; margin-top: -2px;} #i4navPanelSearch .xn-search > span {color:white;} /*#snippet--cartList { right: 10px;}*/ #MainTrees {margin-top:2px;} #i4navPanelSub .xn-profile { float: left; width: max-content} #i4navPanelSub .login-container .form-lines { float:right;margin-right: 10px;} #i4navPanelSub .login-container .form-line {float:left; display: flex;justify-content: center; flex-wrap: wrap; gap: 8px;} #i4navPanelSub .login-container .form-line > div {float:left; } #i4navPanelSub .login-container div > input {height:22px;padding: 1px 10px;} #i4navPanelSub .form-horizontal .checkbox {min-height:1px;} #i4navPanelSub .login-container .fln input {width:133px;} #i4navPanelSub .login-container .flh input {width:67px;margin-left: 2px;} #i4navPanelSub .login-container .fln span, #i4navPanelSub .login-container .flh span {position:absolute; background:red;} #i4navPanelSub .login-container .flr { margin: 5px 0 0; font-size: 10px;} #i4navPanelSub .login-container .flr input {float: left;margin: 1px 3px 0 0px;} #i4navPanelSub .login-container .fll .btn {line-height: 12px;} #i4navPanelSub .login-container .flz a {color: white; font-size: 10px;} #i4navPanelSub .login-container .flg a {color: white; background: #dc000e ; border: 1px solid #a15353; font-size: 11px; padding: 2px 9px; border-radius: 4px;} #i4navPanelSub .login-container .flz, #i4navPanelSub .login-container .flg {margin-top: 3px;} #i4navPanel .text-danger:not([id^="frm-loginControl-companyControlBox-conSendPswd-"][id$="_message"]) { color: white !important;} .login-container .alert.alert-warning {z-index: 111;position: absolute;top: 82px;max-width: 370px;right: 6px;} @media only screen and (max-width: 1024px) { .loggedIn .page-container .page-sidebar { padding-top: 65px;} /*102xxx*/ #i4navPanel {position:absolute; top:0;} .page-container .page-sidebar { margin-top:0px;padding-top:29px; background: #aaa;} #i4navPanel { width: 100%; background: transparent;} /* #i4navPanelSub .login-container .form-line { padding-right: 40px;}*/ /*#i4navPanelSub .xn-profile { padding-right: 50px;}*/ #snippet--cartList { right: 0px; margin: 0 10px;} } @media only screen and (max-width: 780px) { .page-container .page-sidebar { padding-top: 67px;} #i4navPanelSub { padding: 0 70px 0 15px } #i4navPanelSub .login-container .form-lines { margin-right: 0;} #i4navPanelSub .login-container .form-line {margin: 6px 0px; width: 100%;} #i4navPanel:not(.loggedIn) #i4navPanelSearch { margin-top: 75px;} #i4navPanelSearch { width: calc(100% - 30px);border-top: 1px solid rgba(100,100,100,0.8);} #i4navPanelSearch .xn-search form { margin-top: 0px; text-align: center;} .x-navigation > li.xn-logo > a svg { max-width: 170px} .x-navigation > li.xn-logo > a { padding: 13px 0 5px} body > .tooltip {display:none;} } @media only screen and (max-width: 500px) { .loggedIn #i4navPanelSearch { margin-top: 46px;} /* .loggedIn .profile .profile-logout { display: block;} xxx*/ } @media only screen and (max-width: 430px) { #i4navPanelSub .login-container .flr {width: 100%;} #i4navPanelSub .login-container .flr > div {width: max-content; float: none; margin: 0 auto;} } /* @media only screen and (max-width: 374px) { #i4navPanelSub .login-container .form-line .flr label {width: 89px; overflow: hidden; text-overflow: ellipsis; padding-left: 4px; white-space: nowrap;margin-bottom: -3px;} }*/ @media only screen and (max-width: 354px) { #i4navPanelSub .login-container .form-lines {float: left;} #i4navPanelSub .login-container .fln input {width: 100px;} } .notEmpty { border: 1px solid #ea0000; background: #fee; } /* vlastní styly jednotlivých stránek / článků*/ /*N9677 - supernovinky*/ body.N9677 .fullArticleDetail table.stretch td { border-color:#dae4ec !important} body.N9677 .fullArticleDetail table.stretch { width: 100% !important; max-width: 600px} body.N9677 .panel .panel-heading .panel-title { display: none} /* projektova cena */ .form-project-price div#i6message { background: #ffe941; padding: 10px 15px; border-radius: 3px; font-weight: 600; text-align: center; margin: 0 0 15px;} /* uprava cookies pro i4wifi.cz, default je na https://www.img4.cz/css/cookiesV4.css */ section#CPrivacy-Panel { top: 50%; left: 50%; transform: translate(-50%, -50%); height: max-content } section#CPrivacy-Panel:before { content: ""; position: absolute; left: -50vw; top: -50vh; right: -50vw; bottom: -50vh; background: #223b4b8f; z-index: -1; backdrop-filter: blur(1px);} /* ukaz/skryj heslo */ .password-wrap { position: relative;} .password-wrap .toggle-password { position: absolute; top: 1.1em; right: 10px; transform: translateY(-50%); cursor: pointer; color: #999; font-size: 1.1em;} .password-wrap input[type="text"] + i.fa-eye::before { content: "\f070"}