/*
 * == PAGE ==
 */

.page-root {
    margin: 16px 100px;
}

:root {
    --integra-green: #00555c;
    --integra-orange: #ffc638;
}

/*
 * == PARAGRAPHS ==
 */
.page-root h1, .page-root h2, .page-root > h3 {
    margin-bottom: 20px;
}

.navbar-light {
    background-color: var(--integra-orange) !important;
    padding: 8px 20px;
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.3),
        0 1px 1px 0 rgba(0,0,0,.3),
        0 1px 3px 0 rgba(0,0,0,.3);
}

/*
 * == FORMS ==
 */
.form-text {
    max-width: 220px !important;
}

.keyvaluelbl-outer {
    display: flex;
    flex-direction: column;
}

/*
 * == INFO-BOXES ==
 */
.p-infobox {
    padding: 8px;
    border-radius: 5px;
    overflow-wrap: break-word;
    max-width: 70%;
}


.p-error {
    border: var(--bs-danger);
    background-color: #ff000077;
}

.p-info {
    border: 1px solid var(--bs-blue);
    background-color: #6666ff77;
}

.tick-img {
    max-width: 28px;
    max-height: 28px;
}

/*
 * == ICONS ==
 */
.fa {
    padding-right: 6px;
}

.toggle-present-btn {
    cursor: pointer;
}

a .fa {
    padding-right: 4px !important;
}

/* excel progress items */
.progress-item {
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.progress-item > span {
    color: forestgreen;
    font-weight: bold;
    padding-right: .5rem;
}

/* == LOGIN FORM == */
.login-outer {
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-inner {
    min-width: 40%;
    display: flex;
    flex-direction: column;
    padding: 2rem 4rem 1rem;
    /*border: 1px solid grey;*/
    border-radius: 20px;
}

.login-form-label-container {
    align-self: center;
}


.login-form-label-container > span {
    display: block;
    text-align: end;
    padding-right: 100px;
}

.login-form-row {
    display: flex;
    flex-direction: row;
    padding: .5rem 0;
}

.login-form-row .login-form-label-container {
    min-width: 200px;
}

.login-inner input {
    width: 240px;
}

.login-form-btns button {
    background-color: var(--integra-green);
    border-color: #539680;
}

.login-filter-info {
    padding: .6rem;
    margin: 0 .3rem .6rem;
    max-width: 60%;
}

/* == WOCHENLISTE == */
.weeklist-outer {
    display: flex;
    flex-direction: row;
}

.weeklist-day-col {
    /* fill whole space */
    flex: 1 1 0;
    width: 0;
    padding: 1rem;
    border-right: 1px solid grey;
}

.weeklist-day-col:last-of-type {
    border-right: 0;
}

/* == WOCHEN-PICKER == */
.week-picker-outer > input {
    margin-left: .6rem;
    max-width: 220px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem .7rem 0.375rem 0.75rem;
}

.week-picker-outer > input  ::-webkit-calendar-picker-indicator {
    position: relative;
    left: +20px;
}

/* week-picker icon */
[type="week"]::-webkit-calendar-picker-indicator {

}

td .button-row {
    margin-bottom: 0 !important;
}

/* filter options: here in meeting list */
.card-border {
    border-radius: 15px;
    border: 1px solid lightgray;
}