/* ie10-viewport-bug-workaround CSS */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/* END ie10-viewport-bug-workaround CSS */

@font-face {
    font-family: 'AllianzNeoRegular';
    src: url('../fonts/AllNeo-Regular.woff2') format('woff2'), url('../fonts/AllNeo-Regular.woff') format('woff'), url('../fonts/AllNeo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllianzNeoLight';
    src: url('../fonts/AllNeo-Light.woff2') format('woff2'), url('../fonts/AllNeo-Light.woff') format('woff'), url('../fonts/AllNeo-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllianzNeoSemiBold';
    src: url('../fonts/AllNeo-SemiBold.woff2') format('woff2'), url('../fonts/AllNeo-SemiBold.woff') format('woff'), url('../fonts/AllNeo-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllianzNeoBold';
    src: url('../fonts/AllNeo-Bold.woff2') format('woff2'), url('../fonts/AllNeo-Bold.woff') format('woff'), url('../fonts/AllNeo-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #414141 !important;
    font-family: 'AllianzNeoRegular', Arial, Helvetica, Verdana, sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    background-color: #fff !important;
    padding-top: 15px;
}
#header {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #9ea2a2;
    margin-top: 15px;
}
#header::after {
    /*background: none repeat scroll 0 0 #e6e6e6;*/
    background: none repeat scroll 0 0 #fff;
    content: " ";
    display: block;
    height: 40px;
    margin-top: -25px;
}

a#logo {
    background-image: url('../img/logo-pos.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 45px;
    width: 182px;
    margin: 17.5px 30px 0 30px;
}

#main {
    background-color: #f4f5f5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.input-group-addon {
    font-weight: bold;
}
.btn {
    text-transform: uppercase;
}

.btn.dropdown-toggle {
    text-transform: none !important;
}
.fuelux .selectlist .dropdown-menu {
    border-radius: 0 !important;
    max-height: 175px;
}

.btn-primary {
    font-family: 'AllianzNeoSemiBold', Arial, Helvetica, Verdana, sans-serif !important;
    word-spacing: 1px;
    background-color: #007ab3 !important;
    border-color: #007ab3 !important;
    border-radius: 5px !important;
    padding: 0 15px;
    font-size: 14px;
    height: 32px !important;
    line-height: 32px !important; 
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #075994 !important;
    border-color: #075994 !important;
}

.btn-primary:active {
    background-color: #003781 !important;
    border-color: #003781 !important;
}

.btn-success {
    background-color: #3da556 !important;
    border-color: #3da556 !important;
}

.btn-success:hover,
.btn-success:focus, 
.btn-success.focus, 
.btn-success.active {
    background-color: #348357 !important;
    border-color: #348357 !important;
}

.btn-success:active {
    background-color: #276442 !important;
    border-color: #276442 !important;
}

.btn-danger {
    background-color: #f86200 !important;
    border-color: #f86200 !important;
}

.btn-danger:hover,
.btn-danger:focus, 
.btn-danger.focus, 
.btn-danger.active {
    background-color: #e15200 !important;
    border-color: #e15200 !important;
}

.btn-danger:active {
    background-color: #c15500 !important;
    border-color: #c15500 !important;
}

label.btn-default {
    font-family: 'AllianzNeoSemiBold', Arial, Helvetica, Verdana, sans-serif !important;
    color: #007ab3;
    word-spacing: 1px;
    text-transform: uppercase;
    background-color: #fff !important;
    border-color: #007ab3 !important;
    border-radius: 5px !important;
    padding: 0 15px;
    font-size: 14px;
    height: 32px !important;
    line-height: 32px !important; 
}

label.btn-default:hover,
label.btn-default:focus,
label.btn-default.focus,
label.btn-default.active {
    background-color: #d9d9d9 !important;
    border-color: #d9d9d9 !important;
}

label.btn-default:active {
    background-color: #c2c2c2 !important;
    border-color: #c2c2c2 !important;
}

.btn-recover {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

@media (min-width: 768px) {
    .btn-recover {
        margin-bottom: 0 !important;
    }
}

.page-header {
    margin: 15px 0;
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
}

#captcha {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fbfbfb;
}

.has-error .selectlist > button.dropdown-toggle {
    color: #a94442;
    border-color: #a94442;
}

.has-error .datepicker .input-group-btn button.dropdown-toggle {
    background-color: #f2dede;
    border-color: #a94442;
    color: #a94442;
}

.tab-pane .form-group:first-child {
    margin-top: 15px;
}

/* Farbliche Anpassung fuelux datepicker */
.fuelux .datepicker-calendar-days td.past b, 
.fuelux .datepicker-calendar-days td.past button {
    color: #231f20;
}

.regportal-modal-messages {
    display: none;
    visibility: hidden;
}

.custom-modal .modal-backdrop {
    background-color: #fff;
}

.custom-modal .modal-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}

.custom-modal .modal-footer > .btn-success {
    margin-right: 5px;
}

