﻿/*Seite für Smartphone/Tablet Nicht Landscape*/
@media (max-width: 768px) {
  .searchDetailButtonClicked {
    background-color: #767676 !important;
    color: white!important;
    font-weight: normal!important;
  }
  .form {
    margin-top: 40px;
    margin-left: 40px;
    margin-bottom: 40px;
    width: 90%;
  }
  .form input {
    float: left;
    margin-right: 20px;
  }
  .search-details-line {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-bottom-color: #c7c7c7;
  }
  .search-details {
    margin-left: 40px;
    width: 100%;
    margin-bottom: 30px;
  }
  .search-details .row {
    margin-top: 30px !important;
  }
  .textboxWidth {
    width: 60%;
  }
  .comboBoxWidth {
    width: 60%;
  }
  .form-title {
    /*float: left;*/
    text-align: left;
    margin-right: 0;
    width: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .form-content {
    /*float: inherit;*/
    margin-bottom: 30px;
  }
  .form div.btn.btn-default {
    margin-left: 0;
  }
  input {
    float: inherit;
    margin-bottom: 20px;
  }
}
/*Seite für Desktop*/
@media (min-width: 768px) {
  .searchDetailButtonClicked {
    background-color: #767676 !important;
    color: white!important;
    font-weight: normal!important;
  }
  .form {
    margin-top: 40px;
    margin-left: 40px;
    margin-bottom: 40px;
    width: 100%;
  }
  .form input {
    float: left;
    margin-right: 10px;
  }
  .search-details-line {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-bottom-color: #c7c7c7;
  }
  .search-details {
    margin-left: 40px;
    width: 100%;
    margin-bottom: 30px;
  }
  .search-details .row {
    margin-top: 30px !important;
  }
  .comboBoxWidth {
    position: relative;
    /*display:block;*/
    max-width: 360px;
    width: 50%;
  }
  .textboxWidth {
    max-width: 360px;
    width: 100%;
  }
  .form-title {
    float: left;
    text-align: right;
    margin-right: 10px;
    width: 100px;
    margin-bottom: 30px;
  }
  .form-content {
    /*float: inherit;*/
    margin-bottom: 30px;
  }
  .form span.btn.btn-default {
    margin-left: 10px;
  }
  input {
    /*float: inherit;*/
    margin-bottom: 0;
  }
}