:root {
    --seaSerpent: #65D0D1;
    --shadowBlue: #7A86A1;
    --mantisGreen: #7ACE4C;
    --pastelOrange: #FFBB44;
    --brinkPink: #f04946;
    --cadetBlue: #9BA8BF;
    --cadetBlue-header: #969FAE;
    --mayaBlue: #57CFFF;
    --mayaBlue-header: #00B6FF;
    --mantis: #7ACE4C;
    --mantis-header: #5BB12C;
    --lightCrimson: #FF7291;
    --lightCrimson-header: #EE4D76;
}

.bg-cadetBlue {
    color: #fff !important;
    background-color: var(--cadetBlue) !important;
}

.bg-header-cadetBlue {
    --bs-card-cap-bg: var(--cadetBlue-header);
}

.bg-mayaBlue {
    color: #fff !important;
    background-color: var(--mayaBlue) !important;
}

.bg-header-mayaBlue {
    --bs-card-cap-bg: var(--mayaBlue-header);
}

.bg-mantis {
    color: #fff !important;
    background-color: var(--mantis) !important;
}

.bg-header-mantis {
    --bs-card-cap-bg: var(--mantis-header);
}

.bg-lightCrimson {
    color: #fff !important;
    background-color: var(--lightCrimson) !important;
}

.bg-header-lightCrimson {
    --bs-card-cap-bg: var(--lightCrimson-header);
}

.fs-low {
    font-size: 16px;
}

.fs-med {
    font-size: 17px;
}

.fs-high {
    font-size: 18px;
}

.btn-type {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9db0b9;
    --bs-btn-border-color: #9db0b9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d3dce1;
    --bs-btn-hover-border-color: #d3dce1;
    --bs-btn-focus-shadow-rgb: 141, 153, 175;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #616c81;
    --bs-btn-active-border-color: #5b6579;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7987a1;
    --bs-btn-disabled-border-color: #7987a1;
}

.btn-outline-type {
    --bs-btn-color: #9db0b9;
    --bs-btn-border-color: #9db0b9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d3dce1;
    --bs-btn-hover-border-color: #d3dce1;
    --bs-btn-focus-shadow-rgb: 121, 135, 161;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7987a1;
    --bs-btn-active-border-color: #7987a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7987a1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7987a1;
    --bs-gradient: none;
}

.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1785e5;
    --bs-btn-border-color: #1785e5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #167ed9;
    --bs-btn-hover-border-color: #167ed9;
    --bs-btn-focus-shadow-rgb: 141, 153, 175;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1785e5;
    --bs-btn-active-border-color: #1785e5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1785e5;
    --bs-btn-disabled-border-color: #1785e5;
}

.btn-outline-blue {
    --bs-btn-color: #000;
    --bs-btn-border-color: #1785e5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #167ed9;
    --bs-btn-hover-border-color: #167ed9;
    --bs-btn-focus-shadow-rgb: 121, 135, 161;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7987a1;
    --bs-btn-active-border-color: #7987a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1785e5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1785e5;
    --bs-gradient: none;
}

.btn-outline-blue svg {
    color: #1785e5;
    transition: color .3s;
}

.btn-outline-blue:hover svg {
    color: #fff;
}

.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f04946;
    --bs-btn-border-color: #f04946;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d92b57;
    --bs-btn-hover-border-color: #cc2952;
    --bs-btn-focus-shadow-rgb: 255, 82, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc2952;
    --bs-btn-active-border-color: #bf264d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff3366;
    --bs-btn-disabled-border-color: #ff3366;
}

.border-blue {
    --bs-border-opacity: 1;
    border-color: rgba(0, 146, 231, var(--bs-border-opacity)) !important;
}

.text-blue {
    --bs-text-opacity: 1;
    color: rgba(0, 146, 231, var(--bs-text-opacity)) !important;
}

.bg-seaSerpent {
    background-color: var(--seaSerpent) !important;
}

.bg-shadowBlue {
    background-color: var(--shadowBlue) !important;
}

.bg-mantisGreen {
    background-color: var(--mantisGreen) !important;
}

.bg-pastelOrange {
    background-color: var(--pastelOrange) !important;
}

.bg-brinkPink {
    background-color: var(--brinkPink) !important;
}

.answers-list a:last-child {
    border-bottom: 0 !important;
}

.filter-section a, .filter-section button {
    min-width: 100px;
}

.pagination {
    flex-wrap: wrap;
}

.pagination nav {
    width: 100%;
}

.navigate-info {
    color: #3DC76F;
    transition: color .3s;
    cursor: pointer;
}

.navigate-info:hover {
    color: #1da34e;
}

.tooltip-color {
    --bs-tooltip-bg: rgb(88, 78, 88);
}

.rkz-shadow-danger {
    box-shadow: 1px 1px 11px 0px #ff33666b;
}

.rkz-shadow-success {
    box-shadow: 1px 1px 11px 0px #05a34a85;
}

.rkz-avatar {
    display: inline-block;
    object-fit: cover;
    border-radius: 50%;
}

.rkz-avatar-sm {
    width: 40px;
    height: 40px;
}

.rkz-text-green {
    color: #348f38;
}

.rkz-text-yellowgreen {
    color: #81cd41;
}

.rkz-text-yellow {
    color: #d0d31d;
}

.rkz-text-orange {
    color: #ff8500;
}

.rkz-text-red {
    color: #c70801;
}

/* pagination */
.rkz-pagination {
    display: flex;
    gap: 5px;
    list-style: none;

    --bs-pagination-padding-x: 1rem;
    --bs-pagination-padding-y: 0.469rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-color: #000;
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.25rem;
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: #d3dce1;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #9db0b9;
    --bs-pagination-active-border-color: #9db0b9;
    --bs-pagination-disabled-color: #7987a1;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    padding-left: 0;
}

.rkz-pagination .page-item {
    border-radius: 8px;
    border: 1px solid #C7DBEE;
}

.rkz-pagination .page-item .rkz-page-link {
    color: #545454;
}

.rkz-pagination .page-item .rkz-page-link svg {
    width: 5px;
    height: 8px;
}

.rkz-pagination .page-item.active {
    background-color: #2B88E9;
}

.rkz-pagination .page-item.active .rkz-page-link {
    color: #ffffff;
}

.rkz-page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    /*color: var(--bs-pagination-color);*/
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rkz-pagination .page-item--dots.disabled {
    border: none;
}

.rkz-pagination .page-item:not(.disabled):not(.active):hover {
    background-color: #C7DBEE;
}