﻿    .schedule-finder-results .table {
        border-collapse: collapse !important;
    }

    table, th, td, tr, tbody {
        margin: 10px 0 !important;
        /*/*border: solid 1px #333 !important;*/
        padding: 3px 4px !important;
        font: 15px Tahoma !important;
        border-bottom: 2px solid #ebebeb;
        border-top: 2px solid #ebebeb !important;
    }

    tr {
        border:2px solid #ebebeb !important;
    }

    th {
        font-weight: bold !important;
    }

    .dropdown-menu {
        max-height: 250px;
        overflow-y: auto;
    }

    #show_all, #hide_all, #Hide_Stoplist {
        border: none;
        text-align: center;
        background-color: white;
        font-weight: 100;
        padding-left: 20px;
    }
    #txtEmailAddress {
        width: 300px!important;
        border: 1px solid #dcdcdc;
    }
    .btn-text {
        padding: 0;
        font-size: 1em;
        font-weight: 400;
        text-decoration: none;
        color: #007fae;
        background: 0 0;
        border: 0 solid transparent;
        margin: 0;
        text-align: left;
        text-indent: 0;
    }

    #email-submit {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        line-height: 1.42857143;
        vertical-align: middle;
        border-radius: 4px;
    }
     #EmailModal .modal-dialog {
       
        padding-top:15%;
    }
    .emailmodal-content {
        height: 250px;
        width: 750px;
        vertical-align: middle;
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
    }

    .emailmodal-header {
        border-bottom: 0px;
    }

    .emailmodal-title {
        font-size: 24px;
        font-weight: bold;
        line-height: 1.42857143;
        padding-left: 20px;
        color: #000;
    }


    .modal-label {
        width: 25%;
        text-align: right;
        padding: .25em 1em .25em 0;
        float: left;
        clear: left;
    }

    .input[type="email"] {
        box-shadow: none;
        border-radius: 4px;
        border: 1px solid #dcdcdc;
    }

    .modal__input {
        width: 70%;
        float: left;
        vertical-align: middle;
    }

    .modal__input, .modal__label {
        display: block;
        line-height: 2em;
    }

    textarea.input {
        line-height: 1.6em;
        min-height: 5em;
    }

    .modal__input {
        border: 1px solid #dcdcdc;
    }

    .input {
        line-height: 2.5em;
        min-height: 2.5em;
        padding: 0 .25em 0 .75em;
        margin-bottom: 1em;
        background: #fff;
        border: 1px solid #dcdcdc;
        border-radius: 4px;
        color: #737373;
        -webkit-appearance: none;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .img_100 {
        height: 320px;
        width: 490px;
    }
      .alert {
            margin-bottom:0px!important;
        }
      .form-group select{
          width:360px;
      }
      .modal-dialog .container{
          width:750px;
      }
      .schedule-finder-form-wrapper{
          padding-left:60px!important;
      }
   #datetimepicker1{
          width:360px;
      }
@media screen and (max-width:420px) {
    .form-group select, #datetimepicker1{
          width:250px;
      }
    .container-schedule-finder .panel-online-booking {
    margin-bottom: 75px;
}
    .emailmodal-content {
        width: 340px;
    }
    #txtEmailAddress {
    width: 240px!important;
    border: 1px solid #dcdcdc;
}
     .modal-dialog .container{
          width:345px;
      }
 .schedule-finder-form-wrapper{
          padding-left:30px!important;
      }
.modal h4 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
}
@media screen and (max-width:430px) {
    .main-wrapper .trip-planner {
        background-image: url(../img/SchedulesMobile.jpg.jpg)!important;
    }
}

#datatable tbody tr:nth-child(odd) {background-color: #f2f2f2;}