html {
	font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.sidebar-purple {
    background-color: #541D8F !important;
}
.text-purple {
    font-weight: 500;
    color: #541D8F;
}
.text-yellow{
    font-weight: 700;
    color: #e1a01c;
}

.text-white {
    font-weight: 500;
    color: #ffffff;
}
/* Add New Button */
.btn-addnew {
    border-radius: 5px;
    position: relative;
    width: 150px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #541d8f;
    background-color: #541d8f;
}

.btn-addnew, .btn-addnew__icon, .btn-addnew__text {
    transition: all 0.3s;
}

.btn-addnew .btn-addnew__text {
    transform: translateX(30px);
    color: #fff;
    font-weight: 600;
}

.btn-addnew .btn-addnew__icon {
    position: absolute;
    transform: translateX(100px);
    height: 100%;
    width: 30px;
    background-color: #541d8f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-addnew .svg {
    width: auto;
    stroke: #fff;
}

.btn-addnew:hover {
    background: #541d8f;
}

.btn-addnew:hover .btn-addnew__text {
    color: transparent;
}

.btn-addnew:hover .btn-addnew__icon {
    width: 135px;
    transform: translateX(0);
}

.btn-addnew:active .btn-addnew__icon {
    background-color: #541d8f;
}

.btn-addnew:active {
    border: 1px solid #541d8f;
}

.styled-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    table-layout: auto;
    margin-bottom: 1rem;
    height: fit-content;
}

.styled-table th, .styled-table td {
    border: 1px solid #ced4da;
    padding: 10px;
    text-align: left;
    white-space: nowrap;
}

.no-width {
    width: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}

.flex-table {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    /* margin-bottom: 1rem; */
}

@media screen and (max-width: 1140px) {
    .flex-table {
        flex-direction: column;
        gap: 0rem;
    }
}