:root {
    --pa-main1: #1E9EDB;
    --pa-main2: #1CD6AC;
    --pa-alert-teal: #4DAF7A;
    --pa-alert-success: #00C586;
    --pa-alert-warning: #CDB018;
    --pa-alert-danger: #C92E41;
    --pa-surface-gray: #F8F8FC;
    --pa-surface-white: #FFFFFF;
    --pa-surface-dark1: #1A202C;
    --pa-surface-dark2: #232B38;
    --pa-font-body1: #151C2A;
    --pa-font-body2: #78869B;
    --pa-font-body3: #99A2B0;
    --pa-color-btn-secondary: #E3E4E5;

    --bs-body-bg: var(--pa-surface-gray);
    --bs-body-color: var(--pa-font-body1);

    --pc-sidebar-background: var(--pa-surface-white);
    --pc-surface-gray: var(--pa-surface-gray);
    --bs-btn-bg: var(--pa-surface-gray);
    --bs-btn-color: var(--pa-font-body1);

    --pa-vs-border-color: #DBE0E5;
    --vs-font-size: inheirt !important;
    --vs-border-color: var(--pa-vs-border-color);
    --vs-border-radius: 8px !important;
    --vs-search-input-bg: #ffffff;
    --vs-dropdown-bg: var(--vs-search-input-bg) !important;

    --vs-controls-color: var(--pa-vs-border-color) !important;
    --vs-selected-color: var(--bs-body-color) !important;


    --pa-bg-card: var(--pa-surface-white);



    --bs-success-rgb: 0,197,134;
    --bs-warning-rgb: 205,176,24;
}

[data-pc-theme=dark] {
    --bs-body-bg: var(--pa-surface-dark1);
    --bs-body-color: var(--pa-surface-white);
    --pa-font-body1: var(--pa-font-body3);
    --pa-font-body1-dark: var(--pa-surface-white);

    --pc-sidebar-background: var(--pa-surface-dark2);

    --pc-surface-gray: var(--pa-surface-dark1);

    --pa-vs-border-color: #303f50;

    --vs-search-input-bg: #263240;

    --vs-dropdown-bg: var(--vs-search-input-bg) !important;
    --vs-selected-color: var(--bs-body-color) !important;

    --pa-bg-card: var(--pa-surface-dark2);
}


.pa-font-body1-dark {
    color: var(--pa-font-body1-dark) !important;
}

.pa-bg-body {
    background-color: var(--bs-body-bg);
}

/*Colors*/
.pa-color-body1 {
    color: var(--pa-font-body1);
}

.pa-color-body2, th {
    color: var(--pa-font-body2) !important;
}

.pa-color-body3 {
    color: var(--pa-font-body3);
}

.pa-color-success {
    color: var(--pa-alert-success);
}

.pa-color-warning {
    color: var(--pa-alert-warning);
}

.pa-color-danger {
    color: var(--pa-alert-danger);
}

.pa-color-main1 {
    color: var(--pa-main1);
}

.pa-color-main2 {
    color: var(--pa-main2);
}

.pa-color-surface-gray {
    color: var(--pa-surface-gray);
}

.pa-color-surface-white {
    color: var(--pa-surface-white);
}

.pa-color-surface-dark1 {
    color: var(--pa-surface-dark1);
}

.pa-color-surface-dark2 {
    color: var(--pa-surface-dark2);
}

/* BACKGROUND */
.pa-bg-main1 {
    background-color: var(--pa-main1);
}

.pa-bg-main1 {
    background-color: var(--pa-main1);
}

.pa-bg-main2 {
    background-color: var(--pa-main2);
}

.pa-bg-success {
    background-color: var(--pa-alert-success);
}

.pa-bg-warning {
    background-color: var(--pa-alert-warning);
}

.pa-bg-danger {
    background-color: var(--pa-alert-danger);
}

.pa-bg-surface-gray {
    background-color: var(--pa-surface-gray);
}

.pa-bg-surface-white {
    background-color: var(--pa-surface-white) !important;
}

.pa-bg-surface-dark1 {
    background-color: var(--pa-surface-dark1);
}

.pa-bg-surface-dark2 {
    background-color: var(--pa-surface-dark2);
}

