﻿.validation-summary-errors ul {
    list-style:none;
}

.btn-primary {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.btn-primary:hover {
    background-color: #1e2b37;
    border-color: #1e2b37;
}

.btn-primary:active:focus {
    background-color: #141d25;
    border-color: #141d25;
}

body {
    padding: 0;
    margin: 0;
}

.container {
    margin: 0;
    border: 0;
    padding: 0;
}

header {
    margin-bottom: 0;
    width: 100vw;
    padding: 24px;}

.pageContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.navSideBar {
    width: fit-content;
    min-width: 148px;
}

.calendarSelect {
    padding-top:14px;
}

.nav-link {
    color: black;
}

a.sideNav:hover {
    color: black;
    background-color: #f1f1f1;
    border-radius: 0;
}

.pageNav {
    width: fit-content;
    height: 100vh;
    border-right-style: solid;
    border-width: thin;
    border-color: #e1e1e1;
}

.pageNavContent {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: end;
    padding-inline-start: 30px;
    padding-inline-end: 12px;
}

.pageContent {
    padding: 10px 10px;
    flex-grow: 1;
}

thead .fc-scroller {
    overflow: hidden !important;
}

.bottomNav {
    background-color: #e5e5e5;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    z-index: 1;
}

#calendar {
    min-width: 800px;
}

p {
    margin: 0;
    padding: 10px 0px;
    font-size: small;
}

.fc-col-header-cell-cushion {
    color: #212529;
    text-decoration: none;
    font-weight: 500;
}

.form-floating:focus-within {
    z-index: 2;
}

#floatingInput {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#floatingPassword {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#errorMessageAddModal, #errorMessageEventModal {
    color: red;
    margin: 0;
    padding-left: 4px;
    font-size:medium;
}

.form-label {
    font-size: small;
    color: #555555;
    margin-bottom: 0;
}

.form-control:focus, .form-select:focus, .form-check-input:focus {
    box-shadow: none;
    border-color: #a9a9a9;
}

.form-check-input:checked {
    background-color: #141d25;
    border-color: #141d25;
}

hr {
    margin-left: 24px;
    margin-right: 24px;
}

.formDiv {
    width: 40%;
    min-width: 400px;
    max-width: 1200px;
}

.buttonCol {
    width: fit-content;
}

.errorText {
    color: red;
}

.statusCol {
    align-self: end;
    padding: 8px;
    padding-left: 16px;
    margin-top:16px;
}

.validation-summary-errors ul, .statusCol p {
    padding: 0;
    margin: 0;
}

.headNav {
    margin-left: 16px;
}

.headNav:hover, a.headNav:hover {
    background-color: #2c3e50;
    color: #f1f1f1;
}

.changePassword {
    border-radius: 5px;
    padding: 40px;
    width: 40%;
    min-width: 300px;
    margin: auto;
    background-color:
}