@media (min-width: 760px) {
.rp_white
{
width: 737px;

}
button.tablinks
{
height: 84px;
}
#planner_virziens
{
  width:228px;
}
.meklet_poga
{
text-align: right;
}
#pietura1, #pietura2 {
  border: 2px solid #999;
  border-radius: 9px;
}
#pietura_a, #pietura_b
{
  border-radius: 9px;
  border: 2px solid #999;
}
.switch2
{
background: url("switch2.png");
display: inline-block;
    width: 32px;
    height: 44px;
}
#pietura1,#pietura2
{
  width: 320px;
}
#pietura_a, #pietura_b
{
  width: 320px;
}
.address_span{
    position:relative;
    display: inline-block;
}

}
 /*===================================================================================  */
@media (max-width: 650px) {
.planner_span3 , .planner_span12
{
  width:100%;
  text-align: center;
  display: inline-block;
}
#planner_laiks
{
   width:75px!important;
  padding-right:0px!important;
  padding-left:10px!important;
}
#planner_row2 .clock_span
{
    display:none;
}
#ui-datepicker-div
{
right: 10px !important;
    left: auto !important;
}

}
 /*===================================================================================  */
@media (max-width: 760px) {
.rp_white
{
width: 100%;

}

  .elementor-3123 .elementor-element.elementor-element-2656f3f {
    width: 100%!important;
  }
  .rp_tab .tablinks
  {
    width:31%;
    font-size: 14px;
  }

  button.tablinks {
    height: 125px;
  }
  .rp_tab button
  {
    padding:0!important;

  }

  .buttontext
  {
  width: 100%;
  text-align: center;

  }
  .tablinks .buttonimg
  {
    width:100%;
  }
.meklet_poga
{
text-align: center;
}
#adr2adr
{
display: block;
  border: 2px solid gray;
  margin-right: 23px;
  border-radius: 9px;
  padding: 0;
  margin-left: 7px;
}
#piet2piet
{
  border: 2px solid gray;
  margin-right: 23px;
  border-radius: 9px;
  padding: 0;
  margin-left: 7px;
}
#pietura1, #pietura2 {
  border: none;
  margin-left: 13px;
  height: 62px;
}
#pietura_a, #pietura_b
{
  border: none;
  margin-left: 13px!important; ;
}
#pietura1
{
  border-bottom:1px solid grey;
}
#pietura_a
{
  border-bottom:1px solid grey;
}
.switch2
{
background: url("switch_vert.png");
display: inline-block;
    width: 35px;
    height: 28px;
}
.switch2span {
  margin: 0 21px;
  display: inline-block;
  margin-bottom: -16px!important; ;
}
#pietura1,#pietura2
{
  width: 97%;
}
#pietura_a, #pietura_b
{
  width: calc(100% - 80px);
}
.address_span{
    position:relative;
    display: inline-block;
    width: calc(100% - 67px);
}
#planner_virziens
{
  width: 145px;
}


 /*===================================================================================  */
}

.elementor-location-header, #wpadminbar
{
display:none;
}


.rp_white
{
background-color: white;

  border-radius: 21px;
  padding: 8px;
  box-shadow: 6px 6px 5px 0px rgb(200,200,200);
  margin-left: 11px;
}

 /* Style the tab */
.rp_tab {
  overflow: hidden;
  background-color: #fff;
}

/* Style the buttons that are used to open the tab content */
.rp_tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
  background-color: #eee;
  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);
  margin: 2px;
  text-align: left;
}

/* Change background color of buttons on hover */
.rp_tab button:hover {
  background-color: #ddd;
  color:#EDB51C;
}

/* Create an active/current tablink class */
.rp_tab button.active {
  background-color: #fff;
  background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

/* Style the tab content */
.rp_tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

button.tablinks
{
color:#aaa;
font-weight: bold;
text-wrap: auto;
}
.rp_tab button.active
{
   color:#EDB51C;
}
.buttonimg
{
float:left;
width: 62px;
  height: 62px;
}
.rp_tab .active .button_a2a
{
    background: url("adrse_adrese_aktiva_icona.png") center center!important;
      background-size: contain!important;
  background-repeat: no-repeat!important;
}
.rp_tab .button_a2a
{
    background: url("adrse_adrese_icona.png")center center ;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}
.rp_tab .active .button_p2p
{
    background: url("pec_marsruta_activs_icona.png")center center!important;
      background-size: contain!important;
  background-repeat: no-repeat!important;
}
.rp_tab .button_p2p
{
    background: url("pec_marsruta_icona.png")center center ;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}
.rp_tab .active .button_karte
{
    background: url("pietura_pietura_aktiva_icona.png")center center!important;
      background-size: contain!important;
  background-repeat: no-repeat!important;
}
.rp_tab .button_karte
{
    background: url("pietura_pietura_icona.png")center center ;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}

.buttontext
{
float:left;
min-height: 48px;

}
#pietura1,#pietura2
{
  padding: 17px;
  font-weight: bold;
  color: #777;
}
#pietura1:focus,#pietura2:focus
{
  outline: none;
}
.switch2span
{
vertical-align: bottom;
  margin: 0px 6px;
}
#suggesstion-box1, #suggesstion-box2
{
position: absolute;
  top: -15px;
  background: white;
  border: 1px solid;
  z-index: 100;
  max-height: 400px;
  overflow: auto;
  width: 300px;
  left: 1px;
}
#meklet_poga
{
background: url("/wp-content/plugins/route_planner/meklet_poga.png");
    background-repeat: repeat;
  width: 335px;
  height: 62px;
  background-repeat: no-repeat;
  color: transparent;
  border: none;
}
#planner_laiks, #planner_virziens, #datums
{
height: 47px;
  border-radius: 9px;
  margin: 9px;
  padding: 5px 24px;
  color: #777;
  font-weight: bold;
  border: 2px solid #999;
  background: white;
}
#pietura_a, #pietura_b
{
  margin: 0px;
  color: #777;
  background: white;
    padding: 17px;
  font-weight: bold;
  display: inline-block;
  height: 62px;
}
#datums{
  width: 227px;
  background: url(/wp-content/plugins/route_planner/calendar.png) no-repeat scroll 190px 7px;
}

#planner_laiks
{
  width: 139px;
  background: url(/wp-content/plugins/route_planner/clock.png) no-repeat scroll 100px 7px;
  padding-left: 30px;
  background-size: 28px;
}

.planner_span
{
  display:inline-block;
}
.clock_span
{
vertical-align: bottom;
  padding-bottom: 7px;
  padding-left: 13px;
}
#planner_row2
{
padding-top: 14px;
  padding-bottom: 17px;
}
#ui-datepicker-div
{

}
.ui-datepicker{z-index: 301 !important};