.vrsta-vozila {
  font-family: Arial, sans-serif;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center; /* centrira ceo blok na sredinu */
}

.vrsta-vozila .title {
  display: block;
  font-weight: bold;
  margin-bottom: 12px;
  text-align: left;   /* poravnanje levo */
  width: 100%;        /* da zauzme celu širinu bloka */
  max-width: 600px;   /* ogranicenje širine kao i radio dugmad */
}

.vrsta-vozila .radio {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* poravnanje levo */
  cursor: pointer;
  margin: 6px 0;
  font-size: 15px;
  width: 100%;        /* da zauzme punu širinu */
  max-width: 600px;   /* isto kao title da budu u ravni */
}


.vrsta-vozila .radio input {
  display: none;
}

.vrsta-vozila .radio span {
  height: 18px;
  width: 18px;
  border: 2px solid #3ca082;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 8px;
  transition: 0.2s;
}

.vrsta-vozila .radio input:checked + span {
  background-color: #3ca082;
}


.grad-button-group label {
    margin: 0.3rem;
    padding: 0.6rem 1.2rem;
    border: 1px solid #00a181;
    border-radius: 0.5rem;
    background-color: white;
    color: #00a181;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.grad-button-group label:hover {
    background-color: #00a181;
    color: white;
}

.grad-button-group input[type="radio"] {
    display: none;
}

.grad-button-group input[type="radio"]:checked + label {
    background-color: #3ca082;
    color: white;
    border-color: #3ca082;
}


.savacar-plugin #kalkNaziv{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom:1px solid rgb(120, 129, 107);
    color:rgb(120, 129, 107);
}


.savacar-plugin .zvezdica{
  color: rgba(60, 160, 130);
}
.savacar-plugin #mRata{
  color: #000;
  font-size:17px;
}
.savacar-plugin .helpBlock{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: rgba(60, 160, 130);

}


.savacar-plugin #textNalepnica{
  font-size:14px !important;
}

body .savacar-plugin {
    font-family: "Roboto", sans-serif;
    /*background-color: #efefef;
    background-color: #fafafa;*/
    line-height: 1.9;
    color: #8c8c8c;
    position: relative; 
}
.savacar-plugin .container { width:100% !important; padding:0 !important;}
.savacar-plugin #okvir h2{font-family:"Roboto",sans-serif;color:#8c8c8c;font-size:1.5rem;}
.savacar-plugin #okvir h3, .savacar-plugin h3{font-family:"Roboto",sans-serif;color:#3ca082;font-size:1.75rem;}  
.savacar-plugin #okvir h4{font-family:"Roboto",sans-serif;color:#3ca082;}
    
  .savacar-plugin a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    .savacar-plugin a, .savacar-plugin a:hover {
      text-decoration: none !important; }
  
  .savacar-plugin .text-black {
    color: #000; }
  
  .savacar-plugin .content {
    padding: 0; }
  
  .savacar-plugin .heading {
    font-size: 2.5rem;
    font-weight: 900; }

  .savacar-plugin .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    background: none; }
   .savacar-plugin .form-control:active,.savacar-plugin .form-control:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #000; }
  
  .savacar-plugin .col-form-label {
    color: #000;
    font-size: 13px; }
  
  .savacar-plugin .btn,.savacar-plugin .form-control,.savacar-plugin .custom-select {
    height: 45px;
    border-radius: 0; }
  
.savacar-plugin  .custom-select {
    border: none;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0; }
   .savacar-plugin .custom-select:active,.savacar-plugin .custom-select:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #000; }
  
.savacar-plugin #okvir .btn {
    border: none;
    border-radius: 0;
    font-size: 11px;
    letter-spacing: .2rem;
    text-transform: uppercase;
    border-radius: 3px !important; 
	box-shadow:none;
}
.savacar-plugin #okvir .btn.btn-primary {
      border-radius: 3px;
      background: #3ca082;
      color: #fff;      
      box-shadow:none;	  
}
.savacar-plugin .btn.btn-primary {
	background:#3ca082;
	border-radius: 3px !important;
	border:none;
	font-size: 11px;
    letter-spacing: .2rem;
    text-transform: uppercase;	
}
.savacar-plugin #okvir .btn:hover {
      color: #fff; }
