/*
  Author: Grujin
  Author URI: https://heyio.at
  Description: Custom Template for "Mietwagen/Flughafentaxi Administration" Web Agency
  Version: 1.0.0
*/

.green{
  color: rgb(90,185,145);
}

.red{
  color: rgb(166,69,63);
}

.orange{
  color: rgb(192,148,53);
}
/* 1.4 input fields, select, submit etc.*/
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="button"],
select,
textarea,
button{
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
  width: 100%;
}

input[type="text"],
input[type="email"],
input[type="password"]{
  border-bottom: 1px solid rgba(255,255,255,0.2);
  background-color: rgba(0,0,0,0);
}

.admin input,
.admin select,
.price input,
.driver input,
.driver select{
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s; /* Firefox < 16 */
  -ms-animation: fadein 1s; /* Internet Explorer */
  -o-animation: fadein 1s; /* Opera < 12.1 */
  animation: fadein 1s;
  padding: 0;
  margin: 0 0 -1px 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  background: rgba(0,0,0,0);
}

#bestell-formular input[type="text"],
#bestell-formular input[type="email"],
#bestell-formular select,
#bestell-formular textarea{
  border: none;
  padding: 7px 10px;
  border: 1px solid rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.4);
  font-size: 14px;
  margin: 5px 0;
}

#bestell-formular input[type="text"]::placeholder,
#bestell-formular input[type="email"]::placeholder,
#bestell-formular textarea::placeholder{
  color: rgba(0,0,0,0.4);
}

#bestell-formular input[type="text"]#total_preis{
  color: rgba(0,0,0,0.4);
}

input,
select,
textarea{
  margin: 7px 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

input[type="submit"],
input[type="button"].df-button{
  background-color: rgba(0,0,0,0.5);
  border: 1px solid rgba(0,0,0,0.4);
}

select{
  padding: 1px 0;
  /* color: #7e7e8c; */
}

input::placeholder
 {
  /* color: #7e7e8c; */
}

.datepicker-icon{
  background: url(../img/icons/datepicker.svg) no-repeat scroll 7px 7px;
  background-size: 20px;
  background-position: 0 0;
  padding-left:30px;
}

.driver-icon{
  background: url(../img/icons/driver.svg) no-repeat scroll 7px 7px;
  background-size: 20px;
  background-position: 0 0;
  padding-left:30px;
}

.email-icon{
  background: url(../img/icons/mail.svg) no-repeat scroll 7px 7px;
  background-size: 20px;
  background-position: 0 0;
  padding-left:30px;
}

.ort-icon{
  background: url(../img/icons/prices.svg) no-repeat scroll 7px 7px;
  background-size: 20px;
  background-position: 0 5px;
  padding-left:30px;
}

/* table responsive */
@media only screen and (max-width: 991px) {
  #bestell-formular .no-padding-left,
  #bestell-formular .no-padding-right{
    padding: 0;
  }
  
  #bestell-formular .col-md-3.no-padding-right{
    padding: 0 15px;
  }
}
@media only screen and (max-width: 787px) {
  
  .no-mobile{
    display: none;
  }
  .orders-today .table > tbody > tr{
    border-bottom: 1px solid rgb(41,42,57);
    border-top: 1px solid rgb(41,42,57);
  }
  .orders-today .table > tbody > tr > td{
    border: none;
    padding: 10px 5px;
  }
  
  .orders-today .table.full-order{
    overflow-x: auto;
  }

  .admin-activity .admin .table{
    width: 100%;
  }

  .admin-activity .table tbody > tr {
    height: 68px;
  }

  #searchform .col-md-4{
    padding: 10px 15px;
  }
  
  #searchform .col-md-4 input[type="submit"],
  #searchform .col-md-4 .df-button,
  #login input[type="submit"],
  #login input[type="password"],
  #login input[type="text"],
  #forgot-pass input[type="submit"],
  #forgot-pass input[type="password"],
  #forgot-pass input[type="text"],
  .options input[type="submit"],
  .options input[type="password"]{
    height: 50px;
  }

  #searchform .col-md-4 > .col-md-6{
    padding: 0;
  }

  .choose_driver tr td {
    width: 100%;
    display: block;
  }

}

@media only screen and (min-width: 786px){
  .orders-today .table tbody {
    border-top: 1px solid rgb(41,42,57);
    border-bottom: 1px solid rgb(41,42,57);
  }

  tfoot td:first-child {
      padding-left: 10px;
  }

  tfoot td:last-child {
      text-align: right;
      padding-right: 20px;
  }
	

  .orders-today .table > thead > tr > th:first-child,
	.orders-today .table > tbody > tr > td:first-child {
    padding: 5px 0 5px 10px;
  }

  .orders-today .table.full-order > thead > tr > th:first-child,
	.orders-today .table.full-order > tbody > tr > td:first-child {
    float: left;
  }

  .admin th,
  .admin td,
  .driver th,
  .driver td{
    padding: 5px;
  }
}

.error{
  color: rgb(255, 0, 85);
}

.padding-left-15{
  padding-left: 15px;
}

#bestell-formular .no-padding{
  padding: 0;
}

#bestell-formular .no-padding-left{
  padding-left: 0;
}

#bestell-formular .no-padding-right{
  padding-right: 0;
}

.col-centered{
  float: none;
  margin: 0 auto;
}

#ui-id-1{
  z-index: 999;
}

#bestell-formular .price-container,
#bestell-formular input[type="text"].price{
  font-family: 'bergen-bold';
  font-size: 3rem;
  background: none;
  text-align: left;
}

#bestell-formular input[type="text"].price{
  width: 100px;
  border: none;
}

#bestell-formular h1{
  font-size: 2rem;
}

#bestell-formular label.error {
  font-weight: normal;
  font-size: 11px;
  color: #e42c3e;
  position: relative;
  left: 0;
  display: block;
  cursor: pointer;
}

#total_preis{
  cursor: default;
}

.message_box{
  padding: 15px 0 15px 30px;
  height: auto;
}

#bestell-formular .message_box.padding-left-15{
  padding-left: 30px;
}