/*                                                                                                      */
/* #################################################################################################### */
/* # Datei css/frml.odv.css 3.15                                                                        */
/* #################################################################################################### */
/* # Copyright © 09.2018 ISS-Oberlausitz (www.iss-ol.de)                                                */
/* # Stand:  18.03.2016                                                                                 */
/* # Author: T.Hojenski                                                                                 */
/* # Email:  th@iss-ol.de                                                                               */
/* # URL:    http://www.bluepage-cms.com                                                                */
/* #################################################################################################### */
/*                                                                                                      */


#optVia-Input { position:relative; display:none; }

.requestTemplate { 
   margin:0.25em 0; 
   padding:0; 
   font-size:var(--main-font-size);
}
.requestTemplate .templ_td_txt {
   overflow:visible; 
}

@media only screen and (max-width: 840px) /* min-width 641px */ {
   ._requestTemplate {
      font-size:1.5em; 
      line-height:140%;
   }
   
   .requestTemplate { 
      /*font-size:1.2em; */
      max-width:100%;
   }
}
@media only screen and (max-width: 480px) /* min-width 641px */ {
   .requestTemplate {
      font-size:1em;
      /*font-size:1.1em;  */
   }
   .requestTemplate { 
      /*font-size:1.1em; */
      max-width:100%;
   }
}

.requestTemplate .divfrmlelement {
   position:relative;
   margin:0 0 0.25em 0;
   padding:0 2.25em 0 0;
   z-index:30;
}
.tarifTemplate .destination { z-index:20; }

.requestTemplate .divinput {
   position:relative;
   background-color:#ffffff;
   padding:0.1em 0 0.1em 0;
   margin: 0.25em 4.5em 0.5em 0;
   border:0.15em solid #D4D4D5;
   border-radius: 0.5em;  
   _border:1px solid #D4D4D5;
   height:2.25em;
   z-index:50;      
   clear:both;
   display:table;
   width:100%;
}

.requestTemplate .divinput-focus {
   color: #333;  
   border-color: rgba(41, 92, 161, 0.4);  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);  
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);  
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);  
   outline: 0 none;   
}  

