/* Bahama Sports Brand Colors */
/* pink: #e9007e */
/* grün: #00933C */

body,
html,
div,
span,
p,
a,
button,
input,
h1,
h2,
h3,
h4,
h5,
p,
div,
.btn,
.btn.m-btn--custom {
    font-family: Muli, sans-serif;
}

.m-subheader .m-subheader__title {
    font-family: Muli, sans-serif;
}

.btn-success {
    color: #fff;
    background-color: #00933C;
    border-color: #00933C;
}

.btn-focus, .btn-danger {
    color: #fff;
    background-color: #e9007e;
    border-color: #e9007e;
}

.btn-focus:hover {
    color: #fff;
    background-color: #e9007e;
    border-color: #e9007e;
}

#m_login {
    background: url("../img/green-bg.jpg");
    background-size: cover;
}

.m-login__title {
    color: #000000 !important;
    font-weight: bold;
}

.bahamaForm {
    width: 100%;
}

.info {
    margin-bottom: 14px;
}

.help-circle {
    cursor: help;
    min-width: 30px;
    border-radius: 26px !important;
    margin-right: 8px;
}

#headerLogo {
    max-width: 100%;
}

@media (max-width: 1024px) {
    #headerLogo {
        max-width: 25%;
    }
}

@media (max-width: 462px) {
    #headerLogo {
        max-width: 45%;
    }
}

.buttons a {
    width: 36px;
}

.pagination {
    margin: 10px 0 0 0;
    padding: 0;
    display: inline-block;
}

.pagination > li > a {
    cursor: pointer;
    display: inline-block;
    height: 2.25rem;
    min-width: 2.25rem;
    vertical-align: middle;
    padding: 0.5rem;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
}

.pagination > li > span {
    cursor: pointer;
    display: inline-block;
    height: 2.25rem;
    min-width: 2.25rem;
    vertical-align: middle;
    padding: 0.5rem;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
}

.pagination > span {
    cursor: pointer;
    display: inline-block;
    height: 2.25rem;
    min-width: 2.25rem;
    vertical-align: middle;
    padding: 0.5rem;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
}

.pagination > li > a:hover {
    background: #716aca;
    color: #fff;
}

.pagination > span:hover {
    background: #716aca;
    color: #fff;
}

.pagination > li.active > span {
    background: #716aca !important;
    color: #fff;
}

.pagination > span.current {
    background: #716aca !important;
    color: #fff;
}

.pagination > li {
    padding: 0;
    margin-right: 5px;
    display: inline-block;
}

.pagination > span {
    padding: 8px;
    margin-right: 5px;
    display: inline-block;
}

.pagination > span.previous,
.pagination > span.first,
.pagination > span.last,
.pagination > span.next {
    background: #ebe9f2;
}

.pagination > span.previous:hover,
.pagination > span.first:hover,
.pagination > span.last:hover,
.pagination > span.next:hover {
    background: #716aca !important;
    color: #fff;
}

@media (min-width: 1024px) {
    .breadcrumb-separator {
        margin-left: -12px;
    }
}

.btn {
    border-radius: 6px;
}

.help-circle {
    cursor: help !important;
}

.m-menu__link-text {
    font-size: medium;
}

.m-card-user .m-card-user__details .m-card-user__name {
    font-size: 1.5rem;
}

.m-nav .m-nav__item > .m-nav__link .m-nav__link-text,
.m-nav .m-nav__item > .m-nav__link .m-nav__link-icon {
    color: #3f4047;
}

.m-nav-sticky__item:hover .text-danger,
.m-nav-sticky__item:hover .text-success,
.m-nav-sticky__item:hover .text-info {
    color: #3f4047 !important;
}

@media (max-width: 767px) {
    .buttons {
        width: 10%;
    }
}

.m-stack__item.m-stack__item--middle.m-brand__tools a {
    color: #3f4047;
}

.m-stack__item.m-stack__item--middle.m-brand__tools a:hover {
    color: #00933C;
}

#quickhelp .btn.m-btn--air.btn-secondary:hover:not(:disabled):not(.active) {
    background-color: #00933C !important;
    border-color: #00933C !important;
}

#quickhelp .btn.m-btn--air.btn-secondary:focus {
    background-color: #00933C !important;
    border-color: #00933C !important;
}

