/*                                                                    
 * File:    new-booking.css
 *
 * Purpose: New style sheets for the new booking service              
 * Author:  Thomas Burgard (BURGARDsoft Softwareentwicklung & Webdesign  
 *
 * Date:    27.02.2020                                                   
 * Since:   v1.0                                                         
 */

h1 {
    color: #2e6879;
    font-size: 2.2rem;
    font-weight: lighter;
    margin-bottom: 30px;
}

h2 {
    color: #444444;
    font-size: 1.6rem;
    font-weight: lighter;
}

.btn,
button {
    padding: 8px 12px;
}

.empty-rows-10 {
    margin-bottom: 10px;
}

.empty-rows-20 {
    margin-bottom: 20px;
}

.empty-rows-30 {
    margin-bottom: 30px;
}

.empty-rows-50 {
    margin-bottom: 50px;
}

.page-header-section-company .btn-lg {
    padding: 9px 30px;
    font-size: 1.4rem;
    font-weight: bold;
}

.page-header-section-company .btn-outline {
    color: #000000;
    border-color: #666666;
    margin-top: 0px;
}

.page-header-section-company .btn-outline:hover {
    color: #ffffff;
}

#main-menu ul .dropdown .dropdown-menu>li>a:focus,
#main-menu ul .dropdown .dropdown-menu>li.active>a {
    background: #262c37;
    color: #fff;
}

#main-menu ul>li>a {
    color: #212121;
    background-color: transparent;
    position: relative;
    padding: 20px 15px;
    text-transform: none;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
}

.navbar li.active .nav-link {
    color: #3a3a3a !important;
}

.dropdown-item.active {
    background-color: #262c37;
    color: #fff;
}

.dropdown-item.active:focus,
.dropdown-item.active:hover {
    background-color: #262c37;
    color: #fff;
}

.navbar-header {
    font-family: 'Poppins', sans-serif;
    margin-top: 15px !important;
    font-weight: 400;
    font-size: 1.2rem;
}

.box-lightgray {
    width: 100%;
    border: 1px solid #efefef;
    background-color: #f8f8f8;
    color: #333333;
    padding: 20px;
    padding-bottom: 0px;
}

.box-news {
    width: 100%;
    border: 1px solid #dbd0b5;
    background-color: #f3efe8;
    border-radius: 5px;
    color: #333333;
    padding: 20px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.box-news-latest {
    width: 100%;
    border: 1px solid #98d898;
    background-color: #e4fce4;
    border-radius: 5px;
    color: #333333;
    padding: 20px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.card {
    border: 1px solid #dbd0b5;
}

.card-header {
    background-color: #f3efe8;
}

.info-box {
    margin-left: 100px;
}

.section {
    padding: 40px 0;
}

.page-header-section-company {
    background-color: #eeeeee;
    margin-top: 65px;
    width: 100%;
}

.company-header {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

.company-header a {
    padding-top: 30px;
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
    text-align: center;
    color: #444444;
}

.driverinfo {
    color: white;
    font-size: 1.2rem;
    margin-left: auto;
    margin-right: auto;
}

.driverinfo-container {
    padding-top: 25px;
    padding-bottom: 15px;
}

.driverinfo-container p {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

.page-header-section {
    margin-top: 0px;
}

.bookings-driver-container, 
.tarif-surcharge-container {
    padding: 10px;
}

#level2 .page-header-section {
    background-color: #262c37;
    margin-top: 65px;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 20px;
}

#level2 .page-header-section-disponent {
    background-color: #262c37;
    margin-top: 65px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0px;
}

#level3 .page-header-section {
    background-color: #262c37;
    margin-top: 20px;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 20px;
}

#level2 .page-header-section h2,
#level3 .page-header-section h2,
#level2 .page-header-section-disponent h2 {
    color: #ffffff;
    font-weight: normal;
}

#wrapper-passenger {
    margin-top: 20px;
}

#wrapper-disponent {
    margin-top: 0px;
}

