html {
    font-size: 1rem;
    overflow-y: scroll;
    margin-left: 0 !important;
}

body {
    background-color: #F6F5ED !important;
    position: relative;
    min-height: 100vh;
}
img {
    pointer-events: none;
}

#contentContainer {
    padding-bottom: 80px;
    padding-top: 70px;
}

.map-container {
    height: 500px;
    width: 100%;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.hand {
    cursor: pointer !important;
}

.alert {
    border-radius: 10px !important;
}

.alert-success {
    background-color: #cddfec;
}

h5 .alert-success {
    color: #cddfec !important;
    font-size: 12px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7) inset;
    width: auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-right: 10px;
    margin-bottom: -4px;
    margin-top: -2px
}

.alert-danger {
    background-color: #e9c4c8 !important;
    color: white !important;
}

.con_contacts_header_title h5 .alert-success.alert-bg-danger,
.con_header_title h5 .alert-success.alert-bg-danger {
    background-color: rgba(255, 0, 0, 0.3) !important;
}

.text-primary {
    color: #00975F !important;
}

.text-standard {
    color: #000000 !important;
}

.text-danger {
    color: #830432 !important;
}

.text-success {
    color: #00975F !important;
}

.text-size-6 {
    padding-left: 0.11rem !important;
    vertical-align: middle;
}

.close {
    color: #FFFFFF;
}

.capitalized-text {
    text-transform: capitalize !important;
}

.danger_label {
    color: red;
    font-weight: bold;
}

.row-danger {
    background-color: #efa9a5;
}

.row-warning {
    background-color: #f7e199;
}

.text-transform-default {
    text-transform: none !important;
}

.change-font {
    font-size: unset !important;
    min-width: 54px;
}

.change-font::before {
    width: 54px !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03),
    0 3px 1px -2px rgba(150, 150, 150, 0.1),
    0 1px 5px 0 rgba(198, 198, 198, 0.2);
}

.pagination {
    background-color: transparent; !important;
}

.form-control:active,
.form-control:hover,
.form-control:focus {
    border-color: black !important;
    box-shadow: inset 0 -2px 0 -1px black !important;
}

.bg-dark {
    background-color: #404F63 !important;
}

a {
    background-color: transparent;
    color: #00975F;
    text-decoration: none;
}

a:active,
a:focus,
a:hover {
    color: #00975F;
    text-decoration: underline;
}

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

.right-icon {
    right: 0;
}

.custom_icon_filled {
    color: #00975F !important;
}

.not_pointer {
    pointer-events: none;
}

.bg-primary {
    background-color: #e8e6e2 !important;
}

.custom-border {
    border: #ccc 1px dotted;
}

.easy-autocomplete {
    width: 100% !important
}

.easy-autocomplete input {
    width: 100%;
}

.dtr-details {
    width: 100%;
}

.no-padding {
    padding: 0 !important;
}