td,
p,
a,
label,
.m-form .form-control-label,
.m-form label,
.btn.m-btn--custom.btn-sm,
.btn-group-sm > .btn.m-btn--custom,
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text,
.m-form .m-form__help {
    font-size: 14px;
}

.btn.btn-danger.active, .btn.btn-danger.focus, .btn.btn-danger:hover:not(:disabled) {
    color: #ffffff !important;
    background: #000000 !important;
    border-color: #000000 !important;
}

.btn.btn-success.active, .btn.btn-success.focus, .btn.btn-success:hover:not(:disabled) {
    color: #ffffff !important;
    background: #000000 !important;
    border-color: #000000 !important;
}

.btn.btn-primary.active, .btn.btn-primary.focus, .btn.btn-primary:hover:not(:disabled) {
    color: #ffffff !important;
    background: #000000 !important;
    border-color: #000000 !important;
}

.btn.btn-secondary.active, .btn.btn-secondary.focus, .btn.btn-secondary:hover:not(:disabled) {
    color: #ffffff !important;
    background: #000000 !important;
    border-color: #000000 !important;
}

.btn.btn-info.active, .btn.btn-info.focus, .btn.btn-info:hover:not(:disabled) {
    color: #ffffff !important;
    background: #000000 !important;
    border-color: #000000 !important;
}

.btn.btn-warning.active, .btn.btn-warning.focus, .btn.btn-warning:hover:not(:disabled) {
    color: #ffffff !important;
    background: #000000 !important;
    border-color: #000000 !important;
}

.frameset {
    padding: 10px 10px 0px 10px;
    margin: 10px 0px 0px 0px;
    border: 2px solid #efefef;
    overflow-y: scroll;
    overflow-x: hidden;
}

.m-form .m-form__actions.m-form__actions--solid {
    background-color: #d6dced;
    border-color: #d6dced;
}

.m-login__title {
    color: white !important;
    font-weight: bold;
    font-size: 30px !important;
}

#m_login_signin_submit, .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
    font-size: 15px;
}

.scroll-x {
    overflow-x: auto;
}

.swal2-confirm,
.swal2-cancel {
    font-size: 15px;
}

a.btn.disabled, .btn.disabled, button.disabled {
    pointer-events: auto;
    cursor: not-allowed;
}

.m-form__help.text-danger ul {
    list-style: none;
    padding-left: 0;
}

.m-portlet .m-portlet__head {
    background-color: #d6dced;
}

.form-control {
    margin-bottom: 8px;
    border-color: #a6acbd;
}

.form-control:read-only {
    border-color: #a6acbd;
}

.form-control-dynamic {
    width: auto;
}

.form-control-30 {
    width: 30%;
}

.form-control-40 {
    width: 40%;
}

.form-control-50 {
    width: 50%;
}

.form-control-60 {
    width: 60%;
}

.form-control-70 {
    width: 70%;
}

.form-control-80 {
    width: 80%;
}

.form-control-90 {
    width: 90%;
}

.m-widget25 .m-widget25--progress {
    margin: 10px auto;
    padding-top: 0;
}

.m-widget25 .m-widget25--progress .m-widget25__progress .m-widget25__progress-number {
    font-size: 18px;
}

.m-widget25 .m-widget25--progress .m-widget25__progress .progress {
    height: 1.5rem;
}

.progress {
    font-size: 1.2rem;
}

.m-widget25 .m-widget25--progress {
    border-top: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #d6dced;
}

.not_seen {
    font-weight: bold;
}

body.m-aside-left--minimize #m_ver_menu > ul > li > a > span.m-menu__link-badge {
    position: relative;
    left: 0;
}

#m_ver_menu > ul > li > a > span.m-menu__link-badge {
    position: relative;
    left: -16px;
}

.header-red-border {
    border-bottom: 6px solid #f4516c;
}

.header-green-border {
    border-bottom: 3px solid #00933C;
}

.m-brand .m-brand__tools .m-brand__toggler:hover span,
.m-brand .m-brand__tools .m-brand__toggler:hover span:before,
.m-brand .m-brand__tools .m-brand__toggler:hover span:after {
    background: #00933C;
}

#m_header_topbar > div > ul > li.m-nav__item.m-topbar__user-profile.m-dropdown.m-dropdown--medium.m-dropdown--arrow.m-dropdown--align-right.m-dropdown--mobile-full-width.m-dropdown--skin-light > a:hover > span > span > i,
#m_header_topbar > div > ul > li.m-nav__item.m-topbar__notifications.m-dropdown.m-dropdown--large.m-dropdown--arrow.m-dropdown--align-center.m-dropdown--mobile-full-width > a:hover > span > span > i {
    color: #00933C;
}

