@font-face { 
    font-family: "inter"; 
    src: url("font/inter-variable-font.woff2") format("woff2 supports variations"), url("https://cdn.fantasticservices.com/font/inter-variable-font.woff2") format("woff2-variations"); 
    font-weight: 400 900; 
    font-stretch: 25% 150%; 
    font-display: swap; 
}

button,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea {
    font-family: 'inter';
} 


body{padding:0px; margin:0px; font-size:15px;}


.wrapper{border:0px solid #ccc; margin:0 auto; width:1000px; min-height:600px;   position:relative; border:0px solid #0000ff;}
.wrapper2{}
.main{width:1200px;  margin:0 auto; overflow:hidden;  }
a{ text-decoration: none; }

/*HEADER TOP*/
.header-top{ background: transparent; position: absolute; z-index: 999; top:0px; width: 100%; }
.header-top-cont{ position: relative; height: 40px; padding-top:0px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.header-top-box{ position: relative; width:29%; font-size: 14px;  padding: 0px 0px 0px 30px; float: left; line-height: 40px; position: relative; color:#000;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-top-box:nth-child(1){ width:18%; }
.header-top-box:nth-child(2){ width:23%; }
.header-top-box:nth-child(3){ border-right: 0px; }
.header-top-box::before{ font-family: 'Material Icons Round'; content:'menu'; font-size: 20px; font-weight: 600; line-height: 40px; color:#333;  position: absolute; top:50%; margin-top: -20px; left:0px; width:40px; height:40px;  }
.header-top-box:nth-child(1)::before{ font-family: 'Material Symbols Outlined'; content: 'call';   }
.header-top-box:nth-child(2)::before{ font-family: 'Material Symbols Outlined'; content: 'mail'; }
.header-top-box:nth-child(3)::before{ font-family: 'Material Symbols Outlined'; content: 'home'; font-size: 22px;   }

/*HEADER*/
.header {width:100%; height:350px; position: relative; z-index: 5; background: #fff url('../images/bg-orange-header.webp') bottom center no-repeat; background-size: cover; }
/*.header::before{ position: absolute; z-index: 0; content: ''; width:100%; height:350px; background: transparent url('../images/bg-orange.webp') bottom center no-repeat; background-size: cover;  }
*/
/*GALVNI MENI*/
.main-menu{ position: absolute; z-index: 15; top:40px; width: 1200px; left:50%; margin-left: -600px; border-radius: 10px; height: 60px; background-color: #fff; }
.logo{margin:0px auto; height:44px; margin-top:8px; margin-left:20px;}

/*HEADER1*/
.header1{ width:100%; text-align:center; font-size:36px; line-height: 46px; font-weight:bold; margin:50px 0px; color:#000; }

.header_contact span{ color: #f7b401; }
.header_contact a{ color: #fff; }

/*HEADER2*/
.header2{ width:100%; background-color: #efefef; color:#000; margin-bottom:25px;}
.header2-company{color:#fff; text-transform: uppercase; font-size:16px; font-weight: bold; line-height: 20px; text-align: center; margin-bottom:5px;}
.header2-menu{ background-color: #efefef; padding:8px 0px; height: 20px; width: 100%; border-top: 2px solid #fff;}
.header2-button{ font-size:14px; padding:5px 10px; line-height: 18px; border:1px solid  #999; margin-left:5px; }
.header2 a{ color:#000; text-decoration: none;  }






.title{margin:0px auto; font-size:40px; border:0px solid #ff0000; text-align:center;}
.error{color:#C50707; font-size:14px; background-color:#ffe5e5; margin-bottom:2px; padding:0px 5px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.success{padding:20px 20px; font-size:16px; line-height: 23px; text-align:center; background-color:#dcffea; border:1px solid #1cad54; color:#000; margin:30px 0px; margin-left:20%; width:60%; border-radius: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.decline{padding:20px 20px;  font-size:16px;  line-height: 26px; margin-bottom:100px; text-align:center; background-color:#fddbdb; border:1px solid #e15656; color:#000;  margin-top:100px; border-radius: 20px; margin-left:20%; width:60%; box-sizing: border-box; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
.creditcardTitle{font-size:24px; font-weight: bold; text-transform: uppercase; text-decoration: underline; color:#000;  margin-top:30px; margin-bottom:30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.labelForm{font-size:16px; color:#BC802A; margin-bottom:5px;} 

.formLeft{width:47%; float:left;}
.formRight{width:47%; float:right;}
.formLeft33{width:30%; float:left; margin-right:3%;}
.formLeft33-2{width:30%; float:right;}

 /*PADDING MARGIN*/
 .m_padding_bottom{margin-bottom:10px;}

/*JEDINSTVENO*/
.boldirano{ font-weight:bold;}
.small{font-size:12px;}
.clr_line{width:100%; overflow:hidden; border-top:1px solid #ddd;}
.clr{ overflow:hidden; width:100%;}
.podnaslov{font-size:20px; line-height:30px; margin-bottom:15px; font-weight: bold; }
.success_message{padding:20px 20px; text-align:center; background-color:#D6FFE6; color:#000; margin:20px 0px; margin-left:20%; width:60%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.prikaz_mobile{display:none;}

/*FORMA PRIKAZA*/
.prikaz_all{width:100%; border:0px solid #ff0000; overflow:hidden; color:#222; }
.prikaz_desno{ float:right; }
.prikaz_lijevo{ float:left; }
.prikaz_sredina{ float:left; }
.colspan50{ width:50%;}
.colspan50_no_wrap{ width:50%;}
.colspan32{ width:32%;}
.colspan33{ width:33%;}
.colspan40{ width:40%;}
.colspan60{ width:60%;}
.colspan45{ width:45%;}
.colspan66{ width:66%;}
 

/*REVIEW*/
.span100{width:100%; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.span50{width:50%;}
.span25{width:25%;}
.span33{width:33%;}
.span20{width:20%;}
.span40{width:40%;}
.span60{width:60%;}
.span100 div{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.first-row{ background-color:#111; color:#fff; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.first-row .prikaz_lijevo{padding-top:12px;}
.first-row .prikaz_lijevo a{ color:#fff ; font-weight: bold;  text-decoration: none;}
.first-row div{ padding:7px 2px; box-sizing: border-box;}
.first-row .prikaz_desno{ background-color:#f7b401; color:#000; text-align:center; font-weight:bold;}
.second-row {padding:5px 2px;  background: #f1f1f1 url(../images/iconStart2.png) left center no-repeat; padding-left:20px;}
.third-row {padding:5px 2px;  background: #f1f1f1 url(../images/iconKraj2.png) left center no-repeat; padding-left:20px; }
.four-row{padding:5px 2px; background: #f1f1f1;}
.four-row .prikaz_lijevo{ background: #f1f1f1 url(../images/iconVrijemepolazak2.png) left center no-repeat; padding-left:20px;  }
.four-row .back_povratak{ background: #f1f1f1 url(../images/iconVrijemepovratak2.png) left center no-repeat; padding-left:20px;  }
.four-row .back_sati{ background: #f1f1f1 url(../images/iconSati2.png) left center no-repeat; padding-left:20px; }
.five-row{padding:5px 2px; background-color: #f1f1f1;}
.five-row .prikaz_lijevo{ background: #f1f1f1 url(../images/iconPovratak2.png) left center no-repeat; padding-left:20px;}
.five-row .prikaz_desno{ background: #f1f1f1 url(../images/iconPovratak2.png) left center no-repeat; padding-left:20px;}
.six-row{background-color: #f1f1f1; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 5px;  color:#666; font-size: 12px;}
.six-row .prikaz_lijevo{border-right:1px solid #ddd; }
.six-row .prikaz_desno{ padding-left:5px; font-size:12px; }
.six-row .prikaz_desno .span100{margin-top:3px;}
 
.seven-row{background-color: #f1f1f1; padding:10px 0px;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.seven-row .dugme{ margin: 0px auto; font-size:14px; line-height:16px; display: block;  padding:7px 30px; border-radius: 15px; }
.seven-row .dugme:hover{ margin: 0px auto; display: block; border:0px; color:#111; }
.seven-row .prikaz_desno .dugme{ background-color:#d3ffc9; border:1px solid #53ff2b; color:#000; }
.seven-row .prikaz_lijevo .dugme{ background-color:#ffe2e2; border:1px solid #ff6767; color:#000; }
.review-subtitle{ font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; color:#111; }
.review-box-putnici{ text-align: center; margin-bottom: 5px }
.review-box-putnici div:first-child{ font-weight: bold; }
.review-box-putnici div:last-child{ color:#777; font-size: 9px; text-transform: uppercase; }
.review-childseat{ color:#777; font-size: 10px; margin-top:0px!important; }

/*INFO PAGE*/
.labelInfo{color:#666; font-size:14px;  line-height: 20px;}
.valueInfo{color:#111; font-size:14px; font-weight:bold;  line-height: 20px; margin-bottom:10px; min-height: 20px;}
.info_status{background-color: #f1f1f1; padding:10px 0px;}
.info_status .prikaz_lijevo select{ background-color: none; width: 80%; height: 30px; font-size:15px; }
.info_status .prikaz_desno .dugme{ margin: 0px auto; width: auto; font-size:12px; display: block;  padding:7px 15px; background-color:#d3ffc9; border:1px solid #53ff2b; }

 
/*DROPDOWN PROFILE*/
.header_desno{ position:relative; border:0px solid #ff0000; min-height:200px;}
.header_desno div{ text-align: right; font-size:14px; color:#fff; line-height: 22px; }
.header_desno div:nth-child(1){margin-top:28px;}
.dropdown_profile {position: absolute; top:40px; right:20px;  }
.dropdown_content { display: none; position: absolute; background-color: #f9f9f9; text-align:left; min-width: 160px; padding: 12px 16px; z-index: 1;}
.dropdown_content a{line-height: 30px; }
.dropdown_profile:hover .dropdown_content { display: block;}

/*TRENUTNA VOZNJA*/
.ride{ font-size:15px; line-height:25px;  color:#222; margin-top:30px; margin-bottom:20px;}
.ride .clr_line{ margin:20px 0px;}
.user_info div{ height:30px; }
 
.current_ride{font-size: 14px; background-color: #f6f6f6; padding-top:0px;  padding-bottom: 25px; border-radius: 15px; clear: both;}
.current_ride .podnaslov{ margin-left: 20px; }
.current_ride_inner{ margin:0px 20px; }
.current_ride_button{position: relative; display: none; float: right; margin-bottom: 10px; padding: 7px 20px 7px 55px; font-size: 14px; font-weight: bold; line-height: 20px; border-radius: 17px; border:0px solid #fad591;  }
.current_ride_button.current_ride_button_off::before{position: absolute; font-size: 40px;  text-align: center; font-weight: 400; line-height: 40px; top:50%; left:5px; margin-top:-20px; width: 40px; height: 40px;  }
.current_ride_button.current_ride_button_off::before{ font-family: 'Material Icons Outlined'; content: 'toggle_off'; color:#bbb; }
.current_ride_button.current_ride_button_on::before{ font-family: 'Material Icons Outlined'; content: 'toggle_on'; color:#f7b401; }

.ride_element{position: relative; border:0px dashed #bbb; padding-left:30px; margin-bottom:20px; font-size: 14px; line-height: 18px; color:#000;  padding:5px 10px 5px 35px; border-radius: 5px; margin-bottom: 5px;}
.ride_element::before{  position: absolute;  font-size: 18px;  text-align: center; font-weight: 400; line-height: 20px; top:50%; left:5px; margin-top:-10px; width: 20px; height: 20px; color:#f7b401;}

.ride_element.ride_start::before{ font-family: 'Material Icons Outlined'; content: 'location_on';    }
.ride_element.ride_kraj::before{ font-family: 'Material Icons Outlined'; content: 'location_on';  }
.ride_element.ride_povratak_roundtrip::before{ font-family: 'Material Icons Outlined'; content: 'swap_horiz'; font-weight: bold; font-size: 19px; }
.ride_element.ride_povratak_oneway::before{ font-family: 'Material Icons Outlined'; content: 'east'; font-weight: bold; font-size: 19px; }
.ride_element.ride_povratak_hours::before{ font-family: 'Material Icons Outlined'; content: 'add_road'; }
.ride_element.ride_sati::before{ font-family: 'Material Icons Outlined'; content: 'alarm'; }
.ride_element.ride_vrijemepolazak::before{ font-family: 'Material Icons Outlined'; content: 'date_range';  }
.ride_element.ride_vrijemepovratak::before{ font-family: 'Material Icons Outlined' ; content: 'date_range'; }
/*.ride_element.ride_trajanje::before{ font-family: FontAwesome; content: '\f124'; }
.ride_element.ride_distanca::before{ font-family: FontAwesome; content: '\f11e';  }*/
.ride_element.ride_putnici::before{ font-family: 'Material Icons Outlined'; content: 'people'; }
.ride_element.ride_prtljag::before{ font-family: 'Material Icons Outlined'; content: 'luggage'; font-size: 20px; }
.ride_element.ride_childseat_select::before{ font-family: 'Material Icons'; content: 'child_care'; }
.ride_element.ride_childseat_select{   }
.ride_element.ride_childseat{ padding-left:20px; padding-top:0px; margin-bottom: 0px; font-size: 12px; line-height: 14px; }
.ride_element.ride_ime::before{ font-family: 'Material Icons Outlined'; content: 'draw'; }
.ride_element.ride_firma::before{ font-family: 'Material Icons Outlined'; content: 'home'; }
.ride_element.ride_email::before{ font-family: 'Material Icons Outlined'; content: 'mark_as_unread'; font-size: 15px; }
.ride_element.ride_telefon::before{ font-family: 'Material Icons Outlined'; content: 'call'; }
.ride_element.ride_let::before{ font-family: 'Material Icons Outlined'; content: 'airplanemode_active'; }
.ride_element.ride_letboard::before{ font-family: 'Material Icons Outlined'; content: 'text_fields'; }
 
.ride_trajanje{ font-size: 12px; margin-bottom: 15px; padding:10px 0px 10px 20px; background-color: #f7b401; border-radius: 0px; color:#000;}
.ride_distanca{ font-size: 12px; margin-bottom: 15px; padding:10px 0px 10px 20px; background-color: #f7b401;  border-radius: 0px; color:#000;}
.ride_klasa{font-size:16px; line-height:22px; font-weight: bold;}
.ride_klasa_img{ text-align: center; }
.ride_klasa_img img{  width: 70%; }
.ride_putnici{margin-top:5px;}
.tabela_putnici {width:100%; border-collapse:collapse; margin-right:10px!important;}
.tabela_putnici td{padding:3px 5px;}



/*DODATNE INFORMACIJE*/
.dodatne_info{margin-top:20px;}

/*FORMA*/
.form-box{ position: relative;  padding-top:7px; border:0px solid #ddd; margin-bottom: 25px; min-height: 44px;}
.form-box::before{ position: absolute; top:50%; margin-top: -7.5px; left:15px; color:#777; width: 20px; height: 20px; line-height: 20px; font-size: 20px;  }
.form_guest_prtljag{ margin-left:2%; }
.form-box-ime::before, .form-box-prezime::before {  content: 'draw'; font-family: 'Material Icons Outlined';  }
.form-box-firma::before {  content: 'home'; font-family: 'Material Icons Outlined';  }
.form-box-email::before {  content: 'mark_as_unread'; font-family: 'Material Icons Outlined';  }
.form-box-putnici::before {  content: 'people'; font-family: 'Material Icons Outlined';  }
.form-box-prtljag::before {  content: 'luggage'; font-family: 'Material Icons Outlined';  }
.form-box-childseat::before {  content: 'family_restroom'; font-family: 'Material Icons Outlined';  }
.form-box-child::before {  content: 'child_care'; font-family: 'Material Icons Outlined';  }
.form-box-let::before {  content: 'airplanemode_active'; font-family: 'Material Icons Outlined';  }
.form-box-letboard::before {  content: 'format_color_text'; font-family: 'Material Icons Outlined';  }
.form_error{color:#cc0000; font-size:11px; line-height: 13px; position: absolute; bottom:-13px; left: 0px; display: none;   }
.form_label{position: absolute; display: block; color:#888; font-size: 14px; line-height: 14px; top:0px; left:45px; background-color: #fff; padding:0px 10px;}
.prikaz_all input, .prikaz_all select{outline: 0; font-size: 15px; line-height: 22px; border-radius: 5px;  padding: 10px 10px 10px 45px; background-color: transparent; width: 100%; border: 1px solid #ddd; color: #121212; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.prikaz_all input[type="text"]{ -moz-appearance:none; -webkit-appearance:none; appearance:none; }
.prikaz_all select{outline: 0; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color: transparent!important }
.prikaz_all select option{outline: 0; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color: transparent!important }
.prikaz_all select::before{ position: absolute; right:10px; top:50%; width: 20px; height: 20px; margin-top:-10px; content: ''; background-color: #ddd;  }
.prikaz_all textarea{ width: 100%; background: #fff; border-radius: 5px; margin-bottom: 20px;  border: 1px solid #ddd;  padding: 15px 15px 15px 15px; color: #121212; font-size:15px!important;  font: 100% Arial, Helvetica, sans-serif; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 

.prikaz_all input::placeholder{ color: transparent; }
.prikaz_all input[type="checkbox"]{ outline: none;  width: auto; background: #fff; margin-bottom: 0px!important; border:0px; border-bottom: 1px solid #aaa; padding:0%; color: #555; font-size:15px; line-height:15px;}
.prikaz_all input[type="radio"]{ width: auto }
.prikaz_all input[type="submit"]{ padding:10px 50px; border:2px solid #f7b401; width: auto; cursor: pointer; text-transform: uppercase; font-weight: bold; letter-spacing: 2px;  }
.prikaz_all input[type="submit"]:hover, .prikaz_all input[type="submit"]:focus{ background-color: #f7b401; border:2px solid #f7b401!important; color:#fff; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.submit_button{ text-align: right; margin-top:50px; }

.prikaz_all input:placeholder-shown ~ .form_label {font-size: 16px; line-height: 16px; cursor: text; top: 20px; }
.prikaz_all input:focus ~ .form_label {position: absolute; top: 0; display: block; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; font-size: 14px; line-height: 14px; color: #f7b401;  }
.prikaz_all input:hover, .prikaz_all input:focus, .prikaz_all select:hover, .prikaz_all select:focus { border-color:#444!important; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

.prikaz_all .iti{ display: block; }
.iti__selected-flag{ padding-left: 15px!important; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{ background-color:transparent!important }

/*DUGME SUBMIT*/
.dugme_submit{ border:1px solid #ff0000; background-color:transparent; padding:10px 40px; margin:30px 0px; text-transform:uppercase;}
.dugme_submit:hover{ border:1px solid #ff0000; background-color:#ff0000; color:#fff; cursor:pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.prikaz_all .dugme_submit{width: auto; border:1px solid #ff0000; background-color:transparent; padding:10px 40px; margin:30px 0px; text-transform:uppercase;}
.prikaz_all .dugme_submit:hover{ border:1px solid #ff0000; background-color:#ff0000; color:#fff; cursor:pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }

/*TABELA USPIJESNA REZERVACIJA*/
.uspijesa_rezervacija{ margin:0px auto; text-align:center; padding:30px 0px;}
.link_nova_voznja{padding:12px 40px; font-size: 16px; line-height: 20px; border:1px solid #ddd; text-decoration:none; margin-top:50px; color:#111; border-radius:5px; }
.link_nova_voznja:hover{ background-color:#efefef;}
.table_usp_rez{width:100%; border-collapse:collapse; border:1px solid #ddd; border-radius: 5px;}
.table_usp_rez td{ font-size:13px; line-height:17px; text-align:left; padding:7px 15px; border:0px; border-bottom: 1px solid #ddd;}
.table_usp_rez tr td:nth-child(1){font-weight:bold; background-color: #efefef}
.table_usp_rez tr:nth-child(even){  }
.table_usp_rez tr:nth-child(odd){  }


/*LOGOUT*/
.logout{border:0px solid #ff0000; text-align:right; padding:10px 0px; margin-top:30px;}
.logout a{border:0px solid #ff0000; padding:7px 20px; background-color:#333; color:#fff; text-decoration:none;}
.logout a:hover{ background-color:#555; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}

/*TABELA UKUPNO*/
.tabela_ukupno{ width:100%; line-height:26px; border-collapse:collapse;}
.tabela_ukupno td{ font-size:15px; padding:2px 3px; border:0px; text-align:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tabela_ukupno td:last-child{ text-align: right; }
.tabela_ukupno tr:last-child { border-top:1px solid #eee; }
.tabela_ukupno tr:last-child td{ font-weight: bold; padding:5px 3px; }
.tabela_ukupno tr:last-child td:last-child span{ font-size: 24px; }
.tabela_ukupno_no_hidden{ text-align: right; font-size: 12px; line-height: 16px; color:#f7b401; }

/*PLACANJE SEKCIJA*/
.placanje{  background-color:#f6f6f6; font-size:15px; line-height:25px; border-radius: 15px; padding:15px; text-align:left;}
.labelPlacanje{ background-color:#ffe9ee; font-size:14px; line-height:20px; padding:10px 10px; margin:5px 0px 10px 0px; border-radius:3px;}
.direktno-placanje{ text-align:center; margin:7px 0px; padding:10px 0px; border-top:1px solid #333; border-bottom:1px solid #333; }

/*USLOVI SEKCIJA*/
.uslovi{ margin-top:30px; font-size:15px; line-height:23px; }
.uslovi a{ font-size:14px; line-height:18px; color:#f7b401; text-decoration: none; }

/*LOGIN PAGE*/
.login{margin:0px auto;}

 


/*LOGIN OR REGISTER PAGE*/
.loginorregister{ margin:0px auto; font-size:15px; line-height:25px; text-align:center; }
.loginorregister p{margin-bottom:20px;}
.loginorregister a span{border:1px solid #111; display:block; width:100%; margin:0px auto; padding:7px 0px; margin-bottom:20px; cursor:pointer; }
.loginorregister a:nth-child(4) span{border:0px solid #111; display:block; width:50%; margin:0px auto; padding:0px 0px;  }
.loginorregister a span:hover{border:1px solid #ff0000; background-color:#ff0000; color:#fff;}
.loginorregister a:nth-child(4) span:hover{border:0px solid #111;  background-color:transparent; color:#ff0000; }

/*EDIT PROFILE PAGE*/
.edit_profile{margin:0px auto;}
.edit_profile .login_label{ font-weight:bold;}
.edit_profile .prikaz_all input, .edit_profile .prikaz_all select{margin-bottom:30px;}
.edit_profile .dugme_save{ border:1px solid #0000ff; background-color:transparent; padding:10px 40px; margin:30px 0px; text-transform:uppercase;}
.edit_profile .dugme_save:hover{ border:1px solid #3a32d3; background-color:#3a32d3;  color:#fff; cursor:pointer;  }
.prikaz_all .dugme_save{width: auto; border:1px solid #0000ff; background-color:transparent; padding:10px 40px; margin:30px 0px; text-transform:uppercase;}
.prikaz_all .dugme_save:hover{ border:1px solid #3a32d3; background-color:#3a32d3; color:#fff; cursor:pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }

/*MY RIDES PAGE*/
.table_myrides{ border-collapse:collapse;}
.table_myrides td{ font-size:12px; padding:5px 3px!important;}
.table_myrides tr td:nth-child(1){   padding-left:25px!important;}
.table_myrides th{font-size:12px;  }
 

 /*CHOOSE CAR*/
 .choosecar-container{ overflow: hidden; }
 .choosecar_left{  padding-right: 40px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 .choosecar_left_inner{ background-color: #f5f5f5; border-radius: 15px; padding-bottom: 25px; overflow: hidden; }
 .choosecar_right{  padding-left: 40px; border-left:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 .choosecar_auto{ font-weight: bold; font-size: 22px; color:#111; line-height: 28px; }
 .choosecar_slicno{ font-size: 14px; line-height: 20px; color:#444; margin-bottom: 15px; }
 .choosecar-zamijeni{height: 24px; margin-bottom: 7px; text-align: center; }
 .choosecar-zamijeni img{ height: 20px;  }
 .choosecar-zamijeni img:hover{cursor: pointer;}
 .choosecar_img { width: 100%; }
 .choosecar-desc { margin: 50px 0px; background-color: #f1f1f1; padding:20px;  }
 .choosecar-desc ul li{ font-size: 18px; line-height: 16px; margin-bottom: 10px;  }
 .choosecar-cont{ float:right; width:57%; padding-left: 3%; border-left: 1px solid #ddd;  overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .choosecar {border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:40px; }
 .choosecar .podnaslov{ font-weight: bold; font-size: 20px; line-height: 28px; padding-left: 25px; }
 .choosecar_car_details{font-size:14px; color:#111; line-height: 26px; margin-bottom: 0px;}
 .choosecar60{ width:60%; }
 .choosecar40{ width:40%; }
 
 .choosecar-atributi{}
 .choosecar-atr{position: relative; font-size: 14px; line-height: 18px; color:#777; padding: 5px 0px 5px 23px; margin-bottom: 2px; }
 .choosecar-atr::before{  position: absolute; content: 'done'; font-family: 'Material Icons'; font-size: 18px; line-height: 20px; top:50%; left:0px; margin-top:-10px; width: 20px; height: 20px; color:#f7b401;}
 
 .choosecar_desc_cont{ border-left:1px solid #ddd; padding:10px 0px 10px 20px; }
 .choosecar_desc{position: relative; font-size:14px; line-height: 18px; color:#777; padding: 5px 0px 5px 27px; margin-bottom: 4px;   }
 .choosecar_desc::before{ position: absolute;  font-size: 14px; line-height: 20px; top:50%; text-align: center; left:0px; margin-top:-10px; width: 20px; height: 20px; color:#f7b401; }
 .choosecar_desc.choosecar_person:before{font-family: FontAwesome; content: '\f0c0';} 
 .choosecar_desc.choosecar_baggage:before{font-family: FontAwesome; content: '\f0f2';} 
 .choosecar_desc.choosecar_handbaggage:before{font-family: FontAwesome; content: '\f0b1'; } 

 .choosecar_putnici{position: relative; padding-top:6px; } 
 .choosecar_putnici label{ font-size:12px; line-height: 12px; color:#cc9633; font-weight: 300; position: absolute; top:0px; background-color: #fff; padding:0px 10px; left:25px;  } 
 .choosecar_putnici select{outline: 0; font-size: 14px; line-height: 18px; text-align: center; background-color:#fff; padding: 10px 0px 10px 0px; border-radius: 5px; width: 100%; border:0; border: 1px solid #aaa; color: #222; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/arrow-down-3.png ); background-position: 95% center; background-repeat: no-repeat; }
 
 .choosecar_cijena{padding:0px 0px; margin-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 .choosecar_cijena_tittle{ font-size:18px; line-height: 28px; font-weight:bold; text-transform: uppercase; }
 .choosecar_cijena_number{ font-size:34px; color:#000; font-weight: bold; text-align: right; line-height: 44px; }
 .choosecar_cijena_number_span{ font-size:18px; color:#777;  letter-spacing: 2px; font-weight: 400 }
 
 .choosecar_button{ width: 100%; margin:0px 0px; overflow: hidden; text-align: right; }
 .choosecar_button .dugme_submit{ border:2px solid #e8b65b; color:#000; background-color:transparent; width:auto; padding:10px 60px!important; border-radius: 5px; margin:10px 0px; font-size: 16px; font-weight: bold; line-height: 24px; letter-spacing: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
 .choosecar_button .dugme_submit:hover{ border:2px solid #e8b65b; background-color:#e8b65b; color:#000; }

 .choosecar-lokacije{width: 40%; float:left; font-size: 16px; background-color: #f9f9f9; margin-bottom:20px; border-radius:5px; overflow: hidden; line-height: 26px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
 .choosecar-lokacije-data{margin:20px; position: relative; }
 .choosecar_vrijemepolazak, .choosecar_vrijemepovratak{ width: 100%; margin-bottom: 15px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 .choosecarErr{ color:#cc0000; font-size: 12px; line-height: 22px; }
 .choosecarErrBorder{ border:1px solid #cc0000!important; }
 .choosecar_povratak{ margin-bottom: 15px; }
 .choosecar_povratak select{ font-size: 15px; line-height: 24px; background:#fff url(../images/iconPovratak.png) 4px center no-repeat; padding: 12px 0 12px 35px; width: 60%; border:1px solid #fff; background-color:#fff; color: #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
 .choosecar_vrijemepolazak input, .choosecar_vrijemepolazak select, .choosecar_vrijemepovratak input, .choosecar_vrijemepovratak select { font-size: 15px; line-height: 24px; background-color: transparent; padding: 12px 0 12px 35px; width: 100%; border:1px solid #fff; background-color:#fff; color: #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
 .choosecar_vrijemepolazak select, .choosecar_vrijemepovratak select { height: 50px; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
 .choosecar_vrijemepolazak input {width:60%; margin-right: 4%; background:#fff url(../images/iconVrijemepolazak.png) 4px center no-repeat;}
 .choosecar_vrijemepovratak input {width:60%; margin-right: 4%; background:#fff url(../images/iconVrijemepovratak.png) 4px center no-repeat;}
 .choosecar_vrijemepolazak select, .choosecar_vrijemepovratak select {width:36%; background:#fff url(../images/circular-clock-tool.png) 4px center no-repeat;}
 .choosecar-info-button-cont{margin-top:15px; padding-left: 25px;}
 .choosecar-info-button{ color:#111; font-size:14px; line-height: 16px; font-weight: bold;  }
 .choosecar-info-button:hover{ text-decoration: underline; cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
 .choosecar-info-box{ margin-left: 25px; font-size:14px; line-height: 20px; color:#666; margin-top:15px; padding-top:10px; border-top: 1px solid #ddd; display: none; }

.prikaz{width:100%; border:0px solid #ff0000;}
.prikaz td{border:0px;} 

 

/*STRIPE BUTTON*/
.payment .stripe-button-el {border:0px solid #ff0000;  background-color:#2485df!important; background-image:none!important; border-radius:0!important; text-transform:uppercase!important; }
.payment .stripe-button-el span{border:0px solid #ff0000;  background-color:#2485df!important; background-image:none!important; border-radius:0!important; text-transform:uppercase!important; font-size:20px; padding:8px 45px;}

 /*STEPS*/
 .steps{ border:0px solid #ff0000; margin:50px 0px; overflow: hidden; text-align: center; }
 .steps-box{background: #fff url(../images/icon-arrow-right.png) left center no-repeat; display: inline-block; color:#999;  font-size:14px; text-transform: uppercase; padding-left: 20px; margin-left: 15px;}
 .steps-box:first-child{ background:none; padding-left:0px; }
 .steps-box.active{ color:#000; border:0px; font-weight: bold;  }
 .steps-rezervacije{ border:0px solid #ff0000; margin-top:50px; overflow: hidden; }
 .steps-kraj{ border:0px solid #ff0000; margin-top:50px; overflow: hidden; }


/*TABOVI - PREGLED*/
.tabovi{border:0px solid #ddd; margin-bottom:20px; }
.tablinks{ display:inline; padding:10px 5px; border-radius: 4px; font-size:10px; line-height: 16px; color:#fff; background-color:#111; }
.tabovi .active { background-color:#f7b401; color:#000;}
.tablinks:hover{ cursor:pointer;}
.tabcontent { font-size: 14px; display: none; }


.tabelaInfo{border:0px solid #ff0000;}
.tabelaInfo td{border:0px solid #ff0000;}
.tabelaInfo input{font-size:40px; border:1px solid #111; height:55px; width:100%;}
.tabelaInfo select{font-size:40px; border:1px solid #111; height:55px; padding:0px 10px;}
.tabelaInfo input[type="submit"]{font-size:40px; border:1px solid #111; height:55px; padding:5px 20px;}

td {border:1px solid #ddd; padding:10px 0px;}




/*PAYMENT FORM*/
/*.container{
	padding: 20px;
}
h1{
	color: #7a7a7a;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
}*/
#paymentFrm .row {
    margin-right: 0;
    margin-left: 0;
}
.panel {
 	max-width: 400px;
 	margin:0px auto;
     
 
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
	font-weight: 600;
}
.panel-body {
    padding: 15px;
}
.form-group {
    margin-bottom: 15px;
}
.form-group label {display: inline-block; margin-bottom: 5px; font-weight: bold; font-size: 12px; line-height: 16px; }
.field {
    display: block;
 
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.2;
    color: #555;
    background-color: #fff!important;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px!important;
 
}
div.field{
	padding-bottom: 0;
}
.field:focus {
    
    outline: 0;
     
}
.row .left {
    width: 45%;
    float: left;
}
.row .right {
    width: 35%;
    float: right;
}
.right .field{
	width: 75%;
}
.form-group iframe{
	height: 30px !important;
}
.btn {
	width: 100%;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
	border: none;
	cursor: pointer;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: #47a447;
    border-color: #398439;
}
#paymentResponse p{
	font-size: 17px;
    border: 1px dashed;
    padding: 10px;
	color: #EA4335;
	margin-top: 0;
	margin-bottom: 10px;
}

.status{
	padding: 15px;
	color: #000;
    background-color: #f1f1f1;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	margin-bottom: 20px;
}
.status h1{
	font-size: 1.8em;
}
.status h4{
	font-size: 1.3em;
	margin-bottom: 0;
}
.status p{
	font-size: 1em;
	margin-bottom: 0;
    margin-top: 8px;
}
.btn-link{
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-decoration: none;
}
.btn-link {
    color: #007bff;
    background-color: transparent;
    border-color: #007bff;
}
.btn-link:hover, .btn-link:active, .btn-link:focus {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
	text-decoration: none;
}
.success{
	color: #15642a;
}
.error{
	color: #EA4335;
}

 

@media (min-width:768px) and (max-width:1100px) {

	.wrapper{border:0px solid #ccc; margin:0 auto; width:100%; padding:0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  min-height:600px;   position:relative; border:0px solid #0000ff;}

}	


@media (max-width: 767px) {

.wrapper2{margin:0px 5px;}
.wrapper{width:100%;}
 
.header1{ width:100%; text-align:center; font-size:20px; line-height: 30px; font-weight:bold; margin:25px 0px; color:#000; text-transform:uppercase;}
 
.main{width:100%;  margin:0 auto; overflow:hidden;  }

.formLeft{width:100%;}
.formRight{width:100%;}
.podnaslov{font-size:18px; font-weight: bold; line-height:24px; margin-bottom:15px;  }
.creditcardTitle{ font-size:18px; line-height: 28px; color:#000;}
.trenutna_voznja{padding-top:25px; border-top:1px solid #ddd; margin-top:20px; }
.tabela_putnici{margin-bottom:10px;}
.success_message{padding:10px 10px; text-align:center; background-color:#D6FFE6; color:#000; margin:20px 0px; margin-left:5%; width:90%;}
.prikaz_mobile{display:block;} 
.form_guest_prtljag{ margin-left:0%; }


.header { width:100%; height:180px; margin-top:0px; background: transparent url('../images/bg-orange-m.webp') bottom right no-repeat; background-size: cover; }
.main-menu {position: absolute; z-index: 15; top: 30px; width: calc(100% - 20px); left: 10px; margin-left: auto; border-radius: 7px; height: 50px; background-color: #fff; }
.logo{  position: absolute; height:32px; margin-top: 8px; left:50%; margin-left: -70px; }

/*HEADER TOP*/
  .header-top{  }
  .header-top .language { display: none; }
  .header-top-cont{height: 30px; padding-top:0px; }
  .header-top-box{ position: relative; width:50%; font-size: 12px; margin-right: 0px; padding: 0px 0px 0px 40px; float: left; line-height: 30px; }
  .header-top-box:nth-child(1){ width:50%; }
  .header-top-box:nth-child(2){ width:50%; }
  .header-top-box:nth-child(3){ display:none; }
  .header-top-box a{ color:#fff; }
  .header-top-box::before{ font-family: 'Material Icons Round'; content:'menu'; font-size: 20px; font-weight: 600; line-height: 20px;  position: absolute; top:50%; margin-top: -10px; left:10px; width:20px; height:20px; text-align: center; }
  .header-top-box:nth-child(1)::before{ font-family: 'Material Symbols Outlined'; content: 'call';   }
  .header-top-box:nth-child(2)::before{ font-family: 'Material Symbols Outlined'; content: 'mail'; }
 
 

 /*STEPS*/
.steps{   margin:30px 0px;   }
.steps-box{background: #fff url(../images/icon-arrow-right.png) left center no-repeat; background-size:6px 6px; display: inline-block; color:#999; font-size:12px; text-transform: uppercase; padding-left: 12px; margin-left: 4px;}
.steps-box:first-child{ background:none; padding-left:0px; }
 


/*CHOOSE CAR*/
.current_ride{ display: none; margin-bottom: 30px; }
.current_ride_button{ display: inline-block; }
.choosecar_left{ padding-right: 0px; }
.choosecar_right{ padding-left: 0px; border-left: 0px solid #ddd; }
.current_ride .prikaz_all, .choosecar_right .prikaz_all{ padding: 0px; }
.choosecar-atributi{ margin-bottom: 15px; }
.choosecar-atr{ margin-bottom: 0px; padding-top:3px; padding-bottom: 3px; padding-left: 27px; }
.choosecar_cijena{ margin-top:0px; }
.choosecar60{ width:50%; }
.choosecar40{ width:50%; }
.choosecar_desc_cont{ border-left:1px solid #ddd; padding:5px 0px 5px 10px; }

.submit_button{ margin-top:30px; }
.submit_button input{ width: 100%!important; }
.choosecar_desc_cont{ border-left:1px solid #ddd; padding:2px 0px 2px 10px; }
.choosecar_desc{ position: relative; font-size: 13px; line-height: 18px; color: #777; padding: 4px 0px 4px 27px; margin-bottom: 0px; }
.choosecar_desc:before{ position: absolute;  font-size: 12px; line-height: 20px; top:50%; text-align: center; left:0px; margin-top:-10px; width: 20px; height: 20px;  }

 /*PADDING MARGIN*/
 .m_padding_bottom{margin-bottom:10px;}

 /*LOGOUT*/
.logout{border:0px solid #ff0000; text-align:right; padding:10px 0px; margin-top:0px; margin-bottom:5px; padding-right:10px;}
.logout a{border:0px solid #ff0000; padding:7px 20px; background-color:#333; color:#fff; text-decoration:none;}
.logout a:hover{ background-color:#555; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}


/*TABELA UKUPNO*/
.tabela_ukupno{ width:100%; line-height:23px; border-collapse:collapse;}
.tabela_ukupno td{ font-size:13px; line-height:18px;   padding:4px 2px; text-align:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tabela_ukupno th{ font-size:13px; line-height:18px; padding:1px 2px; text-align:left; font-weight:bold; background-color:#fafafa; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tabela_ukupno tr:last-child td{ padding:8px 2px;  }


 /*FORMA PRIKAZA*/
.prikaz_all{width:100%; border:0px solid #ff0000; overflow:hidden; color:#222; padding:0px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.prikaz_desno{ float:right; }
.prikaz_lijevo{ float:left; }
.prikaz_sredina{ float:left; }
.colspan50{ width:100%;}
.colspan32{ width:100%;}
.colspan33{ width:100%;}
.colspan40{ width:100%;}
.colspan60{ width:100%;}
.colspan45{ width:100%;}
.colspan66{ width:100%;}

/*PLACANJE SEKCIJA*/
.placanje{margin-top:0px; font-size:15px; line-height:25px; padding:10px 10px 5px 10px; text-align:left;}
.labelPlacanje{  font-size:13px; line-height:19px; padding:4px 15px; margin:5px 0px 10px 0px; border-radius:5px;}
.direktno-placanje{ text-align:center; margin:7px 0px; padding:10px 0px; border-top:1px solid #333; border-bottom:1px solid #333; }

 
.table_usp_rez td{ padding: 5px 10px; font-size: 12px; line-height: 16px; }

.success{padding:10px 10px; margin-left:5%; font-size:13px; line-height: 19px; width:90%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.decline{padding:10px 10px; margin-left:5%; font-size:13px; line-height: 19px; width:90%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

}