.hover-underlined:hover {
    text-decoration: underline;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker {
    z-index: 9999 !important
}

.datepicker.resource-free-datepicker-dropdown {
    z-index: 100000000 !important;
}

.modal {
    overflow-y: scroll;
}

.modal-header {
    background-color: #404F63 !important;
    color: white;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    border-radius: 10px 10px 0 0 !important;
}

.modal-body {
    padding: 1.25rem 2.5rem !important;
}

.modal-content {
    border-radius: 15px;
}

.modal.show {
    z-index: 1030;
}

.modal-body:empty {
    padding-bottom: 100% !important;
}

.modal-open, .cbrBody {
    padding-right: 0 !important;
}

/** card styles */
.card {
    margin-top: 10px;
    border-radius: 10px;
}

.card-body {
    background-color: #fff !important;
    padding-top: 4px !important;
    margin-top: 10px;
    border-radius: 10px !important;
}

.card-header {
    font-size: 1rem;
    padding: 16px !important;
    border-radius: 10px 10px 0 0 !important;
}

.card.border-primary {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #00975F;
}

.card.border-primary[href]:active,
.card.border-primary[href]:focus,
.card.border-primary[href]:hover,
.card.border-primary[tabindex]:active,
.card.border-primary[tabindex]:focus,
.card.border-primary[tabindex]:hover {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px #00975F;
}

.card-footer.border-primary {
    border-top: 1px solid #00975F;
}

.card-header.border-primary {
    border-bottom: 1px solid #00975F;
}

.collapsible-card {
    font-size: 1rem;
    padding: 16px !important;
    border-radius: 10px !important;
}

.remove-card {
    padding: 1px 8px 4px 8px;
}
/** end of card styles */

/** button styles */
.confirm_req_btn {
    color: #00975F !important;
}

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

.btn {
    text-transform: unset !important;
    white-space: normal !important;
    word-wrap: break-word;
    box-shadow: unset !important; /*no shadows buttons*/
    border-radius: 8px;
}

.btn-custom-sm {
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    width: 1.9rem !important;
}

.btn-primary {
    background-color: #00975F;
    color: white;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    color: white;
}

.btn-primary.active,
.btn-primary:active {
    background-color: #00975F;
}

.btn-link {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #00975F;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

.btn-link:active,
.btn-link:hover {
    color: #00975F;
    text-decoration: underline;
}

.btn-link:focus {
    color: #00975F;
    text-decoration: none !important;
    outline: none;
}

.btn-primary,
.bootstrap-switch-primary {
    color: #fff !important;
    background-color: #00975F !important;
    border-color: #00975F !important;
}

.btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    color: white !important;
}

.modal-footer .btn-primary,
.modal-footer .btn-primary:active,
.modal-footer .btn-primary:focus,
.modal-footer .btn-primary:hover {
    color: #00975F !important;
    background-color: unset !important;
    border-color: unset !important;
}

.modal-footer .btn-primary.disabled,
.modal-footer .btn-primary:disabled {
    color: rgba(0, 0, 0, 0.26);
}

.modal-footer .btn-secondary,
.modal-footer .btn-secondary:active,
.modal-footer .btn-secondary:focus,
.modal-footer .btn-secondary:hover {
    color: #830432;
}

.disabled-btn {
    color: darkgray !important;
    pointer-events: none !important;
}

.disabled-btn:active, .disabled-btn:focus, .disabled-btn:hover {
    color: darkgray !important;
    text-decoration: none !important;
}

.button-without-design {
    box-shadow: unset;
}

.button-without-design .monitor {
    font-size: 2.1em;
}

.button-without-design .ubersicht {
    font-size: 1.7em;
}

.button-without-design:hover,
.button-without-design:focus,
.button-without-design:active {
    background: unset;
    box-shadow: unset;
}

.doc-button {
    margin-top: -10px;
}
/** end of button styles */

/** form/input styles */
.form-control-primary {
    border-color: #00975F;
}

.form-control-primary:focus,
.form-control-primary:hover {
    border-color: #00975F;
    box-shadow: inset 0 -2px 0 -1px #00975F;
}

.form-control-file {
    font-size: 12px !important;
    width: 100% !important
}

.custom-file-input, form-control-file:disabled {
    opacity: 0 !important;
}

.custom-file-label {
    font-size: 0.89rem;
    height: 2.25rem;
    line-height: 1.428572;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-duration: 0.3s;
    transition-property: border-color, box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.42) !important;
    color: rgba(0, 0, 0, 0.38) !important;
    padding: 0.410714rem 2.25rem 0.348214rem 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.custom-file-label::after {
    font-size: 1.314286em !important;
    line-height: 0.183333em;
    vertical-align: -0.302198em;
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    content: "attachment";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: rotate(90deg);
}

.custom-file-input:focus~.custom-file-label,
.custom-file-input:hover~.custom-file-label {
    border-bottom-color: #00975F !important;
    box-shadow: inset 0 -2px 0 -1px #00975F !important;
}

.col-form-label {
    color: darkgray;
}

textarea.form-control:active,
textarea.form-control:hover,
textarea.form-control:focus {
    border-color: black !important;
    box-shadow: inset 2px 2px 0 -1px black, inset -2px -2px 0 -1px black !important;
}

.textext-area {
    min-width: 100% !important;
    width: auto;
}

.custom-control {
    display: block;
    margin-bottom: 0.75rem;
    min-height: 1.250001rem;
    padding-left: 2.25rem;
    position: relative;
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1.5rem;
}

.custom-control-label {
    color: inherit;
    font-size: 0.875rem;
    line-height: inherit;
    margin-bottom: 0;
}

.custom-control-label::after {
    color: rgba(0, 0, 0, 0.54);
    position: absolute;
    top: -0.125rem;
    left: 0;
}

.custom-control-label::before {
    transition-duration: 0.3s;
    transition-property: background-color, opacity, transform, -webkit-transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: currentColor;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.54);
    content: '';
    display: block;
    height: 3rem;
    margin-top: -0.875rem;
    margin-left: -0.75rem;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.87, 0.87) translateZ(0);
    transform: scale(0.87, 0.87) translateZ(0);
    width: 3rem;
}

@media (min-width: 576px) {
    .custom-control-label::before {
        transition-duration: 0.39s;
    }
}

@media (min-width: 992px) {
    .custom-control-label::before {
        transition-duration: 0.2s;
    }
}

