/* hafas_vmt_cms.css */

#HFS.vmt,
#HFS.vmt *      {font-family:'roboto',Arial,sans-serif;}

#HFS.vmt,
#HFS.vmt *,
#layerMapWrap * {box-sizing:border-box;}

#HFS.vmt #HFSQuery,
#HFS.vmt .summary   {box-shadow:none;}

#HFS.vmt i {
    font-family: "HFSVMT";
    font-style: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

#HFS.vmt .greyButton {
    /*background: #c6c7c8;*/
    background: rgb(198,199,200);
    background: -moz-linear-gradient(top, rgba(198,199,200,1) 0%, rgba(198,199,200,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,199,200,1)), color-stop(100%,rgba(198,199,200,1)));
    background: -webkit-linear-gradient(top, rgba(198,199,200,1) 0%,rgba(198,199,200,1) 100%);
    background: -o-linear-gradient(top, rgba(198,199,200,1) 0%,rgba(198,199,200,1) 100%);
    background: -ms-linear-gradient(top, rgba(198,199,200,1) 0%,rgba(198,199,200,1) 100%);
    background: linear-gradient(to bottom, rgba(198,199,200,1) 0%,rgba(198,199,200,1) 100%);
}
#HFS.vmt .bigButton           {border-color:#eceded;}
#HFS.vmt .bigButton:hover     {border-color:#eceded; box-shadow:0 0 2px #333; text-shadow:0 0 2px #fff;}

#HFS.vmt #HFSQuery .extraInput          {background-color:#eceded;}
#HFS.vmt #HFSQuery .extraInput.NORMAL   {padding:0;}

#HFSResult .resultTable .connectionDate,
#HFSResult .resultTable .connectionTime,
#HFSResult .resultTable .connectionRealTime,
#HFSResult .resultTable .connectionFirstLast,
#HFSResult .resultTable .connectionSonnerLater,
#HFSResult .resultTable .connectionDuration       {background-color:#c6c7c8;}

#HFS.vmt #HFSResult .resultTableConnection        {background-color:#eceded;}

#HFS.vmt .pre,
#HFS.vmt pre        {font-family:courier;}


/* Überschrift, Formularbereich "Pflichtangaben", Querysummary */
#HFS.vmt h2                             {display:block; width:auto;}
#HFS.vmt #HFSQuery .mainInput           {background-color:#fff;}
#HFS.vmt #HFSQuery .mainInput label     {color:#1d3e79;}

#HFS.vmt #HFSResult #Querysummary,
#HFS.vmt #HFSResult #ConnectionDetails  {background-color:#fff;}
#HFSResult #Querysummary,
#HFSResult #ConnectionDetails,
#HFS.sq_results #Querysummary a         {color:#1d3e79;}
#HFS.sq_results #Querysummary a         {text-decoration:underline;}
#HFS.sq_results #Querysummary a:hover   {color:#fff;}

#HFS.vmt .inputHolder .preGeneratedInputValue     {color:#1d3e79;}

#HFS.vmt #tpQueryInputButtonsTop .bigButton {
    /*background:#1d3e79;*/
    background: rgb(29,62,121);
    background: -moz-linear-gradient(top, rgba(29,62,121,1) 0%, rgba(29,62,121,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,62,121,1)), color-stop(100%,rgba(29,62,121,1)));
    background: -webkit-linear-gradient(top, rgba(29,62,121,1) 0%,rgba(29,62,121,1) 100%);
    background: -o-linear-gradient(top, rgba(29,62,121,1) 0%,rgba(29,62,121,1) 100%);
    background: -ms-linear-gradient(top, rgba(29,62,121,1) 0%,rgba(29,62,121,1) 100%);
    background: linear-gradient(to bottom, rgba(29,62,121,1) 0%,rgba(29,62,121,1) 100%);
    background-position:0px 0px;
    color: #fff;
    border:1px solid #fff;
    border-radius:5px;
    font-weight:500;
}

#HFS.vmt #tpQueryInputButtonsTop .bigButton:hover {
    border:1px solid #fff;
    box-shadow:0 0 2px #333;
    text-shadow:0 0 2px #fff;
}