.custom-modal-success .modal-header {
    background-color: #5cb85c;
}

.custom-modal-error .modal-header {
    background-color: #d9534f;
}

.custom-modal-warning .modal-header {
    background-color: #f0ad4e;
}

.custom-modal-delete-done .modal-footer {
    display: none;
    visibility: hidden;
}

.form-collapse {
    display: table;
}

.form-collapse > div {
    display: table-row;
}

.form-collapse > div > div {
    display: table-cell;
    vertical-align: middle;
    /*padding: 0 5px 0 0;*/
    position: relative;
}

.form-collapse a {
    /*font-weight: bold;*/
    text-decoration: none;
    line-height: 30px;
}

.form-collapse a:not([aria-expanded=false]) { 
    color: #006192;
}

.form-collapse a[aria-expanded=false] {
    color: #414141;
}

.form-collapse a:focus:after,
.form-collapse a:hover:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 4px;
    border-width: 0 0 1px;
    border-style: solid;
}

.form-collapse-area {
    padding: 15px 10px;
}

img.form-collapse-arrow {
    cursor: pointer;
}

.fuelux .checkbox-custom.checked::before {
    background: #007ab3 none repeat scroll 0 0 !important;
    border-color: #007ab3 !important;
}

.fuelux .checkbox-custom:active::before, 
.fuelux .checkbox-custom:focus::before {
    box-shadow: 0 0 2px 1px #007ab3 inset, 0 0 5px 0 #007ab3 !important;
    color: #007ab3 !important;
    cursor: pointer;
}

/* inaktiver radio button */
.fuelux .radio-custom::before {
    border: 1px solid #007ab3 !important;
}

.fuelux .radio-custom::after {
    /*background: #fff none repeat scroll 0 0;*/
    background: transparent none repeat scroll 0 0;
}
/* end inaktiver radio button */

/* aktiver radio button - ring aussen */
.fuelux .radio-custom.checked::after {
    background: #007ab3 none repeat scroll 0 0 !important;
}

.fuelux .radio-custom.radio-inline::after {
    left: 3px !important;
    top: 6px !important;
}
/* end aktiver radio button - ring aussen */

/* aktiver radio button - ring innen */
.fuelux .radio-custom.checked::before {
    background: transparent none repeat scroll 0 0 !important;
    border-color: #007ab3 !important;
}

.fuelux .radio-custom::after {
    border-radius: 6px !important;
    height: 8px !important;
    left: -1px !important;
    top: 3px !important;
    width: 8px !important;
}
/* end aktiver radio button - ring innen */

.azee-nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

.azee-nav > li {
    display: block;
    position: relative;
    float: left;
}

.azee-nav a {
    color: #414141;
    text-decoration: none;
}

.azee-nav a:focus,
.azee-nav a:hover,
.azee-nav li.active a {
    color: #006192;
}

.azee-nav-settings {
    margin-top: 10px;
}

.azee-nav-settings > li {
    margin: 0 30px 0 30px;
}

.azee-nav-settings > li:first-child {
    margin: 0 30px 0 0;
}

.azee-nav-settings-seperator {
    margin: 0 !important;
}

.azee-nav-settings-seperator > div {
    height: 40px;
    border: 1px solid #e7e7e7;
}

.azee-nav-settings a {
    font-size: 14px !important;
}

.azee-nav-settings a:focus:after,
.azee-nav-settings a:hover:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 6px;
    border-width: 0 0 4px;
    border-style: solid;
}

.azee-nav-meta {
    padding-top: 30px;
}

.azee-nav-meta > li {
    margin: 0 30px 0 0;
    height: 20px;
}

.azee-nav-meta a {
    font-family: 'AllianzNeoSemiBold', Arial, Helvetica, Verdana, sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.azee-nav-meta a:focus:after,
.azee-nav-meta a:hover:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -6px;
    border-width: 0 0 4px;
    border-style: solid;
}

.navbar {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.navbar-light {
    border: none !important;
    background: none !important; 
    background-color: #fff !important;
}

.navbar-light .navbar-header {
    border-bottom: 1px solid #e7e7e7;
}

.navbar-light .navbar-brand {
    padding: 10px !important;
    margin-left: 10px;
}

.navbar-light .navbar-toggle {
    border: none !important;
}

.navbar-light .navbar-toggle:focus,
.navbar-light .navbar-toggle:hover {
    background-color: #fff !important;
}

.navbar-light .navbar-toggle .icon-bar {
    background-color: #007ab3;
}

.navbar-light .navbar-collapse, 
.navbar-light .navbar-form {
    border-color: #fff !important;
}

#nav-main > ul.nav {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top: 1px solid #e7e7e7;
}

#nav-main > ul.nav:first-child {
    border-top: none;
}

#nav-main > ul.nav > li {
    border-top: 1px solid #e7e7e7;
}

#nav-main > ul.nav > li:first-child {
    border-top: none;
}