#passengerForm,
#newPasswordForm {
    margin-bottom: 50px;
}

.input-info {
    margin-bottom: 100px;
}

.input-info2 {
    margin-bottom: 270px;
}

.input-info3 {
    margin-bottom: 330px;
}

.form-group {
    margin-bottom: 0.5rem;
}

.mb-3, .my-3 {
    margin-bottom: 0.5rem!important;
}

.form-group label {
    margin-bottom: 5px;
}

.recommendation {
    margin-top: 25px;
    margin-bottom: 20px;
}

.error-box,
.success-box {
    margin-top: 25px;
}

#show-carinfo a {
    margin-right: 10px;
    cursor: pointer;
    color: #609efc;
}

#show-ticket a {
    cursor: pointer;
    color: #609efc;
}

#booking-ticket-box a,
#car-box a {
    cursor: pointer;
    color: #609efc;
}

.form-control.input {
    color: #000000;
}

.booking-calc-box {
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
}

#booking-ticket-box {
    margin-top: 20px;
    margin-bottom: 30px;
    background-color: #f4f4f4;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #000000;
}

#car-box {
    margin-top: 5px;
    margin-bottom: 10px;
    /*border: 1px solid #dbd0b5;*/
    border-radius: 4px;
    color: #000000;
}

#booking-ticket-box #booking-ticket-data {
    margin-top: 20px;
    margin-bottom: 20px;
}

#contactbox {
    margin-top: 10px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 10px;
    padding-left: 20px;
    padding-bottom: 5px;
}

.btn,
button {
    padding: 5px 10px;
    font-size: 12px;
}

#calc {
    margin-bottom: 20px;
    background-color: #f4f4f4;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 30px;
    padding-bottom: 0px;
}

#calc .btn-sm {
    padding: 5px;
    font-size: 0.8rem;
}

#route-map {
    border: 1px solid #bbbbbb;
    border-radius: 4px;
}

#calc-result {
    margin-top: 20px;
    margin-bottom: 20px;
}

#onetaxi_booking #calc-result input {
    background-color: #ffffff;
    /*width: 40%;*/
}

.booking-calc-error {
    padding-top: 10px;
    color: red;
}

#onetaxi_booking input,
#passengerForm input,
#newPasswordForm input,
#loginForm input,
#registration-form input,
#profileForm input,
#premiumBusinesstarifForm input,
#frequentDestinationForm input,
#passengerBookingChangeForm input,
#tarifForm input,
#postcodeConfForm input {
    background-color: #eeeeee;
}

#registration-form select,
#profileForm select {
    background-color: #eeeeee;
}

#onetaxi_booking .booking-calc-box input,
#passengerBookingChangeForm .booking-calc-box input {
    background-color: #ffffff;
}

#booking-ticket-data .table td {
    padding: .30rem;
    padding-top: .20rem;
    padding-bottom: .20rem;
}

.box1 {
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
}

.showtextTarifOrdnungBox,
.roundpricerbox,
.chooseDistbox,
.carbox1,
.carbox2,
.carbox3,
.carbox4,
.frequentDestinationBox1,
.frequentDestinationBox2,
.frequentDestinationBox3,
.frequentDestinationBox4,
.frequentDestinationBox5 {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.carboxErrorBorder {
    border: 1px solid red;
}

.wrapper-info-alert {
    margin-bottom: 550px;
}

#new-bookings-box {
    border: 1px solid #dddddd;
}

#new-bookings-box .new-bookings-box-header {
    background-color: #dddddd;
    padding: 2px;
    padding-left: 10px;
    padding-bottom: 2px;
    margin: 2px;
    margin-bottom: 10px;
}

#new-bookings-box .new-bookings-box-body {
    padding: 10px;
}

#select-frequent-destination-box {
    margin-top: 30px;
}

#frequent-destination-info-box {
    margin-top: 50px;
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
    border-radius: 4px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

#frequent-destination-formular-box {
    margin-top: 20px;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

