/* -------------------- tag styles --------------------*/
body,td,div {font-family: Nunito,sans-serif; font-size: 16px; color:#333;}
body{overflow:hidden;}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px;}
a:focus,button:focus,input:focus,select:focus {outline: none;}


/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}
.cb {clear: both; height:0;}

.ls25 {letter-spacing: 0.025em;}

section,article,nav,header,footer{display:block;}
a{text-decoration:none;}
button, input{font-family: Nunito,sans-serif;}
button{cursor:pointer;}

/* ---------------------------------------------*/


/*HEAD*/
section.head{height: 120px; border-bottom:1px solid #d6d6d6; position:relative;}
section.head h1{font-size:40px; font-weight:800; text-transform:uppercase; text-align:center; line-height:120px; background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; }
section.head h1.user{position:relative; top:-10px;}
section.head h1.user::before{font-family: "Material Icons"; content:"person"; font-size:50px; text-transform:none;  font-feature-settings: 'liga'; 
    background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:relative; top:8px; left:-10px;}
section.head h1.user.small{font-size:32px;}
section.head img.logo{position:absolute; top:0; left:0;}
section.head img.logo-sikng{position:absolute; top:0; right:0;}

.mi{color:#333; font-size:30px; display:block; position:absolute; top:26px;}
.mi::before{font-family: "Material Icons"; color:#333; font-size:40px; position:relative; top:9px; font-feature-settings: 'liga';}

.mi.home{ /*left:50px;*/ left:340px; /*z-index:100;*/}/*zindex*/
.mi.home::before{content:"home"; margin-right:10px; }
.mi.hsearch{/*left:240px;*/ /*left:530px;*/ left:340px; z-index:100;}
.mi.hsearch::before{content:"search"; margin-right:10px;}

.mi.cancel{ /*left:50px;*/ left:340px; /*z-index:100;*/ color:#ff0000;}/*zindex*/
.mi.cancel::before{content:"clear"; margin-right:10px; color:#ff0000;}

.lang{position:absolute; top:26px; right:410px;}
.lang span{font-size:18px; line-height:55px;}
.lang a{color:#333; font-size:30px; line-height:55px; text-align:center;border:2px solid #333; border-radius:50%; width:55px; height:55px; margin-left:20px; display:inline-block;}
.lang a.active{/*color:#333;*/ border:2px solid #09c5ba; background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;}

.mi.logout{ right:420px; /*z-index:100;*/}/*zindex*/
.mi.logout::before{content:"power_settings_new"; margin-right:10px;}
.mi.help{right:210px; /*z-index:101;*/}/*zindex*/
.mi.help::before{content:"help"; margin-right:10px;}

.mi.disabled,.mi2.disabled{pointer-events: none; cursor: default; opacity: 0.7;}

section.main{/*height:959px;*/width:100%; height:100%;}

/*pages*/
.main .pages{float: left; position: relative; left: 50%; }
.main .pages .wrapper{float: left; position: relative; left: -50%; }


/*#1 - PRVA STRAN - DOBRODOSLI*/
.ileft{float:left; width:65%; padding:80px 40px 0 70px;}
.ileft h1{font-size:48px; font-weight:700; text-transform:uppercase;}
.ileft p{font-size:36px;}
.ileft p strong{font-weight:700;}
    img.iplant{}
.iright{float:right; width:28%; padding-top:50px;}
.iright img{/*width:100%;*/}
.ifoot{display:block; clear:both; background-color:#f8f8f8; height:100%;}    
    a.button{ width:410px; height:110px; display:inline-block; border-radius:10px; margin:70px 80px 0 0; font-size:30px; font-weight:800; line-height:110px; text-decoration:none; text-transform:uppercase; text-align:center; 
        box-shadow: 5px 5px 80px 10px rgba(0, 0, 0, 0.15);}
    a.button.green{background: linear-gradient(to right,#09c5ba, #2ada8f); color:#fff; margin-left:510px;}
    a.button.white{background-color:#fff; color:#333; line-height:90px;}
    a.button.white::before{font-family: "Material Icons";  font-size:50px; text-transform:none; content:"search"; margin-right:12px; position:relative; top:15px; font-feature-settings: 'liga';}

/*#2 - ISKANJE*/
.main.search{background-color:#f8f8f8; position:relative;}
.sleft{float:left; /*width:550px;*/ width:28.5%; height:100%; padding:45px; background-color:#fff; box-shadow: 5px 25px 30px 15px rgba(0, 0, 0, 0.05); position:relative; z-index:1;}
.sleft h3{font-size:20px; text-align:center; text-transform:uppercase; font-weight:800; margin-bottom:25px;}
    .abc a{display:inline-block; font-size:30px; color:#333; text-transform:uppercase; width:88px; height:68px; line-height:68px; background-color:#f6f6f6; border-radius:10px; margin:0 0 20px 20px; text-align:center;}
    .abc a.active{color:#fff; background-color:#0094d1;}
    .abc a:nth-child(5n+1){margin:0 0 20px 0;}
    form.search{position:relative;}
    form.search input{width:480px; height:80px; font-size:30px; border:none; background-color:#fff; border-radius:10px; box-shadow: 5px 25px 40px 15px rgba(0,0,0,0.05); margin-bottom:50px; padding:0 30px;}
    form.search button{border:none; background-color:transparent; position:absolute; top:0px; right:25px; font-size:50px;}
    form.search button::before{content:"search"}
    form.searchabc{margin-top:60px;}
    form.searchabc button{display:inline-block; font-size:20px; font-weight:800; text-transform:uppercase; width:400px; height:70px; color:#fff; background: linear-gradient(to right,#09c5ba, #2ada8f); border:none; 
    border-radius:10px; margin:40px 0 0 70px; box-shadow: 5px 25px 40px 15px rgba(42, 218, 143, 0.25);}
.sright{float:right; /*width:1080px;*/ width:56%; padding:60px 100px;/*border:1px solid blue;*/ height:100%; position:relative; z-index:1;}
    table.product{width:1080px; background-color:transparent;} 
    table.product tr{ background-color:transparent; }
    table.product tr th{background-color:#f8f8f8; padding:15px 30px; text-align:left; font-size:20px; text-transform:uppercase; font-weight:800; text-wrap:nowrap;}
    table.product td{padding:15px 30px; border-top: 10px solid #f8f8f8; background-color:#fff; line-height:32px;/*box-shadow: 20px 20px 18px 0px rgba(0,0,0,0.05);*/}
    
    table.product td:nth-child(1) {font-size:24px; font-weight:700; border-top-left-radius:10px; border-bottom-left-radius: 10px;}
    table.product td:nth-child(2) {font-size:24px; font-weight:400;}
    table.product td:nth-child(3) {font-size:24px; font-weight:400;}
    table.product td:nth-child(4) {border-top-right-radius:10px; text-align:right; border-bottom-right-radius: 10px;}

    .main.search table.product td:nth-child(1) {font-size:24px; font-weight:700; width:25%; border-top-left-radius:10px; border-bottom-left-radius: 10px;}
    .main.search table.product td:nth-child(2) {font-size:24px; font-weight:400; width:25%;}
    .main.search table.product td:nth-child(3) {font-size:24px; font-weight:400; width:10%;}
    .main.search table.product td:nth-child(4) {width:30%; border-top-right-radius:10px; text-align:right; border-bottom-right-radius: 10px;}
    
    .main.search table.product.nologin tr td:nth-child(1){width:30%;}
    .main.search table.product.nologin tr td:nth-child(2){width:30%;}
    .main.search table.product.nologin tr td:nth-child(3){width:10%;}
    .main.search table.product.nologin tr td:nth-child(4){width:17%;}

    .main.search table.product .lbox .text{padding:70px; height:auto;}
    .main.search table.product .lbox .text p{margin:0 0 20px 0;}
    .main.search table.product .lbox .text p span{font-weight:400;}
    .main.search table.product .lbox .text .left{float:left; width:50%;/* border:1px solid pink;*/}
    .main.search table.product .lbox .text .right{float:right; width:50%; /*border:1px solid violet;*/}
    .main.search table.product table.table1{width:98%;}
    .main.search table.product table.table2{width:98%;}
    .main.search table.product table.table2 td:nth-child(1){border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
    .main.search table.product table.table2 td:nth-child(2){border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

    .main.search table.product table td:nth-child(1),.main.search table.product.nologin table td:nth-child(1){width:45%; font-size:16px; text-align:left;}
    .main.search table.product table td:nth-child(2),.main.search table.product.nologin table td:nth-child(2){width:55%; font-size:16px; text-align:right; text-transform:lowercase;}
    .main.search table.product table .dif td:nth-child(1),.main.search table.product.nologin table .dif td:nth-child(1){width:62%;}
    .main.search table.product table .dif td:nth-child(2),.main.search table.product.nologin table .dif td:nth-child(2){width:38%;}
    .main.search table.product .comments{/*display: flex;*/ height:100px; margin-top:10px;  position:relative; /*max-height: calc(100% - 50%);*/}
    .main.search table.product .comments .com{width:95%; text-align: left; font-size: 18px; vertical-align:top; height:auto; background-color:#fff; border-radius:10px; padding: 10px 20px; opacity:0;
      -webkit-transition: opacity .6s linear; -o-transition: opacity .6s linear; transition: opacity .6s linear;}
    .main.search table.product .comments .com.active{opacity:1;}
    .main.search table.product .comments .com{position:absolute;}
    .main.search table.product .comments .com div{vertical-align:top;}
    .main.search table.product .comments .com div:nth-child(1){width:30%; font-weight: 700; display:inline-block;}
    .main.search table.product .comments .com div:nth-child(2){width:68%; display:inline-block;}
    .main.search table.product .comments span.cnav{position:absolute; top:10px; z-index:10000;}
    .main.search table.product .comments span.cnav.disabled::before{display:none;}
    
    .main.search table.product .comments span.cprev{display:block; cursor:pointer; left:-25px;}
    .main.search table.product .comments span.cnext{display:block; cursor:pointer; right:-20px;}
    .main.search table.product .comments span.cnav::before{font-family: "Material Icons"; font-size:24px; color:#333; font-feature-settings: 'liga'; display:block;}
    .main.search table.product .comments span.cprev::before{content:"keyboard_arrow_left";}
    .main.search table.product .comments span.cnext::before{content:"keyboard_arrow_right";}
    .main.search table.product .comments{/*position:relative; width:100%; height:auto;*/}
    .main.search table.product .comments div{/*position:absolute; top:0; left:0; width:100%; height:auto;*/}
   
    .main.search h3{margin-top:60px; font-size:24px;}

    table.product td a{display:inline-block; font-size:16px; text-transform:uppercase; color:#333; width:118px; height:36px; line-height:36px; border:1px solid #d6d6d6; border-radius:10px; margin-left:10px; text-align:center;}
    table.product td a.disabled { pointer-events: none; cursor: default; color: #d6d6d6;}
    .pages{margin-top:35px; height:50px; /*width:530px; margin:35px auto 35px 0;*/margin: 35px 0; position:absolute; bottom:-30px; left:50%;}
    .pages .wrapper{display:flex;}
    .pages a{display:inline-block; width:48px; height:48px; line-height:48px; color:#333; font-size:20px; border:1px solid #d6d6d6; border-radius:10px; text-align:center; margin-right:10px;}
    .pages a.mi{position: static;}
    .pages a.prev,.pages a.next{font-size:24px;}
    .pages a.mi::before{margin-top:0; position: static; font-size:24px;}
    .pages a.prev::before{content:"keyboard_arrow_left";}
    .pages a.next::before{content:"keyboard_arrow_right";}
    .pages a.active{background-color:#0094d1; border:1px solid #0094d1; color:#fff;}

/*#3 - LOGIN*/
form.login{width:55%; margin:133px auto 0 auto;}
form.login img{margin: 0 auto; display: block;}
form.login h2{font-size:70px; line-height:80px;font-weight:800; text-transform:uppercase; text-align:center; margin-bottom:80px;}
form.login input {
  width: 1000px; width:100%;
  height: 150px;
  background-color: #f6f6f6;
  border: none;
  border-radius: 10px;
  font-size: 50px;
  padding: 0 40px;
  text-align: center;
  margin: 0 auto;
}
form.login button{width:450px; height:150px; font-size:50px; font-weight:800; text-transform:uppercase; cursor:pointer; background: linear-gradient(to right,#09c5ba, #2ada8f); color:#fff; border:none; border-radius:10px; 
    box-shadow: 5px 25px 40px 15px rgba(42, 218, 143, 0.25); margin:100px auto 0 auto; display:block;}

/*#4 - REGISTRACIJA*/
section.main.register{background-color:#f8f8f8; height:100%; padding-top:140px;}
form.reg{width:1080px; margin:0 auto;}
    .half{width:48%;}
form.reg label{display:block; font-size:18px; font-weight:800; text-transform:uppercase; margin:0 0 10px 20px;}
form.reg input[type=text],form.reg input[type=email]{width:475px; height:50px; padding:0 20px; border:none; border-radius:10px; margin-bottom:25px; font-size:24px;}
form.reg .exp{margin-top:26px;}
form.reg label:nth-child(3) {border-top-left-radius:10px; border-bottom-left-radius: 10px;}
form.reg label:nth-child(7) {border-top-right-radius:10px; border-bottom-right-radius: 10px;}
    /*radio*/
    input[type=radio] {display:none; margin:10px;}
    input[type=radio] + label {display:inline-block; margin:-2px; padding: 4px 12px; margin-bottom: 0; font-size: 20px; line-height: 42px; color: #333; text-align: center; font-weight:400; text-transform:none;
    vertical-align: middle; cursor: pointer; background-color: #fff; width:146px; height:42px;}
    input[type=radio]:checked + label {background-image: none; outline: 0; background-color:#0094d1; color:#fff; position:relative; line-height:30px;}
    input[type=radio]:checked + label::before{font-family: "Material Icons"; content:"check"; font-size:24px; color:#fff; font-feature-settings: 'liga'; position:relative; left:-10px; top:4px}

    /*checkbox*/
    .shadow{box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);}
    input[type=checkbox] {display: none; }
    input[type=checkbox] + label:before {
        font-family: "Material Icons"; content:"check";
        font-feature-settings: 'liga';
        text-transform:none;
        border: 2px solid #000;
        border-radius: 2px;
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 15px;
        color: transparent;
        transition: .2s;
        cursor:pointer;
      }
      input[type=checkbox] + label:active:before {
        transform: scale(0);
      }
      
      input[type=checkbox]:checked + label:before {
        background-color: #0094d1;
        border-color: #0094d1;
        color: #fff;
      }
      
      input[type=checkbox]:disabled + label:before {
        transform: scale(1);
        border-color: #d1d1d1;
      }
      
      input[type=checkbox]:checked:disabled + label:before {
        transform: scale(1);
      }

form.reg .izjava{border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; margin:60px 0 30px 0; padding:10px 0 20px 0;}
form.reg .izjava p{font-size:14px; line-height:22px}
form.reg .check-center{text-align:center;}
form.reg label[for="checkbox"],form.reg label[for="checkbox2"]{display:inline-block; margin:0 0 0 12px; line-height:16px;}
form.reg label[for="checkbox2"]{font-weight:400; font-size:24px; text-transform:none;}


form.reg button{display:block; cursor:pointer; font-size:20px; font-weight:800; text-transform:uppercase; width:400px; height:70px; color:#fff; background: linear-gradient(to right,#09c5ba, #2ada8f); border:none; 
    border-radius:10px; margin:35px auto 0 auto; box-shadow: 5px 25px 40px 15px rgba(42, 218, 143, 0.25);}

/*#5  - USER (izposoja, vnos, pregled)*/
.main.main5{width:1680px; padding:180px 20px 0 80px; margin:0 auto;}
.main.main5 .third{width:380px; height:500px; margin-right:60px; background-color:#fff; border-radius:10px; box-shadow: 20px 20px 60px 20px rgba(0,0,0,0.05); padding:50px 60px;}
.main.main5 .third:nth-child(2){width:320px; padding:50px 90px;}
.main.main5 .third h2{font-size:49px; font-weight:800; text-align:center; text-transform:uppercase; margin-top:30px; color:#333;}

/*#6 USER - Izposoja*/
.main.main6{width:100%; padding:85px 0 0 0; /*margin:0 auto; text-align:center;*/}
.main.main6 h2{font-size:58px; font-weight:800; text-transform:uppercase; text-align:center; padding:0 180px;}
.main.main6 h3{font-size:50px; font-weight:400; color:#888; text-align:center; margin-bottom:60px;}
.main.main6 .borrow2lines h2{font-size:44px; margin-top:-30px;}
.main.main6 .borrow2lines h3{font-size:38px;}
 
.main.main6 form.izposoja{text-align:center; margin:0 auto; width:80%; display:block; padding-left:2%;}
.main.main6 .third{display:inline-block; position:relative;}
.main.main6 .third.col3{width:30%; margin-right:3%;}
.main.main6 .third.col4{width:23%; margin-right:2%;}
.main.main6 .third.col5{width:18%; margin-right:2%;}
.main.main6 .third .seed{/*width:90%; height:110px;*/ background-color:#f6f6f6; padding:45px; border-radius:10px; /*display:block;*/ margin-bottom:20px;}
.main.main6 .third.col4 .seed{padding:20px;}
.main.main6 .third.col3.row2 .seed{padding:20px;}
.main.main6 .third.col4.row2 .seed{padding:15px;}
.main.main6 .third.col5.row2 .seed{padding:20px;}

    .third .nr{background-color:#fff; width:120px; height:120px; line-height:120px; text-align:center; border-radius:10px; font-size:40px; font-weight:bold;  float:left; margin-right:30px;}
    .third.col3 .nr{width:120px; height:120px; line-height:120px; font-size:40px;}
    .third.col4 .nr{width:90px; height:90px; line-height:90px; font-size:36px; margin-right:20px;}
    .third.col5 .nr{width:55px; height:55px; line-height:55px; font-size:30px;  margin-right:10px;}
    .third p{display:contents; color:#afafaf; float:left; margin:0 0 0 40px;}
    .third.col3 p{font-size:30px;}
    .third.col4 p{font-size:30px;}
    .third.col5 p{font-size:20px;}

    .third.active .nr{background-color:#0094d1; color:#fff;}
    .third.active .nr::before{font-family: "Material Icons"; content:"check"; font-size:70px; font-weight:400;font-feature-settings: 'liga';}
    .third.col5.active .nr::before{font-size:48px;}
    
    .third.active p{color:#333;}
    .third a.remove{display:block; /*font-size:30px; color:#333; margin-top:30px; text-align:center;*/ color:#333; position:absolute; bottom:5px; right:-10px; visibility:hidden;}
    .third a.remove::before{font-family: "Material Icons"; content:"delete_forever"; display:block; font-size:30px; font-feature-settings: 'liga'; visibility:visible;}
    .third.col5 a.remove::before{font-size:26px;}
    .third.row2 a.remove::before{font-size:26px;}


    /*form.izposoja-scan input,form.vnos-scan input{/*visibility:hidden;*//* border:0; color:#fff; height:0; background-color:transparent;}*/
form.izposoja-scan input,form.vnos-scan input {
  width: 235px;
  height: 50px;
  background-color: #f6f6f6;
  border: none;
  border-radius: 10px;
  font-size: 40px;
  padding: 0 20px;
  text-align: center;
  margin: 0 auto 50px;
  clear:both;
  display:block;
}
form.izposoja-scan input:focus,form.vnos-scan input:focus {outline: none;}
form.izposoja{display:inline-block; width:80%;}
form.izposoja p.scan-submit{text-align:center; color:#888; font-size:30px; margin:60px;}

form.izposoja button{display:block; font-size:20px; font-weight:800; text-transform:uppercase; width:400px; height:70px; color:#fff; background: linear-gradient(to right,#09c5ba, #2ada8f); border:none; 
        border-radius:10px; margin:0px auto 0 auto; box-shadow: 5px 25px 40px 15px rgba(42, 218, 143, 0.25); cursor:pointer;}
.main.main6 .borrow2lines form.izposoja p.scan-submit{margin:70px;}
.main.main6 .borrow2lines form.izposoja button{margin:0px auto 0 auto;}

/*#7a USER - Vnos - 1. korak*/
.main.vnos{background-color:#f8f8f8;}
.steps{width:450px; height:110px; display:block; border-radius:10px; background-color:#f6f6f6; padding:45px; margin-bottom:120px; position:relative;}
.steps:nth-child(2)::before,.steps:nth-child(3)::before{font-family: "Material Icons"; content:"arrow_downward"; font-size:80px; color:#dae0dd; margin-right:10px; font-feature-settings: 'liga'; 
    position:absolute; top:-110px; /*left:220px;*/left:40%;/*top:-150px; left:0;*/}
.steps.active:nth-child(2)::before,.steps:nth-child(3).active::before{color:#333;}
.steps.active{background: linear-gradient(to right,#09c5ba, #2ada8f); box-shadow: 5px 25px 40px 15px rgba(42, 218, 143, 0.25);}
.steps .icon{background-color:#fff; width:120px; height:120px; border-radius:10px; margin-right:50px; display:block;}
.steps .icon img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.steps.active .icon img{-webkit-filter: none; filter: none;}
.steps p{color:#afafaf; font-size:40px; width:250px; margin:0; padding:0; display:block;}
.steps.active p{color:#fff; font-weight:bold;}

.main.main7 .sright img{/*transform: rotate(20deg);*/ margin:50px 0 0 396px; margin:40px auto 0; display:block;/*width:250px;*/}
.main.main7 h2{font-size:50px; line-height:60px; font-weight:800; text-transform:uppercase; text-align:center; margin-top:-25px;}
.main.main7 h3{font-size:40px; font-weight:400; color:#888; text-align:center; margin: 25px 0 0 0;}
.main.main7 button.button{display:block; font-size:30px; font-weight:800; text-transform:uppercase; width:400px; height:100px; color:#fff; background: linear-gradient(to right,#09c5ba, #2ada8f); border:none; 
    border-radius:10px; margin:70px auto 0 auto; box-shadow: 5px 25px 40px 15px rgba(42, 218, 143, 0.25);}


 /*#7b USER - Vnos - 2. korak*/
form.vnos{width:1080px; margin:20px auto 0 auto;}
    /*.half{width:515px;}*/

form.vnos label{display:block; font-size:18px; line-height:18px; font-weight:800; text-transform:uppercase; margin:0 0 10px 20px;}
form.vnos label .help{position:relative; z-index:1;}
form.vnos label .help:before{position:absolute; z-index:1; background: transparent url(../images/icon_help.png) no-repeat 0 0; width:19px; height:18px; content:"";/*font-family: "Material Icons"; color:#afafaf; content:"help"; font-size:20px; line-height:18px; text-transform:none;*/ margin-left:10px; /*font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; */}

/* Hide the tooltip content by default */
form.vnos label .help span,form.vnos label .help span:after{visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none;}

  /* Position tooltip above the element */
form.vnos label .help span {
  position: absolute;
  bottom:30px; left:50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 10px 20px;
  width:300px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.85);
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  z-index:1000;
}

form.vnos label .help span p{font-family: Nunito,sans-serif; font-size:14px; font-weight:400; text-transform:none; margin:0; padding:10px 0; width:100%; color:#fff;}

/* Triangle hack to make tooltip look like a speech bubble */
form.vnos label .help span:after {
  position: absolute;
 /* bottom: 150%;*/
  bottom:-5px;
  left: 30%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.85);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
form.vnos label .help.helpr span {margin-left: -250px; right: 30%;}
form.vnos label .help.helpr span:after {bottom:-5px; margin-left: 170px; right: 30%;}

/* Show tooltip content on click */
form.vnos label .help.active span,
form.vnos label .help.active span:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


form.vnos input[type=text],form.vnos input[type=number]{width:475px; height:50px; padding:0 20px; border:none; border-radius:10px; /*margin-bottom:25px;*/ margin-bottom:30px; font-size:24px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);}
form.vnos input[type=number]{width:177px; -moz-appearance:textfield;}
form.vnos input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
form.vnos .exp{margin-top:26px;}
form.vnos .half label.vnos.vnosl {border-top-left-radius:10px; border-bottom-left-radius: 10px;}
form.vnos .half label.vnos.vnosr {border-top-right-radius:10px; border-bottom-right-radius: 10px;}

form.vnos input[type=radio] + label { /*margin-bottom:25px;*/ margin-bottom:30px;}
    input[type=radio] + label {display:inline-block; margin:-2px; padding: 4px 12px; font-size: 20px; line-height: 42px; color: #333; text-align: center; font-weight:400; text-transform:none;
        vertical-align: middle; cursor: pointer; background-color: #fff; width:146px; height:42px;}
    input[type=radio]:checked + label[for=sorta2]{font-size: 18px; /*line-height:10px; padding: 0px 12px; height:50px; text-align:center;*/}
    input[type=radio]:checked + label[for=sorta2]::before{top:4px}
    input[type=radio] + label[for=sorta2] br{display:none;}
    input[type=radio]:checked + label[for=sorta2] br{display:block;}

    
form.vnos .third{width:360px;}
form.vnos .third input{text-align:center;}
  .value-button {display: inline-block;}
  .value-button.minus::before{font-family: "Material Icons"; font-size:40px; margin-right:5px; font-feature-settings: 'liga'; content:"remove_circle"; color:#333; display:inline; 
    position:relative; top:10px;}
  .value-button.plus::before{font-family: "Material Icons"; font-size:40px; margin-right:5px; font-feature-settings: 'liga'; content:"add_circle"; color:#333; display:inline; 
    position:relative; top:10px;}
  .value-button.plus{margin:0 0 0 5px;}
  .value-button:hover { cursor: pointer;}
  
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
    border: 0 !important;
    background-image: none;
    outline: none;
  }
 
  /* Remove IE arrow */
  select::-ms-expand {
    display: none;
  }
  /* Custom Select */
  .select {
    position: relative;
    display:block;
    width:290px;
    height:50px; 
    
  }
  select {
    color: #333;
    cursor: pointer;
    width:290px; 
    height:50px;
    border-radius:10px; 
    margin:10px 0 25px 0; 
    font-size:24px; 
    padding:0 20px;
  }
  /* Arrow */
  .select::after {

    font-family: "Material Icons"; font-size:40px; /*margin-right:5px;*/ font-feature-settings: 'liga'; color:#333;
    content: 'keyboard_arrow_down';
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    pointer-events: none;
  }


form.vnos textarea{width:475px; height:100px; padding:10px 20px; border:none; border-radius:10px; margin-bottom:25px; font-family: Nunito,sans-serif; color:#333; font-size:24px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);}
.main.main7.main7b form.vnos button.button{margin-top:30px; float:right;}

/*#7c*/
.main.main7c h2{margin-top:10px;}
.main.main7c button.button{margin:40px auto 0 auto;}
button.button1,button.button2,button.button3{display:inline-block; width:340px; height:60px; font-size:20px; font-weight:bold; text-transform:uppercase; border:none; border-radius:10px; 
    box-shadow: 5px 25px 40px 15px rgba(0,0,0,0.05); }
button.button1{background-color:#fff; color:#888; margin:100px 50px 0; float:right;}
button.button2{background-color:#333; color:#fff; margin:100px 50px 0; float:left;}
button.button3{background-color:#333; color:#fff; margin:0 auto; display:block;}

/*#8 USER - Moje izposoje in vnosi*/
.main.main8{background-color:#f8f8f8;}
.main.main8 .half{height:100%; padding:2.5%;}
.main.main8 .half:nth-child(1){width:45%; border-right:1px solid #d1d1d1;}
.main.main8 .half:nth-child(2){width:44%;}
.main.main8 table.product{width:100%;} 
.main.main8 table.product th{font-size:18px; padding:15px 15px;}
.main.main8 table.product td:nth-child(3){position:relative; padding-right:30px;}
.main.main8 table.product td:nth-child(3) a.delete{position:absolute; top:5px; right:5px; width:auto; border:none;  text-transform:none;}
.main.main8 table.product td:nth-child(3) a.delete::before{font-family: "Material Icons"; content:"delete_forever"; font-size:24px; color:#666; text-transform:none;  font-feature-settings: 'liga';}
.main.main8 table.product td:nth-child(3) a.edit{position:absolute; top:30px; right:5px; width:auto; border:none;  text-transform:none;}
.main.main8 table.product td:nth-child(3) a.edit::before{font-family: "Material Icons"; content:"edit"; font-size:24px; color:#666; text-transform:none;  font-feature-settings: 'liga';}
.main.main8 .half h2{text-align:center; font-size:40px; text-transform:uppercase; margin-bottom:20px;}
.main.main8 .half h3{font-size:24px;}

.main.main8 table.product th:nth-child(1) {width:52%;}
.main.main8 table.product th:nth-child(2) {width:22%; text-align:center;}
.main.main8 table.product th:nth-child(3) {width:26%; text-align:center;}

.main.main8 table.product td:nth-child(1) {font-size:30px; font-weight:700; width:52%;}
.main.main8 table.product td:nth-child(2) {font-size:24px; font-weight:400; width:22%; text-align:center;}
.main.main8 table.product td:nth-child(3) {font-size:24px; font-weight:400; width:26%;}
.main.main8 .pages {margin-top:0px;}

/*leafbox*/
.lbox:target > div {border: none;}
.lbox .text{position:relative; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); /*overflow-y:scroll;*/ border-radius:5px; max-width:860px; padding:90px; background-color:#f8f8f8;}
.lbox .text > a.close {background-image:none; display: block; position: absolute; top: -35px; right: -35px; width: 70px; height: 70px; border-radius:50%; text-align:center; background-color:#33a9da; border-color:#33a9da;}
.lbox .text > a.close::before{font-family: "Material Icons"; content:"close"; color:#fff; text-transform:none; font-size:40px; line-height:70px; /*margin-left:5px;*/ text-align:center; font-feature-settings:'liga'; text-rendering: optimizeLegibility;}

.lbox .text form{text-align:center;}
.lbox .text p{font-size:24px; line-height:24px; margin:20px 0; padding: 0; text-align:center; text-transform:uppercase; font-weight:800; color:#333; margin-bottom:50px;}

.lbox .text label.vrni.vrnil {border-top-left-radius:10px; border-bottom-left-radius: 10px;}
.lbox .text label.vrni.vrnir {border-top-right-radius:10px; border-bottom-right-radius: 10px;}

.lbox .text textarea{border:none; width:700px; height:275px; background-color:#fff; border-radius:10px; padding:10px 20px; font-family: Nunito,sans-serif; color:#333; font-size:30px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);}

.lbox .text .button{display:block; background: linear-gradient(to right,#09c5ba, #2ada8f); width:250px; height:90px; line-height:90px; font-size:24px; font-weight:800;
  border:none; border-radius:10px; color:#fff; text-transform:uppercase; margin-top:50px; margin-left:305px;}

.main.main8 .pages a.active{background: linear-gradient(to right,#09c5ba, #2ada8f); color:#fff; border:1px solid transparent;}
.main.main8 h3{text-align:center; padding-top:40px;}

/*lbox info*/
.main.main8 table.product .lbox .text table td:nth-child(1){width:62%; font-size:16px; text-align:left;}
.main.main8 table.product .lbox .text table td:nth-child(2){width:38%; font-size:16px; text-align:right; text-transform:lowercase;}
.main.main8 table.product .lbox .text{padding:70px; height:auto;}
.main.main8 table.product .lbox .text p{margin:0 0 20px 0;}
.main.main8 table.product .lbox .text .left{float:left; width:50%;/* border:1px solid pink;*/}
.main.main8 table.product .lbox .text .right{float:right; width:50%; /*border:1px solid violet;*/}
.main.main8 table.product table.table1{width:98%;}
.main.main8 table.product table.table2{width:98%;}
.main.main8 table.product table.table2 td:nth-child(1){border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.main.main8 table.product table.table2 td:nth-child(2){border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

.mi2,table.product td a.mi2{color:#333; font-size:32px; display:inline-block; position:relative; height:32px; line-height:32px; text-transform:none; border:none; margin:0; padding:0; font-weight:400; width:32px;}
.mi2::before,table.product td a.mi2::before{font-family: "Material Icons Outlined"; color:#333; font-size:32px; font-feature-settings: 'liga';}
.mi2.info::before,table.product td a.mi2.info::before{content:"info"; position:absolute; top:5px; left:-10px;}

/*#9 Pomoc - FAQ*/
.main.main9{background-color:#f8f8f8; /*width:1920px;*/position:relative;}
.main.main9 .pclose{position:absolute; top:30px; right:30px;}
.main.main9 .pclose::before{font-family: "Material Icons"; content:"close"; color:#333; font-size:40px; font-feature-settings:'liga'; text-rendering: optimizeLegibility;}
.main.main9 h2{font-size:40px; font-weight:800; text-transform:uppercase; padding:50px 0 0 50px;}
.main.main9 .half{/*height:100%;*/ /*padding:50px;*/ padding:2.5%; /*width:860px;*/ width:45%;}

.main.main9 .half h3{font-size:30px; font-weight:bold;}
.main.main9 .half p{font-size:24px; font-weight:400; color:#888;}
.main.main9 .pages{/*width:530px; margin:35px auto 35px auto;*/ margin:35px 0; position:absolute; bottom:130px; left:50%;}

.main.main9 a.faq_more{color:#33a9da; font-weight:700; text-transform:uppercase; font-size:20px;}
.main.main9 .lbox .text h3{font-size:24px; line-height:24px; margin:20px 0; padding: 0; text-align:left; text-transform:uppercase; font-weight:700; color:#333; margin-bottom:50px;}
.main.main9 .lbox .text p{font-size:24px; line-height:32px; margin:20px 0; padding: 0; text-align:left; text-transform:none; font-weight:400; color:#333; margin-bottom:50px;}