.navbar-vertical.navbar-expand-xs .navbar-collapse {
    display: block;
    overflow: auto;
    padding-bottom: 1em;
    height: fit-content !important;
}
@media (max-width: 1199px) {
  .sidenav{
  display: contents !important;
  }
  .navbar-collapse{
    border-bottom: 1px solid silver;
  }
}

 .set{
    display: none !important;
}

.wrap-pic-max-w > img{
    width: 100%;
}

#sidenav-main{
    height: fit-content;
}
form button{
        border: 0;
    line-height: normal;
}
@keyframes slideInRight {
    from { transform: translateX(100px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.modern-form h1 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
    letter-spacing: 0.01em;
}
.modern-form input[type="text"],
.modern-form textarea,
.modern-form select {
    border-radius: 10px;
    border: 1.5px solid #cdcdcd;
    background: #f7f7f7;
    padding: 0.7em 1em;
    font-size: 1em;
    margin-bottom: 0.5em;
    transition: border 0.2s, box-shadow 0.2s;
    box-shadow: 0 1px 2px 0 rgba(60,60,120,0.03);
}
.modern-form input[type="text"]:focus,
.modern-form textarea:focus,
.modern-form select:focus {
    border: 1.5px solid #cdcdcd;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 2px #6366f133;
}
.modern-form input[type="file"] {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 0.5em;
    margin-top: 0.2em;
    border: none;
}
.modern-form .flex {
    gap: 0.7em;
}
.modern-form button {
    font-weight: 500;
    letter-spacing: 0.01em;
    box-shadow: 0 1px 4px 0 rgba(60,60,120,0.07);
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.modern-form button#clear-form-btn {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb;
}
.modern-form button#clear-form-btn:hover {
    background: #e5e7eb;
    color: #22223b;
}
.modern-form img {
    border-radius: 10px;
    margin-top: 0.5em;
    box-shadow: 0 2px 8px 0 rgba(60,60,120,0.10);
    max-height: 120px;
    max-width: 100%;
    object-fit: cover;
}
.modern-form p {
    color: #64748b;
    font-size: 0.95em;
    margin-top: 0.2em;
}

.f1-s-11{
    white-space: pre-wrap;
}