/* button */

.sdp-btn {
    padding: 12px 24px;
    border-radius: 0.313rem;
    border: 0;
    min-width: 6rem;
    text-decoration: none;
    text-align: center;
    margin: 4px;
    font-family: 'poppins';
}

/* filled button */

.sdp-btn-filled {
    border-radius: 5px;
    border: 0;
}

.sdp-btn-filled-primary {
    background: #0A592B;
    color: #FFFFFF;
}

.sdp-btn-filled-primary:hover {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background: #C0FFDA;
    color: #0A592B;
}

.sdp-btn-filled-primary:active {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background: #8DFFBD;
    color: #0A592B;
}

.sdp-btn-filled-primary:focus {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background: #8DFFBD;
    color: #0A592B;
}

/* dark */
.dark .sdp-btn-filled-primary {
    background-color: #C0FFDA;
    color: #0A592B;
}

.dark .sdp-btn-filled-primary:hover {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #A7FFCC;
    color: #08381C;
}

.dark .sdp-btn-filled-primary:active {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #8DFFBD;
    color: #08381C;
}

.dark .sdp-btn-filled-primary:focus {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #8DFFBD;
    color: #08381C;
}



/* popover */

.popover-header {
    font-family: 'YekanBakhFaNum';
    background-color: #0A592B !important;
    color: #FFFFFF;
    border-radius: 4px !important;
    margin: 8px;
    border: 0 !important;
    font-size: 16px;
    font-weight: 600;
}

.popover-body {
    font-family: 'YekanBakhFaNum';
    font-size: 16px;
    font-weight: 400;
    background-color: #F3FFF8;
    color: #212121;
    border-radius: 0 0 4px 4px !important;
}

.popover {
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

/* dark */

.custom-popover.dark {
    background-color: #394841;
}

.custom-popover.dark .popover-arrow::after {
    border-top-color: #394841 !important; 
}

.custom-popover.dark .popover-header {
    font-family: 'YekanBakhFaNum';
    background-color: #C0FFDA !important;
    color: #08381C;
    border-radius: 4px !important;
    margin: 8px;
    border: 0 !important;
    font-size: 16px;
    font-weight: 600;
}

.custom-popover.dark .popover-body {
    font-family: 'YekanBakhFaNum';
    font-size: 16px;
    font-weight: 400;
    background-color: #394841;
    color: #F5F5F5;
    border-radius: 0 0 4px 4px !important;
}