.pa-card, .card {
    background-color: var(--pa-bg-card);
}

/* border */
.pa-border-main1 {
    border-color: var(--pa-main1);
}

.pa-border-main2 {
    border-color: var(--pa-main2);
}

.pa-border-success {
    border-color: var(--pa-alert-success);
}

.pa-border-warning {
    border-color: var(--pa-alert-warning);
}

.pa-border-danger {
    border-color: var(--pa-alert-danger);
}

.pa-border-surface-gray {
    border-color: var(--pa-surface-gray);
}

.pa-border-surface-white {
    border-color: var(--pa-surface-white);
}

.pa-border-surface-dark1 {
    border-color: var(--pa-surface-dark1);
}

.pa-border-surface-dark2 {
    border-color: var(--pa-surface-dark2);
}


.pa-form-control {
    border-radius: 16px !important;
    height: 48px !important;;
}

.pa-form-radius {
    border-radius: 16px !important;
}

.pa-btn-white {
    background-color: var(--pa-surface-white);
}

.btn-outline-secondary {
    color: var(--pa-font-body2);
    border: 1px solid var(--pa-color-btn-secondary);
}

.pa-btn-outline-secondary {
    border: 1px solid var(--pa-font-body2);
    background-color: transparent;
    color: var(--pa-font-body2);
}

.pa-btn-outline-primary {
    border: 1px solid var(--pa-main1);
    background-color: transparent;
    color: var(--pa-main1);
}

.pa-btn-outline-secondary:hover {
    background-color: var(--bs-btn-hover-bg);
}

.pa-btn-outline-primary:hover {
    background-color: var(--bs-btn-hover-bg);
    border: 1px solid var(--pa-main1);
    color: var(--pa-main1);
}


.btn-pa {
    border-radius: 64px !important;
}

.pa-search {
    border-radius: 16px !important;
}

/* PADDING */
.pa-ps {
    padding-left: 16px;
}

.pa-py-1 {
    padding: 16px;
}

.pa-x-2 {
    padding-left: 32px;
    padding-right: 32px;
}

/*Headers*/
.pa-h1, .pa-h2, .pa-h3, .pa-h4, .pa-h5, .pa-h6 {
    color: var(--pa-font-body1);
    font-weight: 700;
    letter-spacing: -0.30000001192092896px;

}

.pa-h1 {
    font-size: 48px;
    line-height: 56px;
}

.pa-h2 {
    font-size: 40px;
    line-height: 48px;
}

.pa-h3 {
    font-size: 32px;
    line-height: 40px;

}

.pa-h4 {
    font-size: 24px;
    line-height: 32px;

}

.pa-h5 {
    font-size: 20px !important;
    line-height: 28px !important;


}

.pa-h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.30000001192092896px;


}

.pa-body-normal-regular {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;

}

.pa-body-normal-medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;


}

.pa-body-normal-semibold {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;


}

.pa-body-small-regular, body {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;

}

.pa-body-small-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;


}

.pa-body-small-semibold {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;


}

.pa-body-caption-regular, th {
    font-size: 12px !important;;
    font-weight: 400 !important;;
    line-height: 16px !important;;
    letter-spacing: 0.04em !important;


}

.pa-body-caption-medium {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.05em;


}

.pa-body-caption-semibold {
    font-size: 12px;
    line-height: 16px;

    font-weight: 600;
    letter-spacing: 0.04em;

}

input::placeholder {
    color: var(--pa-font-body3) !important;
}

.horizontal-flip {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.pa-radius {
    border-radius: 64px !important;
}

.pa-border-radius-24 {
    border-radius: 24px !important;
}

.vs__dropdown-toggle {
    padding: 0.8rem 0.70rem !important;
}

.vs__search, .vs__selected, .vs__actions {
    margin: 0 !important;
    padding: 0 !important;
}


.btn-danger {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--pa-alert-danger);
    --bs-btn-border-color: var(--pa-alert-danger);
}
.btn-warning {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--pa-alert-warning);
    --bs-btn-border-color: var(--pa-alert-warning);
}
.btn-success {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--pa-alert-success);
    --bs-btn-border-color: var(--pa-alert-success);
}


.table td, .table th {
    white-space: pre-wrap!important;
    word-wrap:break-word;
}