.savacar-plugin #okvir .btn:active, .btn:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  
.savacar-plugin  .contact-wrap {
    -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.2);
    background: #fff; }
  .savacar-plugin  .contact-wrap .col-form-label {
      font-size: 14px;
      color: #666;
      margin: 0 0 10px 0;
      display: inline-block;
      padding: 0; }
  .savacar-plugin  .contact-wrap .form,.savacar-plugin .contact-wrap .contact-info {
      padding: 40px; }
  .savacar-plugin  .contact-wrap .contact-info {
      color: rgba(255, 255, 255, 0.5); }
    .savacar-plugin  .contact-wrap .contact-info ul li {
        /*-bottom: 15px;*/
        color: rgba(255, 255, 255, 0.5); }
      .savacar-plugin  .contact-wrap .contact-info ul li .wrap-icon {
          font-size: 20px;
          color: #fff;
          margin-top: 5px; }
  .savacar-plugin  .contact-wrap .form {
      background: #fff; }
    .savacar-plugin  .contact-wrap .form h3 {
        color: #000;
        font-size: 2rem;
        font-weight: 700;
       margin-bottom: 30px; }
   .savacar-plugin .contact-wrap .contact-info {
      height: 100vh;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
    .savacar-plugin  .contact-wrap .contact-info a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
      @media (max-width: 1199.98px) {
      .savacar-plugin  .contact-wrap .contact-info {
          height: 400px !important; } }
     .savacar-plugin .contact-wrap .contact-info h3 {
        color: #fff;
        font-size: 20px;
        margin-bottom: 30px;}
  
  .savacar-plugin label.error {
    font-size: 12px;
    color: red; }
  
  
  .savacar-plugin .submitting {
    float: left;
    width: 100%;
    padding: 10px 0;
    display: none;
    font-weight: bold;
    font-size: 12px;
    color: #000; }
  


   .savacar-plugin #konacniTroskovi{
      color:#000;
      font-size: 18px;
    }

.savacar-plugin .opcioniCheckBox{
  width: 15px;
  height: 15px;
}

    /* Style the Image Used to Trigger the Modal */
.savacar-plugin #myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.savacar-plugin #myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.savacar-plugin .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.savacar-plugin .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
.savacar-plugin #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.savacar-plugin .modal-content,.savacar-plugin #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.savacar-plugin .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
	 z-index: 9999;
}

@media only screen and (max-width: 700px){
  .savacar-plugin .close {
    top: 450px;
   left: 50%;
    transform: translateX(-50%);
    font-size: 50px;
   display: block;
    width: 60px; 
    text-align: center; 
  }
}


.savacar-plugin .close:hover,
.savacar-plugin .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
   .savacar-plugin .modal-content {
        width: 100%;
    }
}


.savacar-plugin .overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.savacar-plugin .popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(60, 160, 130);
}


.savacar-plugin .loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid rgba(60, 160, 130);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.savacar-plugin #vremeZakazivanja{
color:#bbb;
}
/*
.savacar-plugin .accordion {
 /* background-color: #eee;*/
 color: #444;
  cursor: pointer;
 /* padding: 18px;*/
  text-align: center;
  border:none;
  outline: none;
  transition: 0.4s;
  /* padding-left:15px;
  padding-right:15px; */
  width:100%;
}
*/

/*.active, .accordion:hover {
  background-color: #ccc;
}*/


.savacar-plugin .okvirAcc{
  padding:0px;
  }



.savacar-plugin .active:after {
  content: "\2191"; /* Unicode character for "minus" sign (-) */

}

/* Style the accordion panel. Note: hidden by default */
.savacar-plugin .panel {
  padding:0px;
  margin:0px;

 /* background-color: white;*/
  /* max-height: 0; */
  /* overflow: hidden; */
  transition: max-height 0.5s ease-out;
  display:none;
}
.savacar-plugin #ponovoKod{font-size:13px;}
.savacar-plugin #checkPonovo{
  color:rgba(60, 160, 130);
  display:none;
}

.savacar-plugin .benefit{
  margin-left:10px;
  color:#8c8c8c;
  font-size: 18px;
}



.savacar-plugin #troskoviBlok{
  position: relative;
  display: inline-block;
}

.savacar-plugin #konacniTroskovi{

  position: relative;
}
.savacar-plugin #konacniTroskovi::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 70%;
  height: 1px;
  background-color: black; /* Boja crvene linije */
  transform: translateY(-50%) rotate(0deg); 
}

.savacar-plugin #close-button {
  position: absolute;
  top: 5px; /* prilagodite ovu vrednost da bi se ikona zatvaranja nalazila na odgovarajućem mestu */
  right: 5px; /* prilagodite ovu vrednost da bi se ikona zatvaranja nalazila na odgovarajućem mestu */
  cursor: pointer;
  font-size: 18px;
  color: #999999;
}
.savacar-plugin #ovde{
  border-bottom:1px solid;
}

/*
#expandableDiv {
  display: none;
  background-color:#ffffff;
  position: fixed;
  top: 20%;
  left: 30%;
  width: 40%;
  height: 50%;
  border: 3px solid #ccc;
  padding: 20px;
  z-index: 1000;
}


@media only screen and (max-width: 700px){
#expandableDiv {
    top: 10%;
    left: 5%;
    width: 90%;
    height: 90%;

  }
}




#expandableDiv .closeindex {
  display:block;
  text-align: right;
    font-size: 2em;
    margin: -10px -5px 0 0;
    color: #cc0000;
    font-weight: 600;
    cursor: pointer;

}

*/
#expandableDiv, #panelRate { display:none; }

.savacar-plugin #tekstPopup{color:#3ca082;text-align:center;}


.s {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: rgba(60, 160, 130);
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}