.custom-control-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.custom-control-input.focus ~ .custom-control-label::before,
.custom-control-input:active ~ .custom-control-label::before {
    opacity: 0.12;
    -webkit-transform: scale(1, 1) translateZ(0);
    transform: scale(1, 1) translateZ(0);
}

.custom-control-input:checked ~ .custom-control-label::after {
    color: #00975F;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00975F;
}

.custom-control-input:disabled ~ .custom-control-label {
    color: rgba(0, 0, 0, 0.26);
}

.custom-control-input:disabled ~ .custom-control-label::after {
    color: rgba(0, 0, 0, 0.26);
}

.custom-control-input:disabled ~ .custom-control-label::before {
    display: none;
}

.custom-checkbox .custom-control-label::after {
    font-size: 1.714286em;
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    content: "check_box_outline_blank";
    line-height: 1;
    vertical-align: middle;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    content: "check_box";
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    content: "indeterminate_check_box";
}

.custom-radio .custom-control-label::after {
    font-size: 1.714286em;
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    content: "radio_button_unchecked";
    line-height: 1;
    vertical-align: middle;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    content: "radio_button_checked";
}
/** end of form/input styles */

/** badge styles */
.notify-badge {
    position: absolute;
    right:-20px;
    top:10px;
    background:darkred;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 5px;
    font-size:12px;
}

.badge-primary {
    background-color: #00975F;
    color: white !important;
}

.badge-primary[href]:active,
.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: #00975F;
    color: white;
    text-decoration: none;
}
/** end of badge styles */

/** cockpit styles */
.archive {
    /* Define the element as a grid container */
    display: grid;
    /* Auto-fit as many items on a row as possible without going under 180px */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    /* A little spacing between articles */
    grid-gap: 1em;

    min-height: 400px !important;
}

.archive a {
    color:unset;
}

.archive a:hover {
    color:unset;
}

.archive a:focus {
    color:unset;
}

.article {
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 20px;
}

.article a:hover{
    text-decoration: none;
}

.article-item {
    position:relative;
    padding-top:20px;
    display:inline-block;
}
/** end of cockpit styles */

/** progress bar styles */
.show-progress-bar {
    background-color: #ffffff;
    z-index: 1500 !important;
}

.show-progress-bar .progress-bar {
    border-bottom-width: .5rem;
}

.progress-bar-animated:before,
.progress-bar-striped:before {
    bottom: -.35rem;
}

.show-progress-bar .progress-bar:after {
    height: .5rem !important;
    bottom: -.5rem;
}

.progress-bar.bg-primary {
    background-color: transparent !important;
    border-bottom-color: #00975F;
}

.progress-bar.bg-primary::after {
    background-color: #e1bee7;
}

.progress-bar-animated.bg-primary::before,
.progress-bar-striped.bg-primary::before {
    background-image: repeating-radial-gradient(0.125rem 0.125rem, #e1bee7, #e1bee7 0.125rem, transparent 0.125rem, transparent 100%);
    background-image: -webkit-repeating-radial-gradient(0.125rem 0.125rem, #e1bee7, #e1bee7 0.125rem, transparent 0.125rem, transparent 100%);
    background-image: -moz-repeating-radial-gradient(0.125rem 0.125rem, #e1bee7, #e1bee7 0.125rem, transparent 0.125rem, transparent 100%);
}
/** end of progress bar styles */

/** folder/tutorial styles */
.create_new_folder {
    transition: transform 0.2s ease;
}

.create_new_folder.is-active {
    transform: rotate(135deg);
}

.create_new_tutorial_folder {
    transition: transform 0.2s ease;
}

.create_new_tutorial_folder.is-active {
    transform: rotate(135deg);
}
/** end of folder/tutorial styles */

.disableddirection {
    color: rgba(255, 255, 255, 0.5) !important
}

.drag {
    cursor: all-scroll;
}

.rounded-3::before {
    border-radius: 8px !important;
}

.vertical-line {
    border-left: 2px solid #c9c9c9;
    height: 24px;
    background: white !important;
}

/* this is a bit hacky, but we don't have a holistic concept of field validation yet, so let's limit this for now */
input.shouldGetValidated:invalid {
    background-color: #FFD8CA;
}

.careBridgeBtn {
    height: 48px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    background: var(--main-color);
}

.careBridgeBtn:hover {
    background: var(--secondary-color-azure);
}

.pwFieldEye {
    position: absolute;
    right: 10px;
    top: 40%;
    color: black;
}

.pwFieldEye:hover {
    color: var(--secondary-color-azure);
}

.text-core .text-wrap {
    width: 100%;
    min-width: 100%;
}

.text-suggestion {
    padding: 7px 5px !important;
}

.text-lightgray {
    color: lightgrey;
}

.edit-material-icon {
    position: absolute !important;
}

.cancel-editing-fa {
    top: -3px !important;
    position: absolute !important;
}

.dropdown-remove-margin::after {
    margin: 2px 0 0 0 !important;
}

.case_filter_form_dropdown {
    font-size: 0.9em !important;
}

.con_list_dropdown a{
    font-size: 13.5px !important;
    padding: 0.5rem 1rem !important;
}
.con_list_dropdown h6{
    font-size: 13.5px !important;
}

.update_file_details .material-icons:hover {
    color: darkgreen;
}

.select2-search__field {
    width: auto !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(0, 151, 95, 0.4) !important;
}

.folder-bg-active {
    background-color: rgba(0, 151, 95, 0.4) !important;
    color: #FFFFFF;
    -webkit-transition: background-color 6s;
    -moz-transition: background-color 6s;
    -ms-transition: background-color 6s;
    -o-transition: background-color 6s;
    transition: background-color 6s;
}

.show_fixed_div {
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.57);
    position: fixed;
    z-index: 1500;
    margin: 0 !important;
    top: 9px;
    left: 0;
}

.jconfirm.jconfirm-light .jconfirm-bg {
    opacity: .3 !important;
}

.jconfirm-box-container {
    flex: 0 0 55% !important;
    max-width: 55% !important;
}

@media screen and (min-width: 950px) and (max-width: 1054px) {
    #benutzerverwaltungDTable {
        display: block;
        overflow: auto;
    }
    #notBoardedContractorTable {
        display: block;
        overflow: auto;
    }

    .jconfirm-box-container {
        flex: 0 0 65% !important;
        max-width: 65% !important;
    }
}

