body {background: white;color:#7b7b7b;margin:0px;font-family: calibri, sans-serif;letter-spacing:0px;font-size:14px;overflow:hidden;height:700px;width:1000px;border:solid 1px #cccccc;
      -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;}
input {font-family: verdana, sans-serif;}

.clear {clear:both;}

h1 {padding:0px;margin:0px;}
h2 {margin:0px 0px 10px 0px;font-weight:normal;font-size:22px;}
h3 {margin:0px 0px 10px 0px;font-weight:normal;font-size:18px;}
a {color:#4d4d4d;text-decoration:none;}
.subitems li {list-style:none; background: url(../images/menu_sipka_tmava.png) 0px 4px no-repeat;padding-left:20px;}

.overlay {position: absolute;top: 0;left: 0;width: 1000px;z-index: 1100;display: none;background-color: rgb(71, 71, 71);opacity: 0.6;height: 700px;}
.loading_overlay {position: absolute;top: 0;left: 0;width: 1000px;z-index: 1100;display: inline;background-color: rgb(240, 240, 240);opacity: 0.3;height: 700px;}
.loading_window {display:none;position: absolute;z-index: 2;background: white;height: 35px;width: 170px;text-align: center;padding-top: 5px;color: #666666;
                top:280px;left:440px;overflow: hidden; font-size: 18px;
                webkit-box-shadow: 0px 0px 84px 58px #FFF;
                  -moz-box-shadow: 0px 0px 84px 58px #FFF;
                       box-shadow: 0px 0px 184px 148px #FFF;}
.loading_window img {position: relative;top: -37px;z-index: -1;}
.loading_jadro{position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;background-color: rgba(255,255,255,0.1);height: 100%;}
.loading_jadro img {position: absolute;top: 310px;left: 397px;display: none;}
.menu_window {width: 830px;backgrounD: #efedee;height: 480px;margin: 80px auto;opacity: 1;padding:3px 40px;font-size:18px;color:#969696;
              position:absolute;left:40px;z-index:1200;border:4px solid #bbbbbb;border-radius:6px;display:none;}
.menu_window h1 {font-size:30px;font-weight:normal;}
.menu_window_close {background: transparent url(../images/close.png);height:29px;width:29px;position:absolute;left:860px;top:20px;cursor:pointer;opacity:0.7;}
.menu_window_close:hover {opacity:1;}

.topmenu {width:100%;height:40px;border-bottom: 1px solid #dfdfdf;position:relative;
      webkit-box-shadow: 1px 10px 30px -9px #ddd;
        -moz-box-shadow: 1px 10px 30px -9px #ddd;
             box-shadow: 1px 10px 30px -9px #ddd}
.topmenu_main{width:90px;height:24px;color:#299ee3;font-size:20px;cursor:pointer;padding:8px 0px 8px 13px;float:left;
      webkit-box-shadow: 4px -4px 22px 0px #ddd;
        -moz-box-shadow: 4px -4px 22px 0px #ddd;
             box-shadow: 4px -4px 22px 0px #ddd}
.topmenu_main:hover {background:#FaFaFF}
.topmenu_main img {position:relative;top:2px;opacity:0.6;}
.topmenu_main:hover img {opacity:1;}
.topmenu_left_icon {float:left;width:30px;}
.topmenu_left_icon img {height:23px;margin-top:7px;margin-left:15px;cursor:pointer;}
.topmenu_left {color:#299ee3;font-size:18px;padding:8px 0px 8px 13px;float:left;width:600px;}
.topmenu_search {padding:5px 10px 0px 0px;float:left;width:200px;display:none;}
.topmenu_left a {color:#299ee3}
.topmenu_price {font-size:20px;padding:8px 10px 8px 0px;float:left;width:200px;text-align:right;display:none;cursor:pointer;white-space:nowrap;}
.topmenu_buy_price {font-size:16px;padding:11px 10px 8px 0px;float:left;width:200px;text-align:right;display:none;color: #22aeff;cursor:pointer;white-space: nowrap;}
.topmenu_pdf {float:right;width:35px;margin-top:5px;}
.topmenu_pdf a {display:none;}
.top_separator {background: transparent url(../images/sipka_separator.png) no-repeat;height:24px;width:14px;float:left;padding-right:5px;}
.top_item {float:left;padding-right:5px;}
.main_menu_div {z-index:20;position:relative;top:8px;left:-16px;display:none;width:240px;}
.ui-menu { width: 240px; }
.order_check {position: relative;left: -2px;top: 2px;}


.content {height:600px;}
.content_wrapper {height:600px;position: relative;}

.footer {height:60px;border-top: 1px solid #dfdfdf;position:relative;width:1000px;
      webkit-box-shadow: 1px -15px 20px -17px #ddd;
        -moz-box-shadow: 1px -15px 20px -17px #ddd;
             box-shadow: 1px -15px 20px -17px #ddd}

.step_1,
.step_2,
.step_3 {
    position: relative;
    background-color: transparent;
    background-repeat: no-repeat;
}
.step_2:before,
.step_3:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .6);
}
.step_1 {height:600px;background-color: white; color: black; background-size: 100% 100%;}
.step_2 {height:600px;background-image: url(../images/main_bg_3.png); background-size: cover;}

.step_2 .vypln_item img {
     webkit-box-shadow: 0px 0px 18px 1px #A3A1A1;
        -moz-box-shadow: 0px 0px 18px 1px #A3A1A1;
             box-shadow: 0px 0px 18px 1px #A3A1A1;}

.step_3 {height:600px;background-image:url(../images/main_bg_3.png);background-size:cover;overflow:hidden;}
.step_3_left, .step_3_right {position: relative;z-index: 1;}
.step_3_left {height:600px;background: transparent;float:left;width:660px;}
.step_3_right {height:600px;float:right;width:340px;
      webkit-box-shadow: 0px 14px 45px 10px #5A5858;
        -moz-box-shadow: 0px 14px 45px 10px #5A5858;
             box-shadow: 0px 0px 35px 4px #999999;
             /* Fallback for web browsers that doesn't support RGBa */
             background: rgb(255, 255, 255) transparent;
             /* RGBa with 0.6 opacity */
             background: rgba(255, 255, 255, 0.85);
             /* For IE 5.5 - 7*/
             filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFFF);
             /* For IE 8*/
             -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";}
.step_3 .exterier {width:320px;float:left;text-align:center;font-size:20px;padding-top:5px;position:relative;}
.step_3 .interier {width:320px;float:left;text-align:center;font-size:20px;padding-top:5px;position:relative;}
.step_3 .settings_interier {float:left;width:170px;font-size: 22px;font-weight: 200;text-align: center;padding-top: 10px;height:36px;cursor:pointer;}
.step_3 .settings_exterier {float:left;width:170px;font-size: 22px;font-weight: 200;text-align: center;padding-top: 10px;height:36px;cursor:pointer;}
.step_3 .inactive_interier {webkit-box-shadow: inset 5px -2px 14px -3px #ddd;
                     -moz-box-shadow: inset 5px -2px 14px -3px #ddd;
                          box-shadow: inset 5px -2px 14px -3px #ddd;}
.step_3 .inactive_interier:hover {webkit-box-shadow: inset 5px -2px 7px -3px #ddd;
                     -moz-box-shadow: inset 5px -2px 7px -3px #ddd;
                          box-shadow: inset 5px -2px 7px -3px #ddd;}
.step_3 .inactive_exterier {webkit-box-shadow: inset -5px -2px 14px -3px #ddd;
                     -moz-box-shadow: inset -5px -2px 14px -3px #ddd;
                          box-shadow: inset -5px -2px 14px -3px #ddd;}
.step_3 .inactive_exterier:hover {webkit-box-shadow: inset -5px -2px 7px -3px #ddd;
                     -moz-box-shadow: inset -5px -2px 7px -3px #ddd;
                          box-shadow: inset -5px -2px 7px -3px #ddd;}

.step_3[data-typ-id="13"] #exterier_canvas,
.step_3[data-typ-id="13"] #interier_canvas {
    transform: scale(80%) translate(0, -10%);
}

.step_3[data-typ-id="13"] #exterier_canvas.flip_canvas,
.step_3[data-typ-id="13"] #interier_canvas.flip_canvas {
    transform: scale(-80%, 80%) translate(0, -10%);
}

.step_3[data-typ-id="13"] .pravitko_horizontal {
    transform: scale(80%) translate(0, -140px);
}

.step_3[data-typ-id="13"] .pravitko_vertical {
    transform: scale(80%) translate(-40px, -10%);
}

.settings_jadro_content_scroll{display: table-cell;width: 1000px!important;height: 600px!important;vertical-align: middle;}
.settings_jadro_content{padding: 20px 10px;overflow: auto!important;width: 1000px!important;max-height: 600px!important;box-sizing: border-box;display: block;}
.settings_jadro_content *{box-sizing: border-box;}
.settings_jadro_content p{padding-top: 0;margin-top: 0;}
.settings_jadro_content img{max-width: 100%;}
.settings_jadro_content .d-flex-wrap {display: flex;width: 100%;justify-content: space-evenly;flex-wrap: wrap;}
.settings_jadro_content .d-flex {display: flex;width: 100%;justify-content: space-evenly;flex-wrap: nowrap;}
.settings_jadro_content .flex-direction-row-reverse {flex-direction: row-reverse;}
.settings_jadro_content .d-block {display: block;width: 100%;}
.settings_jadro_content .fw-bold {font-weight: bold;}
.settings_jadro_content .jadro_content {padding: 0.5em 0 0 0;}
.settings_jadro_content .justify-content-center{justify-content: center;}
.settings_jadro_content .align-items-center{align-items: center;}
.settings_jadro_content label{cursor: pointer;}
.settings_jadro_content label {position: relative;display: block;padding: 10px;}
.settings_jadro_content .input-checked{display: none; width: 100%;height: 100%; position: absolute; bottom: 0; left: 0; border:3px solid #299ee3;}
.settings_jadro_content input[type="radio"]{position: absolute; z-index: -1; opacity: 0;width: 0;height: 0;}
.settings_jadro_content input[type="radio"]:checked ~ .input-checked{display: block;}

.settings_jadro_content .mt-1 {margin-top: .5em;}
.settings_jadro_content .mt-2 {margin-top: 1em;}
.settings_jadro_content .col-12 {flex: 0 0 auto;width: 100%;}
.settings_jadro_content .col-6 {flex: 0 0 auto;width: 50%;}
.settings_jadro_content .col-4 {flex: 0 0 auto; width: calc(33.3333333% - 50px);}
.settings_jadro_content .text-center{text-align: center;}
.settings_jadro_content .image{width: 100%;height: 150px;}
.settings_jadro_content .image img{max-width: 100%;max-height: 100%;}
.settings_jadro_content label.border-2{padding: 0;}
.settings_jadro_content label.border-2 span{border: 2px solid #aaaaaa;padding: 10px;}
.settings_jadro_content label.border-2 input:checked ~ span {background-color: #299ee3;color: white;}

.settings_jadro_content .title{display: block;margin-top: 0.5em;font-weight: bold;}
.settings_jadro_content .description{display: block;}
.settings_jadro_content .description.line-clamp{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.settings_jadro_content .description p {padding: 0;margin: 0;}
.settings_jadro_content .jadro-vyber {margin-top: 2em;}
.settings_jadro_content .jadro-vyber .col-6:first-child{padding-right: 1em;}
.settings_jadro_content .jadro-vyber .col-6:last-child{padding-left: 1em;}
.settings_jadro_content .jadro-vyber select{outline: none;width: 100%;border: 1px solid #aaa;padding: .5em 0; margin-top: 0.5em;overflow-y: auto;}
.settings_jadro_content .jadro-vyber select option {font-size: 14px;padding: .125em 0.5em;color: #666;text-align: center;}

.settings_exterier_content {margin:20px 10px;}
.settings_interier_content {margin:20px 10px;}
.settings_kovania_content, .settings_doplnky_content {padding: 20px 15px;height: 515px;overflow:auto;}

#settings_content{height: 100%;display: table;}
#settings_content label.ocelova_platna{font-size: 14px;font-weight:bold;display: inline-flex;align-items: center;margin-bottom: 12px;cursor: pointer;}

.pravitko_horizontal {display:none;width:225px;height:16px;background: transparent url(../images/pravitko_horizontal.jpg) no-repeat;margin: 0px auto;position:relative;left:-1px;margin-top:6px;}
.pravitko_vertical {display:none;height:534px;width:18px;background: transparent url(../images/pravitko_vertical.jpg) no-repeat;margin: 0px auto;position:absolute;left:300px;}
.pravitko_horizontal_panel {width:0px;text-align:left;background-color: rgba(50, 50, 50, 0.6);height: 16px;}
.pravitko_vertical_panel {position:relative;background-color: rgba(50, 50, 50, 0.6);}
.pravitko_horizontal_left {float:left;width:5px;height:27px;background: transparent url(../images/pravitko_horizontal_linka_left.png) no-repeat;position:relative;top:-4px;
                   webkit-box-shadow: -3px -3px 4px -1px #747474;
                     -moz-box-shadow: -3px -3px 4px -1px #747474;
                          box-shadow: -3px -3px 4px -1px #747474;}
.pravitko_horizontal_right {float:right;width:5px;height:27px;background: transparent url(../images/pravitko_horizontal_linka_right.png) no-repeat;position:relative;top:-4px;
                   webkit-box-shadow: -3px -3px 4px -1px #747474;
                     -moz-box-shadow: -3px -3px 4px -1px #747474;
                          box-shadow: -3px -3px 4px -1px #747474;}
.pravitko_vertical_top {width:27px;height:5px;background: transparent url(../images/pravitko_vertical_linka_top.png) no-repeat;position:relative;left:-4px;
                   webkit-box-shadow: 3px -3px 4px -1px #747474;
                     -moz-box-shadow: 3px -3px 4px -1px #747474;
                          box-shadow: 3px -3px 4px -1px #747474;}
.pravitko_vertical_bottom {width:27px;height:5px;background: transparent url(../images/pravitko_vertical_linka_bottom.png) no-repeat;position:relative;left:-4px;
                   webkit-box-shadow: 3px -3px 4px -1px #747474;
                     -moz-box-shadow: 3px -3px 4px -1px #747474;
                          box-shadow: 3px -3px 4px -1px #747474;}

.int_ext_checkbox {padding-bottom:7px;}
.int_ext_checkbox input[type="checkbox"] {zoom:1.5;position:relative;top:4px;margin: 3px 5px 3px 10px;}

#exterier_content {padding-top:0px;}
#interier_content {padding-top:0px;}
.flip_canvas {-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);-o-transform: scale(-1, 1);transform: scale(-1, 1);filter: FlipH;}

.sklo_spec_option {background:#CDEFFF;}
.typ_skla_select {width: 180px;}

.p_search {outline: none;border-radius: 4px;border: solid 1px #ccc;width: 197px;font-size: 14px;padding: 4px;background: transparent url(../images/lupa.png) no-repeat;
           background-position:182px;color:#bbb;
                   webkit-box-shadow: inset 0px 0px 4px 1px #ccc;
                     -moz-box-shadow: inset 0px 0px 4px 1px #ccc;
                          box-shadow: inset 0px 0px 4px 1px #ccc;}
.p_filter {outline: none;border-radius: 4px;border: solid 1px #ccc;width: 197px;font-size: 14px;padding: 4px;
    background-color:#fff;
    color:#666;
    webkit-box-shadow: inset 0px 0px 4px 1px #ccc;
    -moz-box-shadow: inset 0px 0px 4px 1px #ccc;
    box-shadow: inset 0px 0px 4px 1px #ccc;margin-bottom: 1em;}
.num_input {width:60px;}

.jadro_content {padding:5px;}
.jadro_content p {
    margin: 0;
    padding: 0;
}

.podklady_select {font-size:16px;}
.podklady_select img, .podklady_select .img {width:65px;height:25px;cursor:pointer;padding: 2px;border:solid 2px transparent;}
.podklady_select .img_border {border:solid 1px #cccccc;width:63px;height:23px;}
.podklady_select .drazka {width: 47px;border-top: 1px solid #888888;margin: 11px 0px 0px 8px;}
.podklady_select .active {border: 2px solid #44AED8;border-radius: 6px;}
.podklady_select .td1 {width:72px;height:30px;}
.podklady_select .neskladove a {color:#44AED8;}
.info_neskladova {color:#44aed8;font-size:11px;}

.notab_content {padding:0px 20px;font-size:18px;}
.notab_content h2 {margin:10px 0px;font-weight:normal;font-size:22px;}
.notab_content .hr, .settings_doplnky_content .hr {border-top: 1px solid #ccc;width: 100%;padding-bottom: 10px;margin-top:10px;}

.notab_content.settings_rozmery {height: 100%;overflow: auto;box-sizing: border-box;}
.notab_content.settings_rozmery *{box-sizing: border-box;}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.step_1{display: flex!important;}
.type_images{width: 680px;overflow: hidden;}
.type_images > img {height: 100%;}
.type_images .item_image{display: none;}
.type_images .item_image.active {
    display: block;
    animation: fadeIn .5s;
}
.type_items{display: flex; flex-direction: column; width:320px; height: 100%;overflow: hidden;border-left: 1px solid #ddd;}
.type_items .type_item{cursor: pointer;}
.type_item {width: 100%;height: 25%;border-bottom: 1px solid #ddd;padding: 10px 24px;}
.type_item.active{background-color: #2996CD;color: white;}
.type_item_header {font-size:38px;font-weight:bold;}
.type_item_header small {font-size: 20px;font-weight: 400;}
.type_item_body{font-size:19px;padding-left: 1rem;margin-top: 10px;}
.type_item_footer {font-size:12px;padding-left: 1rem;margin-top: 10px;}
.type_image_wrapper {height:425px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.type_item_image_bg {text-align:center;height:396px;width:150px;position:absolute;opacity:0.5;top:28px;left:64px;
      webkit-box-shadow: 0px 14px 45px 10px #5A5858;
        -moz-box-shadow: 0px 14px 45px 10px #5A5858;
             box-shadow: 0px 14px 45px 10px #5A5858;}
.type_item_image {text-align:center;width:auto;}
.type_item_image img {width:150px;margin-top:5px;opacity:1;cursor:pointer;border:solid 4px transparent;}
#type_item_image_bg_12 {box-shadow: none;}
.type_item_disable:before {content: "";background-color: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.type_item_disable:after {content: "Už čoskoro | Coming soon";position: absolute;left: 50%;top: 50%;font-size: 16px;transform: translate(-50%, -50%);color: white;background: rgba(0,0,0,0.6);border-radius: 20px;padding: 10px;white-space: nowrap;margin-left: -20px;}
.selected_item_div {position:absolute;width:102px;height:165px;border: solid 3px #21aefe;border-radius: 0px;top:26px;left:-200px;
      webkit-box-shadow: inset 0px 0px 16px 2px #ddd;
        -moz-box-shadow: inset 0px 0px 16px 2px #ddd;
             box-shadow: inset 0px 0px 16px 2px #ddd;}
.description_left_item_div {position:absolute;width:187px;height:130px;padding-top:36px;padding-left:44px;padding-right:33px;background: transparent url(../images/bublina_left.png) no-repeat;z-index:100;border-radius: 14px;top:36px;left:-300px;}
.description_right_item_div {position:absolute;width:220px;height:130px;padding-top:36px;padding-left:34px;pading-right:44px;background: transparent url(../images/bublina_right.png) no-repeat;z-index:100;border-radius: 14px;top:36px;left:-300px;}
.vypln_separator {width: 1018px;float: left;height: 30px;background: #ffffff;position: relative;left: -20px;
     webkit-box-shadow: 0px 0px 38px 1px #c5c5c5;
        -moz-box-shadow: 0px 0px 38px 1px #c5c5c5;
             box-shadow: 0px 0px 38px 2px #c5c5c5;}
.vypln_item {width:155px;height:135px;float:left;text-align:center;padding-top:20px;margin-top:10px;position:relative;}
.vypln_item img {height:135px;cursor:pointer;}
.vypln_item_title {position:absolute;top:157px;width:155px;text-align:center;z-index:1;font-size:20px;}

.docs_left {float:left;width:60px;height:50px;background: transparent url(../images/button_folder.png) no-repeat;margin-top:3px;}
.docs_right {float:left;width:220px;}
.docs_right ol {margin-top:3px;margin-bottom:0px;padding-left:15px;}

.btn_print {width:300px;height:34px;background:transparent url(../images/button_print.png) no-repeat;padding:7px 0px 0px 80px;margin-top:5px !important;margin-bottom:10px !important;}
.btn_save {text-align: center;width: 210px;height: 30px;margin: 9px 95px!important;color: #fafafa;border-radius: 5px;background: #ff8c00;}

.footer-backwards {color:#299ee3;font-size:22px;position:absolute;width:130px;padding-top:6px;opacity:0.2}
.footer-backwards .active {cursor:pointer;opacity:1;}
.footer-backwards img {position:relative;top:9px;margin:0px 5px 0px 7px;}
.footer-steps {box-sizing: border-box;font-size:20px;width:700px;text-align:center;padding-top:25px;font-size:16px;color:#4d4d4d;position:relative;margin:0px auto;height: 3em; overflow: hidden;white-space: nowrap;padding-left: 12px;padding-right: 12px;}
.footer-steps.start:before{content: '';width: 70px;height:100%;position: absolute;z-index: 2;top: 0;left: 0;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.footer-steps.end:after{content: '';width: 70px;height:100%;position: absolute;z-index: 2;top: 0;right: 0;background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.footer-steps .selector {position:absolute;top:20px;left:64px;border: solid 3px #30abf1;height:23px;width:80px;border-radius:8px;
      webkit-box-shadow: inset 0px 0px 6px 2px #ddd;
        -moz-box-shadow: inset 0px 0px 6px 2px #ddd;
             box-shadow: inset 0px 0px 6px 2px #ddd;}
.footer-steps div {margin: 0px 5px;display:none;white-space:nowrap;}
.footer-forward {color:#299ee3;font-size:22px;position:absolute;width:130px;left:870px;padding-top:6px;opacity:0.2;text-align:right;}
.footer-forward .active {cursor:pointer;opacity:1;}
.footer-forward img {position:relative;top:9px;margin:0px 7px 0px 5px;}

.footer-save {color:#299ee3;font-size:22px;position:absolute;z-index:1;width:190px;left:810px;padding-top:6px;text-align:right;cursor: pointer;display: none;}
.footer-save .active {cursor:pointer;opacity:1;}
.footer-save img {position:relative;top:9px;margin:0px 7px 0px 5px;}

.footer-order {color: #fefefe;background: #299ee3;font-size: 22px;border-radius: 5px;position: absolute;width: 210px;height: 30px;left: 776px;margin-top: 15px;opacity: 1;text-align: center;cursor: pointer;display: none;z-index: 1;}

/* Tiny Scrollbar */
#menu_window_scrollbar { width:870px; margin: 0px 0 10px; }
#menu_window_scrollbar .viewport { width: 800px; height:480px; overflow: hidden; position: relative; }
#menu_window_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 30px 0 30px 0; margin: 0; }
#menu_window_scrollbar .scrollbar{ background: transparent url(../images/tinyscrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#menu_window_scrollbar .track { background: transparent url(../images/tinyscrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#menu_window_scrollbar .thumb { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#menu_window_scrollbar .thumb .end { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#menu_window_scrollbar .disable { display: none; }
#step_2_scrollbar { width:1000px; margin: 0px 0 10px; }
#step_2_scrollbar .viewport { width: 985px; height:600px; overflow: hidden; position: relative; }
#step_2_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 10px 0 30px 20px; margin: 0; }
#step_2_scrollbar .scrollbar{ background: transparent url(../images/tinyscrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#step_2_scrollbar .track { background: transparent url(../images/tinyscrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#step_2_scrollbar .thumb { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#step_2_scrollbar .thumb .end { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#step_2_scrollbar .disable { display: none; }
#settings_scrollbar { width:330px; margin: 0px 0 10px; }
#settings_scrollbar .viewport { width: 315px; height:534px; overflow: hidden; position: relative; }
#settings_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0px 0 30px 0px; margin: 0; }
#settings_scrollbar .scrollbar{ background: transparent url(../images/tinyscrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#settings_scrollbar .track { background: transparent url(../images/tinyscrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#settings_scrollbar .thumb { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#settings_scrollbar .thumb .end { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#settings_scrollbar .disable { display: none; }
#settings_scrollbar_ext { width:330px; margin: 0px 0 10px; }
#settings_scrollbar_ext .viewport { width: 315px; height:534px; overflow: hidden; position: relative; }
#settings_scrollbar_ext .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0px 0 30px 0px; margin: 0; }
#settings_scrollbar_ext .scrollbar{ background: transparent url(../images/tinyscrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#settings_scrollbar_ext .track { background: transparent url(../images/tinyscrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#settings_scrollbar_ext .thumb { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#settings_scrollbar_ext .thumb .end { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#settings_scrollbar_ext .disable { display: none; }

#settings_scrollbar_zhrnutie { width:320px; margin: 0px 0 0px; }
#settings_scrollbar_zhrnutie .viewport { width: 305px; height:290px; overflow: hidden; position: relative; }
#settings_scrollbar_zhrnutie .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0px 0 30px 0px; margin: 0; }
#settings_scrollbar_zhrnutie .scrollbar{ background: transparent url(../images/tinyscrollbar/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#settings_scrollbar_zhrnutie .track { background: transparent url(../images/tinyscrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#settings_scrollbar_zhrnutie .thumb { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#settings_scrollbar_zhrnutie .thumb .end { background: transparent url(../images/tinyscrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#settings_scrollbar_zhrnutie .disable { display: none; }

#settings_scrollbar_zhrnutie .overview p {margin: 7px 0px;}

#crop_rozmery td {font-size: 16px;}
#crop_rozmery td .jadro-rozmer{font-size: 12px;color:#aaaaaa;}
#crop_rozmery.x-system td {font-size: 14px;}
#crop_nadrozmery td {font-size: 16px;}
#crop_rozmery td:last-child{white-space: nowrap;}
#crop_rozmery td:first-child {width:125px;}
#crop_rozmery.x-system td:first-child {width:130px;}
#crop_warning td{white-space: normal;}

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.zrkadlenie_control_div {width: 60px;height: 60px;position: absolute;left: 288px;top: 535px; display:none;cursor:pointer;}
#zrkadlenie_control_div_div {width: 60px;height: 60px;background: url(../images/zrkadlenie.png) no-repeat;position: relative;z-index: 10000; }


.glass-legend-wrapper {float:left;width:145px;height:25px;font-size:12px;}
.glass-legend-item {width:20px;height:20px;border-radius:5px;float:left;margin-right:5px;}

.kovanie_selector {background: #F3F3F3;padding: 20px 5px;margin-bottom:10px;}
.kovanie_selector .kovanie_skladom {display:none;text-align:center;background:#88B20E;color:#ffffff;margin: -20px -5px 10px -5px;font-size:12pt;}
.kovanie_selector .kovanie_na_objednavku {display:none;text-align:center;background:#FFD801;margin: -20px -5px 10px -5px;font-size:12pt;}
.kovanie_selector .kovanie_skladom.visible {display:block;}
.kovanie_selector .kovanie_na_objednavku.visible {display:block;}
.kovanie_selector.unselected {cursor:pointer;}
.kovanie_selector .kovanie_title {font-size:16pt;transition: color 0.3s;text-align: center;margin-bottom:5px;color:#bababa}
.kovanie_selector.unselected .kovanie_title {margin-bottom:0px;color:#7b7b7b;}
.kovanie_selector.unselected:hover .kovanie_title {color:#30abf1;}
.kovanie_selector .kovanie_name {text-align:center;font-size:12pt;margin-bottom:5px;}
.kovanie_selector .kovanie_name .info {display: inline-block;background: url(../images/info.png) no-repeat;width: 16px;height: 16px;background-size: 18px;position: relative;top: 3px;left: 5px;background-size: contain;}
.kovanie_selector .kovanie_remove {text-align:center;font-size:10pt;margin-bottom: 15px;color:#acacac;cursor:pointer;}
.kovanie_selector .kovanie_remove .delete {display: inline-block;background: url(../images/close_round.png) no-repeat;width: 16px;height: 16px;background-size: 18px;position: relative;top: 3px;left: 3px;background-size: contain;filter: hue-rotate(156deg);}
.kovanie_selector.unselected .kovanie_name {display:none;}
.kovanie_menu_selection {display:none;}
.kovanie_menu_selection .kovanie_breadcrumbs {}
.kovanie_menu_selection .kovanie_breadcrumbs span {cursor:pointer;text-decoration:underline;font-size:13pt;}
.kovanie_menu_selection .kovanie_breadcrumbs div {display:inline;margin:0px 5px;}
.kovanie_menu_selection .breadcrumbs_heading {margin-top:20px;background:#EEEEEE;margin-left:-15px;margin-right:-15px;padding:16px;font-size:17pt;cursor:pointer;}
.kovanie_menu_selection .heading_title {margin-left:10px;font-weight:bold;}
.kovanie_menu_selection .breadcrumbs_heading div {display:inline;}
.kovanie_menu_selection .kovanie_products {margin-top:10px;margin-bottom:10px;}
.kovanie_menu_selection .kovanie_products div {font-size:12pt;margin-top:7px;cursor:pointer;}
.kovanie_menu_selection .kovanie_products div:hover {color:#30abf1;}

.cart {display:none;position:fixed;background:#FFF;border:2px solid #EEE;width:501px;min-height:150px;height:auto;left:478px;top:44px;}
.cart_header {text-align:center;font-size:24px;background:#EEE;padding:3px 0 7px;}
.cart_icon {position:fixed;top:10px;left:715px;z-index:30;cursor:pointer;filter: invert(56%) sepia(55%) saturate(670%) hue-rotate(164deg) brightness(87%) contrast(104%);}
.cart_amount_icon {background:#30abf1;border-radius:100%;position:fixed;min-width:14px;min-height:14px;font-size:11px;color:white;top:8px;left:729px;padding-right:0;text-align:center;z-index:40;}
.kovania_button {text-align:center;font-size:10pt;color:#acacac;cursor:pointer;}
.kovanie_image {max-width:95%;position:absolute;top:65px;}
.kosik_spat_button {float:left;width:50%;}
.download_drawing a {text-align:center;font-size: 10pt;color: #acacac!important;cursor: pointer!important;}
.kovanie_selector .close_category {display: inline-block;background: url(../images/back.png) no-repeat;width: 16px;height: 16px;background-size: 18px;position: relative;top: 3px;left: 2px;filter: invert(56%) sepia(55%) saturate(670%) hue-rotate(315deg) brightness(87%) contrast(104%);}
.kovanie_selector .kovania_flex {display: flex; align-items: center;padding-right: 1em;}
.kovanie_selector .doplnky_pocet_kusov {padding-right: 1em;text-align: right;}
.kovanie_selector .num_input {background: white;font-size: 12px;width: 100%;border: 1px solid #eee;border-radius: 6px;padding: 5px;}
.kovanie_selector select {background: white;font-size: 12px;width: 100%;border: 1px solid #eee;border-radius: 6px;padding: 5px;}
.kovanie_selector .doplnky_pocet_kusov .num_input {font-size: 12px;width: 3em;border: 1px solid #eee;border-radius: 6px;padding: 10px 5px;}

.kovanie_selector .kosik_spat_button {flex: 1 0 auto;width:auto;text-align:left;}
.kovanie_selector .add_to_cart_button {flex: 1 0 auto;font-size: 14px;background-color: #63B14F; color: #ffffff;padding: 9px;font-weight: bold;border: 1px solid #eee;border-radius: 6px;}
.remove_item_from_cart {display: inline-block;cursor: pointer;background: url(../images/close_round.png) no-repeat;width: 16px;width: 16px;height: 16px;background-size: 18px;position: relative;top: 1px;left: 3px;background-size: contain;filter: hue-rotate(156deg);}
.polozka_kosik {overflow:hidden;border-bottom:1px solid #eee;padding:5px 0;}
.polozka_kosik:last-child {border-bottom: none;}
.polozka_kosik_text {width:90%;float:left}
.samostatne_kovanie_default_image {position:absolute;top:230px;left:40px;width:550px;padding:15px;background:rgba(255,255,255,0.7);}
#product_list_cart {padding:10px;}
.preklopeny_obrazok {-webkit-transform:scaleX(-1);transform:scaleX(-1);}

#jadro_select > option:checked {
    box-shadow: 0 0 10px 100px #299ee3 inset;
    color: white;
}
/* kod kvoli zobrazeniu iframe v responzivnom webe */
@media (max-width:1001px) {
    body { overflow-x: auto; }
}