@font-face {
    font-family: 'amplitude_condensedmedium';
    src: url('../fonts/amplitude_condensed_medium-webfont.woff2') format('woff2'), url('../fonts/amplitude_condensed_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}

body { font-family: 'Asap', sans-serif; font-size: 17px; color:#000; }

#map { width:100%; height:400px; }

h1 { font-family:amplitude_condensedmedium; font-size: 30px; padding: 0 0 15px 0; }
h1.bold { font-weight:bold; }
h2 { font-family:amplitude_condensedmedium; font-size: 20px; font-weight:300; padding-bottom:10px; }
strong { font-weight:500; }

select option { line-height:2em; }
label { display:block; margin-top:10px; }

#registration_send { margin-top:20px; }
a.button { color:#ff0000; cursor:pointer; }
a.button:hover { text-decoration:underline; }

a.default { color: #000; }
a.default:hover { text-decoration: underline; }
a.txt { color: #000; text-decoration: underline; }
a.txt:hover { text-decoration: underline; }

.dsc-logo-login { padding-top: 25px; padding-bottom: 25px; text-align:center; }
.dsc-logo-intern { padding-top: 15px; padding-bottom: 15px; }
.bg-banderole-login { height: 399px; background-color: #196e69; padding:0; }
.bg-banderole-intern { height: 90px; background-color: #196e69; padding:0; }
.bg-login { height: 399px; background: url('../gfx/bg-login.jpg') no-repeat; }

.bg-footer { height: 40px; background-color: #d1e2e1;}
.bg-footer-text { position: relative; top: 5px; font-size: 12px; color: #196e69; }
.bg-footer-text a { color: #196e69; }

.teaser { padding-top: 40px; text-align: center; }
.teaser.button-default { height:40px; font-size:1.0em; padding-top:8px; letter-spacing:1px; }
.teaser-content.green { padding: 100px 0 30px 100px; }
.teaser-content.white { padding: 100px 100px 30px 0;  }
.teaser-content.icon { padding: 60px 0 0 0; max-width:140px; }
.teaser-content.green h1 { color:#fff; }
.teaser-content.green p { color:#fff; }
#jahresabo .teaser-content  { float:right;  }

.layer { position:absolute; overflow:auto; width:100%; height:100%; left:0; background:#196e69; background:rgba(25,110,105, 0.75); text-align:center; z-index:999; display: none; }
.layer-box { max-width:600px; min-height:400px; background:#fff; text-align:left; margin:40px auto 40px auto; z-index:110; }
.layer-box-header { height:60px; padding:20px 30px 0 30px; background-color:#e8f0f0; font-family:amplitude_condensedmedium;  font-size: 22px; font-weight:500;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;  }
.layer-box-body { padding:10px 30px 20px 30px; background-color:#fff; font-size: 17px; }
.layer-box-body p { line-height: 1.5em; }
.layer-button-close { cursor:pointer;color:#555; font-family:amplitude_condensedmedium; font-size: 22px; font-weight:500; float:right; }
.layer label { font-size: 16px; font-weight: normal; padding:0 0 2px 0; color:#000; margin:15px 0 0 0; }
.layer input { width:100%; height:40px; padding:0 10px 0 10px; color:#616161; border:1px solid #eaeae8; box-shadow: 1px 1px 0 rgba(0,0,0,0.10); }
.layer textarea { width:100%; height:70px; padding:10px 10px 10px 10px; color:#616161; border:1px solid #eaeae8; box-shadow: 1px 1px 0 rgba(0,0,0,0.10); }
.layer select { width:100%; height:40px; padding:6px 8px 6px 8px; color:#616161; border:1px solid #eaeae8; box-shadow: 1px 1px 0 rgba(0,0,0,0.10); }
.layer span { max-width:100%; }
.layer select option, .layer span { color:#616161; }
.layer .select2-selection--single { width:100%; height:40px; padding:5px 0 0 0; color:#616161; border:1px solid #eaeae8; border-radius:none; box-shadow: 1px 1px 0 rgba(0,0,0,0.10); }
.layer .select2-selection--single { border-radius:0; max-width:540px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { left:20%; top:20px; }
.layer .select2-search--dropdown .select2-search__field { width: 100%; border: 1px solid #f00; }
.layer button { height: 40px; margin: 15px 0 0 0; padding: 0px 40px 0 40px; letter-spacing: 1px; font-weight:500; color: #fff; background-color: #00e6ff; border: none; box-shadow: 1px 1px 5px rgba(0,0,0,0.25); display: inline-block; cursor: pointer; }
.layer button:hover { background-color: #00e1fa; }
.layer label + ul { /*display:none;*/ list-style-type: none; color: #f00; padding:0; margin:0; font-size:12px; }
#select2-registration_id-container, #select2-appbundle_dscuser_apothekeId-container, #select2-dsc_order_search_equipment_id-container, #select2-dsc_order_search_apotheke_id-container { padding-left:10px; }
.login-form { padding-top: 120px; color: #fff; }
.login-form a { color: #fff; }
input.login { height: 50px; min-width:200px; max-width:400px; color: #000;  font-size: 20px; }

.form-control  { border-radius: 0; border: 1px solid #eaeae8; box-shadow: 1px 1px 0 rgba(0,0,0,0.10); height: 40px; min-width: 170px; font-size:16px; }
.form-control::-webkit-input-placeholder { color: #ddd; }
.form-control:-moz-placeholder { color: #ddd; }
.form-control::-moz-placeholder { color: #ddd; }
.form-control:-ms-input-placeholder { color: #ddd; }
.form-control:focus { border-color: #00e6ff; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 230, 255, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 230, 255, .6); }

.button-default { height: 40px; padding: 0px 40px 0 40px; letter-spacing: 1px; font-weight:500; color: #fff; background-color: #00e6ff; border: none; box-shadow: 1px 1px 5px rgba(0,0,0,0.25); display: inline-block; cursor: pointer; }
.button-default:hover { background-color: #00e1fa; }
.button-default.maintenance { margin:15px 0 0 0; }
.button-small { height: 38px; padding: 0px 40px 0 40px; letter-spacing: 1px; font-weight:500; color: #fff; background-color: #00e6ff; border: none; box-shadow: 1px 1px 5px rgba(0,0,0,0.25); display: inline-block; cursor: pointer; }
.button-small:hover { background-color: #00e1fa; }
.button-search { height:38px; width:38px;  border:1px solid #00e6ff; box-shadow: 1px 1px 0 rgba(0,0,0,0.10); background-image: url('../gfx/icon-search.png'); margin-top:15px;  }
.button-search:hover { background-color: #00e1fa; }
a.button-default { height:60px; font-size:1.2em; color:#fff; padding-top: 15px; }
a.button-default:hover { background-color: #00e1fa; color: #fff; text-decoration: none; }
a.button-logout { height: 40px; padding: 0px 20px 0 20px; letter-spacing: 1px; font-weight:500; color: #fff; background-color: #00e6ff; border: none; box-shadow: 1px 1px 5px rgba(0,0,0,0.25); display: inline-block; cursor: pointer; padding-top: 7px; }
a.button-logout:hover { background-color: #00e1fa; color: #fff; text-decoration: none; }
a.csv { font-weight:normal; color: #000; text-decoration: none; }
a.csv:hover { text-decoration: underline; }

.smalltext { font-size: 0.8em; }
.activate { font-weight: 500; color: #00e6ff; }

div.logo { float:left; }
div.burger-menu { position:relative; float:right; }
div.logout { padding-top:10px; float:right; }

.navbar { width: 970px; background-color: #196e69; }
.navbar > div.content { padding: 25px 0 0 0; font-size: 14px; color: #fff; float:left; }
.navbar > div.button { padding: 25px 0 0 0; font-size: 14px; color: #fff; float:left; }
.navbar > div.button a { color: #fff; }
.navbar > div.button a:hover { text-decoration: underline; }
.navbar > div.image { padding: 15px; float:left; }
.navbar > div.separator { margin: 15px 30px 0 30px; width: 1px; height: 60px; border: 1px solid #fff; float:left; }
.navbar img { height:52px; }

.edit-form { max-width:400px; }
.edit-form label { font-weight: normal; }
.edit-form button { margin-top: 20px; }
.edit-form select { padding-left:8px; }
.edit-form label + ul { display:block; list-style-type: none; padding:0; margin:0; font-size:12px; }

.form-field-error label { color:#000; }
.form-field-error ul li { color:#000; background-color:#e8f0f0; padding:5px 5px 5px 5px; border-radius:10px; font-weight:bold; display:inline-block; margin-bottom:8px; }
.form-field-error input, .form-field-error select { border-color: #00e6ff; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 230, 255, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 230, 255, .6); }
.form-field-error .select2-container {  border-color: #00e6ff; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 230, 255, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 230, 255, .6); }
/*
.form-field-error label { color:#b0413e; }
.form-field-error ul li { color:#b0413e; }
.form-field-error input, .form-field-error select { border: 1px solid #b0413e;  box-shadow: 1px 1px 0 rgba(255,0,0,0.10); }
.form-field-error .select2-container { border: 1px solid #b0413e;  box-shadow: 1px 1px 0 rgba(255,0,0,0.10); }
.form-field-error .form-control:focus { border-color: #b0413e; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(176,65,62,.075), 0 0 8px rgba(176, 65, 62, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(176, 65, 62, .6); }
*/

.equipment { max-width: 650px; }
.user { max-width: 650px; }
.order-admin { max-width: 800px; }
.order-user { max-width: 600px; }

.edit-element { margin: 0 0 15px 0; border:1px solid #eaeae8; box-shadow: 1px 1px 0 rgba(0,0,0,0.10);  }
.edit-element-header { padding:15px; background-color:#fff; cursor: pointer; }
.edit-element-header:hover { background-color:#e8f0f0; }
.edit-element-header strong { font-weight: 500;  }
.edit-element-name { float: left; }
.edit-element-status { float: right; }
.edit-element-body { padding:15px; display: none; }
.edit-element-body > .col-l { width:50%; float:left }
.edit-element-body > .col-r { width:50%; float:left }
.edit-element button { margin-left:1px; width: 60px; height: 60px; background-color: #00e6ff; border: none; position:relative; top:15px; right:-15px; float: right; }
.edit-element button:hover { background-color: #00e1fa; }
.edit-element button.icon-small.edit { background-image: url('../gfx/icon-small-edit.png'); }
.edit-element button.icon-small.delete { background-image: url('../gfx/icon-small-delete.png'); }
.edit-element button.icon-small.map { background-image: url('../gfx/icon-small-map.png'); }
.edit-element button.cancelling { float:left; margin:0; position:static; width: auto !important; }

.edit-element a.icon-small.map { margin-left:1px; width: 60px; height: 60px; background-color: #00e6ff; border: none; position:relative; top:15px; right:-15px; float: right; }
.edit-element a.icon-small:hover { background-color: #00e1fa; }

.edit-element-header .order-date { width:90px; float:left; }
.edit-element-header .order-time { width:110px; float:left; }
.order-admin .order-apotheke-id { width:50px; float:left; }
.order-admin .order-apotheke { width:440px; padding-left: 10px; float:left; }
.order-admin .order-equiment { width:100px; float:left; }
.order-user .order-apotheke { width:300px; float:left; }

.search { max-width: 400px; margin: 0 0 15px 0; padding-right:50px; border:1px solid #eaeae8; box-shadow: 1px 1px 0 rgba(0,0,0,0.10); background-image: url('../gfx/icon-search.png'); background-position:right; background-repeat: no-repeat; }
input.form-control.search { margin: 0 0 40px 0 }

div.search-order { max-width:540px; margin:0 0 40px 0 }
.search-order label { font-weight:normal; display:inline; float:left; padding-right:10px; margin-top:25px;  }
.search-order input.datepicker { float:left; margin-right:10px; margin-top:15px;  }
.search-order .select2-selection--single { width:100%; height:40px; margin-top:15px; padding:5px 0 0 0; color:#616161; border:1px solid #eaeae8; border-radius:none; box-shadow: 1px 1px 0 rgba(0,0,0,0.10); }
.search-order .select2-selection--single { border-radius:0; max-width:540px; }
.search-order .select2-container--default .select2-selection--single .select2-selection__arrow b { display: block; left:20%; top:35px; }
.search-order .select2-search--dropdown .select2-search__field { width: 100%; border: 1px solid #f00; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left:18px; }
.search-order span.selection { background-image: url('../gfx/icon-small-delete.png'); }
.search-order select2-selection__rendered { color:#555; }
li.select2-results__option { color: #555; }
div.maintenance { max-width:540px; margin:40px 0 0 0 }

.clearfix { clear: both; }
.error, .msg { display:block; color:#000; background-color:#e8f0f0; padding:10px 10px 10px 10px; border-radius:10px; font-weight:bold; font-size:14px; line-height:1em;  }
.strong { font-weight: 500; }
.info { color:#ccc; font-style:italic; }


.navbar-toggle { display: block; margin-left:10px; z-index:200;  }
.navbar-toggle .icon-bar { width:40px; height:6px; background: #000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-
transition: all 0.2s; transition: all 0.2s; }
.top-bar { transform-origin: 10% 10%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.middle-bar { opacity: 0; }
.bottom-bar { transform-origin: 10% 90%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.navbar-toggle.collapsed .top-bar { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.navbar-toggle.collapsed .middle-bar { opacity: 1; }
.navbar-toggle.collapsed .bottom-bar { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }

.navlist { background-color: #fff; width:430px; padding:80px 80px 70px 60px; text-align:left; box-shadow: 1px 1px 5px rgba(0,0,0,0.25); position: absolute; top:-20px; left:-332px; display: none; z-index:100; }
.navlist.open { display: block; }
.navlist a { font-size:30px; font-weight:500; color:#196e69; display:block; }

input.datepicker { width:110px; min-width:110px; padding:0 10px 0 10px; text-align:center; }

@media (max-width: 992px) {
    .navbar img { height:30px; margin-top: 10px; }
    .navbar a { font-size: 14px; }
    .navbar div.separator { margin:15px 8px 0 10px; }
    #remaining-free-bookings { display:none; }
    div.burger-menu { max-width:200px; }

    .teaser-content.green { padding: 40px 0 30px 0; }
    .teaser-content.white { padding: 40px 0 30px 0;  }
    .teaser-content.icon { display:none; }
    #jahresabo .teaser-content  { float:left; }
}

@media (max-width: 768px) {
    .bg-banderole-intern { display:none; }
    .navlist { font-size:0.8em; width:260px; left:-162px; background-color:#196e69; color:#fff; }
    .navlist a { font-size:20px; color:#fff; }
    .burger-menu.open #navbar-toggle .icon-bar { font-size:0.6em; background-color:#fff; }
    .navlist { padding-left: 20px}
    .navlist a { padding-left: 50px; margin-bottom:20px; }
    #nav-profile { background: url('../gfx/icon_profile.svg') left no-repeat; background-size: 30px 30px; }
    #nav-calendar { background: url('../gfx/icon_calendar.svg') left no-repeat; background-size: 30px 30px; }
    #nav-order { background: url('../gfx/icon_lists.svg') left no-repeat; background-size: 30px 30px; }
    #nav-equipment { background: url('../gfx/icon_equipment.svg') left no-repeat; background-size: 30px 30px; }
    #nav-user { background: url('../gfx/icon_user.svg') left no-repeat; background-size: 30px 30px; }
    #nav-apotheke { background: url('../gfx/icon_apotheke.svg') left no-repeat; background-size: 30px 30px; }
}