.bg-danger{
    background: #d9534f;
    color: #fff;
    text-shadow: 0.063em 0.063em black;
}

.bg-info{
    background: #5bc0de;
    color: #fff;
}

.left-padding { padding-left: 0.938em; }
.no-padding{ padding: 0; }
.no-margin{ margin: 0; }
.no-wrap{ white-space: nowrap; }

.label-danger.vertical-alignment{
    line-height: 2;
}

.opening-times-modal-dialog {
    width: 62.5em;
}

.spinner{
    background: #fff;
    position: fixed;
    top: 18.75em;
    left: 40%;
    padding: 1.25em 0;
    width: 6.25em;
    height: 6.25em;
    z-index: 10000000000000;
    border-radius: 0.375em;

    -webkit-box-shadow: 0em 0em 3.125em 0em rgba(0,0,0,0.75);
    -moz-box-shadow: 0em 0em 3.125em 0em rgba(0,0,0,0.75);
    box-shadow: 0em 0em 3.125em 0em rgba(0,0,0,0.75);
}

td{
    word-break: break-word;
}

.td-readable:hover{
    border: 0.125em solid #ddd;
    border-radius: 0.313em;
    padding: 0.313em;
    cursor: pointer;
}

.date-margin{
    margin-bottom: 0.625em;
}

.FitnessFabrik{
    height: 5.625em;
}

.navbar-FitnessFabrik{
    border-color: #4A1653C4 !important;
    background-color: #ec7802 !important;
}

.link-FitnessFabrik{
    color:white !important;
}

.Amanusa{
    height:2.5em;
}

.navbar-Amanusa{
    border-color: #FFDEAD !important;
    background-color: #FAEBD7 !important;
}

.link-Amanusa{
    color:black !important;
}

.Intenso{
    height:2.813em;
}

.BodyCulture{
    height:2.5em;
}
.navbar-BodyCulture{
    border-color: darkgray !important;
    background-color: black !important;
}

.link-BodyCulture{
    color:white !important;
}

.KillerSports{
    height: 2.5em;
}



/*bildupload*/

.sliderImage{
    width: 15.625em;
    height: 12.5em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    margin: 0 auto;
}

.deleteButtonDiv{
    width: 15.625em;
    margin: 0 auto;
}

.deleteButtonX {
    color: gray;
    cursor: pointer;
    margin: 0 auto;
}
.panel-bg{
    background: rgba(255, 255, 255, 0.9);

}

.login-logo{ cursor: pointer; }

.secondOpeningTimeLink{
    font-size: 0.7em;
    cursor: pointer;
}

.deleteSecondOpeningTimeLink{
    font-size: 0.7em;
    cursor: pointer;
}

.secondOpeningTimeLinkHoliday{
    font-size: 0.7em;
    cursor: pointer;
}

.deleteSecondOpeningTimeLinkHoliday{
    font-size: 0.7em;
    cursor: pointer;
}

.secondOpeningTimeLinkBackup{
    font-size: 0.7em;
    cursor: pointer;
}

.deleteSecondOpeningTimeLinkBackup{
    font-size: 0.7em;
    cursor: pointer;
}

#content > .container{
    width: 100%;
}

.pointerCursor{
    cursor: pointer;
}

.chooseable{
    border: #333333 0.188em solid !important;
    border-bottom-left-radius: 1.25em;
}

.chooseablenew{
    border: #333333 0.125em solid !important;
}

.chosen{
    border: #ff6961 0.125em solid !important;
}

.correctable{
    border: #77dd77 0.125em solid !important;
}

.participants-addable{
    border: #333333 0.188em solid !important;
    border-bottom-left-radius: 1.25em;
}
.svg-inline--fa.fa-w-14,
.svg-inline--fa.fa-w-16 {
    width: 2em !important;
}
.ui-autocomplete, .ui-front{
  z-index: 100000000 !important;
}
.wide{
  width:75em;
}
.contract_break{
  background-color: yellow;
}
.contract_terminated{
  background-color: orange;
}
.contract_terminated_no_goodwill{
  background-color: red;
}
.contract_not_ready{
  background-color: yellow;
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/*
    DEMO STYLE
*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 0.938em 0.625em;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 2.5em;
    box-shadow: 0.063em 0.063em 0.188em rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 0.063em;
    border-bottom: 0.063em dashed #ddd;
    margin: 2.5em 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 15.625em;
    max-width: 15.625em;
    background: #4A1653C4;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -15.625em;
}

#sidebar .sidebar-header {
    padding: 1.25em;
    background: #4A1653;
}

#sidebar ul.components {
    padding: 1.25em 0;
    border-bottom: 0.063em solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 0.625em;
}

#sidebar ul li a {
    padding: 0.625em;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #fff;
    background: #4A1653;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #4A1653;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.25em;
    transform: translateY(-50%);
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 1.875em !important;
    background: #4A1653C4;
}

ul.CTAs {
    padding: 1.25em;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 0.313em;
    margin-bottom: 0.313em;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 1.25em;
    min-height: 100vh;
    transition: all 0.3s;
}

.minibar{
    display: none;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 48em) {
    #sidebar {
        margin-left: -15.625em;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
    .minibar{
        display: block;
    }
    .h3, h3 {
      font-size: 1.4em;
    }
    .h1, .h2, .h3, h1, h2, h3 {
      margin-top: 0.4em;
      margin-bottom: 0.4em;
    }
    .svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-16 {
      width: 1.2em !important;
    }
    ul ul a {
  background: inherit;
}
}

.navbar{
  margin-bottom: 0;
}
.logo{
  height: 5.625em;
}
.navbar-top {
  border-color: #4A1653C4 !important;
  background-color: #4A1653 !important;
}
.navbar-collapse, .navbar-collapse > ul ,.navbar-collapse  > ul > li, .navbar-collapse  > ul > li > a{
  color: white !important;
}
.panel-bg {
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.modal-dialog {
  width: 73%!important;
}
.mailsidebar{
  float: right;
  margin-left: 0.938em;
}
.mailsidebar > label{
  font-size: 2em;
}
.mailsidebar > ul{
  float: right;
}
.mailsidebar > ul > li{
background-color: #4A1653C4;
color: white;
  font-size: 1.25em;
}
.mailsidebar > ul > li:hover{
  background-color: #7386D5;
}
input[type="checkbox"], input[type="radio"] {
  width: 4em;
}
.form-group {
    margin-bottom: 10px;
}

label {
    display: block;
    margin-bottom: 5px;
}

#password, input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

button[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.error-message {
    color: red;
    margin-top: 10px;
    text-align: center;
}

.requirement {
    margin: 0;
    font-size: 14px;
    color: red;
}

.requirement.matched {
    color: green;
}


.password-input {
    position: relative;
}

.password-toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #333;
}

.fa-lock {
    font-size: 1.2rem;
}

.fa-eye {
    font-size: 1.2rem;
}
.alert-warning > a, .alert-warning > a:hover, .alert-warning > a:focus{
    color: #0c2646;
}
#language-picker {
    width: 300px;
    margin: 50px auto;
}
#language-picker label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#language-picker input[type="search"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#language-picker button {
    display: block;
    margin-top: 10px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #1c7cd5;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#language-picker button:hover {
    background-color: #0059b3;
}