/* ============ desktop view dropdown submenu ============ */
@media all and (min-width: 992px) {

    .dropdown-menu li{
        position: relative;
    }
    .dropdown-menu .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .dropdown-menu .submenu-left{
        right:100%; left:auto;
    }

    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{
        display: block;
    }
}
/* ============ desktop view .end// ============ */

/* ============ small devices dropdown submenu ============ */
@media (max-width: 991px) {

    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }

}
#content {
    margin-top: 4%;
}

footer > div > p >  a {
    color: #fff;
}

.form-row {
    margin-top: 1%;
}

.jumbotron {
    text-align: center;
}

.center-content {
    margin-left: auto;
    margin-right: auto;
}

#calendar {
    margin: 0 auto; }
#calendar .fc-view-container {
    background-color: #fff;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2); }
#calendar .fc-toolbar.fc-header-toolbar .fc-center {
    display: block; }

#calendar-container {
    position: relative;
    top: 0;
    left: 20px;
    right: 20px;
    bottom: 20px;
}

.icon {
    background-color: var(--bs-light);
    border-radius: .25rem;
}
.bi-profile {
    margin: .5rem;
    font-size: 4.5rem;
}

img{
    max-width: 100%;
}

.name {
    font-size: 22px;
    font-weight: bold
}

/* pn system */
.chat-messages {
    display: flex;
    flex-direction: column;
    max-height: 800px;
    overflow-y: scroll
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.flex-grow-0 {
    flex-grow: 0!important;
}