@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face{
    font-family:"icomoon";
    src:url(8e032c01b7df97170741.ttf?qbrctj) format("truetype"),url(b3b2d4aaf37ffbc16883.woff?qbrctj) format("woff"),url(f451458e7a8411498ce0.svg?qbrctj#icomoon) format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:block
}
/*!
 * Bootstrap v5.2.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root{
    /*our palette*/
    --core-orange: #FF6B00;
    --core-primary: #2168F8;
    --core-dark-primary: #315FB4;
    --sidebar-bg: #FDFDFD;
    --content-primary: #000;
    --content-secondary: #5C5C5C;
    --content-tertiary: #D9D9D9;
    --border-light: #E8E8E8;
    --content-primary-opacity: #2168F80F;
    --success: #28a745;
    --success-bg: #F1FEF4;
    --success-border: #D4E9D9;
    --alert: #C72009;
    --alert-bg: #FFEBEC;
    --alert-border: #E5C2C4;
    --warning: #EB8923;
    --warning-bg: #FFF5EB;
    --warning-border: #EFD3B9;
    /*    --waiting: #EB8923;
        --waiting-bg: #FFF5EB;
        --waiting-border: #EFD3B9;*/


}

body{
    margin:0;
    font-family: 'Inter', sans-serif;
    color: #000;
    text-align:var(--bs-body-text-align);
    background-color:var(--bs-body-bg);
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}

[x-cloak] {
    display: none !important;
}

/*input autocomplete styles*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FBFCFF inset;
    -webkit-text-fill-color: black;
    transition: background-color 5000s ease-in-out 0s;
}

.primary-button{
    background-color: var(--core-primary);
    border-radius: 999px;
    font-weight: 700;
    height: 48px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.primary-button:hover {
    background-color: var(--core-dark-primary);
    transition: all 0.3s ease;
}

.table-button-structure {
    cursor: pointer;
    display: flex;
    gap: 4px;
    align-items: center;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.button-primary-color{
    background-color: var(--core-primary);
    border-color: var(--core-dark-primary);
    color: white;
    transition: all 0.3s ease;
}

.button-primary-color:hover {
    background-color: var(--core-dark-primary);
    border-color: var(--core-dark-primary);
    color: white;
    transition: all 0.3s ease;
}

.button-secondary-color{
    background-color: #FAFAFA;
    border: 1px solid var(--border-light);
    color: black;
}


.button-secondary-color:hover {
    background-color: var(--core-orange);
    border-color: #CE5C0A;
    color: white;
}

.input-primary {
    height: 42px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 0.75rem;
    border-width: 2px;
    border-color: var(--border-light);
    outline: none;
}

.input-primary:focus {
    border-color: var(--core-primary);
}


/*CHOICES.JS*/

.choices__list--multiple .choices__item {
    background-color: var(--core-primary) !important;
    border-color: var(--border-light) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding-right: 12px !important;
}

.choices__button{
    background-color: var(--core-primary) !important;
    border-left: 1px #fff  !important;
}

.choices__inner{
    border-radius: 0.5rem !important;
    border-width: 2px !important;
    border-color: var(--border-light) !important;
}
/*MODAL*/

.lm-modal{
    border-radius: 20px !important;
    border: 2px solid #EBEBEB !important;
    box-shadow: none !important;
}

.lm-modal-title{
    padding: 16px 16px 8px 16px !important;
    display: flex;
    align-items: center;
    font-weight: 600;
}


.lm-modal-close{
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: var(--border-light);
    border-radius: 999px;
}

.lm-modal-close:hover{
    color: #fff;
    background-color: var(--alert);

}
/*TABLE*/
.status-chip{
    font-size: 14px;
    text-transform: uppercase;
    text-wrap: nowrap;
    font-weight: 600;
    padding: 0.5rem 1.25rem;
    border-radius: 0.75rem;

}

@media (max-width: 768px) {
    .status-chip{
        font-size: 10px;


    }
}

.approved-color{
    background-color:var(--success-bg);
    color: var(--success);
    border: 1px solid var(--success-border);
}

.not-approved-color{
    background-color:var(--alert-bg);
    color: var(--alert);
    border: 1px solid var(--alert-border);
}

.warning-color{
    background-color:var(--warning-bg);
    color: var(--warning);
    border: 1px solid var(--warning-border);
}

.custom-th {
    font-size: 16px;
    font-weight: 600; /* font-semibold */
    color: var(--core-dark-primary);
    padding-left: 1rem;   /* px-4 */
    padding-right: 1rem;  /* px-4 */
    padding-top: 0.75rem; /* py-3 */
    padding-bottom: 0.75rem; /* py-3 */
    text-align: left;
}

.tabulator-cell{
    background-color: #fff;
}

.tabulator{
    border-radius: 20px;
    border: 2px solid  #F8F8F8 !important;
}

.tabulator-col, tabulator-col-content, tabulator-headers, tabulator-header-contents, tabulator-header{
    background-color: #F8F8F8 !important;
    color: var(--core-dark-primary);
}

.tabulator-header{
    border: 0px solid !important;
    background-color: #F8F8F8 !important;
}


/*BUG*/
/*.tabulator-row{
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
}*/