body{padding:0px; margin:0px;  font: 100% Arial, Helvetica, sans-serif; font-size:15px;}
.wrapper{border:0px solid #ccc; margin:0 auto; width:1100px; min-height:600px;   position:relative; border:0px solid #0000ff;}
.wrapper2{}
.main{width:1100px;  margin:0 auto; overflow:hidden;  }

/*HEADER*/
.header{border:0px solid #ff00ff; height:100px; text-align:center; background-color:#111;}
.logo{margin:0px auto;  height:80px; margin-top:10px;}

/*HEADER1*/
.header1{ width:100%; text-align:center; font-size:30px; font-weight:bold; margin:50px 0px; color:#000; text-transform:uppercase;}

/*HEADER2*/
.header2{ width:100%; background-color: #111; color:#fff; margin-bottom:10px;}
.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: #ddd; padding:8px 0px;}
.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: 26px; text-align:center; background-color:#dcffea; border:1px solid #1cad54; color:#000; margin:30px 0px; margin-left:20%; width:60%; 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:#ffcece; border:1px solid #e15656; color:#000;  margin-top:100px; 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 #efefef;}
.clr{ overflow:hidden; width:100%;}
.podnaslov{font-size:18px; line-height:28px; margin-bottom:15px;  text-transform:uppercase;}
.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%;}
.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; }
.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:#008ad1; color:#fff; 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{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0px; color:#666;}
.six-row .prikaz_lijevo{border-right:1px solid #ddd; }
.six-row-left  div{word-wrap: break-word; margin-bottom:5px; font-size:14px; line-height: 16px;}
.six-row .prikaz_lijevo div:nth-child(1){ color:#111; font-weight: bold; text-transform: uppercase; font-size:12px; }
.six-row .prikaz_desno{ padding-left:5px; font-size:12px; }
.six-row .prikaz_desno .span100{margin-top:7px;}
.six-row .prikaz_desno .span100 .prikaz_lijevo{ text-align:center; font-size:8px; color:#666; text-transform: uppercase;  font-weight: normal; }
.six-row .prikaz_desno div:nth-child(1){ color:#111; font-weight: bold; text-transform: uppercase; font-size:12px; }
.seven-row{background-color: #f1f1f1; padding:10px 0px; }
.seven-row .dugme{ margin: 0px auto; display: block;  padding:7px 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; }
.seven-row .prikaz_lijevo .dugme{ background-color:#ffe2e2; border:1px solid #ff6767; }

/*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; }
.ride_klasa{font-size:18px; line-height:28px; margin-bottom:15px;}
.ride_start{ background:url(../images/iconStart.png) left center no-repeat; padding-left:30px; margin-bottom:20px; }
.ride_kraj{ background:url(../images/iconKraj.png) left center no-repeat; padding-left:30px; margin-bottom:20px; }
.ride_povratak{ background:url(../images/iconPovratak.png) left center no-repeat; padding-left:30px; margin-bottom:20px; }
.ride_sati{ background:url(../images/iconSati.png) left center no-repeat; padding-left:30px;  margin-bottom:20px; }
.ride_vrijemepolazak{ background:url(../images/iconVrijemepolazak.png) left center no-repeat; padding-left:30px; margin-bottom:20px; }
.ride_vrijemepovratak{ background:url(../images/iconVrijemepovratak.png) left center no-repeat; padding-left:30px; margin-bottom:20px; }
.ride_trajanje{  }
.ride_rastojanje{ }
.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*/
.prikaz_all input{-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; width: 100%; background: #fff; margin-bottom: 20px; border:0px; border-bottom: 1px solid #aaa; padding: 1.5%; color: #555; font-size:15px;}
.prikaz_all textarea{-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; width: 100%; background: #fff; margin-bottom: 20px;  border: 1px solid #aaa; padding: 1.5%; color: #555; font-size:15px!important;  font: 100% Arial, Helvetica, sans-serif;} 
.prikaz_all select{ width: 100%; margin-bottom: 20px; padding: 1.5%;}

.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;}

/*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:15px 40px; border:1px solid #ddd; text-decoration:none; margin-top:50px; color:#111;}
.link_nova_voznja:hover{ background-color:#efefef;}
.table_usp_rez{width:100%; border-collapse:collapse;}
.table_usp_rez td{ font-size:15px; line-height:25px; text-align:left; padding:5px; border:0px;}
.table_usp_rez tr td:nth-child(1){font-weight:bold;}
.table_usp_rez tr:nth-child(even){ background-color:#fff;}
.table_usp_rez tr:nth-child(odd){ background-color:#fafafa;}


/*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:5px 3px; text-align:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.tabela_ukupno th{ font-size:15px; padding:5px 3px; text-align:left; font-weight:bold; background-color:#fafafa; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

/*PLACANJE SEKCIJA*/
.placanje{margin-top:20px; background-color:#fafafa; font-size:15px; line-height:25px; padding:10px; text-align:left;}
.labelPlacanje{ background-color:#ffecb2; font-size:15px; line-height:25px; 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{padding:30px 0px; font-size:15px; line-height:23px; }
.uslovi a{ font-size:15px; line-height:23px; }

/*LOGIN PAGE*/
.login{margin:0px auto;}
.login_label{font-size:15px; line-height:25px; color:#000;}
.dugme_submit_password{ background-color:transparent; text-decoration:underline; border:0px!important; color:#111; text-align: left;}
.dugme_submit_password:hover{ color:#0000ff; cursor:pointer;}


/*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 {border-bottom:1px solid #aaa; padding-bottom:25px; margin-bottom:25px; }
 .choosecar .podnaslov{ margin-bottom: 5px; }
 .choosecar_vozila{ margin-bottom:20px; color:#666; }
 .choosecar_car_details{font-size:14px; color:#111; line-height: 24px; text-transform: uppercase;}
 .choosecar_desc{ font-size:14px; color:#666; line-height: 24px;  }
 .choosecar_putnici{ margin-top:15px; } 
 .choosecar_putnici div{ font-size:14px; font-weight: bold; margin-bottom:10px;} 
 .choosecar_putnici select{ font-size: 14px; line-height: 24px; background-color:#E4E4E4; padding: 12px 0 12px 25px; width: 50%; border: 1px solid #E4E4E4; color: #111; box-sizing: border-box; -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box }
 .choosecar_cijena{ border:0px solid #aaa; background-color: #efefef; padding:10px 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:24px; color:#013042; line-height: 34px; }
 .choosecar_type{ font-size:15; color:#486a61; line-height: 23px; margin-top:5px; }
 .choosecar_cijena .dugme_submit{ border:1px solid #008ad1; color:#fff; background-color:#008ad1; width:100%; padding:10px 40px; margin:20px 0px; text-transform:uppercase; }
 .choosecar_cijena .dugme_submit:hover{ border:1px solid #dbae1d; background-color:#dbae1d; color:#111; }
 .choosecar-lokacije{ background-color: #efefef; padding:10px 10px; margin-bottom:30px; line-height: 26px; }
 .choosecar_fiksna{ background-color: #efefef; color:#cc0000; text-align: center; font-weight: bold; padding:10px 0px; margin-bottom:10px;}

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

.dugme{margin:0px; width:120px; text-align:center; padding:4px 20px; border-radius:0px; margin:0px auto; background:none; border:1px solid #777; line-height:14px!important; font-size:14px; color:#111;}
.dugme:hover{ cursor:pointer;  background-color:#F9B859; color:#fff; border:1px solid #F9B859; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}

/*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;}


/*TABOVI - PREGLED*/
.tabovi{border:0px solid #ddd; margin-bottom:20px; }
.tablinks{ display:inline; padding:10px 5px; font-size:10px; line-height: 16px; color:#fff; background-color:#111; }
.tabovi .active { background-color:#008ad1; color:#fff;}
.tablinks:hover{ cursor:pointer;}
.tabcontent {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;}

 




@media (max-width: 767px) {

.wrapper2{margin:0px 5px;}
.wrapper{width:100%;}
.header{ height: auto; }
.header1{ width:100%; text-align:center; font-size:20px; line-height: 30px; font-weight:bold; margin:25px 0px; color:#000; text-transform:uppercase;}
.header_desno{min-height: auto;}
.header_desno div{ text-align: right; font-size:14px; color:#fff; line-height: 22px; padding-right:10px;}
.header_desno div:nth-child(1){margin-top:0px;}
.header_desno div:nth-child(2){margin-bottom:10px; }
.main{width:100%;  margin:0 auto; overflow:hidden;  }
.logo{margin:10px auto; height: 80px; }
.formLeft{width:100%;}
.formRight{width:100%;}
.podnaslov{font-size:15px; font-weight: bold; line-height:24px; margin-bottom:15px;  text-transform:uppercase;}
.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;} 

 /*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:4px 2px; text-align:left; font-weight:bold; background-color:#fafafa; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}



 /*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%;}
.colspan33{ width:100%;}
.colspan40{ width:100%;}
.colspan60{ width:100%;}
.colspan45{ width:100%;}
.colspan66{ width:100%;}

/*PLACANJE SEKCIJA*/
.placanje{margin-top:20px; background-color:#fafafa; font-size:15px; line-height:25px; padding:10px; text-align:left;}
.labelPlacanje{ background-color:#ffecb2; font-size:13px; line-height:21px; padding:4px 15px; 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; }

 


.success{padding:10px 10px; margin-left:3%; font-size:14px; line-height: 20px; width:94%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.decline{padding:10px 10px; margin-left:3%; font-size:14px; line-height: 20px; width:94%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

}