#nav-main > ul.nav > li > a:focus, 
#nav-main > ul.nav > li > a:hover,
#nav-main > ul.nav > li.active > a {
    background-color: #007ab3;
    color: #fff;
}

@media (min-width: 768px) {
    
    .navbar-light {
        background-color: #f8f8f8 !important;
    }
    
    .navbar-light .navbar-collapse, 
    .navbar-light .navbar-form {
        border-color: #fff !important;
    }

    #nav-main {
        margin-top: 30px;
    }

    #nav-main > ul.nav {
        border-top: none;
    }

    #nav-main > ul.nav > li {
        /*margin: 0 30px 0 30px;*/
        margin: 0 60px 20px 0;
        border-top: none;
    }

    #nav-main > ul.nav > li:first-child {
        /*margin: 0 30px 0 0;*/
        margin: 0 60px 20px 0;
    }

    #nav-main > ul.nav > li > a {
        font-size: 16px !important;
        line-height: 20px !important;
        padding: 0 !important;
        text-decoration: none;
    }
    
    #nav-main > ul.nav > li > a {
        color: #414141;
    }

    #nav-main > ul.nav > li > a:focus, 
    #nav-main > ul.nav > li > a:hover,
    #nav-main > ul.nav > li.active > a {
        color: #006192;
        background: none;
    }

    #nav-main > ul.nav > li.active > a:after,
    #nav-main > ul.nav > li > a:focus:after,
    #nav-main > ul.nav > li > a:hover:after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -4px;
        border-width: 0 0 4px;
        border-style: solid;
    }

    #nav-main > ul.nav > li > a, 
    #nav-main > ul.nav > li > a:focus, 
    #nav-main > ul.nav > li > a:hover {
        background: none;
    }
}

.azee-nav-footer {
    padding-top: 10px;
}

.float-start > .azee-nav-footer {
    margin-left: 5px;
}

.azee-nav-footer > li {
    margin: 0 7.5px 0 0;
}

.azee-nav-footer > li > a,
.azee-nav-footer > li > span {
    font-size: 14px !important;
    line-height: 40px !important;
}


@media (min-width: 768px) {
    
    .azee-nav-footer {
        padding-top: 30px;
    }

    .float-start > .azee-nav-footer {
        margin-left: 30px;
    }
    
    .azee-nav-footer > li {
        margin: 0 30px 0 0;
        height: 30px;
    }
    
    .azee-nav-footer > li > a:focus:after,
    .azee-nav-footer > li > a:hover:after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -2px;
        border-width: 0 0 4px;
        border-style: solid;
    }

}

#settings-navigation {
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #e7e7e7;
}

@media (min-width: 768px) {
    #settings-navigation {
        height: 60px;
    }
}

#meta-navigation {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

@media (min-width: 768px) {
    #meta-navigation {
        height: 80px;
    }
}

#main-navigation {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #f8f8f8;
}

@media (min-width: 768px) {
    #main-navigation {
        /*height: 80px;*/
        min-height: 80px;
    }
}

#main-content {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background-color: #f8f8f8;
    padding: 10px;
    
    /*min-height: calc(45vh);*/ /* evtl. wieder rausnehmen */
    
}

@media (min-width: 768px) {
    #main-content {
        border-bottom: 1px solid #d3d3d3;
    }
}

#footer {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

@media (min-width: 768px) {
    #footer {
        height: 90px;
    }
}

#form-event-photo,
#form-event-releaseform {
    overflow: hidden;
}

#event-photocrop {}

#event-photo {
    max-height: 66vh !important;
}

#event-photo .rcrop-wrapper {
    max-height: 66vh !important;
}

#event-photo .img-fluid {
    display: block;
    max-height: inherit !important;
    max-width: auto !important;
    width: auto !important;
}

#releaseform-link {
    outline: 0;
}

#releaseform-link-img {
    width: 32px;
    height: 32px;
}

@media (min-width: 768px) {
    #releaseform-link-img {
        width: 48px;
        height: 48px;
    }   
}

.privacynote-content table {
     border-collapse: collapse;
     margin: 10px 0;
}

.privacynote-content th,
.privacynote-content td {
    padding: 5px;
}

.privacynote-content table,
.privacynote-content th,
.privacynote-content td {
    border: 1px solid #414141;
}

.privacy-policy-hint {
    margin-bottom: 0 !important;
}

#releaseform-content {
    height: 275px;
    overflow-y: scroll;
}

label:not(.form-check-label):not(.form-check-label) {
    font-weight: 700;
}

.form-check-input:checked {
    background-color: #007ab3;
    border-color: #007ab3;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .05rem #007ab3;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #007ab3;
    outline: 0;
    box-shadow: 0 0 0 .05rem #007ab3;
}

.form-select:focus {
    color: #212529;
    background-color: #fff;
    border-color: #007ab3;
    outline: 0;
    box-shadow: none;
}

option:hover {
    background-color: pink !important;
}