#m_header_topbar > div > ul > li.m-nav__item.m-topbar__user-profile.m-dropdown.m-dropdown--medium.m-dropdown--arrow.m-dropdown--align-right.m-dropdown--mobile-full-width.m-dropdown--skin-light > a > span > span > i,
#m_header_topbar > div > ul > li.m-nav__item.m-topbar__notifications.m-dropdown.m-dropdown--large.m-dropdown--arrow.m-dropdown--align-center.m-dropdown--mobile-full-width > a > span > span > i {
    font-size: 1.6rem;
}

.hide-tree-desktop {
    margin-left: 10px;
    display: none;
}

.hover-tree .hide-tree-desktop {
    margin-left: 10px;
    display: none;
}

.opacityNone {
    opacity: 0;
}

.allDay-diseased {
    background-color: #f4516c !important;
    border-color: #f4516c !important;
}

.allDay-education {
    background-color: #36a3f7 !important;
    border-color: #36a3f7 !important;
}

.allDay-holiday {
    background-color: #00933C !important;
    border-color: #00933C !important;
}

.allDay-unavailable {
    background-color: #a6acbd !important;
    border-color: #a6acbd !important;

}

.allDay-diseased .fc-title,
.allDay-education .fc-title,
.allDay-unavailable .fc-title,
.allDay-holiday .fc-title {
    color: white !important;
}

.eventTooltip {
    width: auto;
    height: auto;
    border-radius: 4px;
    padding: 4px 8px;
    background: #d6dced;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    position: absolute;
    z-index: 10001;
}

.file {
    margin: 5px
}

.file a.flat-right {
    border-radius: 6px 0px 0px 6px
}

.file a.flat-left {
    border-radius: 0px 6px 6px 0px
}

.buttons a.dropdown-item {
    width: 100%;
}

.dropdown-menu > .dropdown-item:hover {
    background: #dfe2e8;
}

.filter-height {
    overflow-y: auto;
    max-height: 200px;
}

.btn-disabled {
    cursor: none;
}

.m-checkbox-list .m-checkbox .m-form__help.text-danger {
    margin-left: -30px;
}

td {
    word-break: break-word;
}


/* Current username */
@media (min-width: 1025px) {
    .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover, .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item:hover {
        background-color: transparent;
    }

    .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--hover, .m-header-menu.m-header-menu--skin-dark .m-menu__nav > .m-menu__item:hover {
        background-color: transparent;
    }

    .m-header-menu .m-menu__nav > .m-menu__item {
        padding: 5px 20px;
    }
}

.currentUser-mobile {
    display: none;
}

.currentUser {
    padding: 14px 0 0 !important;
    font-weight: bold;
    font-size: 2.2rem;
    color: #3f4047 !important;
    cursor: default;
}

@media (max-width: 1024px) {
    .currentUser-mobile {
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 30px;
    }

    .currentUser {
        font-size: 2rem !important;
    }
}

@media (max-width: 768px) {
    .currentUser-mobile {
        left: -1%;
    }

    .currentUser {
        font-size: 1.4rem !important;
    }
}

@media (max-width: 560px) {
    .currentUser-mobile {
        left: -1%;
    }

    .currentUser {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 488px) {
    .currentUser {
        font-size: 1rem !important;
    }
}

body.swal2-height-auto {
    height: 100% !important;
}

.toast-warning * {
    color: black !important;
}

body.swal2-height-auto {
    overflow-y: visible !important;
    height: 100% !important;
}

.addButtonPortlet {
    padding: 8px 28px;
}

.m-portlet .m-portlet__head .m-portlet__head-text small {
    color: #494a4e;
}

.table-responsive {
    overflow-x: inherit;
    display: table;
}

@media (max-width: 1023px) {
    .table-responsive {
        overflow-x: auto;
        display: block;
    }
}
th.m-datatable__cell {
    color: #5867dd;
    font-size: 14px;
}

.m-checkbox-list .m-checkbox:last-child, .m-checkbox-list .m-radio:last-child, .m-radio-list .m-checkbox:last-child, .m-radio-list .m-radio:last-child {
    max-width: 220px;
}

tr.disabled {
    color: #575962a6;
}

.cursor-pointer {
    cursor: pointer;
}