@charset "UTF-8";
/*================================================================
CSS dokument - spletna trgovina
================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
::placeholder {color: #aaa;opacity: 1;}
:-ms-input-placeholder {color: #aaa;}
::-ms-input-placeholder {color: #aaa;}
html {-webkit-text-size-adjust: 100%;}
:focus {-moz-outline-style: none;outline: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input {-webkit-border-radius:0; border-radius:0;}
img {border: 0;}
body {margin: 0px;padding: 0px;background-color:#F2F2F2;line-height: normal;font-family: "Inter", Arial, sans-serif;font-weight: normal;font-size:15px;color:black;-webkit-tap-highlight-color: rgba(0,0,0,0);min-width: 320px;overflow-x: hidden;}
input {border:1px solid #aaa;padding:5px;width:100%;}
select {border:1px solid #aaa;padding:5px;width:100%;}
button {border:1px solid #aaa;padding:5px;}
label {font-size:12px;}
h3 {font-weight:bold;font-size:15px;}
h4 {font-weight:bold;font-size:14px;}
p {font-size:14px;line-height:20px;}
a {color: #009FE3;text-decoration: none;}
a:hover {color: #009FE3;text-decoration: underline;}
.back-highlight {background:#dddddd;}
.error-banner {padding:20px;background:red;position:fixed;top:0px;width:100%;color:white;font-weight:bold;text-align:center;top:-50px;}
.row {
--bs-gutter-x: 0;
--bs-gutter-y: 0;
}
/*.left-border {border-left:1px solid red;}*/
/* LOGO - start */
#logo {background:url(/img/logo.svg);background-size:100% 100%;width:100px;height:100px;left:30px;top:30px;position:fixed;z-index:99;z-index:999999;}
@media (min-width: 920px) {
#logo {background:url(/img/logo.svg);background-size:100% 100%;width:136px;height:136px;left:25px;top:25px;position:fixed;z-index:99;z-index:999999;}
}
/* LOGO - end */
/* TITLE - start */
#main-title {height:210px;padding-top:81px;}
#main-title-wrapper {position:relative;margin-left:0px;margin-right:30px;padding-left:30px;}
#main-title-container {height:210px;}
#main-title-topic {position:absolute;font-size:22px;padding-bottom:20px;height:50px;position:relative;font-weight:normal;}
#main-title-big-wrapper {position:absolute;color:#D0D0D0;font-size:50px;line-height:60px;font-family:'VectrexWeb-Light', serif;padding-top:115px;padding-bottom:50px;}
#main-title-big {margin-left:-6px;}
#main-title-small {position:absolute;color:#009FE3;font-size:30px;line-height:110px;font-family:'VectrexWeb-Bold', serif;padding-top:97px;padding-bottom:50px;left:-4px;}
#main-title-top-filler {background:#F2F2F2;height:81px;width:100%;position:fixed;top:0px;z-index:9999;}
#main-title-top-banner {background:#009FE3;text-align:right;padding:15px 30px;color:white;position:fixed;width:100%;z-index:9999;top:81px;}
#main-title-top-banner-about {background:#009FE3;text-align:right;padding:15px 30px;color:white;position:fixed;width:100%;z-index:9999;top:81px;display:none;}
.mobile-button-enostavno {cursor:pointer;}
.mobile-button-napredno {cursor:pointer;}
.mobile-button-enostavno.active::before {content: "";display: inline-block;width: 14px;height: 14px;margin-right: 3px;position: relative;top: 1px;background-image: url("data:image/svg+xml;utf8,\");background-repeat: no-repeat;background-size: contain;}
.mobile-button-napredno.active::before {content: "";display: inline-block;width: 14px;height: 14px;margin-right: 3px;position: relative;top: 1px;background-image: url("data:image/svg+xml;utf8,\");background-repeat: no-repeat;background-size: contain;}
@media (min-width: 920px) {
#main-title {height:210px;padding-top:0px;}
#main-title-wrapper {position:relative;margin-left:-30px;margin-right:-30px;padding-left:30px;}
#main-title-big-wrapper {font-size:90px;line-height:110px;font-family:'VectrexWeb-Light', serif;padding-top:50px;padding-bottom:50px;}
#main-title-big {margin-left:-10px;}
#main-title-small {font-size:50px;left:calc(100%/7 + 1px);padding-top:50px;}
}
@media (min-width: 1200px) {
#main-title-big-wrapper {font-size:110px;}
}
/* TITLE - end */
/* FORM - start */
#main-form, #main-form-enostavno {margin-left:30px;margin-right:30px;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
#main-form-wrapper, #main-form-enostavno-wrapper {position:relative;margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px;padding-top:100px;}
@media (min-width: 920px) {
#main-form, #main-form-enostavno {margin-left:0px;margin-right:0px;border-right:none;border-left:none;}
#main-form-wrapper, #main-form-enostavno-wrapper {padding-top:0px;padding-right:0px;}
}
/* FORM - end */
/* ABOUT */
.item-objekt-about {background:transparent;height:100vh;}
.item-objekt-about .input-container-3 {padding-left:30px;padding-right:30px;}
@media (min-width: 920px) {
.item-objekt-about .input-container-3 {padding-left:0px;padding-right:0px;}
}
/* OBJEKT - start */
/* korak 1 - start */
.row-1 {padding-bottom:0px;}
.label-1 {float:left;width:100%;line-height:22px;padding-bottom:0px;text-align:right;padding-right:15px;height:53px;display: flex; justify-content: left; align-items: center;}
.label-1-custom-1 {padding-top:30px;height:93px;justify-content:left;align-items:start;}
.label-1-custom-2 {padding-top:30px;height:143px;justify-content:left;align-items:start;}
.label-1.left-border {width:100%;}
.label-filler-1 {float:left;width:calc(100%/7);line-height:22px;padding-bottom:0px;padding-right:0px;padding-left:0px;text-align:right;height:53px;display: flex; justify-content: left; align-items: center;margin-left:0px;width:100%;border-left:none;}
.label-filler-1-alt {display: flex;float:left;width:calc(100%/7);line-height:22px;padding-bottom:0px;padding-right:0px;padding-left:0px;text-align:right;height:53px; justify-content: left; align-items: center;margin-left:0px;width:100%;border-left:none;}
.filler-1 {display: none;float:left;line-height:22px;padding-bottom:15px;text-align:right;height:53px; justify-content: right; align-items: center;padding-right:0px;border-right:none;width:calc(100%/7 - 14px);}
.filler-1-custom-1 {height:70px;}
.input-container-1 {float:left;width:100%;padding-right:0px;padding-bottom:15px;}
.input-container-1.day {position:relative;padding-bottom:15px;}
.input-container-2 {float:left;width:100%;padding-bottom:15px;}
.input-container-2-custom-1 {padding-bottom:40px !important;}
.input-container-2-custom-2 {height:93px !important;}
.input-container-2-custom-3 {height:143px !important;}
.input-container-3 {float:left;width:100%;padding-bottom:0px;}
.input-arrow {position:absolute;right:10px;top:-6px;width: 10px; height: 10px; border-bottom: 2px solid #009FE3; border-right: 2px solid #009FE3; transform: rotate(45deg); margin: 20px;pointer-events: none;}
.input-arrow-2 {position:absolute;right:0px;top:-6px;width: 10px; height: 10px; border-bottom: 2px solid #009FE3; border-right: 2px solid #009FE3; transform: rotate(45deg); margin: 20px;pointer-events: none;}
.object-data-container {float:left;width:calc(100% - 30px);}
.label-custom-1 {padding-top:0px;height:50px;}
.label-custom-2 {padding-bottom:0px;height:50px;}
.label-custom-3-wrapper {justify-content:left;padding-left:0px;padding-top:40px; padding-bottom:40px;width:calc(100%/7 * 7);}
.input-container-3-custom-1 {position:relative;padding-top:30px;}
.input-container-custom-1 {padding-top:0px;padding-bottom:0px;}
.border-top-custom-1 {border-top:1px solid #e6e6e6;margin-left:-72px;margin-right:-70px;}
.border-top-custom-2 {border-top:1px solid #e6e6e6;width:100%;height:1px;position:absolute;left:0px;}
@media (min-width: 920px) {
.label-1 {float:left;width:calc(100%/7);line-height:22px;padding-bottom:15px;text-align:right;padding-right:15px;height:53px;display: flex; justify-content: right; align-items: center;}
.label-1-custom-1 {padding-top:30px;height:93px;justify-content:left;align-items:start}
.label-1.left-border {width:calc(100%/7 + 1px);}
.label-filler-1 {width:calc(100%/7);justify-content: right;margin-left:calc(100%/7 * -1);width:calc(100%/7 * 2);padding-bottom:15px;padding-right:15px;padding-left:0px;}
.label-filler-1-alt {height:53px;}
.filler-1 {display:flex;}
.filler-1 {border-right:1px solid #e6e6e6;}
.input-container-1 {float:left;width:15%;padding-right:15px;padding-bottom:15px;}
.input-container-1.day {padding-bottom:75px;}
.input-container-2 {float:left;width:28.57%;padding-bottom:15px;}
#main-form-enostavno-container .input-container-2 {width:calc(100%/7 * 4)}
.object-data-container {float:left;width:58.33333333%;}
.label-custom-1 {padding-top:40px;height:93px;}
.label-custom-2 {padding-bottom:15px;height:78px;}
.label-custom-3-wrapper {padding-left:calc(100%/7);padding-left:0px;padding-top:40px; padding-bottom:40px;width:calc(100%/7 * 7);justify-content:left;}
.input-container-custom-1 {padding-top:40px;padding-bottom:15px;}
.input-container-3 {float:left;width:calc(100%/7 * 4);padding-bottom:10px;}
.border-top-custom-1 {border-top:1px solid #e6e6e6;margin-left:-52px;margin-right:-20px;}
}
.item-objekt-wrapper {margin-left:30px;}
.item-objekt-with-border {background:#f2f2f2;margin-left:-30px;margin-right:0px;padding:0px;}
.item-objekt {margin:0px;padding:0px;background-color:white;}
.item-objekt-topic {background:#009FE3;padding-left:30px;margin-left:-30px;margin-right:-30px;}
.item-objekt-data {padding:0px 19px 0px 19px;margin-left:0px;margin-right:0px;border-left:none;}
.item-objekt-del {margin:0px;padding:0px;border-left:none;transition: background-color 0.5s ease;}
.item-topic {font-weight:bold;}
.item-topic-obj-name {color:#009FE3;text-align:left;}
.item-topic-obj-code {text-align:left;text-align:left;}
.item-topic-wrapper {height:50px;position:relative;}
.item-topic-object-name-wrapper {position:relative;background:#e6e6e6;}
.item-topic-object-name {font-size:20px;color:#009FE3;padding:10px 15px;z-index:9;position:relative;}
.item-topic-custom-1 {position:absolute;font-size:18px;padding-bottom:20px;height:50px;z-index:1;width: calc(100% - 30px);}
@media (min-width: 920px) {
.item-objekt-wrapper {margin-left:0px;}
.item-objekt-topic {background:#e6e6e6;padding-left:30px;margin-left:0px;margin-right:0px;}
.item-objekt-data {padding:0px 0px 0px 30px;margin-left:0px;margin-right:0px;border-left:none;border-right:none;}
.item-objekt-del {margin:0px;padding:0px 20px 0px 20px;border-left:1px solid #e6e6e6;}
.item-topic-object-name {padding:10px 0px;}
.item-topic-custom-1 {font-size:18px;}
}
@media (min-width: 1500px) {
.item-topic-custom-1 {font-size:22px;}
}
/* korak 1 - end */
/* korak 2 - tables */
#second-step {padding-top:77px;}
.second-step-topic-filler {height:30px;position:relative;}
.second-step-topic-filler .item-topic {position:absolute;font-size:22px;padding-bottom:20px;height:30px;z-index:1}
.second-step-topic-filler .left-border {position:absolute;left:calc(100%/7);height:30px;}
.second-step-topic-container {height:120px;position:relative;}
.second-step-checkbox {right:41px;}
.tab-2-1-h {position:absolute;font-size:18px;padding-bottom:20px;height:60px;z-index:1}
.tab-2-2-h {position:absolute;left:calc(100%/7);height:120px;}
.tab-2-2-h-text {font-size:11px;width:calc(100%/7 * 5);}
.tab-2-3-h {position:absolute;left:calc(100%/7 * 3 + 20px);height:60px;width:calc(100%/7);font-size:8px;font-weight:bold;padding-right:20px;}
.tab-2-4-h {position:absolute;left:calc(100%/7 * 4 + 20px);height:60px;width:calc(100%/7);font-size:8px;font-weight:bold;padding-right:20px;}
.tab-2-5-h {position:absolute;left:calc(100%/7 * 5 + 20px);height:60px;width:calc(100%/4);font-size:8px;font-weight:bold;padding-right:20px;}
.tab-2-1-h2 {position:absolute;font-size:18px;color:#009FE3;padding-bottom:20px;height:60px;line-height:60px;z-index:1}
.tab-2-2-h2 {position:absolute;left:calc(100%/7);height:60px;}
.tab-2-1 {position:absolute;font-size:22px;padding-bottom:20px;height:30px;z-index:1;text-align: right;width: calc(100%/7);padding-right: 10px;}
.tab-2-2 {position:absolute;left:calc(100%/7 - 15px);font-size:11px; height:30px;}
.tab-2-3 {position:absolute;left:calc(100%/7 * 3 + 20px);height:30px;width:calc(100%/7);font-size:8px;font-weight:bold;padding-right:10px;}
.tab-2-4 {position:absolute;left:calc(100%/7 * 4 + 20px);height:30px;width:calc(100%/7);font-size:11px;font-weight:bold;padding-right:10px;}
.tab-2-5 {position:absolute;left:calc(100%/7 * 5 + 20px);height:30px;width:calc(100%/7 + 20px);font-size:11px;font-weight:bold;padding-right:10px;}
.tab-2-cb-wrapper {height:45px;line-height:45px;position:relative;}
@media (min-width: 920px) {
#second-step {padding-top:0px;}
.tab-2-1-h {font-size:22px;}
.second-step-topic-container {height:60px;position:relative;}
.second-step-checkbox {right:30px;}
.tab-2-2-h {height:60px;}
.tab-2-2-h-text {font-size:14px;width:calc(100%/7 * 3);}
.tab-2-3-h {font-size:13px;}
.tab-2-4-h {font-size:13px;}
.tab-2-5-h {font-size:13px;width:calc(100%/7);}
.tab-2-2 {font-size:15px;left:calc(100%/7);}
.tab-2-3 {left:calc(100%/7 * 3 + 20px);width:calc(100%/7);font-size:13px;padding-right:20px;text-align:right;}
.tab-2-5 {left:calc(100%/7 * 5 + 20px);width:calc(100%/7);font-size:13px;padding-right:20px;}
}
/* step 3 - start */
#third-step {padding-top:77px;}
.tab-3-1-h {position:absolute;font-size:20px;padding-bottom:20px;height:60px;z-index:1}
.tab-3-2-h {position:absolute;left:calc(100%/7);width:calc(100%/7 * 4);height:60px;}
.tab-3-3-h {position:absolute;left:calc(100%/7 * 5 + 20px);height:60px;width:calc(100%/5 + 20px);font-size:13px;font-weight:bold;padding-right:20px;}
.tab-3-1 {position:absolute;font-size:20px;padding-bottom:20px;height:60px;z-index:1}
.tab-3-2 {position:absolute;left:0px;width:calc(100%/5 * 4);height:60px;font-size:13px;line-height:18px;display:flex;align-items:center;}
.tab-3-3 {position:absolute;left:calc(100%/7 * 5 + 20px);height:60px;width:calc(100%/5 + 20px);font-size:11px;font-weight:bold;padding-right:20px;}
.tab-3-cb {text-align:right;right:37px;top:4px;}
.tab-3-wrapper {height:53px;line-height:53px;position:relative;}
.tab-propred {right:calc(100% - 30px);padding-top:0px !important;top:-14px;position:relative;padding:0px;}
.tab-razdok {right:calc(100% - 30px);padding-top:0px !important;top:-14px;position:relative;padding:0px;}
.tab-razp31 {right:calc(100% - 30px);padding-top:0px !important;top:-14px;position:relative;padding:0px;}
.tab-razp32 {right:calc(100% - 30px);padding-top:0px !important;top:-14px;position:relative;padding:0px;}
.tab-pdpp {right:calc(100% - 30px);padding-top:0px !important;top:-14px;position:relative;padding:0px;}
.tab-pdpgd {right:calc(100% - 30px);padding-top:0px !important;top:-14px;position:relative;padding:0px;}
.tab-ziup {right:calc(100% - 30px);padding-top:0px !important;top:-14px;position:relative;padding:0px;}
@media (min-width: 920px) {
#third-step {padding-top:0px;}
.tab-3-2 {position:absolute;left:calc(100%/7);width:calc(100%/7 * 4);height:60px;font-size:15px;line-height:53px;}
.tab-3-3 {position:absolute;left:calc(100%/7 * 5 + 20px);height:60px;width:calc(100%/7);font-size:13px;font-weight:bold;padding-right:20px;}
.tab-propred {right:-30px;}
.tab-razdok {right:-30px;}
.tab-razp31 {right:-30px;}
.tab-razp32 {right:-30px;}
.tab-pdpp {right:-35px;}
.tab-pdpgd {right:-35px;}
.tab-ziup {right:-35px;}
}
/* step 3 - end */
/* step 4 - start */
#fourth-step {margin-left:-31px;margin-right:-31px;padding-left:30px;padding-right:30px;}
.fourth-step-container {padding-top:77px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.tab-4-1-h-top {position:absolute;font-size:16px;height:60px;line-height:60px;z-index:1;width: calc(100%/2)}
.tab-4-1-h {position:absolute;font-size:16px;height:60px;line-height:60px;z-index:1;width:30px;top:2px;}
.tab-4-2-h {position:absolute;left:30px;right:auto;width:calc(100%/7 * 6 - 30px);height:60px;}
.tab-4-2-h-top {position:absolute;right:20px;left:auto;width:calc(100%/7 * 5);height:60px;}
.tab-4-2-h.top {border-bottom:1px solid #e6e6e6;}
.tab-4-2-h-custom {width:calc(100%/3)}
.tab-4-3-h {position:absolute;left:auto;right:0px;height:60px;width:calc(100%/7*2 - 30px);font-size:13px;font-weight:bold;padding-right:20px;text-align:right;}
.tab-4-3-h.top {border-bottom:1px solid #e6e6e6}
.tab-4-h-wrapper {height:60px;line-height:60px;position:relative;}
.tab-4-1-top {position:absolute;font-size:16px;height:53px;line-height:53px;z-index:1;width: calc(100%/2)}
.tab-4-1 {position:absolute;font-size:16px;height:53px;line-height:53px;z-index:1;width:30px;}
.tab-4-1.title {font-size:20px;font-weight:bold;}
.tab-4-2 {position:absolute;left:22px;width:calc(100%/7 * 6);height:33px;padding-left:25px;font-size:10px;}
.tab-4-2 .final-h {border-bottom: 1px solid #e6e6e6;display: inline-block;width: calc(100% - 35px);}
.tab-4-2 .final-solo {border-bottom: 1px solid #e6e6e6;display: inline-block;margin-left:35px;width:calc(100%/7 * 6 + 54px);}
.tab-4-3 {position:absolute;right:0px;left:auto;height:34px;width:calc(100%/2);font-size:13px;font-weight:bold;padding-right:20px;text-align:right;}
.tab-4-3 .final {border-bottom:1px solid #e6e6e6}
.tab-4-wrapper {height:33px;line-height:33px;position:relative;}
.tab-4-1-s {position:absolute;font-size:16px;height:33px;line-height:33px;z-index:1;width: calc(100%/7 - 23px);}
.tab-4-2-s {position:absolute;left:15px;width:calc(100%/7 * 6);height:33px;font-size:10px;}
.tab-4-2-s .final {margin-left:90px;border-bottom:1px solid #e6e6e6}
.tab-4-2-s .final-b {margin-left:0px;border-bottom:2px solid #e6e6e6}
.tab-4-3-s {position:absolute;left:auto;right:0%;height:33px;width:calc(100%/7*2);font-size:12px;font-weight:bold;padding-right:20px;text-align:right;}
.tab-4-3-s .final {border-bottom:1px solid #e6e6e6}
.tab-4-3-s .final-b {border-bottom:2px solid #e6e6e6}
.tab-4-1-f {position:absolute;font-size:16px;height:33px;line-height:33px;z-index:1;width: calc(100%/7 - 23px)}
.tab-4-2-f {position:absolute;left:calc(100%/7);width:calc(100%/7 * 4);height:33px;}
.tab-4-3-f {position:absolute;left:auto;right:0px;height:33px;width:100%;font-size:13px;font-weight:normal;padding-right:20px;text-align:right;}
.tab-4-wrapper-s {height:33px;line-height:33px;position:relative;}
.tab-4-pad-num-1 {display:inline-block;width:25px;margin-left:0px;}
.tab-4-pad-num-2 {display:inline-block;width:18px;margin-left:0px;}
.tab-4-pad-title {display:inline-block;}
.tab-4-cb {text-align:left;left:10px;right:auto;top:4px;}
.fourth-step-bottom {background-color:#009FE3;margin-left:-31px;margin-right:-31px;padding-left:30px;padding-right:30px;}
.fourth-step-bottom-container {border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
@media (min-width: 920px) {
#fourth-step {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}
.fourth-step-container {padding-top:0px;border-left:none;border-right:none;}
.tab-4-1-h-top {position:absolute;font-size:16px;height:60px;line-height:60px;z-index:1;width:100%;left: calc(100%/7 - 145px);z-index:0;}
.tab-4-1-h {position:absolute;font-size:16px;height:60px;line-height:60px;z-index:1;width: calc(100%/7 - 23px);}
.tab-4-2-h {position:absolute;right:auto;left:calc(100%/7);width:calc(100%/7 * 5);height:60px;}
.tab-4-2-h-top {position:absolute;right:auto;left:calc(100%/7);width:calc(100%/7 * 5);height:60px;}
.tab-4-2-h-custom {width:calc(100%/7 - 7px)}
.tab-4-3-h {position:absolute;left:calc(100%/7 * 6);right:auto;height:60px;width:calc(100%/7);font-size:13px;font-weight:bold;padding-right:20px;text-align:right;}
.tab-4-1-top {position:absolute;font-size:16px;height:53px;line-height:30px;z-index:1;width: calc(100%/7 - 23px)}
.tab-4-1 {position:absolute;font-size:16px;height:53px;line-height:53px;z-index:1;width: calc(100%/7 - 23px)}
.tab-4-2 {position:absolute;left:calc(100%/7);width:calc(100%/7 * 5 + 25px);height:33px;padding-left:25px;font-size:15px;}
.tab-4-2-s {position:absolute;left:calc(100%/7);width:calc(100%/7 * 5);height:33px;font-size:13px;}
.tab-4-2-s .final-b {margin-left:60px;border-bottom:2px solid #e6e6e6}
.tab-4-3 {position:absolute;right:auto;left:calc(100%/7 * 6);height:34px;width:calc(100%/7);font-size:13px;font-weight:bold;padding-right:20px;text-align:right;}
.tab-4-3-s {position:absolute;left:calc(100%/7 * 6);height:33px;width:calc(100%/7);font-size:13px;font-weight:bold;padding-right:20px;text-align:right;}
.tab-4-3-f {position:absolute;left:calc(100%/7 * 5);right:auto;height:33px;width:calc(100%/7 * 2);font-size:13px;font-weight:normal;padding-right:20px;text-align:right;}
.tab-4-pad-num-1 {display:inline-block;width:25px;margin-left:25px;}
.tab-4-pad-num-2 {display:inline-block;width:25px;margin-left:5px;}
.tab-4-cb {text-align:right;left:auto;right:37px;top:4px;}
.fourth-step-bottom {background-color:#009FE3;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}
.fourth-step-bottom-container {border-left:none;border-right:none;}
}
select {
appearance: none; /* za večino brskalnikov */
-webkit-appearance: none; /* za Safari/Chrome */
-moz-appearance: none; /* za Firefox */
background: none;
padding-right:45px !important;
}
.custom-select {
position: relative;
width: 200px;
}
.custom-select select {
width: 100%;
padding: 10px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #ccc;
border-radius: 4px;
background-color: white;
}
/* Dodaj svojo puščico z ::after */
.custom-select::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 8px;
border-right: 2px solid black;
border-bottom: 2px solid black;
transform: translateY(-50%) rotate(45deg);
pointer-events: none;
}
#fixed-buttons {position:fixed;right:20px;top:20px;}
#main-content {height:100%;}
#main-header {padding-bottom:60px;}
/* top menu */
#main-content-top-menu {padding:20px 0px 0px 0px}
#main-content-top-menu-wrapper {position:relative;margin-left:-30px;margin-right:-30px;padding-left:30px;}
.top-menu-item {cursor:pointer;font-family: "VectrexWeb-Bold", serif; font-size:12px;}
.top-menu-item-first {width:calc(100%/7);padding-bottom:15px;}
.top-menu-item-second {width:calc(100%/7 * 3);padding-bottom:15px;}
.top-menu-item-third {width:calc(100%/7);padding-bottom:15px;}
.top-menu-item-border-bottom {border-bottom:1px solid #009FE3;width:calc(100%/7 * 5)}
.top-menu-item.selected {color:#009FE3;}
@media (min-width: 1500px) {
.top-menu-item {font-size:15px;}
}
/* bottom menu */
.bottom-menu, .bottom-menu-enostavno {background:#009FE3;position:fixed;bottom:0px;width:100%;height:60px;z-index:99;border-top:1px solid #e6e6e6;margin-left:-30px;}
.bottom-menu-wrapper {position:relative;margin-left:-30px;margin-right:90px;padding-left:30px;}
.bottom-menu-actions {position:absolute;top:10px;right:10px;}
@media (min-width: 920px) {
.bottom-menu, .bottom-menu-enostavno {margin-left:0px;}
.bottom-menu-wrapper {position:relative;margin-left:-30px;margin-right:-30px;padding-left:30px;}
}
/* left menu */
.left-menu {padding-left:30px;line-height:25px;float:left;position:fixed;z-index:9999;top:250px;}
.left-menu-title {font-size:14px;color:#009FE3;font-family: 'VectrexWeb-Bold', serif;}
.left-menu-step {cursor:pointer;}
.left-menu-step.selected {font-weight:bold;}
.left-menu.inverse {color:white;}
.left-menu.inverse .left-menu-title {color:white;}
.row {clear:both;}
.row.obj {padding-right:20px;}
.selected-step {right:30px;top:155px;font-size:25px;color:#009FE3;font-family:'VectrexWeb-Bold', serif;position:fixed;z-index:9999}
.selected-step.inverse {color:white;top:122px;}
@media (min-width: 920px) {
.selected-step {right:0px;top:105px;font-size:25px;color:#009FE3;font-family:'VectrexWeb-Bold', serif;position:fixed;z-index:9999}
.selected-step.inverse {color:white;top:72px;}
}
/* input fields */
.mod-input {outline: none;color: #000;padding: 0 16px;height: 38px;border-radius: 0;border: 1px solid transparent;background-color: #fff;width: 100%;font-weight: 600;transition: border .3s ease,box-shadow .3s ease;}
.mod-input {background-image: linear-gradient(135deg,#d0d0d0 7.14%,transparent 0,transparent 50%,#d0d0d0 0,#d0d0d0 57.14%,transparent 0,transparent);background-size: 8px 8px;}
.mod-input:focus {border-color: #009fe3;}
/* butons */
.btn-objekt-del-delete {color:#aaaaaa;border-bottom:2px solid #aaaaaa;padding-bottom:10px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;}
.btn-objekt-del-add {color:#009FE3;border:2px solid #009FE3;padding:10px 40px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;}
.btn-objekt-add {color:#009FE3;background:white;border:2px solid #009FE3;padding:10px 40px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;}
.btn-objekt-add-custom-1 {position:absolute;width:220px;text-align:center;right:0px;}
.btn-objekt-delete-wrapper {background:#f2f2f2;margin-left:-30px;margin-right:0px;padding:0px;}
.btn-objekt-delete-container {padding:0px 30px 0px 30px;}
.btn-objekt-delete {color:#aaaaaa;border-bottom:2px solid #aaaaaa;padding-bottom:5px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;}
.btn-naprej-first-wrapper {text-align:right;padding-top:11px;}
.btn-naprej-second-wrapper {text-align:right;padding-top:11px;}
.btn-nazaj-second-wrapper {position:absolute;top:10px;left:60px;z-index:99;}
#btn-naprej-first {color:#009FE3;background:white;border:none;padding:10px;width:100px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;}
#btn-naprej-second {color:#009FE3;background:white;border:none;padding:10px;width:100px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;}
#btn-naprej-third {color:#009FE3;background:white;border:none;padding:10px;width:100px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;}
#btn-naprej-fourth {color:#009FE3;background:white;border:none;padding:10px;width:100px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;margin-right:5px;}
#btn-nazaj-second {color:white;background:#009FE3;border:none;padding:10px 0px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;border-bottom:2px solid white;}
#btn-nazaj-third {color:white;background:#009FE3;border:none;padding:10px 0px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;border-bottom:2px solid white;}
#btn-nazaj-fourth {color:white;background:#009FE3;border:none;padding:10px 0px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;border-bottom:2px solid white;}
#btn-izpis, #btn-izpis-napredno {color:#009FE3;background:white;border:none;padding:10px;width:100px;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;}
.btn-snapshop-save {color:white;background:url(/img/downOff.png);background-size: 30px 30px;background-repeat: no-repeat;background-position: right;padding: 10px 25px 10px 10px;border:none;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;min-height:38px;}
.btn-snapshop-save:hover {background:url(/img/downOn.png);background-size: 30px 30px;background-repeat: no-repeat;background-position: right;}
.btn-snapshop-load {color:white;background:url(/img/upOff.png);background-size: 30px 30px;background-repeat: no-repeat;background-position: right;padding: 10px 25px 10px 10px;border:none;display:inline-block;cursor:pointer;font-size:13px;font-weight:bold;min-height:38px;}
.btn-snapshop-load:hover {background:url(/img/upOn.png);background-size: 30px 30px;background-repeat: no-repeat;background-position: right;}
.btn-normal {border:1px solid #aaa; background:#eee; padding:5px;margin:1px;min-width:200px;max-width:200px;text-align:center;cursor:pointer;display:inline-block; font-weight:14px;}
.btn-normal:hover {background:#ccc;}
.btn-tehnicno-projektiranje-container {padding-top:15px;}
.btn-tehnicno-projektiranje-wrapper {height: 50px;line-height: 50px;display: flex;align-content: center;padding-bottom: 0px;width:30px;}
.btn-tehnicno-projektiranje {cursor:pointer;font-size:14px;}
.btn-tehnicno-projektiranje-text, .btn-tehnicno-projektiranje-text-enostavno {height: 50px;width:calc(100% - 30px);line-height: 15px;display: flex;align-content: center;align-items: center;padding-bottom: 0px;font-size:12px;}
.btn-del-objekta-add {position:relative;text-align:left;padding-bottom:53px;}
.btn-objekt-add-wrapper {background:#f2f2f2;margin-left:0px;margin-right:0px;padding:0px;}
@media (min-width: 920px) {
.btn-tehnicno-projektiranje-container {padding-top:0px;}
.btn-tehnicno-projektiranje-wrapper {width:calc(100%/7 * 2);}
.btn-tehnicno-projektiranje-text, .btn-tehnicno-projektiranje-text-enostavno {width:calc(100%/7 * 5);line-height: 50px;font-size:14px;}
.btn-del-objekta-add {position:relative;text-align:right;padding-bottom:53px;}
.btn-objekt-add-wrapper {background:#f2f2f2;margin-left:-30px;margin-right:0px;padding:0px;}
.btn-nazaj-second-wrapper {position:absolute;top:10px;left:60px;z-index:99;}
.btn-snapshop-save {padding: 10px 45px 10px 10px;}
.btn-snapshop-load {padding: 10px 45px 10px 10px;}
}
/* HELP SIDEBAR - start */
.sidebar-help {position:fixed;height:100vh;width:100%;background:#F2F2F2;border-left:1px solid #e6e6e6;right:0px;padding:30px;z-index:9999999;font-size:15px;transition: right 0.5s ease;}
.sidebar-help.visible {right:0px;}
.sidebar-help.hidden {right:100%;}
.help-topic {color:#009FE3;font-family:'VectrexWeb-Bold', serif;border-bottom:1px solid #009FE3;padding-bottom:15px;}
.help-topic-sign {display:inline-block;padding-right:15px;vertical-align:top;}
.help-topic-text {width:85%;display:inline-block;}
.help-id {font-weight:bold;font-size:11px;}
@media (min-width: 920px) {
.sidebar-help {width:calc(100%/7 * 2 - 91px);}
.sidebar-help.hidden {right:calc(-100%/7 * 2 - 91px);}
}
/* HELP SIDEBAR - end */
/* lines*/
.full-line-top {border-top:1px solid #e6e6e6;width:100%;height:1px;position:absolute;left:0px;}
.full-line {border-top:1px solid #e6e6e6;width:100%;height:1px;position:absolute;left:0px;}
#second-step-wrapper {padding-top:25px;}
#second-step-wrapper table {border:0px;width:100%;}
.col-1 {width:10%;text-align:right;font-size:12px;}
.col-2 {width:40%}
.col-3 {width:15%;font-size:12px;text-align:left;}
.col-4 {width:15%;font-size:12px;text-align:left;}
.col-5 {width:20%;font-size:12px;text-align:left;}
input.cb-col-1 {padding:0px;width:20px;}
div.div-col-2 {width:90%;border:1px solid #666;padding:5px;font-size:13px;}
input.cb-col-4, input.cb-col-4x {padding:0px;width:20px;}
input.inp-col-5 {width:100%;text-align:right;}
input.inp-col-5.error {width:100%;border:1px solid red;}
input.error {width:100%;border:1px solid red;}
.tab-info {font-size:14px;font-weight:bold;}
td.readonly {color:#aaa;}
input.readonly {border:1px solid #ddd;}
div.div-col-2.readonly {color:#999;border:1px solid #aaa;}
#third-step-wrapper {padding:25px 0px;}
#third-step-wrapper table {border:0px;width:100%;}
.col-3-1 {width:20%;text-align:right;font-size:14px;}
.col-3-2 {width:60%}
.col-3-3 {width:20%;font-size:12px;text-align:left;}
div.col-3-2 {width:100%}
input.col-3-3 {width:100%}
input.col-3-3[type="checkbox"] {width:25px}
#fourth-step {background-color:#009FE3;color:white;}
#fourth-step-wrapper {padding:25px 0px;}
#fourth-step-wrapper table {border:0px;width:100%;}
.arrow {cursor:pointer;}
.arrow.hidden {background: url('/img/right-arrow.png');background-size: 12px 12px;background-repeat:no-repeat;height:12px;width:25px;display:inline-block;margin-left:10px;}
.arrow.visible {background: url('/img/down-arrow.png');background-size: 12px 12px;background-repeat:no-repeat;height:12px;width:25px;display:inline-block;margin-left:10px;}
.col-4-1 {width:10%;}
.col-4-2 {width:68%;}
.col-4-3 {width:20%;text-align:right;}
.tip-prikaza {cursor:pointer;font-size:15px;}
.row-sub-1, .row-sub-2, .row-sub-3, .row-sub-4, .row-sub-5 {padding-left:0px;}
.row-sub-1-1, .row-sub-1-2, .row-sub-2-1, .row-sub-2-2, .row-sub-2-3, .row-sub-2-4, .row-sub-2-5, .row-sub-3-1,
.row-sub-3-2, .row-sub-4-2, .row-sub-4-3, .row-sub-4-4, .row-sub-4-5, .row-sub-5-1, .row-sub-5-2 {padding-left:50px;}
/* ikona plus in minus */
.plus-icon {position: relative;width: 16px;height: 16px;}
.plus-icon::before,.plus-icon::after {content: '';position: absolute;background-color: #009FE3;}
.plus-icon::before {top: 50%;left: 0;width: 100%;height: 1px;transform: translateY(-50%);}
.plus-icon::after {left: 50%;top: 0;width: 1px;height: 100%;transform: translateX(-50%);}
.minus-icon {position: relative;width: 16px;height: 16px;}
.minus-icon::before {content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #009FE3;transform: translateY(-50%);}
/* checkbox */
.checkbox__label::before {left: 0;top: 0;width: 18px;height: 18px;}
.checkbox__label::before {background-image: linear-gradient(135deg,#d0d0d0 7.14%,transparent 0,transparent 50%,#d0d0d0 0,#d0d0d0 57.14%,transparent 0,transparent);background-size: 8px 8px;border:2px solid #009fe3;background-color:white;}
*, ::after, ::before {box-sizing: border-box;}
.checkbox__label {cursor: pointer;}
.checkbox {font-size: 14px;}
.checkbox__label::after {left: 5px;top: 5px;width: 8px;height: 8px;opacity: 0;background-color: #009fe3;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;}
.checkbox__label::after, .checkbox__label::before {
content: "";position: absolute;}
.checkbox, .checkbox__label {cursor: pointer;position: relative;position: absolute;padding-top: 15px;}
.checkbox {width: 100%;-webkit-user-select: none;user-select: none;font-size: 14px;}
.checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 1px;width: 1px;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
.checkbox__label {margin-bottom: 0;padding-left:0px;}
.checkbox input:checked + .checkbox__label::after {opacity: 1;}
/* enostavni preracun */
.arrow-down {background:url(/img/down-arrow-grey.png);background-size:15px 15px;width:15px;height:15px;margin-left:-33px;}
/* close button */
.close-button {position: relative;width: 15px;height: 15px;cursor: pointer;}
.close-button::before,.close-button::after {content: '';position: absolute;top: 50%;left: 50%;width: 15px;height: 1px;background-color: #009FE3;transform-origin: center;}
.close-button::before {transform: translate(-50%, -50%) rotate(45deg);}
.close-button::after {transform: translate(-50%, -50%) rotate(-45deg);}
/* help button */
.btn-hlp {color:#aaa;border:1px solid #aaa;}
.btn-hlp:hover {color:#009FE3;border:1px solid #009FE3;}
.btn-hlp-1 {position:absolute;top:15px;left:auto;right:0px;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-2 {position:absolute;top:100px;left:auto;right:0px;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-3 {position:absolute;top:25px;left:auto;right:0px;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-4 {position:absolute;top:15px;left:auto;right:15px;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-5 {position:absolute;top:0px;left:calc(100% - 37px);right:auto;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-6 {position:absolute;top:-20px;left:auto;right:20px;color:white;border:1px solid white; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-6:hover {color:#fafafa;border:1px solid #fafafa;}
@media (min-width: 920px) {
.btn-hlp-1 {position:absolute;top:45px;left:calc(100%/7 * 6);right:auto;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-2 {position:absolute;top:80px;left:calc(100%/7 * 6);right:auto;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-3 {position:absolute;top:25px;left:calc(100%/7 * 6 + 15px);right:auto;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-4 {position:absolute;top:15px;left:calc(100%/7 * 6 + 30px);right:auto;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-5 {position:absolute;top:0px;left:calc(100%/7 * 6 - 14px);right:auto;color:#aaa;border:1px solid #aaa; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
.btn-hlp-6 {position:absolute;top:22px;left:calc(100%/7 * 7 - 40px);right:auto;color:white;border:1px solid white; width:17px; height:17px;text-align:center;font-size:11px;font-family: "VectrexWeb-Bold", serif;cursor:pointer;}
}
.tcol-md-7 {width: 58.33333333%;position: relative;min-height: 1px;}
.toffset-md-2 {margin-left: 16.66666667%;}
/* MOBILE MENU - start */
.menu-mobile {position:fixed;background:#333333;width:100%;height:100%;top:0px;padding-top:0px;margin-left:0%;opacity:0;transition: all .3s;z-index:-1;overflow-y:scroll;background:#F2F2F2}
.menu-mobile.active {margin-left:0%;transition: all .3s;opacity:1;z-index:99999;}
.mobile-menu-container {position: fixed;z-index: 999999;right: 0px;top:13px;}
.mobile-menu-container.message-show {margin-top:65px;}
.mobile-menu {float:right;cursor:pointer;margin-top:15px;margin-right:30px;z-index:999999;position:relative;background:url(/img/menu.png);background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;}
.mobile-menu.active {background:url(/img/close.png);background-size:25px 25px;background-repeat:no-repeat;width:25px;height:25px;margin-top:15px;margin-right:30px;}
.menu-mobile-wrapper {width:calc(100% - 30px);height:100vh;border-right:1px solid #ddd;padding-top:180px;padding-left:30px;}
.mobile-menu-item-first {border-bottom:1px solid #009FE3;text-align:right;font-family: 'VectrexWeb-Bold', serif;font-size:20px;padding-bottom:10px;padding-top:10px;cursor:pointer;}
.mobile-menu-item-second {border-bottom:1px solid #009FE3;text-align:right;font-family: 'VectrexWeb-Bold', serif;font-size:20px;padding-bottom:10px;padding-top:10px;margin-bottom:75px;cursor:pointer;}
.mobile-menu-item-third {border-top:1px solid #009FE3;text-align:right;font-family: 'VectrexWeb-Bold', serif;font-size:20px;padding-bottom:10px;padding-top:10px;cursor:pointer;}
/* MOBILE MENU - end */
/* COMMON TAGS */
.clearfix {clear:both;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.inline {display:inline-block;}
.left-border {border-left:none;}
.left-border-custom-1 {position:absolute;left:calc(100%/7);height:50px;}
.left-border-custom-2 {position:absolute;left:calc(100%/7 + 1px);top:0px;height:45px;}
.left-border-mobile {border-left:1px solid #e6e6e6;}
.right-border {border-right:none;}
.right-border-mobile {border-right:1px solid #e6e6e6;}
.right-border-all {border-right:1px solid #e6e6e6 !important;}
.float-left {float:none;}
.float-right {float:right;}
.readonly {color:#999;}
.desktop {display:none;}
.desktop-1500 {display:none;}
.mobile {display:block;}
@media (min-width: 920px) {
.left-border {border-left:1px solid #e6e6e6;}
.left-border-mobile {border-left:none;}
.right-border {border-right:1px solid #e6e6e6;}
.right-border-mobile {border-right:none;}
.float-left {float:left;}
.desktop {display:block;}
.mobile {display:none;}
}
@media (min-width: 1500px) {
.desktop-1500 {display:block;}
}