:root {
    --primary-color: #4a3f7a;
    --secondary-color: #FF6F66;
    --grey-color: #697586;
    --light-grey-color: #F3F5F7;
    --dark-color: #353760;
    --black-color: #222222;
    --white-color: #FFFFFF;
}

.card{
    border-radius: 10px;
    box-shadow: none;
}

.card-group .card.card-default{
    border-radius: 10px;
    box-shadow: none;
}

.label-custom{
    color: #FFFFFF !important;
    /* font-weight: bold; */
    border-radius: 10px 10px 0px 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 70px;
    text-align: center;
    background-color: var(--primary-color);
}

.form-control, .input-group-prepend, .input-group-text{
    border-radius: 0px 0px 10px 10px;
    height: 40px;
    box-shadow: none;
}

.input-group-text{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.curved{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.px-3{
    padding-left: 3%;
    padding-right: 3%;
}

.pl-3{
    padding-left: 3%;
}

.pr-3{
    padding-right: 3%;
}

.w10{
  width: 10%;
}

.w20{
    width: 20%;
}

.material-icon {
    font-size: 1.2rem;
}

.material-icon-large {
    font-size: 1.5rem;
}

.pagination{
    --bs-pagination-active-bg: var(--primary-color);
    --bs-pagination-color: var(--primary-color);
    --bs-pagination-active-border-color: var(--primary-color);
}

.decoration.background{
    position: fixed; bottom: 0; opacity: .5; margin-bottom: 5%;
}




@media (max-width: 768px) {

    .px-3{
        padding-left: 6%;
        padding-right: 6%;
    }

    .pl-3{
        padding-left: 6%;
    }

    .pr-3{
        padding-right: 6%;
    }

    .decoration.background{
        margin-bottom: 35%;
    }
}