#frequent-destination-formular-box input {
    background-color: #ffffff;
}

.empty-area {
    height: 450px;
}

footer {
    padding-top: 15px;
    padding-bottom: 60px;
    font-size: 0.9rem;
}

footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

footer li {
    float: left;
}

footer ul li a {
    display: block;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #999999;
}

#copyright-info {
    text-align: center;
    padding: 10px;
}

footer li a:hover {
    color: #f4f4f4;
}

.form-group .form-control {
    padding-right: 10px;
}

.error-info {
    color: red;
    font-size: 0.7rem;
}

#action-message {
    margin-top: 10px;
}

.login_area {
    align-content: center;
    justify-content: center !important;
    display: flex !important;
    height: auto;
    margin-top: 100px;
    margin-bottom: 290px;
}

.login_card {
    height: auto;
    margin: auto;
    position: relative;
    width: 400px;
    background-color: #262c37 !important;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;

}

.login_header {
    color: #fdf7e2;
    width: 70%;
    margin-top: 10px;
    margin-left: 10%;

}

.userlogin_area {
    align-content: center;
    justify-content: center !important;
    display: flex !important;
    width: 100%;
    margin-top: 15px;
}

.input-group-prepend {
    background-color: #E0CF4B;
    margin-right: -1px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;

}

.login-error {
    padding-left: 10px;
    padding-right: 10px;
}

.login_icons {
    color: #1c2125;
    float: left;
    text-align: center;
    font-size: 1.5em;
    padding: 5px;
}

.user_form {
    float: left;
}

#username {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#password {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.forgot_pw {
    color: white;
    align-content: center;
    justify-content: center !important;
    display: flex !important;
    margin-bottom: 15px;
}

.login_btn {
    color: black;
    background-color: #E0CF4B;
    align-content: center;
    justify-content: center !important;
    display: flex !important;
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
}

.login_btn:hover {
    color: rgb(83, 83, 83);
}


/*.card-body a:hover { color: #E0CF4B; }*/

.fa-google-plus-square:before {
    content: "\f0d4";
}

#bookings-table,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_length label,
.pagination {
    font-size: 0.8rem;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-size: 0.8rem;
}

.table th {
    padding: 3px;
    font-size: 0.8rem;
}

.table td {
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0.8rem;
}

table.dataTable a {
  color: blue;
  text-decoration: underline;
}

.panel-default .panel-collapse .panel-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    padding: 20px;
}

#change-direction {
    position: relative;
    height: 10px;
}

.bigger-checkbox {
  margin-left: 9px;  
  zoom: 1.2;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
}

.isdisabled {        
  cursor: not-allowed;     
  text-decoration: none;  
  border: 2px #888888;
}
.isDisabled > a {
  color: #DDDDDD;
  background-color: #888888;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
  border: 1px solid #888888;
}


/** Media styles ******************************************************************************************************/

/* Large desktop */
@media (min-width: 1100px) {

    .nav-login {
        padding-left: 300px;
    }

    .hour_input .col-lg-6 {
        padding-right: 5px;
    }

    .minute_input .col-lg-6 {
        padding-left: 5px;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {

    h1 {
        font-size: 1.6rem;
    }

    .btn-lg {
        font-size: 13px;
    }

    .hour_input .col-lg-6 {
        padding-right: 0px;
    }

    .line_timepicker .minute_input .col-lg-6 label {
        padding-top: 23px;
    }

    .minute_input .col-lg-6 {
        padding-left: 0px;
    }

    .page-header-section-company {
        margin-top: 55px;
    }

    .company-header {   
        font-size: 1.2rem;
        padding-top: 45px;
        padding-bottom: 10x;
        text-align: center;
    }

    .company-header a {
        padding-top: 40px;
        font-size: 1.2rem;
        font-weight: bold;
        display: flex;
        text-align: center;
        color: #444444;
    }

    .recommendation {
        margin-top: 0px;
        margin-bottom: 20px !important;
    }

    .info-box {
        margin-left: 15px;
    }
}