@import url('https://fonts.googleapis.com/css?family=Montserrat:wght@400;500;600;700&display=swap');

.portal-body__container {
    --font-family: 'Montserrat', sans-serif;
    font-family: 'Montserrat', sans-serif !important;   
}

.portal-body__container .sidebar__container.show{
    transition: width 0.3s ease-in-out;
}

.portal-body__container .form__buttons-right__container .p-button,
.portal-body__container .mechitronic-button.p-button {
    color: white !important;
    padding: 12px 19px !important;
    background: #1b198f !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 12px !important;
    border: none !important;
    border-radius: 0 !important;
    position: relative;
}

.portal-body__container .form__buttons-right__container .p-button.p-button-secondary,
.portal-body__container .mechitronic-button.p-button.p-button-secondary {
    border: 1px solid rgb(27, 25, 143) !important;
    color: rgb(27, 25, 143) !important;
    background: buttonface !important;
}

.portal-body__container .form__buttons-right__container .p-button:before,
.portal-body__container .mechitronic-button.p-button:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #a9db1b;
    top: -3px;
    right: -3px;
}


@media screen and (max-width: 992px) {
    .portal-body__container .sidebar__container {
        position: absolute;
        z-index: -1;
        width: 0 !important;
    }
}

@media screen and (max-width: 992px) {
    .portal-body__container .sidebar__container.show {
        width: 100% !important;
        z-index: 9999;
    }
}

.portal-body__container .sidebar-item:hover{
    background-color: rgba(255, 255, 255, 0.1);
}
.portal-body__container .sidebar-item.active{
    background-color: rgba(255, 255, 255, 0.15);
}