.btn-main {
    --bs-btn-color: #fff;
    --bs-btn-bg: #36A5B2;
    --bs-btn-border-color: #36A5B2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #327c85;
    --bs-btn-hover-border-color: #327c85;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #327c85;
    --bs-btn-active-border-color: #327c85;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #36A5B2;
    --bs-btn-disabled-border-color: #36A5B2;
}

.btn-secondary-main {
    --bs-btn-color: #36A5B2;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #36A5B2;
    --bs-btn-hover-color: #36A5B2;
    --bs-btn-hover-bg: #efefef;
    --bs-btn-hover-border-color: #efefef;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #327c85;
    --bs-btn-active-border-color: #327c85;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: #36A5B2;
    --bs-btn-disabled-border-color: #fff;
}

.btn-no-style{
    vertical-align: unset;
    padding: unset;
    --bs-btn-border-width: unset;
}

.text-color-main{
    color: #36A5B2 !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.height-100{
    height: 100%;
}

.justify-anchor-center{
    justify-self: anchor-center;
}

.bottom-column{
    display: flex;
    flex-direction: column-reverse;
}

a{
    text-decoration: none;
}

.card-main{
    border: none;
    box-shadow: 0px 0px 6px 2px #d8d8d8;
    border-radius: 15px;
}

.card-secondary{
    border: none;
    box-shadow: 0px 0px 6px 2px #ece8e8;
    border-radius: 15px;
}

.justify-center{
    justify-content: center;
}


/* SIDEBAR */
#sidebar-wrapper{
    width: 20rem;
}

#sidebar-wrapper .list-group{
    width: 100%;
}

.sidebar-nav-item{
    width: 100%;
    display: block;
    color: black;
    padding: .5rem 1rem;
    border-radius: 10px;
    margin-bottom: .5rem;
}

.active-sidebar-nav-item{
    background-color: #36A5B2;
    color: white;
}

.active-sidebar-nav-item img{
    filter: invert(1);
}

.sidebar-nav-item:hover{
    background-color: #efe9e9;
    color: black;
}

.sidebar-nav-item:hover img{
    filter: invert(0);
}
/* SIDEBAR */

.header-main{
    background-image: url(../img/bg-head-main.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.hr-main{
    width: 80%;
    margin: 1.5rem auto
}

.square-info{
    background-repeat: no-repeat;
    background-size: contain;
}

.square-info .title{
    font-size: -webkit-xxx-large;
    color: white;
    margin-bottom: 0px;
}

.select2-container, .select2-container--default .select2-selection--single{
    /* height: 100% !important; */
}

/* Status Styles */

.status-label{
    border-radius: 20px;
    padding: 5px 10px;
    color:white;
    font-size: 12px;
}
.waiting_quotation{
    background-color: #FFB200;
}
.waiting_confirmation{
    background-color: #ff7300;
}
.waiting_selecting_items{
    background-color: #157e91;
}
.waiting_approval_document{
    background-color: #157e91;
}
.negotiation{
    background-color: #bace06;
}
.waiting_payment{
    background-color: #8099FC;
}
.waiting_document{
    background-color: #35A0F2;
}
.in_progress{
    background-color: #1BD3BD;
}
.completed{
    background-color: #83D31B;
}
.cancelled{
    background-color: #FF3549;
}

.loading-space{
    text-align: center;
}

.hide{
    display: none;
}

.font-weight-bold{
    font-weight: 600;
}