@charset "utf-8";
/* CSS Document */
 html, body {
    height:100%;
}
 html, body, div, span, h1, h2, p, a, font, img, form, label {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
}
 body {
    -webkit-font-smoothing: antialiased;
     font-size:14px;
     color:#626871;
     font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 p {
    margin:0 0 20px;
     line-height:20px;
}
/*a {
    color:#0593d3;
     text-decoration:none;
    font-family:MuseoSans700
}
*/
 a:hover {
    text-decoration:none;
}
 h2 {
    display: block;
}
 h1 {
    display: block;
     font-size: 26px;
     position: relative;
     z-index: 0;
}
 footer a {
    text-decoration: underline;
     margin: auto;
}
 footer {
    margin: auto;
     text-align: center;
}
 .container {
    width:980px;
     margin:0 auto;
}
 .content-wrapper {
    position: relative;
     min-height: 100%;
     min-height:100%;
     height: auto !important;
     height: 100%;
}
 #holder {
    padding:0 0 100px 0;
     position:relative;
}
 #main-header {
    z-index: -3;
     min-width: 560px;
}
 #main-body {
    margin-top: 5px;
     z-index: 1;
     min-width: 1040px;
}
 #main-footer {
    bottom:0;
     width:100%;
     height:68px;
     display:block;
}
 #main-content {
    margin-top:40px;
     min-height: 500px;
}
 #form-content {
    margin-top:10px;
     min-height: 500px;
}
 #tracker-content {
    margin-top:10px;
     min-height: 500px;
}
 #main-map-div {
    display: block;
     width: 410px;
     height: 410px;
     border: 5px solid #151515;
     margin-right: 0px;
     padding: 0px;
}
#form-map-canvas {
  position: relative;
  overflow: hidden;
  width: calc(100vw + 350px);
}
/*#form-map-container {
    display:block;
     width:25%;
}
*/
/*#form-map-div {
    display: block;
     width: 410px;
     height: 410px;
     border: 5px solid #151515;
     margin-right: 0px;
     padding: 0px;
}
*/
 #form-map-div {
  display: block;
  width: 100vw;
  height: 100vh;
  margin-right: 0px;
  padding: 0px;
  overflow: hidden;
}
 #tracker-map-div {
    display: block;
     width: 59%;
     height: 500px;
     border: 1px solid #d9d9d9;
     border-color:rgba(102,102,102,0.25);
     margin-right: 0px;
     padding: 0px;
}
 #loc-copy-buttons {
    display:block;
     width:29px;
     height: 500px;
}
 #main-form-div {
    display:block;
    position: absolute !important;
     width:40%;
     min-width:500px;
     z-index: 3;
}
 #tracker-list-div {
    display:block;
     width:40%;
     height: 500px;
     z-index: 3;
     overflow: auto;
}
 .map-canvas {
     margin: 0;
     padding: 0;
     height: 100%;
}
#panel{
  position:absolute !important;
  margin: 20px;
  width: 400px;
  padding:20px;
}
#pickDiv{

}
#dropDiv{
    display:none;
}
.mdl-list__item--two-line { 
    padding:8px !important;
  
}

.mdl-list__item-sub-title{
    margin-top: 3px !important;
}