.requestTemplate .divinput label {
   position:relative;
   left:0;
   font-size:1em;
   font-family:'canada-type-gibson',Arial,Helvetica,sans-serif;
   line-height:100%;
   height:100%;
   vertical-align: middle;
   width:2em;
   padding:0 0 0 0.35em;
   margin:auto;
   color:#555555; 
   display:table-cell;
   z-index:1;                
}
.requestTemplate input.suggest[type=text] {
   position:relative;
   display: table-cell;  
   font-size:1em;
   font-family:'canada-type-gibson',Arial,Helvetica,sans-serif;
   line-height:120%;
   color:#333333;
   text-decoration:none;
   font-weight:bold;
   background-color:#ffffff;
   border:none;
   border-radius: 0;
   outline: none;
   margin: auto 0 auto 0;
   padding:0 2.5em 0 0.25em; 
   vertical-align: middle;
   height:100%;
   width:100%;
}
.requestTemplate input.suggest[type=text]:focus {
   color:#333333;
}
.tarifTemplate input::-webkit-input-placeholder, .trip input::-webkit-input-placeholder { font-size:1em; opacity:0.9; color:#999999; }
.tarifTemplate input::-moz-placeholder, .trip input::-moz-placeholder { font-size:1em;  opacity:0.9; color:#999999; }
.tarifTemplate input:-ms-input-placeholder, .trip input:-ms-input-placeholder { font-size:1em;  opacity:0.9; color:#999999; }
.tarifTemplate input:-moz-placeholder, .trip input:-moz-placeholder { font-size:1em;  opacity:0.9; color:#999999; }

.requestTemplate .btn_input_del {
   position:absolute;
   top:0.2em;
   right:0;
   cursor:pointer;
   width:1.85em;
   height:1.85em;
   padding:0.5em 0.5em 0.75em 0.75em;
   z-index:5;
}

.requestTemplate .odv_img_wait {
   position:absolute;
   top:0.2em;
   right:1em;
   width:0.6em;
   height:0.6em;
   margin:0.5em;
   display:none;
}

.odvOptionen .separator {
    border-bottom: 1px solid #ccc;
    margin: 0.25em 0;
    overflow:hidden;
}
.odvOptionen a {
   padding: 0.5em 0 0.3em 1.75em;
   color:#000000;
   text-decoration:none;
   font-size:var(--main-red-size);
   display:block;
   cursor:pointer;
}
.odvOptionen a:active {
   color:#223a8d;
   text-decoration:none;
}
.odvOptionen h2 {
   font-size:0.9em; color:#6daa26; font-style:italic; font-weight:normal;
}

.opt-odv-locate { background:url('../../img/efa/odv.opt.locate.svg') 0 center no-repeat; background-size:1.5em 1.5em; }
.opt-odv-map { background:url('../../img/efa/odv.opt.map.svg') 0 center no-repeat; background-size:1.5em 1.5em; }
.opt-odv-fav { background:url('../../img/efa/odv.opt.fav.svg') 0 center no-repeat; background-size:1.5em 1.5em; }
.opt-odv-cache { background:url('../../img/efa/odv.opt.cache.svg') 0 center no-repeat; background-size:1.5em 1.5em; }

.odvSg-removeItem { 
   position:absolute;
   top:0;
   right:0;
   height:100%;
   width:1.5em;
   background:url('../../img/sys/remove-Item.svg') 0.5em center no-repeat;

}


.odvType {
   padding:0 2.4em 0.2em 0.1em;
   border-bottom:1px solid #999999;
   width:100%;
}
.odvType label {
   vertical-align:top;
   padding-right:0.25em;
}
.odvType input {
   vertical-align:center;
}
.odvType img {
   padding:0.15em;
   background:url('../../img/layout/odv.anyObjFilter.verlauf.png') 0 0 repeat-x;
}




.odvOverlay {
   position:absolute;
   top:-0.35em;
   left:-0.25em;
   width:100%;
   /*padding:3.25em 2.85em 2.1em 0.5em; */
   padding:3.25em 0.25em 0.5em 0.25em;
   margin:0;
   max-height:12.5em   /*  250 */
   border: 1px solid #333; 
   z-index:5;
   background:#ffffff;
   display:none;
   border-color: rgba(41, 92, 161, 0.4);  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(10, 10, 10, 0.6);  
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(10, 10, 10, 0.6);  
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(10, 10, 10, 0.6);  
   outline: 0 none;   
}
form.trip  .odvOverlay {  max-height:13em; }

.odvOverlay .odvSg {
   position:relative;
   top:0;
   right:0;
   width:100%;
   padding:0 1em 0 1.5em;
   height:100%;
   max-height:14.35em;  /*245 */
   overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
form.trip  .odvOverlay .odvSg {  max-height:9.4em; }

.odvOverlay .odvSg .sugFo {
   position:relative;
   padding:0.25em 0 0.2em 0.1em;
   border-bottom:1px solid #999999;
   margin:0.1em -0.5em 0.1em 0.25em;
   cursor:pointer;
   line-height:125%;
   font-size:0.9em;
}
.odvOverlay .odvSg .sugFo.aktiv {
   background:#0078d7; /*c0f6f9; */
   color:#ffffff;
}

.odvOverlay .odvSg .sugFo img {
   position:absolute;
   top:0.15em;
   left:-1.65em;
   width:1.5em;
   height:1.5em;
}
.odvOverlay .odvSg .sugFo .distance {
   position:absolute;
   bottom:0.15em;
   right:0;
   color:green;
}


.odvOptionen {
   position:absolute;
   top:-0.4em;
   left:-0.25em;
   width:100%;
   max-height:17.5em;
   padding:0 0 1em 0; 
   display:none;
}
.btn_odv_optionen {
   position:absolute;
   top:0.05em;
   right:0;
   width:2em;
   height:2em;
   cursor:pointer;
}
.btn_odv_optionen_close {
   position:absolute;
   right:0.75em;
   top:1em;
   z-index:10;
}
.btn_odv_list {
   position:absolute;
   top:0.35em;
   right:2.25em;
   width:1.3em;
   height:1.5em;
}
.btn_odv_list_close {
   position:absolute;
   top:0.9em;
   right:0.75em;
   width:1em;
   height:1.05em;
}

.odvOptionenPanel {
   font-size:1em;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid rgba(41, 92, 161, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(10, 10, 10, 0.6);
    display: block;
    height: 100%;
    line-height:120%;
    margin: 0;
    outline: 0 none;
    padding: 3.25em 2.85em 0.15em 0.5em;
    position: relative;
    width: 100%;
    z-index: 5;
}

.btn_odv_type {
   position:absolute;
   top:0.1em;
   right:0;
   width:2em;
   height:2em;
   cursor:pointer;
}
.btn_odv_type img {
   padding:0.25em;
   width:2em;
   height:2em;
   text-align:center;
   margin:auto;
}
.btn_odv_type_close {
   position:absolute;
   top:0.9em;
   right:0.75em;
   width:1em;
   height:1.05em;
}

.odvTypePanel {
   position:absolute;
   top:-0.35em;
   left:-0.25em;
   width:100%;
   padding:3.25em 0.25em 0.5em 0.25em;
   margin:0;
   max-height:12.5em   /*  250 */
   border: 1px solid #333; 
   z-index:5;
   background:#ffffff;
   display:none;
   border-color: rgba(41, 92, 161, 0.4);  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(10, 10, 10, 0.6);  
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(10, 10, 10, 0.6);  
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(10, 10, 10, 0.6);  
   outline: 0 none;   
}

.odvTypePanel a {
   margin: 0 1em 0 0.25em;
   padding: 0.5em 0 0.3em 1.75em;
   font-size:var(--main-red-size);
   color:#000000;
   text-decoration:none;
   display:block;
   cursor:pointer;
}
.odvTypePanel a:active {
   color:#223a8d;
   text-decoration:none;
}
.odvTypePanel h2 {
   font-size:0.7em; color:#6daa26; font-style:italic; font-weight:normal;
}

.opt-odv-type-stop     { background:url('../../img/efa/stop.svg') 0 center no-repeat; background-size:1.25em 1.25em; }
.opt-odv-type-poi      { background:url('../../img/efa/poi.svg') 0 center no-repeat; background-size:1.25em 1.25em; }
.opt-odv-type-place    { background:url('../../img/efa/place.svg') 0 center no-repeat; background-size:1.25em 1.25em; }
.opt-odv-type-tp-stop  { background:url('../../img/efa/stop.svg') 0 center no-repeat; background-size:1.25em 1.25em; }
.opt-odv-type-tp       { background:url('../../img/efa/place.svg') 0 center no-repeat; background-size:1.25em 1.25em; }

.odvTypePanel .separator {
    border-bottom: 1px solid #ccc;
    margin: 0.25em 1.25em 0.25em 0.25em;
    overflow:hidden;
}


.request-error {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid rgba(241, 7, 35, 1);
    box-shadow: 0 0 3px rgba(241, 7, 35, 0.1) inset, 0 0 8px rgba(241, 7, 35, 0.6);
    display: none;
    left: 0;
    margin: 0.5em 0 1em 0;
    padding:0.5em;
    outline: 0 none;
    overflow: auto;
    position: relative;
    right: 0;
    top: <0;
    z-index: 100;
    cursor:pointer;
}
.request-error-close {
   position: absolute;
   right: 0.25em;
   top: 0.25em;
   background: url("../../img/efa/close.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
   display: block;
   height: 1.5em;
   width: 1.5em;
}
.request-error-close span {
   display:none;
}
.request-error-content {
    background: url("../../img/efa/error.svg") left 0.4em no-repeat #ffffff;
    background-size:1.2em auto;
    padding: 0.4em 1.5em 0.4em 1.5em;
}

.request-error-content div {
   color:#f10723;
   min-height: 1.75em;
}


.button-wrapper {
   position:relative; 
   margin: 0.5em 0 0 0;
   display:table;
   width:100%;
   clear:both;    
}
.button-wrapper div { display:table-cell; }
.button-wrapper div.btn-submit { width:69%; padding-right:1%; }
.button-wrapper div.btn-new { width:30%; }

.button-wrapper  a {
   font-size:var(--main-odv-size);
   line-height:120%;
   padding:0.25em 0.5em 0.25em 0.5em;
   background:var(--main-bl-color);
   border:none; /*0.15em solid var(--main-bl-color); */
   border-radius: 0.5em;  
   color: #ffffff;
   text-decoration:none;
   display:inline-block;
}
.button-wrapper  a.frml_button:hover { border:none; /*0.15em solid var(--main-gn-color); */ }


._button-wrapper div.btn-submit a { background:#172983; color: #ffffff; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
._button-wrapper div.btn-new a { background:#d3d3d3; color: #172983; text-shadow: 1px 1px rgba(255, 255, 255, 0.5); }

.button-wrapper a {
   display:block;
   z-index:1;
}

.button-wrapper a span {
   font-weight: bold;
   line-height:1.9em;
   height: 100%;
   cursor: pointer;
   display: inline-block;
}

._button-wrapper div.btn-submit a:focus { 
   border-color: var(--main-gn-color);;  
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(80, 80, 80, 0.6);  
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(80, 80, 80, 0.6);  
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(80, 80, 80, 0.6);  
   outline: 0 none; 
}