@media screen and (min-width: 760px) and (max-width: 834px) {
    .sidebar {
        background-color: #404F63;
        bottom: 0;
        top: 0;
        position: fixed;
        z-index: 1000;
    }

    .popover {
        top: -10px !important;
        left: 44% !important;
        max-width: 600px !important;
        min-width: 600px !important;
        height: 150px;
        overflow-y: scroll;
    }
}

@media screen and (max-width: 769px) and (min-width: 700px) {
    .popover {
        top: -10px !important;
        left: 42% !important;
        max-width: 600px !important;
        min-width: 600px !important;
        height: 150px;
        overflow-y: scroll;
        z-index: 1;
    }

    .icon-size {
        width: 23px;
        line-height: 0.583333em;
        vertical-align: middle;
        margin-left: 1px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 770px) {
    .popover {
        top: -10px !important;
        left: 32% !important;
        max-width: 600px !important;
        min-width: 600px !important;
        height: 150px;
        overflow-y: scroll;
        z-index: 1;
    }

    .icon-size {
        width: 23px;
        line-height: 0.583333em;
        vertical-align: middle;
        margin-left: 1px;
    }
}

@media screen and (max-width: 1112px) and (min-width: 1025px) {
    .popover {
        top: -10px !important;
        left: 24% !important;
        max-width: 600px !important;
        min-width: 600px !important;
        height: 150px;
        overflow-y: scroll;
        z-index: 1;
    }

    .icon-size {
        width: 23px;
        line-height: 0.583333em;
        vertical-align: middle;
        margin-left: 1px;
    }
}

@media screen and (max-width: 1336px) and (min-width: 1113px) {
    .popover {
        top: -10px !important;
        left: 18% !important;
        max-width: 600px !important;
        min-width: 600px !important;
        height: 150px;
        overflow-y: scroll;
        z-index: 1;
    }

    .icon-size {
        width: 23px;
        line-height: 0.583333em;
        vertical-align: middle;
        margin-left: 1px;
    }
}

@media screen and (max-width: 2336px) and (min-width: 1337px) {
    .popover {
        top: -10px !important;
        left: 14% !important;
        max-width: 600px !important;
        min-width: 600px !important;
        height: 150px;
        overflow-y: scroll;
        z-index: 1;
    }

    .icon-size {
        width: 23px;
        line-height: 0.583333em;
        vertical-align: middle;
        margin-left: 1px;
    }
}

.animate-icon-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: 0.5s ease-in-out;
}

.left-border-success {
    border-left: 0.5px solid #4caf50 !important;
    margin-left: 10px !important;
}

.ml-6 {
    margin-left: 3.5rem !important;
}

.shadow-custom-md {
    box-shadow: 0px 0px 12px #888888;
    border: 0.5px solid #bdc7cb;
}

/** search box of autocomplete jquery plugin */
.ui-state-active {
    border: 1px solid #A9A9A9 !important;
    background: #DDD !important;
    font-weight: normal;
    color: #000000 !important;
}

ul.ui-widget {
    max-height: 397px;
    z-index: 1200;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

li.ui-menu-item {
    border-bottom: 0.5px solid #eaeaea;
}