.demo-list-icon {

}
#searchPanel{
    position:absolute !important;
    margin: 20px;
    right:20px;
    height: calc(65vh - 40px);
    min-height: unset;
    width: 620px;
    padding: 20px;
    height: 85px;
}
.formbody {
    width:100%;
     margin:0 auto;
     height:500px;
}
 .trackerbody {
    width: 100%;
     margin:0 auto;
     height:500px;
}
 .formpadding {
    width:100%;
     height: 100%;
     margin:auto;
}
 .trackerpadding {
    width: 100%;
     height: 100%;
     margin:0;
}
 .italic {
    font-style: italic;
}
 .padInRight {
    padding-left: 15px;
}
 .left {
    float:left;
     display:inline-block;
}
 .mid {
    float:left;
     display:inline-block;
}
 .right {
    float:right;
     display: inline-block;
}
 .bottom {
    bottom: 5px;
}
 .btn {
    margin-top: 15px;
}
 .header {
    position:relative;
     display:block;
     height:135px;
     background:url(../res/img/striped_tile.png) rgb(250,250,250);
     z-index: -2;
}
 .addressdiv {
    display:block;
    width:100%;
   
}
 .addr-line {
    display:block;
    position:relative;
    height:40px;
    width:100%;
}
 .contact-line {
    display:block;
     position: relative;
     width:100%;
     margin-bottom: 15px;
     margin-top:15px;
     min-height: 25px;
}
 .city-line {
    display:block;
     width:100%;
    min-height: 25px;
    margin-top:15px;
}
 .addrinputdiv {
    display: inline-block;
     width: 360px;
     float: left;
     margin-right: 5px;
     margin-top:10px;
}
 .aptinputdiv {
    display: inline-block;
     width: 120px;
     float: left;
     margin-right: 5px;
     margin-top:10px;
}
 .cityinputdiv {
    display: inline-block;
     width: 184px;
     float: left;
     margin-right: 5px;
     margin-top:10px;
}
 .stateinputdiv {
    display: inline-block;
     width: 160px;
     float: left;
     margin-right: 15px;
     margin-top:10px;
}
 .zipinputdiv {
    display: inline-block;
     width: 120px;
     float: left;
     margin-top:10px;
}
 .addrinput {
    width: 95%;
}
 .aptinput {
    width: 95%;
}
 .cityinput {
    width: 95%;
}
 .stateinput {
    width: 95%;
}
 .zipinput {
    width: 95%;
}
 .address-header {
    display: block;
     position:relative;
     min-height: 20px;
     width: 100%;
    /*margin-top: 15px;
    */
}
 #phone {
  
}
 label {
    display:block;
     position: relative;
}
 .phonediv {
    display:inline-block;
     float:left;
     margin-right: 5px;
    /*position: relative;
     top:-20px;
    */
}
 .namediv {
    display: inline-block;
     float:left;
     margin-left: 5px;
    /*position: relative;
     top:-20px;
    */
}
/*#phonelabel {
    display: inline-block;
     margin-right: 15px;
}
*/
 #star-note {
    display: block;
     margin-top: 0px;
}
 label.error {
    color:red;
     font-size: 85%;
}
 input[type="text"] {
    padding-left: 3px;
    /*color:#626871;
    */
}
 input[type="checkbox"] {
    display: none;
}
 .go-button-div {
    display: inline-block;
}
 .go-button {
    width: 139px;
    /*height: 38px;
     margin-top: 21px;
    */
    /*background:url(../res/img/go_button_new-color.png) 0 0;
     background-size: 100% 200%;
     border:none;
    */
}
/*.go-button:hover {
    background-position: 1px -38px;
}
*/
 #star-note {
    padding-left: 125px;
     padding-top: 20px;
}
/*#logo {
    height:150px;
     position: absolute;
     left:0px;
     top: 0px;
     z-index: -1;
}
*/
 .logodiv {
    /*height:150px;
    */
     width:100%;
     height:auto;
     left:0px;
     top: 0px;
     z-index: -1;
}
 .img-logo {
    width: 525px;
     height: 418px;
     min-height: 418px;
     min-width: 525px;
}
 #img-co-brand {
    height: 125px;
     width: auto;
     border: none;
     margin-top:5px;
    float: left;
}
 .img-logo-cobrand {
    position: absolute;
     right: 0px;
     float: right;
     width:auto !important;
     max-height: 135px !important;
}
 .logodiv-with-cobrand {
    width:40%;
     height:auto;
     position: absolute;
     right:0px;
     top: 0px;
     z-index: -1;
}
 .cobrand-div {
     width:60%;
     position: absolute;
     left: 0px;
     top: 0px;
}
 #co-brand-info{
    color:white;
    font-size:20px;
    padding-top:10px;
}
 #co-brand-info a{
    color:white;
}
#pickupAddress{
    padding-left: 30px;
    font-size: 12px;
}
#dropoffAddress{
    padding-left: 30px;
    font-size: 12px;
}
 #pickupName{
    padding-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
 }
 #dropoffName{
    padding-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
 }
 #dropoffLocation{
    padding-left: 30px;
    font-size: 12px;
 }
 .address{
    padding-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
}

 #pickuploc-copy-button:hover {
    background-position: 0px -194px;
}
 #destloc-copy-button {
    background:url(../res/img/controls.png) 0 0;
     background-position: 0px -129px;
     height: 66px;
     width: 29px;
     position:relative;
     top: 250px;
}
 #destloc-copy-button:hover {
    background-position: 0px -194px;
}
 #working-overlay {
    display:none;
     position:absolute;
    /*background:#335;
    */
}
 #options-overlay {
    display:none;
     position:absolute;
    /*background:#335;
    */
}
 #img-load {
    position:relative;
     width:48px;
     height: 48px;
}
 #img-load-div {
    position:relative;
    /*background:#335;
    */
}
 #img-load-label-div {
    height: 30px;
}
 #img-load-label {
    position: relative;
     height:0px;
}
 #fleet-logo {
    display: none;
     position: relative;
}
 #fleet-logo-div {
    display: none;
     position: relative;
}
 .nav-tabs li {
    float:right;
     width: 150px;
     text-align: left;
}
 div.growlUI h1, div.growlUI h2 {
     color: white;
     padding: 5px 5px 5px 75px;
     text-align: left 
}
 #more-options-button-div {
    display:inline-block;
     margin-left:20px;
     margin-top: -7px;
    /*padding-top: 10px;
     padding-right: 50px;
    */
}
 #done-options-button {
    margin-top: 20px;
}
 .wider {
    width: 85px;
}
 .white {
    color: white;
}
 .block {
     display: block;
     margin: auto;
}
 #options-text-input {
    margin-top: 10px;
     font-size: 14px;
}
 #options-text-input label {
    margin-top: 5px;
}
 #play-store-img {
    height: 40px;
     width: 115px;
}
/*.cancel-btn {
    margin-right:5px;
}
*/
 .map-canvas img{
    max-width:none
}
 .footer-padding {
    min-height: 25px;
}
 #ride-tab-icon {
    margin-bottom:-1px;
     display:inline-block;
     background:url(../res/img/tab_icons.png) 0 0;
     background-size: 28px 28px;
     background-repeat: no-repeat;
     height:1em;
     width:1em;
}
 #tracker-tab-icon {
    margin-bottom:-2px;
    display:inline-block;
     background:url(../res/img/tab_icons.png) 0 -14px;
     background-size: 28px 28px;
     background-repeat: no-repeat;
     height:1em;
     width:1em;
}
/*.tab-icon {
    height:1em;
     width:auto;
}
*/
 .tab-active {
}
 .nav-tabs>li.active>a>.tab-ride-icon {
    background-position: -14px 0 !important;
}
 .nav-tabs>li.active>a>.tab-map-icon {
    background-position: -14px -14px !important;
}
 .accordion-heading:hover {
    background-color: #E1F2EB;
}
 label.custom-select {
     position: relative;
     display: inline-block;
}
 .custom-select select {
     display: inline-block;
    /*border: 1px solid #c6c6c6;
    */
    /*padding: 4px 3px 3px 5px;
    */
     padding-left: 0px;
     margin: 0;
     margin-top: 0px;
    /* font-family: MuseoSans500;
    */
    /*font-size: 14px;
    */
     color: #25282c;
    /*outline:none;
    */
    /* remove focus ring from Webkit */
     line-height: 1.2;
    /* background: #fff;
    */
     width: 160px;
     height:22px;
    /* -webkit-appearance:none;
    */
    /* remove the strong OSX influence from Webkit */
}
 .btn-success{
     color:#ffffff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color:#669900;
    /*5bb75b;
    84b800;
    669900*/
     background-image:-moz-linear-gradient(top, #9dd21d, #669900);
    /*#62c462, #51a351);
    */
     background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#9dd21d), to(#669900));
    /*from(#62c462), to(#51a351));
    */
     background-image:-webkit-linear-gradient(top, #9dd21d, #669900);
    /*#62c462, #51a351);
    */
     background-image:-o-linear-gradient(top, #9dd21d, #669900);
    /*#62c462, #51a351);
    */
     background-image:linear-gradient(to bottom, #9dd21d, #669900);
    /*#62c462, #51a351);
    */
     background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9dd21d', endColorstr='#ff669900', GradientType=0);
    /*startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    */
     border-color:#669900, #669900, #387038;
    /*#51a351 #51a351 #387038;
    */
     border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     *background-color:#669900;
    /*#51a351;
    */
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
 .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{
     color:#ffffff;
     background-color:#669900;
    /*#51a351;
    */
     *background-color:#499249;
}
 .btn-purple{
     color:#ffffff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color:#291D4D;
     background-image:-moz-linear-gradient(top, #362666, #291D4D);
     background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#362666), to(#291D4D));
    /*from(#62c462), to(#51a351));
    */
     background-image:-webkit-linear-gradient(top, #362666, #291D4D);
    /*#62c462, #51a351);
    */
     background-image:-o-linear-gradient(top, #362666, #291D4D);
    /*#62c462, #51a351);
    */
     background-image:linear-gradient(to bottom, #362666, #291D4D);
    /*#62c462, #51a351);
    */
     background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff362666', endColorstr='#ff291D4D', GradientType=0);
    /*startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    */
     border-color:#291D4D, #291D4D, #533870;
    /*#51a351 #51a351 #387038;
    */
     border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     *background-color:#291D4D;
    /*#51a351;
    */
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
 .btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active,.btn-purple.disabled,.btn-purple[disabled]{
     color:#ffffff;
     background-color:#291D4D;
    /*#51a351;
    */
     *background-color:#1B1333;
}
 .btn-purple-light{
     color:#ffffff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color:#493cac;
     background-image:-moz-linear-gradient(top, #7e59ec, #493cac);
     background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#7e59ec), to(#493cac));
    /*from(#62c462), to(#51a351));
    */
     background-image:-webkit-linear-gradient(top, #7e59ec, #493cac);
    /*#62c462, #51a351);
    */
     background-image:-o-linear-gradient(top, #7e59ec, #493cac);
    /*#62c462, #51a351);
    */
     background-image:linear-gradient(to bottom, #7e59ec, #493cac);
    /*#62c462, #51a351);
    */
     background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e59ec', endColorstr='#ff493cac', GradientType=0);
    /*startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    */
     border-color:#493cac, #493cac, #533870;
    /*#51a351 #51a351 #387038;
    */
     border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     *background-color:#493cac;
    /*#51a351;
    */
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
 .btn-purple-light:hover,.btn-purple-light:focus,.btn-purple-light:active,.btn-purple-light.active,.btn-purple-light.disabled,.btn-purple-light[disabled]{
     color:#ffffff;
     background-color:#493cac;
    /*#51a351;
    */
     *background-color:#6b34f5;
}

#rideDialog{
  width: 500px;
}

.mdl-checkbox{
    width:unset;
}

.mdl-stepper{
    min-height: 550px;
}

.mdl-grid .mdl-grid.mdl-grid--nesting {
    padding: 0;
    margin: 0 -8px;
  }

  .mdl-textfield{
    padding-bottom: 7px;
  }

  
.inputForm{
   padding: 5px 10px;
  font-size: 13px;
  background: #f3faff;
  box-sizing: border-box;
  border:none !important;
  border-bottom: 2px solid #3949a3 !important;
}

.inputForm:focus-visible{
   border:none !important;
   border-bottom: 2px solid #3949a3 !important;
}

.mdl-stepper{
   min-height:700px;
}

.mdl-step__actions{
   top: calc(100%-122px);
}

#paymentContinue{
   background-color:white;
}

body{
   overflow:hidden;
}