:root {
--primary: #4bb4af;
--secondary: #ff9635;
--bs-blue: #1d3b53;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #e83e8c;
--bs-red: #d6293e;
--bs-orange: #fd7e14;
--bs-yellow: #f7c32e;
--bs-green: #0cbc87;
--bs-teal: #20c997;
--bs-cyan: #17a2b8;
--bs-black: #000;
--bs-white: #fff;
--bs-gray-100: #f5f7f9;
--bs-gray-200: #eff1f2;
--bs-gray-300: #dde0e3;
--bs-gray-400: #cfd3d7;
--bs-gray-500: #9a9ea4;
--bs-gray-600: #747579;
--bs-gray-700: #404448;
--bs-gray-800: #24292d;
--bs-gray-900: #0b0f13;
--bs-primary: #4bb4af;
--bs-white: #fff;
--bs-secondary: #ff9635;
--bs-success: #0cbc87;
--bs-info: #17a2b8;
--bs-warning: #f7c32e;
--bs-danger: #d6293e;
--bs-light: #f5f7f9;
--bs-dark: #24292d;
--bs-orange: #fd7e14;
--bs-purple: #6f42c1;
--bs-blue: #1d3b53;
--bs-primary-rgb: 75, 180, 175;
--bs-white-rgb: 255, 255, 255;
--bs-secondary-rgb: 255, 150, 53;
--bs-success-rgb: 12, 188, 135;
--bs-info-rgb: 23, 162, 184;
--bs-warning-rgb: 247, 195, 46;
--bs-danger-rgb: 214, 41, 62;
--bs-light-rgb: 245, 247, 249;
--bs-dark-rgb: 36, 41, 45;
--bs-orange-rgb: 253, 126, 20;
--bs-purple-rgb: 111, 66, 193;
--bs-blue-rgb: 29, 59, 83;
--bs-primary-text: #0a58ca;
--bs-secondary-text: #6c757d;
--bs-success-text: #146c43;
--bs-info-text: #087990;
--bs-warning-text: #997404;
--bs-danger-text: #b02a37;
--bs-light-text: #6c757d;
--bs-dark-text: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #f8f9fa;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #e9ecef;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 116, 117, 121;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: "Roboto", sans-serif;
--bs-body-font-size: 0.9375rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #747579;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-heading-color: var(--bs-gray-800);
--bs-link-color: #066ac9;
--bs-link-color-rgb: 6, 106, 201;
--bs-link-decoration: none;
--bs-link-hover-color: #0555a1;
--bs-link-hover-color-rgb: 5, 85, 161;
--bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: var(--bs-gray-200);
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.325rem;
--bs-border-radius-sm: 0.2rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
--bs-box-shadow-lg: 0 1rem 3rem rgba(29, 58, 83, 0.15);
--bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
--bs-emphasis-color: #000;
--bs-form-control-bg: var(--bs-body-bg);
--bs-form-control-disabled-bg: var(--bs-secondary-bg);
--bs-highlight-bg: #fff3cd;
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1.25rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: var(--bs-gray-800);
--bs-card-subtitle-color: ;
--bs-card-border-width: 0;
--bs-card-border-color: var(--bs-border-color);
--bs-card-border-radius: 0.5rem;
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: 0.5rem;
--bs-card-cap-padding-y: 1rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: var(--bs-white);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1.25rem;
--bs-card-group-margin: 0.9375rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
.card>hr {
margin-right: 0;
margin-left: 0;
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit;
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
border-top: 0;
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color);
}
.card-subtitle {
margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0;
color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link+.card-link {
margin-left: var(--bs-card-spacer-x);
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group>.card {
margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group>.card {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0;
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group>.card:not(:last-child) .card-img-top,
.card-group>.card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group>.card:not(:last-child) .card-img-bottom,
.card-group>.card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group>.card:not(:first-child) .card-img-top,
.card-group>.card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group>.card:not(:first-child) .card-img-bottom,
.card-group>.card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-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, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23747579'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23055fb5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: none;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: #055fb5;
--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 0.9375rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
-webkit-transition: var(--bs-accordion-transition);
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
-webkit-transition: none;
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
-webkit-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
-webkit-transform: var(--bs-accordion-btn-icon-transform);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
-ms-flex-negative: 0;
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
-webkit-transition: var(--bs-accordion-btn-icon-transition);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
-webkit-transition: none;
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
-webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow);
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0;
}
.card,
.overflow-hidden {
will-change: transform;
}
.card-header-title {
margin-bottom: 0;
}
.card .card-img-overlay {
z-index: 2;
}
.card-hover-border:hover {
border: 1px solid var(--bs-gray-300);
}
.card .card-element-hover {
visibility: hidden;
margin-top: 30px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
}
.card:hover .card-element-hover {
visibility: visible;
margin-top: 0px;
opacity: 1;
}
.action-trigger-hover .item-show {
display: block;
visibility: visible;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.action-trigger-hover:hover .item-show {
display: none;
visibility: hidden;
}
.action-trigger-hover .item-show-hover {
display: none;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.action-trigger-hover:hover .item-show-hover {
display: block;
visibility: visible;
}
.card-metro {
overflow: hidden;
}
.card-metro .card-img-overlay {
z-index: 2;
}
.card-metro .card-text,
.card-metro img {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-metro:before {
content: "";
position: absolute;
height: 50%;
width: 100%;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
z-index: 1;
}
.card-metro:hover .card-text {
margin-bottom: 10px;
}
.card-metro:hover .card-image img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.card-overlay-hover:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: var(--bs-dark);
display: block;
}
.card:hover .card-overlay-hover:before {
opacity: 0.5;
}
.card-border-hover {
background-color: var(--bs-body-bg);
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-border-hover h2 i,
.card-border-hover .h2 i {
color: var(--bs-secondary);
}
.card-border-hover:hover {
border-color: var(--bs-primary);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-border-hover:hover h2 i,
.card-border-hover:hover .h2 i {
color: var(--bs-primary);
}
.card .card-image-scale {
overflow: hidden;
}
.card .card-image-scale img {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
transform: scale(1);
}
.card:hover .card-image-scale img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.accordion .accordion-button {
text-align: left;
}
.accordion .accordion-item {
color: var(--bs-body-color);
}
.accordion.accordion-icon .accordion-header {
position: relative;
}
.accordion.accordion-icon .accordion-header .accordion-button {
background: transparent;
border: none;
}
.accordion.accordion-icon .accordion-header .accordion-button:after {
content: "";
background: var(--bs-gray-800) !important;
width: 10px;
height: 2px;
display: block;
position: absolute;
top: 47%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
z-index: 9;
}
.accordion.accordion-icon .accordion-header .accordion-button:before {
content: "";
background: var(--bs-gray-800) !important;
width: 10px;
height: 2px;
display: block;
position: absolute;
top: 47%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
z-index: 9;
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.accordion.accordion-icon .accordion-collapse {
border: none;
}
.accordion.accordion-icon .accordion-body {
padding: 0.2rem 0.5rem 0.5rem 1rem;
}
.accordion.accordion-circle .accordion-item {
border-radius: 0.325rem !important;
border: 1px solid rgba(154, 158, 164, 0.2);
}
.accordion.accordion-circle .accordion-item:not(:first-of-type) {
border-top: 1px solid rgba(154, 158, 164, 0.2);
}
.accordion.accordion-circle .accordion-header {
position: relative;
}
.accordion.accordion-circle .accordion-header .accordion-button {
background: transparent;
color: var(--bs-gray-800);
border: none;
font-size: inherit;
padding-left: 2.7rem;
background-color: transparent !important;
}
.accordion.accordion-circle .accordion-header .accordion-button:after {
content: "";
background: var(--bs-primary);
width: 12px;
height: 12px;
border-radius: 100%;
display: block;
position: absolute;
top: 47%;
left: 17px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
}
.accordion.accordion-circle .accordion-header .accordion-button:before {
content: "";
background: var(--bs-white);
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.4);
box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.4);
width: 18px;
height: 18px;
border-radius: 100%;
display: block;
position: absolute;
top: 47%;
left: 14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
}
.accordion.accordion-circle .accordion-header .accordion-button[aria-expanded=true]:after {
visibility: visible;
}
.accordion.accordion-circle .accordion-header .accordion-button[aria-expanded=false]:after {
visibility: hidden !important;
}
.accordion.accordion-circle .accordion-header .accordion-button:not(.collapsed) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.accordion.accordion-circle .accordion-collapse {
border: none;
}
.accordion.accordion-circle .accordion-body {
padding: 0.5rem 2rem 1.5rem 2rem;
}
@media (max-width: 575.98px) {
.accordion-circle .accordion-body {
padding: 0.6rem 1.5rem 0.5rem 1.5rem !important;
}
.accordion-circle .accordion-header .accordion-button {
padding-left: 2.5rem !important;
}
}
.accordion.accordion-bg-light .accordion-item {
border: none;
background-color: transparent;
}
.accordion.accordion-bg-light .accordion-button {
background-color: var(--bs-light) !important;
color: var(--bs-gray-800) !important;
}
.accordion.accordion-bg-light .accordion-button:after {
background: var(--bs-dark) !important;
}
.accordion.accordion-bg-light .accordion-button:before {
background: var(--bs-dark) !important;
}
.accordion.accordion-bg-light .accordion-button:not(.collapsed) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.accordion.accordion-border .accordion-item {
border: none;
background-color: transparent;
}
.accordion.accordion-border .accordion-button {
border: 1px solid var(--bs-gray-300) !important;
color: var(--bs-gray-800) !important;
}
.accordion.accordion-border .accordion-button:after {
background: var(--bs-dark) !important;
}
.accordion.accordion-border .accordion-button:before {
background: var(--bs-dark) !important;
}
.accordion.accordion-border .accordion-button:not(.collapsed) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.accordion.accordion-shadow .accordion-item {
border: none;
}
.accordion.accordion-shadow .accordion-button {
background-color: var(--bs-body-bg) !important;
color: var(--bs-gray-800) !important;
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
}
.accordion.accordion-shadow .accordion-button:after {
background: var(--bs-dark) !important;
}
.accordion.accordion-shadow .accordion-button:before {
background: var(--bs-dark) !important;
}
.accordion.accordion-shadow .accordion-button:not(.collapsed) {
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
}
@media (max-width: 575.98px) {
.accordion-icon .accordion-body {
padding: 0.6rem 0.5rem 0.5rem 0.5rem !important;
}
.accordion-header .accordion-button {
padding-left: 1.3rem !important;
}
}
.accordion-flush .accordion-item {
background-color: transparent;
}
.accordion-flush .accordion-button {
padding: 1rem 0rem;
background-color: transparent;
}
.accordion-flush .accordion-button:after {
background-size: 0.825rem;
width: 0.825rem;
height: 0.825rem;
}
.accordion-flush .accordion-button:not(.collapsed) {
color: var(--bs-gray-800);
background-color: transparent;
}
.accordion.accordion-flush .accordion-header .accordion-button:not(.collapsed) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.accordion.accordion-flush.accordion-body {
padding: 0.5rem 1.5rem;
}
.accordion-flush .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23747579'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-flush .accordion-button[aria-expanded=true]::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23747579'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media (min-width: 768px) {
.accordion.accordion-flush .accordion-body {
padding: 0.825rem 2rem;
}
}
.accordion.accordion-flush-light .accordion-item {
background-color: transparent;
border-bottom: 1px solid rgba(154, 158, 164, 0.1);
}
.accordion.accordion-flush-light .accordion-header .accordion-button {
background: transparent;
padding: 15px;
border: none;
color: var(--bs-gray-800);
}
.accordion.accordion-flush-light .accordion-button[aria-expanded=true] {
background-color: var(--bs-light);
color: var(--bs-gray-800);
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0.325rem;
}
.accordion.accordion-active-dark .accordion-item {
border-radius: 0.325rem;
}
.accordion.accordion-active-dark .accordion-item:not(:first-of-type) {
border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion.accordion-active-dark .accordion-item .accordion-button {
background-color: var(--bs-light);
}
.accordion.accordion-active-dark .accordion-item .accordion-button[aria-expanded=true] {
background: var(--bs-dark) !important;
color: var(--bs-white);
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.accordion.accordion-active-dark .accordion-item .accordion-button[aria-expanded=true]:after {
background: var(--bs-white) !important;
}
.accordion.accordion-active-dark .accordion-item .accordion-button[aria-expanded=true]:before {
background: var(--bs-white) !important;
}
.breadcrumb-item a {
color: var(--bs-body-color);
}
.breadcrumb-item a:hover {
color: var(--bs-primary);
}
.breadcrumb.breadcrumb-dark .breadcrumb-item a {
color: var(--bs-gray-400);
}
.breadcrumb.breadcrumb-dark .breadcrumb-item a:hover {
color: var(--bs-primary);
}
.breadcrumb.breadcrumb-dark .breadcrumb-item.active {
color: var(--bs-gray-400);
}
.breadcrumb.breadcrumb-dots .breadcrumb-item+.breadcrumb-item::before {
content: "•";
font-size: 22px;
line-height: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.btn {
letter-spacing: 0.5px;
position: relative;
overflow: hidden;
outline: 0;
white-space: nowrap;
margin-bottom: 6px;
padding: 4px 10px !important;
}
.btn-primary {
color: #fff;
background-color: #4bb4af;
border-color: #4bb4af;
}
.btn-primary:hover {
color: #fff;
background-color: #409995;
border-color: #3c908c;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #409995;
border-color: #3c908c;
box-shadow: 0 0 0 0.2rem rgba(102, 191, 187, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #4bb4af;
border-color: #4bb4af;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #3c908c;
border-color: #388783;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(102, 191, 187, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #ff9635 !important;
border-color: #ff9635;
}
.btn-secondary:hover {
color: #212529;
background-color: #ff820f;
border-color: #ff7b02;
}
.btn-secondary:focus,
.btn-secondary.focus {
color: #212529;
background-color: #ff820f;
border-color: #ff7b02;
box-shadow: 0 0 0 0.2rem rgba(222, 133, 51, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #212529;
background-color: #ff9635;
border-color: #ff9635;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #ff7b02;
border-color: #f47500;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 133, 51, 0.5);
}
.input-group .btn {
margin-bottom: 0;
}
.btn-xs {
padding: 0.4rem 0.6rem;
font-size: 0.6rem;
line-height: 1.2;
border-radius: 0.325rem;
}
.btn-light {
background: var(--bs-light);
border-color: var(--bs-light);
color: var(--bs-gray-900);
}
.btn-light.active,
.btn-light:active,
.btn-light:focus,
.btn-light:hover {
background: var(--bs-gray-200);
border-color: var(--bs-gray-200);
color: var(--bs-gray-900);
}
.btn-white {
background: #fff;
color: #24292d;
}
.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover {
background: #eff1f2;
color: #24292d;
border-color: #eff1f2;
}
.btn-outline-white {
background: transparent;
border-color: #fff;
color: #fff;
}
.btn-outline-white.active,
.btn-outline-white:active,
.btn-outline-white:focus,
.btn-outline-white:hover {
color: #24292d;
background: #fff;
}
.btn-outline-light {
background: transparent;
border-color: var(--bs-gray-400);
color: var(--bs-body-color);
}
.btn-outline-light:active,
.btn-outline-light:hover,
.btn-outline-light:focus {
background: var(--bs-gray-400);
border-color: var(--bs-gray-400);
color: var(--bs-gray-800);
}
.btn-check:checked+.btn-outline-light {
background: var(--bs-gray-400);
border-color: var(--bs-gray-400);
color: var(--bs-gray-800);
}
.btn-round {
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
padding: 0;
text-align: center;
}
.btn-round i {
margin: 0;
}
.btn-round .fa-play {
padding-left: 3px;
}
.btn-round.btn-lg,
.btn-group-lg>.btn-round.btn {
height: 55px;
width: 55px;
line-height: 55px;
}
.btn-round.btn-sm,
.btn-group-sm>.btn-round.btn {
height: 32px;
width: 32px;
line-height: 30px;
}
.btn-round.btn-sm i,
.btn-group-sm>.btn-round.btn i {
font-size: 0.6rem;
} .btn-primary-soft {
color: #066ac9;
background-color: rgba(6, 106, 201, 0.1);
}
.btn-primary-soft:active,
.btn-primary-soft:hover {
color: #fff !important;
background-color: #066ac9 !important;
border-color: #066ac9 !important;
}
.btn-primary-soft:focus {
color: #066ac9;
background-color: rgba(6, 106, 201, 0.1);
border-color: transparent;
}
.btn-white-soft {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.btn-white-soft:active,
.btn-white-soft:hover {
color: #000 !important;
background-color: #fff !important;
border-color: #fff !important;
}
.btn-white-soft:focus {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.btn-secondary-soft {
color: #9a9ea4;
background-color: rgba(154, 158, 164, 0.1);
}
.btn-secondary-soft:active,
.btn-secondary-soft:hover {
color: #fff !important;
background-color: #9a9ea4 !important;
border-color: #9a9ea4 !important;
}
.btn-secondary-soft:focus {
color: #9a9ea4;
background-color: rgba(154, 158, 164, 0.1);
border-color: transparent;
}
.btn-success-soft {
color: #0cbc87;
background-color: rgba(12, 188, 135, 0.1);
}
.btn-success-soft:active,
.btn-success-soft:hover {
color: #fff !important;
background-color: #0cbc87 !important;
border-color: #0cbc87 !important;
}
.btn-success-soft:focus {
color: #0cbc87;
background-color: rgba(12, 188, 135, 0.1);
border-color: transparent;
}
.btn-info-soft {
color: #17a2b8;
background-color: rgba(23, 162, 184, 0.1);
}
.btn-info-soft:active,
.btn-info-soft:hover {
color: #fff !important;
background-color: #17a2b8 !important;
border-color: #17a2b8 !important;
}
.btn-info-soft:focus {
color: #17a2b8;
background-color: rgba(23, 162, 184, 0.1);
border-color: transparent;
}
.btn-warning-soft {
color: #f7c32e;
background-color: rgba(247, 195, 46, 0.1);
}
.btn-warning-soft:active,
.btn-warning-soft:hover {
color: #000 !important;
background-color: #f7c32e !important;
border-color: #f7c32e !important;
}
.btn-warning-soft:focus {
color: #f7c32e;
background-color: rgba(247, 195, 46, 0.1);
border-color: transparent;
}
.btn-danger-soft {
color: #d6293e;
background-color: rgba(214, 41, 62, 0.1);
}
.btn-danger-soft:active,
.btn-danger-soft:hover {
color: #fff !important;
background-color: #d6293e !important;
border-color: #d6293e !important;
}
.btn-danger-soft:focus {
color: #d6293e;
background-color: rgba(214, 41, 62, 0.1);
border-color: transparent;
}
.btn-light-soft {
color: #f5f7f9;
background-color: rgba(245, 247, 249, 0.1);
}
.btn-light-soft:active,
.btn-light-soft:hover {
color: #000 !important;
background-color: #f5f7f9 !important;
border-color: #f5f7f9 !important;
}
.btn-light-soft:focus {
color: #f5f7f9;
background-color: rgba(245, 247, 249, 0.1);
border-color: transparent;
}
.btn-dark-soft {
color: #24292d;
background-color: rgba(36, 41, 45, 0.1);
}
.btn-dark-soft:active,
.btn-dark-soft:hover {
color: #fff !important;
background-color: #24292d !important;
border-color: #24292d !important;
}
.btn-dark-soft:focus {
color: #24292d;
background-color: rgba(36, 41, 45, 0.1);
border-color: transparent;
}
.btn-orange-soft {
color: #fd7e14;
background-color: rgba(253, 126, 20, 0.1);
}
.btn-orange-soft:active,
.btn-orange-soft:hover {
color: #fff !important;
background-color: #fd7e14 !important;
border-color: #fd7e14 !important;
}
.btn-orange-soft:focus {
color: #fd7e14;
background-color: rgba(253, 126, 20, 0.1);
border-color: transparent;
}
.btn-purple-soft {
color: #6f42c1;
background-color: rgba(111, 66, 193, 0.1);
}
.btn-purple-soft:active,
.btn-purple-soft:hover {
color: #fff !important;
background-color: #6f42c1 !important;
border-color: #6f42c1 !important;
}
.btn-purple-soft:focus {
color: #6f42c1;
background-color: rgba(111, 66, 193, 0.1);
border-color: transparent;
}
.btn-blue-soft {
color: #1d3b53;
background-color: rgba(29, 59, 83, 0.1);
}
.btn-blue-soft:active,
.btn-blue-soft:hover {
color: #fff !important;
background-color: #1d3b53 !important;
border-color: #1d3b53 !important;
}
.btn-blue-soft:focus {
color: #1d3b53;
background-color: rgba(29, 59, 83, 0.1);
border-color: transparent;
}
.btn-primary-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(6, 106, 201, 0.4);
box-shadow: 0 0 0 8px rgba(6, 106, 201, 0.4);
background-color: #066ac9;
}
.btn-primary-shadow:active,
.btn-primary-shadow:hover {
color: #fff;
background-color: #066ac9;
border-color: #2b80d1;
-webkit-box-shadow: 0 0 0 10px rgba(6, 106, 201, 0.4);
box-shadow: 0 0 0 10px rgba(6, 106, 201, 0.4);
}
.btn-check:focus+.btn-primary-shadow,
.btn-primary-shadow:focus {
color: #fff;
background-color: #066ac9;
border-color: #2b80d1;
-webkit-box-shadow: 0 0 0 10px rgba(6, 106, 201, 0.4);
box-shadow: 0 0 0 10px rgba(6, 106, 201, 0.4);
}
.btn-white-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
background-color: #fff;
}
.btn-white-shadow:active,
.btn-white-shadow:hover {
color: #000;
background-color: #fff;
border-color: #d9d9d9;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
}
.btn-check:focus+.btn-white-shadow,
.btn-white-shadow:focus {
color: #000;
background-color: #fff;
border-color: #d9d9d9;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
}
.btn-secondary-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(154, 158, 164, 0.4);
box-shadow: 0 0 0 8px rgba(154, 158, 164, 0.4);
background-color: #9a9ea4;
}
.btn-secondary-shadow:active,
.btn-secondary-shadow:hover {
color: #fff;
background-color: #9a9ea4;
border-color: #a9adb2;
-webkit-box-shadow: 0 0 0 10px rgba(154, 158, 164, 0.4);
box-shadow: 0 0 0 10px rgba(154, 158, 164, 0.4);
}
.btn-check:focus+.btn-secondary-shadow,
.btn-secondary-shadow:focus {
color: #fff;
background-color: #9a9ea4;
border-color: #a9adb2;
-webkit-box-shadow: 0 0 0 10px rgba(154, 158, 164, 0.4);
box-shadow: 0 0 0 10px rgba(154, 158, 164, 0.4);
}
.btn-success-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(12, 188, 135, 0.4);
box-shadow: 0 0 0 8px rgba(12, 188, 135, 0.4);
background-color: #0cbc87;
}
.btn-success-shadow:active,
.btn-success-shadow:hover {
color: #fff;
background-color: #0cbc87;
border-color: #30c699;
-webkit-box-shadow: 0 0 0 10px rgba(12, 188, 135, 0.4);
box-shadow: 0 0 0 10px rgba(12, 188, 135, 0.4);
}
.btn-check:focus+.btn-success-shadow,
.btn-success-shadow:focus {
color: #fff;
background-color: #0cbc87;
border-color: #30c699;
-webkit-box-shadow: 0 0 0 10px rgba(12, 188, 135, 0.4);
box-shadow: 0 0 0 10px rgba(12, 188, 135, 0.4);
}
.btn-info-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(23, 162, 184, 0.4);
box-shadow: 0 0 0 8px rgba(23, 162, 184, 0.4);
background-color: #17a2b8;
}
.btn-info-shadow:active,
.btn-info-shadow:hover {
color: #fff;
background-color: #17a2b8;
border-color: #3ab0c3;
-webkit-box-shadow: 0 0 0 10px rgba(23, 162, 184, 0.4);
box-shadow: 0 0 0 10px rgba(23, 162, 184, 0.4);
}
.btn-check:focus+.btn-info-shadow,
.btn-info-shadow:focus {
color: #fff;
background-color: #17a2b8;
border-color: #3ab0c3;
-webkit-box-shadow: 0 0 0 10px rgba(23, 162, 184, 0.4);
box-shadow: 0 0 0 10px rgba(23, 162, 184, 0.4);
}
.btn-warning-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(247, 195, 46, 0.4);
box-shadow: 0 0 0 8px rgba(247, 195, 46, 0.4);
background-color: #f7c32e;
}
.btn-warning-shadow:active,
.btn-warning-shadow:hover {
color: #000;
background-color: #f7c32e;
border-color: #f8cc4d;
-webkit-box-shadow: 0 0 0 10px rgba(247, 195, 46, 0.4);
box-shadow: 0 0 0 10px rgba(247, 195, 46, 0.4);
}
.btn-check:focus+.btn-warning-shadow,
.btn-warning-shadow:focus {
color: #000;
background-color: #f7c32e;
border-color: #f8cc4d;
-webkit-box-shadow: 0 0 0 10px rgba(247, 195, 46, 0.4);
box-shadow: 0 0 0 10px rgba(247, 195, 46, 0.4);
}
.btn-danger-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(214, 41, 62, 0.4);
box-shadow: 0 0 0 8px rgba(214, 41, 62, 0.4);
background-color: #d6293e;
}
.btn-danger-shadow:active,
.btn-danger-shadow:hover {
color: #fff;
background-color: #d6293e;
border-color: #dc495b;
-webkit-box-shadow: 0 0 0 10px rgba(214, 41, 62, 0.4);
box-shadow: 0 0 0 10px rgba(214, 41, 62, 0.4);
}
.btn-check:focus+.btn-danger-shadow,
.btn-danger-shadow:focus {
color: #fff;
background-color: #d6293e;
border-color: #dc495b;
-webkit-box-shadow: 0 0 0 10px rgba(214, 41, 62, 0.4);
box-shadow: 0 0 0 10px rgba(214, 41, 62, 0.4);
}
.btn-light-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(245, 247, 249, 0.4);
box-shadow: 0 0 0 8px rgba(245, 247, 249, 0.4);
background-color: #f5f7f9;
}
.btn-light-shadow:active,
.btn-light-shadow:hover {
color: #000;
background-color: #f5f7f9;
border-color: #f7f8fa;
-webkit-box-shadow: 0 0 0 10px rgba(245, 247, 249, 0.4);
box-shadow: 0 0 0 10px rgba(245, 247, 249, 0.4);
}
.btn-check:focus+.btn-light-shadow,
.btn-light-shadow:focus {
color: #000;
background-color: #f5f7f9;
border-color: #f7f8fa;
-webkit-box-shadow: 0 0 0 10px rgba(245, 247, 249, 0.4);
box-shadow: 0 0 0 10px rgba(245, 247, 249, 0.4);
}
.btn-dark-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(36, 41, 45, 0.4);
box-shadow: 0 0 0 8px rgba(36, 41, 45, 0.4);
background-color: #24292d;
}
.btn-dark-shadow:active,
.btn-dark-shadow:hover {
color: #fff;
background-color: #24292d;
border-color: #45494d;
-webkit-box-shadow: 0 0 0 10px rgba(36, 41, 45, 0.4);
box-shadow: 0 0 0 10px rgba(36, 41, 45, 0.4);
}
.btn-check:focus+.btn-dark-shadow,
.btn-dark-shadow:focus {
color: #fff;
background-color: #24292d;
border-color: #45494d;
-webkit-box-shadow: 0 0 0 10px rgba(36, 41, 45, 0.4);
box-shadow: 0 0 0 10px rgba(36, 41, 45, 0.4);
}
.btn-orange-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(253, 126, 20, 0.4);
box-shadow: 0 0 0 8px rgba(253, 126, 20, 0.4);
background-color: #fd7e14;
}
.btn-orange-shadow:active,
.btn-orange-shadow:hover {
color: #fff;
background-color: #fd7e14;
border-color: #fd9137;
-webkit-box-shadow: 0 0 0 10px rgba(253, 126, 20, 0.4);
box-shadow: 0 0 0 10px rgba(253, 126, 20, 0.4);
}
.btn-check:focus+.btn-orange-shadow,
.btn-orange-shadow:focus {
color: #fff;
background-color: #fd7e14;
border-color: #fd9137;
-webkit-box-shadow: 0 0 0 10px rgba(253, 126, 20, 0.4);
box-shadow: 0 0 0 10px rgba(253, 126, 20, 0.4);
}
.btn-purple-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(111, 66, 193, 0.4);
box-shadow: 0 0 0 8px rgba(111, 66, 193, 0.4);
background-color: #6f42c1;
}
.btn-purple-shadow:active,
.btn-purple-shadow:hover {
color: #fff;
background-color: #6f42c1;
border-color: #855eca;
-webkit-box-shadow: 0 0 0 10px rgba(111, 66, 193, 0.4);
box-shadow: 0 0 0 10px rgba(111, 66, 193, 0.4);
}
.btn-check:focus+.btn-purple-shadow,
.btn-purple-shadow:focus {
color: #fff;
background-color: #6f42c1;
border-color: #855eca;
-webkit-box-shadow: 0 0 0 10px rgba(111, 66, 193, 0.4);
box-shadow: 0 0 0 10px rgba(111, 66, 193, 0.4);
}
.btn-blue-shadow {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
-webkit-box-shadow: 0 0 0 8px rgba(29, 59, 83, 0.4);
box-shadow: 0 0 0 8px rgba(29, 59, 83, 0.4);
background-color: #1d3b53;
}
.btn-blue-shadow:active,
.btn-blue-shadow:hover {
color: #fff;
background-color: #1d3b53;
border-color: #3f586d;
-webkit-box-shadow: 0 0 0 10px rgba(29, 59, 83, 0.4);
box-shadow: 0 0 0 10px rgba(29, 59, 83, 0.4);
}
.btn-check:focus+.btn-blue-shadow,
.btn-blue-shadow:focus {
color: #fff;
background-color: #1d3b53;
border-color: #3f586d;
-webkit-box-shadow: 0 0 0 10px rgba(29, 59, 83, 0.4);
box-shadow: 0 0 0 10px rgba(29, 59, 83, 0.4);
}
.btn-primary-soft-check:hover {
background-color: rgba(var(--bs-primary-rgb), 0.2);
border-color: rgba(6, 106, 201, 0);
}
.btn-check:active+.btn-primary-soft-check,
.btn-check:checked+.btn-primary-soft-check,
.btn-primary-soft-check.active,
.btn-primary-soft-check:active,
.show>.btn-primary-soft-check.dropdown-toggle {
background-color: rgba(var(--bs-primary-rgb), 0.2);
color: var(--bs-primary);
border-color: rgba(6, 106, 201, 0);
}
.btn-check:focus+.btn,
.btn-round-shadow:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-more i {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-more[aria-expanded=true] i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform-origin: center;
transform-origin: center;
}
.btn-more .see-more {
display: block;
}
.btn-more .see-less {
display: none;
}
.btn-more[aria-expanded=true] .see-more {
display: none;
}
.btn-more[aria-expanded=true] .see-less {
display: block;
}
.btn-transition {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-transition:focus,
.btn-transition:hover {
-webkit-transform: translateY(-0.1875rem);
transform: translateY(-0.1875rem);
}
.card,
.overflow-hidden {
will-change: transform;
}
.card-header-title {
margin-bottom: 0;
}
.card .card-img-overlay {
z-index: 2;
}
.card-hover-border:hover {
border: 1px solid var(--bs-gray-300);
}
.card .card-element-hover {
visibility: hidden;
margin-top: 30px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
}
.card:hover .card-element-hover {
visibility: visible;
margin-top: 0px;
opacity: 1;
}
.action-trigger-hover .item-show {
display: block;
visibility: visible;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.action-trigger-hover:hover .item-show {
display: none;
visibility: hidden;
}
.action-trigger-hover .item-show-hover {
display: none;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.action-trigger-hover:hover .item-show-hover {
display: block;
visibility: visible;
}
.card-metro {
overflow: hidden;
}
.card-metro .card-img-overlay {
z-index: 2;
}
.card-metro .card-text,
.card-metro img {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-metro:before {
content: "";
position: absolute;
height: 50%;
width: 100%;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
z-index: 1;
}
.card-metro:hover .card-text {
margin-bottom: 10px;
}
.card-metro:hover .card-image img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.card-overlay-hover:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: var(--bs-dark);
display: block;
}
.card:hover .card-overlay-hover:before {
opacity: 0.5;
}
.card-border-hover {
background-color: var(--bs-body-bg);
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-border-hover h2 i,
.card-border-hover .h2 i {
color: var(--bs-secondary);
}
.card-border-hover:hover {
border-color: var(--bs-primary);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-border-hover:hover h2 i,
.card-border-hover:hover .h2 i {
color: var(--bs-primary);
}
.card .card-image-scale {
overflow: hidden;
}
.card .card-image-scale img {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
transform: scale(1);
}
.card:hover .card-image-scale img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus {
border-radius: 0.325rem;
}
.dropdown-menu {
padding-left: 10px;
padding-right: 10px;
z-index: 1100;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
}
.dropdown-menu-size-sm {
min-width: 13rem;
}
.dropdown-menu-size-md {
min-width: 22rem;
}
.dropdown-menu-size-lg {
min-width: 30rem;
}
@media (max-width: 575.98px) {
.dropdown-menu-size-md {
min-width: 16rem;
margin-right: -25px !important;
}
.dropdown-menu-size-sm {
min-width: 13rem;
}
}
.dropdown .dropdown-toggle:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
border: none;
}
.dropup .dropdown-toggle:after {
content: "\f106";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
border: none;
}
.dropstart .dropdown-toggle:before {
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
border: none;
}
.dropend .dropdown-toggle:after {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
border: none;
}
@media (max-width: 991.98px) {
.dropdown-width-lg {
width: 100%;
padding: 0;
}
}
@media (min-width: 1200px) {
.dropdown-width-lg {
width: 40rem;
padding: 0;
}
}
@media (min-width: 1400px) {
.dropdown-width-lg {
width: 50rem;
padding: 0;
}
}
.dropdown-fullwidth .dropdown-menu {
margin: 0 auto;
left: 0;
right: 0;
padding: 1rem 0;
}
@media (min-width: 1200px) {
.dropdown-fullwidth {
position: static;
}
}
@media (min-width: 576px) {
.dropdown-fullwidth .dropdown-menu {
max-width: 96%;
}
}
@media (min-width: 768px) {
.dropdown-fullwidth .dropdown-menu {
max-width: 94%;
}
}
@media (min-width: 992px) {
.dropdown-fullwidth .dropdown-menu {
max-width: 94%;
}
}
@media (min-width: 1200px) {
.dropdown-fullwidth .dropdown-menu {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.dropdown-fullwidth .dropdown-menu {
max-width: 1300px;
}
}
.dropdown-menu-start {
left: 0;
}
.dropdown-menu-end {
right: 0;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
left: 0;
}
.dropdown-menu-sm-end {
right: 0;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
left: 0;
}
.dropdown-menu-md-end {
right: 0;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
left: 0;
}
.dropdown-menu-lg-end {
right: 0;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
left: 0;
}
.dropdown-menu-xl-end {
right: 0;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
left: 0;
}
.dropdown-menu-xxl-end {
right: 0;
}
}
@media (max-width: 1199.98px) {
.dropdown-fullwidth .dropdown-menu .container {
max-width: 100%;
}
}
.dropdown-menu.dropdown-animation.show {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: dropdownslideIn;
animation-name: dropdownslideIn;
position: absolute !important;
top: 100% !important;
}
@keyframes dropdownslideIn {
0% {
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
opacity: 0;
}
100% {
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
opacity: 1;
}
0% {
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
opacity: 0;
}
}
@-webkit-keyframes dropdownslideIn {
0% {
-webkit-transform: transform;
-webkit-opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-webkit-opacity: 1;
}
0% {
-webkit-transform: translateY(1rem);
-webkit-opacity: 0;
}
}
.list-group .list-group-item i,
.list-group .list-group-item span {
margin-right: 5px;
}
.list-group-borderless .list-group-item {
border: none !important;
padding: 0.425rem 0;
}
.list-group-dark .list-group-item {
color: var(--bs-white);
margin-bottom: 10px;
padding-right: 1rem !important;
padding-left: 1rem !important;
border-radius: 0.325rem;
}
.list-group-dark .list-group-item:not(.bg-danger-soft-hover):hover,
.list-group-dark .list-group-item:not(.bg-danger-soft-hover).active {
color: var(--bs-dark) !important;
background-color: var(--bs-white) !important;
}
.collapse-list .list-group-item[data-bs-toggle=collapse] {
position: relative;
}
.collapse-list .list-group-item[data-bs-toggle=collapse]:before,
.collapse-list .list-group-item[data-bs-toggle=collapse]:after {
content: "";
background: var(--bs-gray-600);
border-radius: 1px;
display: block;
position: absolute;
height: 2px;
width: 7px;
margin: auto 12px;
-webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
top: 0;
bottom: 0;
}
.collapse-list .list-group-item[data-bs-toggle=collapse]:hover:before,
.collapse-list .list-group-item[data-bs-toggle=collapse]:hover:after {
background: #24292d;
}
.collapse-list .list-group-item[data-bs-toggle=collapse]:before {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
right: 0px;
}
.collapse-list .list-group-item[data-bs-toggle=collapse]:after {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
right: 5px;
}
.collapse-list .list-group-item[data-bs-toggle=collapse][aria-expanded=true]:before {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
background: #24292d;
}
.collapse-list .list-group-item[data-bs-toggle=collapse][aria-expanded=true]:after {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
background: #24292d;
}
.collapse-list .list-group-item[aria-expanded=true] {
background-color: #fff;
color: #24292d;
}
.collapse-list a.list-group-item:hover {
background-color: transparent;
color: var(--bs-primary);
}
.collapse-list .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
margin-left: 2rem;
}
.collapse-list .nav .nav-link {
color: #fff;
}
.collapse-list .nav .nav-link:hover,
.collapse-list .nav .nav-link:focus {
color: #0555a1;
}
.nav-pills .nav-link {
cursor: pointer;
margin-bottom: 15px;
padding: 0.5rem 1rem;
}
.nav.flex-column:not(.nav-pills) .nav-link {
padding-left: 0;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.nav.nav-divider a:not(.dropdown-item) {
color: inherit;
}
.nav.nav-divider .nav-item+.nav-item:before {
content: "•";
color: inherit;
padding-left: 0.65rem;
padding-right: 0.75rem;
opacity: 0.8;
}
.nav.nav-divider .nav-item {
display: inline-block;
vertical-align: middle;
}
.nav.nav-divider .nav-link {
padding: 0;
color: inherit;
}
.nav-pill-soft .nav-link {
background-color: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary);
border: none;
}
.nav-pill-soft .nav-link.active,
.nav-pill-soft .show>.nav-link {
color: var(--bs-white) !important;
background-color: var(--bs-primary);
}
.nav-pill-dark-soft .nav-link {
background-color: var(--bs-gray-200);
color: var(--bs-gray-800);
border: none;
}
.nav-pill-dark-soft .nav-link.active,
.nav-pill-dark-soft .show>.nav-link {
color: var(--bs-gray-200);
background-color: var(--bs-gray-800);
}
.nav-pills-bg-soft {
background-color: rgba(var(--bs-primary-rgb), 0.1);
padding: 0.625rem 0;
border-radius: 0.625rem;
}
.nav-pills-bg-soft .nav-link {
color: var(--bs-primary);
}
.nav-pills.nav-tabs-line {
padding: 0.625rem 0;
}
.nav-pills.nav-tabs-line .nav-link {
border: transparent;
color: var(--bs-primary);
}
.nav-pills.nav-tabs-line .nav-link.active {
color: var(--bs-primary);
background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.nav-pills.nav-tabs-line .nav-item {
margin-bottom: -2px;
}
.nav.nav-bottom-line .nav-link {
border: transparent;
font-weight: 600;
padding: 0.75rem 0.975rem;
}
.nav.nav-bottom-line .nav-item:first-child .nav-link {
padding-left: 0;
}
.nav.nav-bottom-line .nav-link {
background: transparent;
border-bottom: 3px solid transparent;
}
.nav.nav-bottom-line .nav-link.active {
background: transparent;
color: var(--bs-primary);
border-bottom: 3px solid var(--bs-primary);
}
.nav.nav-bottom-line .nav-item {
margin-bottom: -2px;
}
.nav-tabs-bg-dark {
border-radius: 0.5rem;
background-color: var(--bs-dark);
padding: 1.5rem;
}
.nav-tabs-bg-dark .nav-link {
color: var(--bs-white);
border-radius: 0.5rem;
padding: 0.825rem;
margin-bottom: 5px;
}
.nav-tabs-bg-dark .nav-link.active,
.nav-tabs-bg-dark .show>.nav-link {
color: var(--bs-dark) !important;
background-color: var(--bs-white);
border-radius: 0.325rem;
}
.navbar-expand-sm .dropdown-toggle:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
margin-left: 0.35rem;
font-weight: 900;
vertical-align: middle;
border: none;
}
.navbar-expand-sm .dropdown-submenu.dropend .dropdown-toggle:after {
content: "\f141";
font-family: "Font Awesome 5 Free";
right: 1rem;
}
.navbar-expand-sm .dropdown-submenu.dropstart .dropdown-toggle:before {
content: "\f141";
margin-right: 0;
font-family: "Font Awesome 5 Free";
right: 1rem;
position: absolute;
}
.navbar-expand-sm .dropdown-fullwidth .dropdown-menu {
padding: 0 !important;
}
@media (min-width: 576px) {
.navbar-expand-sm .navbar-top {
z-index: 1100 !important;
}
.navbar-expand-sm .navbar-brand .navbar-brand-item {
height: 36px;
display: block;
width: auto;
}
.navbar-expand-sm .navbar-nav .dropdown>.dropdown-menu {
top: 120%;
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-sm .navbar-nav .dropdown:hover>.dropdown-menu {
display: block;
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-expand-sm .navbar-nav .dropdown .dropdown-submenu>.dropdown-menu {
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-sm .navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
margin-left: 0.5rem;
}
.navbar-expand-sm .navbar-nav .dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.navbar-expand-sm .navbar-nav .nav-link {
line-height: 40px;
font-weight: 500;
}
.navbar-expand-sm .dropdown-menu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-sm .dropdown-menu-shadow-stacked {
z-index: 5;
}
.navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-submenu {
z-index: unset !important;
}
.navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-menu {
z-index: -1;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-menu>* {
z-index: 1;
position: relative;
}
.navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-menu:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--bs-body-bg);
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
border-radius: inherit;
}
.navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-menu li {
position: relative;
}
}
@media (max-width: 575.98px) {
.navbar-expand-sm .navbar-brand .navbar-brand-item {
height: 24px;
}
.navbar-expand-sm .navbar-brand {
padding: 20px 0;
}
.navbar-expand-sm .navbar-nav-scroll {
max-height: var(--bs-scroll-height, 65vh);
}
.navbar-expand-sm .navbar-collapse {
-webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--bs-body-bg);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-sm .navbar-collapse .navbar-nav .nav-item {
border-bottom: 1px solid var(--bs-border-color);
padding: 8px 30px;
}
.navbar-expand-sm .navbar-nav .nav-item>.dropdown-menu {
background: rgba(64, 68, 72, 0.04);
}
.navbar-expand-sm .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06);
}
.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle::after {
position: absolute;
right: 25px;
}
.navbar-expand-sm .navbar-toggler {
border-color: transparent !important;
}
.navbar-expand-sm .offcanvas-body {
padding: 1rem 0.875rem;
}
.navbar-expand-sm .offcanvas-body .navbar-nav .nav-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px 0;
}
.navbar-expand-sm .offcanvas-body .navbar-nav .dropdown-toggle::after {
position: absolute;
}
.navbar-expand-sm .dropdown-clickable .nav-item {
position: static;
}
.navbar-expand-sm .dropdown-clickable .nav-item>.dropdown-menu[data-bs-popper] {
position: absolute !important;
top: 100% !important;
left: 0;
right: 0;
width: 100%;
background: var(--bs-body-bg) !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 12px 30px;
}
.navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06) !important;
margin-left: 0.5rem;
}
.navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
border-bottom: 0;
padding: 8px 40px;
}
.navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
top: 100%;
padding-bottom: 15px;
}
}
.navbar-expand-md .dropdown-toggle:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
margin-left: 0.35rem;
font-weight: 900;
vertical-align: middle;
border: none;
}
.navbar-expand-md .dropdown-submenu.dropend .dropdown-toggle:after {
content: "\f141";
font-family: "Font Awesome 5 Free";
right: 1rem;
}
.navbar-expand-md .dropdown-submenu.dropstart .dropdown-toggle:before {
content: "\f141";
margin-right: 0;
font-family: "Font Awesome 5 Free";
right: 1rem;
position: absolute;
}
.navbar-expand-md .dropdown-fullwidth .dropdown-menu {
padding: 0 !important;
}
@media (min-width: 768px) {
.navbar-expand-md .navbar-top {
z-index: 1100 !important;
}
.navbar-expand-md .navbar-brand .navbar-brand-item {
height: 36px;
display: block;
width: auto;
}
.navbar-expand-md .navbar-nav .dropdown>.dropdown-menu {
top: 120%;
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-md .navbar-nav .dropdown:hover>.dropdown-menu {
display: block;
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-expand-md .navbar-nav .dropdown .dropdown-submenu>.dropdown-menu {
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-md .navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
margin-left: 0.5rem;
}
.navbar-expand-md .navbar-nav .dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.navbar-expand-md .navbar-nav .nav-link {
line-height: 40px;
font-weight: 500;
}
.navbar-expand-md .dropdown-menu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-md .dropdown-menu-shadow-stacked {
z-index: 5;
}
.navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-submenu {
z-index: unset !important;
}
.navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu {
z-index: -1;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu>* {
z-index: 1;
position: relative;
}
.navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--bs-body-bg);
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
border-radius: inherit;
}
.navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu li {
position: relative;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md .navbar-brand .navbar-brand-item {
height: 24px;
}
.navbar-expand-md .navbar-brand {
padding: 20px 0;
}
.navbar-expand-md .navbar-nav-scroll {
max-height: var(--bs-scroll-height, 65vh);
}
.navbar-expand-md .navbar-collapse {
-webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--bs-body-bg);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-md .navbar-collapse .navbar-nav .nav-item {
border-bottom: 1px solid var(--bs-border-color);
padding: 8px 30px;
}
.navbar-expand-md .navbar-nav .nav-item>.dropdown-menu {
background: rgba(64, 68, 72, 0.04);
}
.navbar-expand-md .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06);
}
.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle::after {
position: absolute;
right: 25px;
}
.navbar-expand-md .navbar-toggler {
border-color: transparent !important;
}
.navbar-expand-md .offcanvas-body {
padding: 1rem 0.875rem;
}
.navbar-expand-md .offcanvas-body .navbar-nav .nav-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px 0;
}
.navbar-expand-md .offcanvas-body .navbar-nav .dropdown-toggle::after {
position: absolute;
}
.navbar-expand-md .dropdown-clickable .nav-item {
position: static;
}
.navbar-expand-md .dropdown-clickable .nav-item>.dropdown-menu[data-bs-popper] {
position: absolute !important;
top: 100% !important;
left: 0;
right: 0;
width: 100%;
background: var(--bs-body-bg) !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 12px 30px;
}
.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06) !important;
margin-left: 0.5rem;
}
.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
border-bottom: 0;
padding: 8px 40px;
}
.navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
top: 100%;
padding-bottom: 15px;
}
}
.navbar-expand-lg .dropdown-toggle:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
margin-left: 0.35rem;
font-weight: 900;
vertical-align: middle;
border: none;
}
.navbar-expand-lg .dropdown-submenu.dropend .dropdown-toggle:after {
content: "\f141";
font-family: "Font Awesome 5 Free";
right: 1rem;
}
.navbar-expand-lg .dropdown-submenu.dropstart .dropdown-toggle:before {
content: "\f141";
margin-right: 0;
font-family: "Font Awesome 5 Free";
right: 1rem;
position: absolute;
}
.navbar-expand-lg .dropdown-fullwidth .dropdown-menu {
padding: 0 !important;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-top {
z-index: 1100 !important;
}
.navbar-expand-lg .navbar-brand .navbar-brand-item {
height: 36px;
display: block;
width: auto;
}
.navbar-expand-lg .navbar-nav .dropdown>.dropdown-menu {
top: 120%;
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-lg .navbar-nav .dropdown:hover>.dropdown-menu {
display: block;
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-submenu>.dropdown-menu {
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
margin-left: 0.5rem;
}
.navbar-expand-lg .navbar-nav .dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.navbar-expand-lg .navbar-nav .nav-link {
line-height: 40px;
font-weight: 500;
}
.navbar-expand-lg .dropdown-menu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-lg .dropdown-menu-shadow-stacked {
z-index: 5;
}
.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-submenu {
z-index: unset !important;
}
.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu {
z-index: -1;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu>* {
z-index: 1;
position: relative;
}
.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--bs-body-bg);
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
border-radius: inherit;
}
.navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu li {
position: relative;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg .navbar-brand .navbar-brand-item {
height: 24px;
}
.navbar-expand-lg .navbar-brand {
padding: 20px 0;
}
.navbar-expand-lg .navbar-nav-scroll {
max-height: var(--bs-scroll-height, 65vh);
}
.navbar-expand-lg .navbar-collapse {
-webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--bs-body-bg);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-lg .navbar-collapse .navbar-nav .nav-item {
border-bottom: 1px solid var(--bs-border-color);
padding: 8px 30px;
}
.navbar-expand-lg .navbar-nav .nav-item>.dropdown-menu {
background: rgba(64, 68, 72, 0.04);
}
.navbar-expand-lg .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06);
}
.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after {
position: absolute;
right: 25px;
}
.navbar-expand-lg .navbar-toggler {
border-color: transparent !important;
}
.navbar-expand-lg .offcanvas-body {
padding: 1rem 0.875rem;
}
.navbar-expand-lg .offcanvas-body .navbar-nav .nav-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px 0;
}
.navbar-expand-lg .offcanvas-body .navbar-nav .dropdown-toggle::after {
position: absolute;
}
.navbar-expand-lg .dropdown-clickable .nav-item {
position: static;
}
.navbar-expand-lg .dropdown-clickable .nav-item>.dropdown-menu[data-bs-popper] {
position: absolute !important;
top: 100% !important;
left: 0;
right: 0;
width: 100%;
background: var(--bs-body-bg) !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 12px 30px;
}
.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06) !important;
margin-left: 0.5rem;
}
.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
border-bottom: 0;
padding: 8px 40px;
}
.navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
top: 100%;
padding-bottom: 15px;
}
}
.navbar-expand-xl .dropdown-toggle:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
margin-left: 0.35rem;
font-weight: 900;
vertical-align: middle;
border: none;
}
.navbar-expand-xl .dropdown-submenu.dropend .dropdown-toggle:after {
content: "\f141";
font-family: "Font Awesome 5 Free";
right: 1rem;
}
.navbar-expand-xl .dropdown-submenu.dropstart .dropdown-toggle:before {
content: "\f141";
margin-right: 0;
font-family: "Font Awesome 5 Free";
right: 1rem;
position: absolute;
}
.navbar-expand-xl .dropdown-fullwidth .dropdown-menu {
padding: 0 !important;
}
@media (min-width: 1200px) {
.navbar-expand-xl .navbar-top {
z-index: 1100 !important;
}
.navbar-expand-xl .navbar-brand .navbar-brand-item {
height: 36px;
display: block;
width: auto;
}
.navbar-expand-xl .navbar-nav .dropdown>.dropdown-menu {
top: 120%;
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-xl .navbar-nav .dropdown:hover>.dropdown-menu {
display: block;
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-expand-xl .navbar-nav .dropdown .dropdown-submenu>.dropdown-menu {
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-xl .navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
margin-left: 0.5rem;
}
.navbar-expand-xl .navbar-nav .dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.navbar-expand-xl .navbar-nav .nav-link {
line-height: 40px;
font-weight: 500;
}
.navbar-expand-xl .dropdown-menu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-xl .dropdown-menu-shadow-stacked {
z-index: 5;
}
.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-submenu {
z-index: unset !important;
}
.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu {
z-index: -1;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu>* {
z-index: 1;
position: relative;
}
.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--bs-body-bg);
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
border-radius: inherit;
}
.navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu li {
position: relative;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl .navbar-brand .navbar-brand-item {
height: 24px;
}
.navbar-expand-xl .navbar-brand {
padding: 20px 0;
}
.navbar-expand-xl .navbar-nav-scroll {
max-height: var(--bs-scroll-height, 65vh);
}
.navbar-expand-xl .navbar-collapse {
-webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--bs-body-bg);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-xl .navbar-collapse .navbar-nav .nav-item {
border-bottom: 1px solid var(--bs-border-color);
padding: 8px 30px;
}
.navbar-expand-xl .navbar-nav .nav-item>.dropdown-menu {
background: rgba(64, 68, 72, 0.04);
}
.navbar-expand-xl .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06);
}
.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle::after {
position: absolute;
right: 25px;
}
.navbar-expand-xl .navbar-toggler {
border-color: transparent !important;
}
.navbar-expand-xl .offcanvas-body {
padding: 1rem 0.875rem;
}
.navbar-expand-xl .offcanvas-body .navbar-nav .nav-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px 0;
}
.navbar-expand-xl .offcanvas-body .navbar-nav .dropdown-toggle::after {
position: absolute;
}
.navbar-expand-xl .dropdown-clickable .nav-item {
position: static;
}
.navbar-expand-xl .dropdown-clickable .nav-item>.dropdown-menu[data-bs-popper] {
position: absolute !important;
top: 100% !important;
left: 0;
right: 0;
width: 100%;
background: var(--bs-body-bg) !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 12px 30px;
}
.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06) !important;
margin-left: 0.5rem;
}
.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
border-bottom: 0;
padding: 8px 40px;
}
.navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
top: 100%;
padding-bottom: 15px;
}
}
.navbar-expand-xxl .dropdown-toggle:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
margin-left: 0.35rem;
font-weight: 900;
vertical-align: middle;
border: none;
}
.navbar-expand-xxl .dropdown-submenu.dropend .dropdown-toggle:after {
content: "\f141";
font-family: "Font Awesome 5 Free";
right: 1rem;
}
.navbar-expand-xxl .dropdown-submenu.dropstart .dropdown-toggle:before {
content: "\f141";
margin-right: 0;
font-family: "Font Awesome 5 Free";
right: 1rem;
position: absolute;
}
.navbar-expand-xxl .dropdown-fullwidth .dropdown-menu {
padding: 0 !important;
}
@media (min-width: 1400px) {
.navbar-expand-xxl .navbar-top {
z-index: 1100 !important;
}
.navbar-expand-xxl .navbar-brand .navbar-brand-item {
height: 36px;
display: block;
width: auto;
}
.navbar-expand-xxl .navbar-nav .dropdown>.dropdown-menu {
top: 120%;
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-xxl .navbar-nav .dropdown:hover>.dropdown-menu {
display: block;
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-expand-xxl .navbar-nav .dropdown .dropdown-submenu>.dropdown-menu {
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand-xxl .navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
margin-left: 0.5rem;
}
.navbar-expand-xxl .navbar-nav .dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.navbar-expand-xxl .navbar-nav .nav-link {
line-height: 40px;
font-weight: 500;
}
.navbar-expand-xxl .dropdown-menu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-xxl .dropdown-menu-shadow-stacked {
z-index: 5;
}
.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-submenu {
z-index: unset !important;
}
.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu {
z-index: -1;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu>* {
z-index: 1;
position: relative;
}
.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--bs-body-bg);
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
border-radius: inherit;
}
.navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu li {
position: relative;
}
}
@media (max-width: 1399.98px) {
.navbar-expand-xxl .navbar-brand .navbar-brand-item {
height: 24px;
}
.navbar-expand-xxl .navbar-brand {
padding: 20px 0;
}
.navbar-expand-xxl .navbar-nav-scroll {
max-height: var(--bs-scroll-height, 65vh);
}
.navbar-expand-xxl .navbar-collapse {
-webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--bs-body-bg);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-item {
border-bottom: 1px solid var(--bs-border-color);
padding: 8px 30px;
}
.navbar-expand-xxl .navbar-nav .nav-item>.dropdown-menu {
background: rgba(64, 68, 72, 0.04);
}
.navbar-expand-xxl .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06);
}
.navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-toggle::after {
position: absolute;
right: 25px;
}
.navbar-expand-xxl .navbar-toggler {
border-color: transparent !important;
}
.navbar-expand-xxl .offcanvas-body {
padding: 1rem 0.875rem;
}
.navbar-expand-xxl .offcanvas-body .navbar-nav .nav-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px 0;
}
.navbar-expand-xxl .offcanvas-body .navbar-nav .dropdown-toggle::after {
position: absolute;
}
.navbar-expand-xxl .dropdown-clickable .nav-item {
position: static;
}
.navbar-expand-xxl .dropdown-clickable .nav-item>.dropdown-menu[data-bs-popper] {
position: absolute !important;
top: 100% !important;
left: 0;
right: 0;
width: 100%;
background: var(--bs-body-bg) !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 12px 30px;
}
.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06) !important;
margin-left: 0.5rem;
}
.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
border-bottom: 0;
padding: 8px 40px;
}
.navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
top: 100%;
padding-bottom: 15px;
}
}
.navbar-expand .dropdown-toggle:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
margin-left: 0.35rem;
font-weight: 900;
vertical-align: middle;
border: none;
}
.navbar-expand .dropdown-submenu.dropend .dropdown-toggle:after {
content: "\f141";
font-family: "Font Awesome 5 Free";
right: 1rem;
}
.navbar-expand .dropdown-submenu.dropstart .dropdown-toggle:before {
content: "\f141";
margin-right: 0;
font-family: "Font Awesome 5 Free";
right: 1rem;
position: absolute;
}
.navbar-expand .dropdown-fullwidth .dropdown-menu {
padding: 0 !important;
}
.navbar-expand .navbar-top {
z-index: 1100 !important;
}
.navbar-expand .navbar-brand .navbar-brand-item {
height: 36px;
display: block;
width: auto;
}
.navbar-expand .navbar-nav .dropdown>.dropdown-menu {
top: 120%;
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand .navbar-nav .dropdown:hover>.dropdown-menu {
display: block;
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-expand .navbar-nav .dropdown .dropdown-submenu>.dropdown-menu {
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.navbar-expand .navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
margin-left: 0.5rem;
}
.navbar-expand .navbar-nav .dropdown>.dropdown-toggle:active {
pointer-events: none;
}
.navbar-expand .navbar-nav .nav-link {
line-height: 40px;
font-weight: 500;
}
.navbar-expand .dropdown-menu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand .dropdown-menu-shadow-stacked {
z-index: 5;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-submenu {
z-index: unset !important;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu {
z-index: -1;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu>* {
z-index: 1;
position: relative;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--bs-body-bg);
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
border-radius: inherit;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu li {
position: relative;
}
.navbar-expand .navbar-brand .navbar-brand-item {
height: 24px;
}
.navbar-expand .navbar-brand {
padding: 20px 0;
}
.navbar-expand .navbar-nav-scroll {
max-height: var(--bs-scroll-height, 65vh);
}
.navbar-expand .navbar-collapse {
-webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--bs-body-bg);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand .navbar-collapse .navbar-nav .nav-item {
border-bottom: 1px solid var(--bs-border-color);
padding: 8px 30px;
}
.navbar-expand .navbar-nav .nav-item>.dropdown-menu {
background: rgba(64, 68, 72, 0.04);
}
.navbar-expand .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06);
}
.navbar-expand .navbar-collapse .navbar-nav .dropdown-toggle::after {
position: absolute;
right: 25px;
}
.navbar-expand .navbar-toggler {
border-color: transparent !important;
}
.navbar-expand .offcanvas-body {
padding: 1rem 0.875rem;
}
.navbar-expand .offcanvas-body .navbar-nav .nav-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px 0;
}
.navbar-expand .offcanvas-body .navbar-nav .dropdown-toggle::after {
position: absolute;
}
.navbar-expand .dropdown-clickable .nav-item {
position: static;
}
.navbar-expand .dropdown-clickable .nav-item>.dropdown-menu[data-bs-popper] {
position: absolute !important;
top: 100% !important;
left: 0;
right: 0;
width: 100%;
background: var(--bs-body-bg) !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 12px 30px;
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
background: rgba(64, 68, 72, 0.06) !important;
margin-left: 0.5rem;
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
position: absolute;
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
border-bottom: 0;
padding: 8px 40px;
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
top: 100%;
padding-bottom: 15px;
}
@media (min-width: 1200px) {
header.navbar-sticky-on {
position: fixed;
z-index: 1020;
top: 0;
left: 0;
right: 0;
background-color: var(--bs-body-bg);
-webkit-animation: fadeInDown 0.5s;
animation: fadeInDown 0.5s;
width: 100%;
border-bottom: 1px solid var(--bs-gray-200);
}
header.navbar-sticky-on .navbar-top {
display: none !important;
}
header.navbar-sticky-on .navbar-brand {
padding: 14px 0;
}
header.navbar-sticky-on .navbar-brand .navbar-brand-item {
height: 22px;
}
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.navbar-transparent {
background: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.navbar-toggler {
padding: 10px 10px;
}
.navbar-toggler.plyr-toggler {
right: 100%;
position: absolute;
border: 0;
border-radius: 0;
border-bottom-left-radius: 0.325rem !important;
border-top-left-radius: 0.325rem !important;
opacity: 0.6;
}
.navbar-toggler.plyr-toggler:hover {
opacity: 1;
}
.navbar-toggler.plyr-toggler[aria-expanded=true] {
opacity: 1;
}
.navbar-toggler .navbar-toggler-animation {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-image: none;
position: relative;
height: 22px;
width: 22px;
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-toggler .navbar-toggler-animation span {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
height: 2px;
background: var(--bs-gray-600);
display: block;
position: absolute;
width: 100%;
border-radius: 30px;
}
.navbar-toggler .navbar-toggler-animation span:nth-child(1) {
top: 6%;
}
.navbar-toggler .navbar-toggler-animation span:nth-child(2) {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.navbar-toggler .navbar-toggler-animation span:nth-child(3) {
bottom: 10%;
}
.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(1) {
-webkit-transform: rotateZ(45deg) translateY(-50%);
transform: rotateZ(45deg) translateY(-50%);
top: 50%;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
width: 100%;
}
.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(2) {
visibility: hidden;
-webkit-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(3) {
-webkit-transform: rotateZ(-45deg) translateY(-50%);
transform: rotateZ(-45deg) translateY(-50%);
bottom: 42%;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
width: 100%;
}
.nav-category {
border-bottom: solid 1px var(--bs-gray-200);
}
.nav-category .container {
max-width: 100%;
}
.nav-category .navbar-toggler {
background-color: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary);
border-radius: 0;
}
.pagination .page-item {
margin-bottom: 5px;
float: left;
}
.pagination-primary-soft {
border: none;
padding: 4px;
border-radius: 0.325rem;
}
.pagination-primary-soft .page-item {
margin: 4px;
}
.pagination-primary-soft .page-link {
border: transparent;
border-radius: 0.325rem !important;
color: var(--bs-primary);
background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.pagination-primary-soft .page-link:hover {
z-index: 2;
color: var(--bs-white);
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
.pagination-primary-soft .page-item.active .page-link {
color: var(--bs-white);
background-color: var(--bs-primary);
}
.progress {
position: relative;
overflow-x: visible;
overflow-y: visible;
}
.progress .progress-bar {
position: relative;
overflow: visible;
border-radius: 0.325rem;
}
.progress .progress-percent {
color: var(--bs-gray-600);
font-weight: 500;
line-height: 24px;
position: absolute;
right: 0;
top: -24px;
font-size: 12px;
}
.progress .progress-percent-simple {
position: absolute;
right: 0;
top: -20px;
font-size: 14px;
}
.progress.progress-percent-bg .progress-percent {
background: var(--bs-dark);
padding: 2px 5px;
border-radius: 2px;
color: var(--bs-body-bg);
line-height: 16px;
position: absolute;
right: 0;
top: -25px;
font-size: 10px;
}
.progress.progress-percent-bg .progress-percent:before {
border-top-color: var(--bs-dark);
border-width: 5px;
left: 50%;
margin-left: -5px;
}
.progress.progress-percent-bg .progress-percent:after,
.progress.progress-percent-bg .progress-percent:before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.progress.progress-percent-bg .progress-percent:after {
border-top-color: var(--bs-dark);
border-width: 4px;
left: 50%;
margin-left: -4px;
}
.progress.progress-xs {
height: 3px;
}
.progress.progress-sm {
height: 5px;
}
.progress.progress-md {
height: 10px;
}
.progress.progress-lg {
height: 16px;
}
.progress.progress-xl {
height: 20px;
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-orange {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}
.bg-purple {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important;
}
.bg-body-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-emphasis {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-emphasis-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
.bg-primary-subtle {
background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.bg-opacity-15 {
--bs-bg-opacity: 0.15;
}
a {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a,
.h1>a,
.h2>a,
.h3>a,
.h4>a,
.h5>a,
.h6>a {
color: var(--bs-gray-800);
}
h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover,
.h1>a:hover,
.h2>a:hover,
.h3>a:hover,
.h4>a:hover,
.h5>a:hover,
.h6>a:hover {
color: var(--bs-primary);
}
img {
max-width: 100%;
height: auto;
}
video {
background-size: cover;
display: table-cell;
vertical-align: middle;
width: 100%;
}
.table.table-dark-gray thead {
background-color: var(--bs-dark) !important;
color: var(--bs-white);
}
.table.table-dark-gray tbody {
border-top: none;
}
.table td,
.table th {
white-space: nowrap;
}
@media (min-width: 767.98px) {
.table-responsive .table td,
.table-responsive .table th {
white-space: inherit;
}
}
@media (max-width: 767.98px) {
.table-responsive .table-responsive-title {
width: 200px;
white-space: normal;
}
}
.table-border-color {
border-color: var(--bs-gray-300);
}
.bg-grad {
background: -webkit-gradient(linear, left bottom, left top, from(#f28e26), to(#fd644f));
background: linear-gradient(360deg, #f28e26 0%, #fd644f 100%);
}
.bg-grad-pink {
background: -webkit-gradient(linear, left bottom, left top, from(#ff887c), to(#b6325f));
background: linear-gradient(360deg, #ff887c 0%, #b6325f 100%);
}
.bg-grad-blue {
background: -webkit-gradient(linear, left bottom, left top, from(#066ac9), to(#064f8a));
background: linear-gradient(360deg, #066ac9 0%, #064f8a 100%);
}
.bg-danger-soft-hover:hover,
.bg-danger-soft-hover:active,
.bg-danger-soft-hover:focus {
background-color: rgba(214, 41, 62, 0.1) !important;
color: var(--bs-danger) !important;
}
.bg-primary-soft-hover:hover {
background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.transition-base {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bg-overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
small,
.small {
font-weight: 400;
}
.smaller {
font-size: 0.7em;
font-weight: 400;
}
.dropcap {
font-size: 4em;
font-weight: bold;
display: block;
float: left;
margin: 0.04em 0.2em 0 0;
color: var(--bs-gray-800);
line-height: 1;
}
.bg-blur {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.bg-facebook {
background-color: #5d82d1;
color: #fff;
border: none;
}
.bg-facebook:hover,
.bg-facebook:active,
.bg-facebook:focus {
background-color: #5475bc;
color: #fff;
}
.text-facebook {
color: #5d82d1;
}
.text-facebook:hover {
color: #5475bc;
}
.bg-instagram {
background: #c22b72;
color: #fff;
border: none;
}
.bg-instagram:hover,
.bg-instagram:active,
.bg-instagram:focus {
background-color: #af2767;
color: #fff;
}
.text-instagram {
color: #c22b72;
}
.text-instagram:hover {
color: #af2767;
}
.bg-instagram-gradient {
background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
color: #fff;
background-size: 120% 120%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 0;
}
.bg-instagram-gradient:hover,
.bg-instagram-gradient:active,
.bg-instagram-gradient:focus {
background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
color: #fff;
background-size: 100% 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-position: left bottom;
}
.text-instagram-gradient {
color: transparent;
background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background-clip: text;
-webkit-background-clip: text;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-size: 120% 120%;
}
.text-instagram-gradient:hover {
color: transparent;
background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background-clip: text;
-webkit-background-clip: text;
background-size: 100% 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bg-google {
background-color: #3c7ff1;
color: #fff;
border: none;
}
.bg-google:hover,
.bg-google:active,
.bg-google:focus {
background-color: #3672d9;
color: #fff;
}
.text-google {
color: #3c7ff1;
}
.text-google:hover {
color: #3672d9;
}
.text-google-icon {
background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.bg-twitter {
background-color: #40bff5;
color: #fff;
border: none;
}
.bg-twitter:hover,
.bg-twitter:active,
.bg-twitter:focus {
background-color: #3aacdd;
color: #fff;
}
.text-twitter {
color: #40bff5;
}
.text-twitter:hover {
color: #3aacdd;
}
.bg-linkedin {
background-color: #238cc8;
color: #fff;
border: none;
}
.bg-linkedin:hover,
.bg-linkedin:active,
.bg-linkedin:focus {
background-color: #207eb4;
color: #fff;
}
.text-linkedin {
color: #238cc8;
}
.text-linkedin:hover {
color: #207eb4;
}
.bg-pinterest {
background-color: #e60023;
color: #fff;
border: none;
}
.bg-pinterest:hover,
.bg-pinterest:active,
.bg-pinterest:focus {
background-color: #cf0020;
color: #fff;
}
.text-pinterest {
color: #e60023;
}
.text-pinterest:hover {
color: #cf0020;
}
.bg-dribbble {
background-color: #f7659c;
color: #fff;
border: none;
}
.bg-dribbble:hover,
.bg-dribbble:active,
.bg-dribbble:focus {
background-color: #de5b8c;
color: #fff;
}
.text-dribbble {
color: #f7659c;
}
.text-dribbble:hover {
color: #de5b8c;
}
.bg-youtube {
background-color: #ff0000;
color: #fff;
border: none;
}
.bg-youtube:hover,
.bg-youtube:active,
.bg-youtube:focus {
background-color: #e60000;
color: #fff;
}
.text-youtube {
color: #ff0000;
}
.text-youtube:hover {
color: #e60000;
}
.bg-skype {
background-color: #13c1f3;
color: #fff;
border: none;
}
.bg-skype:hover,
.bg-skype:active,
.bg-skype:focus {
background-color: #11aedb;
color: #fff;
}
.text-skype {
color: #13c1f3;
}
.text-skype:hover {
color: #11aedb;
}
.form-check .form-check-input,
.form-check .form-check-label {
cursor: pointer;
}
.form-check.form-check-md .form-check-input {
height: 1.3em;
width: 1.3em;
margin-top: 0.15em;
}
.form-check.form-check-md .form-check-input,
.form-check.form-check-md .form-check-label {
padding-left: 0.6em;
}
.form-switch.form-check-md .form-check-input {
width: 2.4em;
}
.form-switch.form-check-lg .form-check-input {
height: 2em;
width: 4em;
margin-top: 0.15em;
}
.form-switch.form-check-lg .form-check-input .form-check-input {
width: 3.4em;
}
.bg-light-input .form-control {
background-color: var(--bs-light) !important;
border: 1px solid var(--bs-light) !important;
border-radius: 0.325rem;
}
.bg-light-input .form-control:focus {
border: 1px solid var(--bs-primary) !important;
}
.bg-light-input .choices .choices__inner {
background-color: var(--bs-light) !important;
border: 1px solid var(--bs-light) !important;
border-radius: 0.325rem !important;
}
.bg-light-input .choices[aria-expanded=true] .choices__inner {
border: 1px solid var(--bs-primary) !important;
}
.bg-dark-input .form-control {
background-color: rgba(var(--bs-white-rgb), 0.1) !important;
border: 1px solid rgba(var(--bs-white-rgb), 0.1) !important;
border-radius: 0.325rem;
color: #fff;
}
.bg-dark-input .form-control:focus {
border: 1px solid rgba(var(--bs-white-rgb), 0.4) !important;
}
.input-borderless input {
border: none;
}
.text-truncate-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.plyr__control--overlaid,
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true],
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
background: var(--bs-primary);
}
.plyr--full-ui input[type=range] {
color: var(--bs-primary);
} .nav-search .dropdown-menu {
top: 120%;
visibility: hidden;
opacity: 0;
display: block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 300px;
left: auto;
right: 0;
}
.nav-search .dropdown-menu.show {
top: 100%;
visibility: visible;
opacity: 1;
}
@media (max-width: 575.98px) {
.nav-search .dropdown-menu {
width: 100%;
}
}
.back-top {
cursor: pointer;
position: fixed !important;
bottom: 40px;
right: 40px;
display: block;
z-index: 99;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary);
border-radius: 10%;
width: 52px;
height: 52px;
line-height: 52px;
text-align: center;
}
.back-top i {
font-size: 1.6rem;
vertical-align: middle;
}
.back-top:hover {
background: var(--bs-primary);
color: var(--bs-white);
}
.back-top.back-top-show {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
@media (max-width: 767.98px) {
.back-top {
bottom: 10px;
right: 10px;
width: 30px;
height: 30px;
line-height: 30px;
}
.back-top i {
font-size: 1rem;
}
} .ribbon {
position: absolute;
top: 15px;
left: 0;
background: var(--bs-white);
padding: 0 10px;
color: #24292d;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
.ribbon::before {
content: "";
position: absolute;
top: 0px;
right: -20px;
border-top: 0.75em solid #fff;
border-bottom: 0.75em solid #fff;
border-right: 20px solid transparent;
border-left: 0px solid transparent;
}
.uploadremove {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border: 0;
padding: 0;
background: var(--bs-danger);
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sticky-element {
position: fixed;
bottom: 50px;
left: 50px;
width: 300px;
visibility: hidden;
z-index: 1000;
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sticky-element.sticky-element-sticked {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.bi.fa-fw {
display: inline-block;
}
.preloader {
background-color: var(--bs-white);
position: fixed;
z-index: 1190;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.preloader .preloader-item {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.btn-success-soft-check {
background-color: var(--bs-light);
text-align: start;
}
.btn-success-soft-check:hover {
background-color: rgba(var(--bs-success-rgb), 0.2) !important;
border: 1px solid var(--bs-success) !important;
}
.btn-check:active+.btn-success-soft-check,
.btn-check:checked+.btn-success-soft-check,
.btn-success-soft-check.active,
.btn-success-soft-check:active,
.show>.btn-success-soft-check.dropdown-toggle {
background-color: rgba(var(--bs-success-rgb), 0.2);
color: none;
border: 1px solid var(--bs-success) !important;
}
.btn-check:focus+.btn,
.btn-round-shadow:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-primary-check {
border: 1px solid var(--bs-secondary);
}
.btn-primary-check:hover {
background-color: var(--bs-primary);
color: var(--bs-white);
border: 1px solid var(--bs-primary);
}
.btn-check:active+.btn-primary-check,
.btn-check:checked+.btn-primary-check,
.btn-primary-check.active,
.btn-primary-check:active,
.show>.btn-primary-check.dropdown-toggle {
background-color: var(--bs-primary);
color: var(--bs-white);
border: 1px solid var(--bs-primary);
}
.btn-check:focus+.btn,
.btn-round-shadow:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.avatar {
height: 3rem;
width: 3rem;
position: relative;
display: inline-block !important;
}
.avatar-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.avatar-group {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.avatar-group>li {
position: relative;
}
.avatar-group>li:not(:last-child) {
margin-right: -0.8rem;
}
.avatar-group .avatar-img {
border: 2px solid var(--bs-body-bg);
}
.avatar .avatar-name {
margin-left: 7px;
}
.avatar-xs {
height: 2.1875rem;
width: 2.1875rem;
}
.avatar-sm {
height: 2.5rem;
width: 2.5rem;
}
.avatar-lg {
height: 4rem;
width: 4rem;
}
.avatar-xl {
height: 5.125rem;
width: 5.125rem;
}
.avatar-xxl {
height: 5.125rem;
width: 5.125rem;
}
@media (min-width: 768px) {
.avatar-xxl {
width: 8rem;
height: 8rem;
}
}
.avatar-xxxl {
height: 8rem;
width: 8rem;
}
@media (min-width: 768px) {
.avatar-xxxl {
width: 11rem;
height: 11rem;
}
}
.text-primary-hover a {
color: var(--bs-gray-400);
}
.text-primary-hover a:hover {
color: var(--bs-primary) !important;
}
a.text-primary-hover,
button.text-primary-hover {
color: var(--bs-gray-600);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.text-primary-hover:hover,
button.text-primary-hover:hover {
color: var(--bs-primary) !important;
}
.text-primary-hover li {
color: var(--bs-gray-400);
}
.text-primary-hover li:hover {
color: var(--bs-primary) !important;
}
.font-base {
font-family: "Roboto", sans-serif !important;
}
.font-heading {
font-family: "Heebo", sans-serif !important;
}
.grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.grayscale:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.zoom-hover {
-webkit-transform: scale(1);
transform: scale(1);
}
.zoom-hover:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.icon-sm {
width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
text-align: center;
font-size: 75%;
}
.icon-md {
width: 2.6rem;
height: 2.6rem;
line-height: 2.6rem;
text-align: center;
font-size: 0.8rem;
}
.icon-lg {
width: 3.5rem;
height: 3.5rem;
line-height: 3.5rem;
text-align: center;
font-size: 1.2rem;
}
.icon-xl {
width: 5rem;
height: 5rem;
line-height: 5rem;
text-align: center;
font-size: 1.9rem;
}
.icon-xxl {
width: 7rem;
height: 7rem;
line-height: 7rem;
text-align: center;
font-size: 2.5rem;
}
.shadow-hover:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}
.sidebar {
position: relative;
padding: 0;
}
.sidebar.navbar-expand-sm .sidebar-content {
padding: 0 1rem 1rem;
width: 16.25rem;
height: 100%;
}
.sidebar.navbar-expand-sm .offcanvas {
width: auto;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav>.nav-item>.nav-link[data-bs-toggle=collapse][aria-expanded=true] {
background: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary) !important;
border-radius: 0.325rem;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link {
color: var(--bs-white);
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link:focus {
color: var(--bs-white) !important;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link.active {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link:hover {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse] {
position: relative;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:before,
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
content: "";
background: #ddd;
border-radius: 1px;
display: block;
position: absolute;
height: 2px;
width: 7px;
margin: auto 12px;
-webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
top: 0;
bottom: 0;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
right: 0px;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
right: 5px;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link {
line-height: 40px;
}
.sidebar.navbar-expand-sm .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
padding-left: 2.5rem;
padding-top: 0;
padding-bottom: 0;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
@media (min-width: 576px) {
.sidebar.navbar-expand-sm {
position: fixed;
z-index: 1030;
top: 0;
left: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.sidebar.navbar-expand-sm .offcanvas {
position: relative;
}
.sidebar.navbar-expand-sm .navbar-brand {
padding: 1.3rem;
}
.sidebar.navbar-expand-sm .navbar-nav .nav-item {
position: relative;
}
}
@media (max-width: 575.98px) {
.sidebar.navbar-expand-sm {
position: absolute;
left: -300px;
height: 100vh;
z-index: 9;
}
.sidebar.navbar-expand-sm .navbar-brand {
display: none;
}
.sidebar.navbar-expand-sm .sidebar-content {
padding: 1rem;
}
.sidebar.navbar-expand-sm .navbar-nav>.nav-item>.nav-link {
padding: 0.2rem;
margin-bottom: 0;
font-size: 0.938rem;
}
.sidebar.navbar-expand-sm .offcanvas .offcanvas-body .navbar-nav .nav-item {
border-bottom: 0;
padding: 0;
}
}
.sidebar.navbar-expand-md .sidebar-content {
padding: 0 1rem 1rem;
width: 16.25rem;
height: 100%;
}
.sidebar.navbar-expand-md .offcanvas {
width: auto;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav>.nav-item>.nav-link[data-bs-toggle=collapse][aria-expanded=true] {
background: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary) !important;
border-radius: 0.325rem;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link {
color: var(--bs-white);
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link:focus {
color: var(--bs-white) !important;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link.active {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link:hover {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse] {
position: relative;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:before,
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
content: "";
background: #ddd;
border-radius: 1px;
display: block;
position: absolute;
height: 2px;
width: 7px;
margin: auto 12px;
-webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
top: 0;
bottom: 0;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
right: 0px;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
right: 5px;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link {
line-height: 40px;
}
.sidebar.navbar-expand-md .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
padding-left: 2.5rem;
padding-top: 0;
padding-bottom: 0;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
@media (min-width: 768px) {
.sidebar.navbar-expand-md {
position: fixed;
z-index: 1030;
top: 0;
left: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.sidebar.navbar-expand-md .offcanvas {
position: relative;
}
.sidebar.navbar-expand-md .navbar-brand {
padding: 1.3rem;
}
.sidebar.navbar-expand-md .navbar-nav .nav-item {
position: relative;
}
}
@media (max-width: 767.98px) {
.sidebar.navbar-expand-md {
position: absolute;
left: -300px;
height: 100vh;
z-index: 9;
}
.sidebar.navbar-expand-md .navbar-brand {
display: none;
}
.sidebar.navbar-expand-md .sidebar-content {
padding: 1rem;
}
.sidebar.navbar-expand-md .navbar-nav>.nav-item>.nav-link {
padding: 0.2rem;
margin-bottom: 0;
font-size: 0.938rem;
}
.sidebar.navbar-expand-md .offcanvas .offcanvas-body .navbar-nav .nav-item {
border-bottom: 0;
padding: 0;
}
}
.sidebar.navbar-expand-lg .sidebar-content {
padding: 0 1rem 1rem;
width: 16.25rem;
height: 100%;
}
.sidebar.navbar-expand-lg .offcanvas {
width: auto;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav>.nav-item>.nav-link[data-bs-toggle=collapse][aria-expanded=true] {
background: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary) !important;
border-radius: 0.325rem;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link {
color: var(--bs-white);
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link:focus {
color: var(--bs-white) !important;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link.active {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link:hover {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse] {
position: relative;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:before,
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
content: "";
background: #ddd;
border-radius: 1px;
display: block;
position: absolute;
height: 2px;
width: 7px;
margin: auto 12px;
-webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
top: 0;
bottom: 0;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
right: 0px;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
right: 5px;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link {
line-height: 40px;
}
.sidebar.navbar-expand-lg .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
padding-left: 2.5rem;
padding-top: 0;
padding-bottom: 0;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
@media (min-width: 992px) {
.sidebar.navbar-expand-lg {
position: fixed;
z-index: 1030;
top: 0;
left: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.sidebar.navbar-expand-lg .offcanvas {
position: relative;
}
.sidebar.navbar-expand-lg .navbar-brand {
padding: 1.3rem;
}
.sidebar.navbar-expand-lg .navbar-nav .nav-item {
position: relative;
}
}
@media (max-width: 991.98px) {
.sidebar.navbar-expand-lg {
position: absolute;
left: -300px;
height: 100vh;
z-index: 9;
}
.sidebar.navbar-expand-lg .navbar-brand {
display: none;
}
.sidebar.navbar-expand-lg .sidebar-content {
padding: 1rem;
}
.sidebar.navbar-expand-lg .navbar-nav>.nav-item>.nav-link {
padding: 0.2rem;
margin-bottom: 0;
font-size: 0.938rem;
}
.sidebar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item {
border-bottom: 0;
padding: 0;
}
}
.sidebar.navbar-expand-xl .sidebar-content {
padding: 0 1rem 1rem;
width: 16.25rem;
height: 100%;
}
.sidebar.navbar-expand-xl .offcanvas {
width: auto;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav>.nav-item>.nav-link[data-bs-toggle=collapse][aria-expanded=true] {
background: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary) !important;
border-radius: 0.325rem;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link {
color: var(--bs-white);
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link:focus {
color: var(--bs-white) !important;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link.active {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link:hover {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse] {
position: relative;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:before,
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
content: "";
background: #ddd;
border-radius: 1px;
display: block;
position: absolute;
height: 2px;
width: 7px;
margin: auto 12px;
-webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
top: 0;
bottom: 0;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
right: 0px;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
right: 5px;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link {
line-height: 40px;
}
.sidebar.navbar-expand-xl .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
padding-left: 2.5rem;
padding-top: 0;
padding-bottom: 0;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
@media (min-width: 1200px) {
.sidebar.navbar-expand-xl {
position: fixed;
z-index: 1030;
top: 0;
left: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.sidebar.navbar-expand-xl .offcanvas {
position: relative;
}
.sidebar.navbar-expand-xl .navbar-brand {
padding: 1.3rem;
}
.sidebar.navbar-expand-xl .navbar-nav .nav-item {
position: relative;
}
}
@media (max-width: 1199.98px) {
.sidebar.navbar-expand-xl {
position: absolute;
left: -300px;
height: 100vh;
z-index: 9;
}
.sidebar.navbar-expand-xl .navbar-brand {
display: none;
}
.sidebar.navbar-expand-xl .sidebar-content {
padding: 1rem;
}
.sidebar.navbar-expand-xl .navbar-nav>.nav-item>.nav-link {
padding: 0.2rem;
margin-bottom: 0;
font-size: 0.938rem;
}
.sidebar.navbar-expand-xl .offcanvas .offcanvas-body .navbar-nav .nav-item {
border-bottom: 0;
padding: 0;
}
}
.sidebar.navbar-expand-xxl .sidebar-content {
padding: 0 1rem 1rem;
width: 16.25rem;
height: 100%;
}
.sidebar.navbar-expand-xxl .offcanvas {
width: auto;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav>.nav-item>.nav-link[data-bs-toggle=collapse][aria-expanded=true] {
background: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary) !important;
border-radius: 0.325rem;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link {
color: var(--bs-white);
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link:focus {
color: var(--bs-white) !important;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link.active {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link:hover {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse] {
position: relative;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:before,
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
content: "";
background: #ddd;
border-radius: 1px;
display: block;
position: absolute;
height: 2px;
width: 7px;
margin: auto 12px;
-webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
top: 0;
bottom: 0;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
right: 0px;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
right: 5px;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link {
line-height: 40px;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
padding-left: 2.5rem;
padding-top: 0;
padding-bottom: 0;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
@media (min-width: 1400px) {
.sidebar.navbar-expand-xxl {
position: fixed;
z-index: 1030;
top: 0;
left: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.sidebar.navbar-expand-xxl .offcanvas {
position: relative;
}
.sidebar.navbar-expand-xxl .navbar-brand {
padding: 1.3rem;
}
.sidebar.navbar-expand-xxl .navbar-nav .nav-item {
position: relative;
}
}
@media (max-width: 1399.98px) {
.sidebar.navbar-expand-xxl {
position: absolute;
left: -300px;
height: 100vh;
z-index: 9;
}
.sidebar.navbar-expand-xxl .navbar-brand {
display: none;
}
.sidebar.navbar-expand-xxl .sidebar-content {
padding: 1rem;
}
.sidebar.navbar-expand-xxl .navbar-nav>.nav-item>.nav-link {
padding: 0.2rem;
margin-bottom: 0;
font-size: 0.938rem;
}
.sidebar.navbar-expand-xxl .offcanvas .offcanvas-body .navbar-nav .nav-item {
border-bottom: 0;
padding: 0;
}
}
.sidebar.navbar-expand {
position: fixed;
z-index: 1030;
top: 0;
left: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: absolute;
left: -300px;
height: 100vh;
z-index: 9;
}
.sidebar.navbar-expand .sidebar-content {
padding: 0 1rem 1rem;
width: 16.25rem;
height: 100%;
}
.sidebar.navbar-expand .offcanvas {
width: auto;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav>.nav-item>.nav-link[data-bs-toggle=collapse][aria-expanded=true] {
background: rgba(var(--bs-primary-rgb), 0.1);
color: var(--bs-primary) !important;
border-radius: 0.325rem;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link {
color: var(--bs-white);
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link:focus {
color: var(--bs-white) !important;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link.active {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link:hover {
color: var(--bs-primary) !important;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse] {
position: relative;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:before,
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
content: "";
background: #ddd;
border-radius: 1px;
display: block;
position: absolute;
height: 2px;
width: 7px;
margin: auto 12px;
-webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
top: 0;
bottom: 0;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
right: 0px;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
right: 5px;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
background: var(--bs-primary);
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link {
line-height: 40px;
}
.sidebar.navbar-expand .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
padding-left: 2.5rem;
padding-top: 0;
padding-bottom: 0;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.sidebar.navbar-expand .offcanvas {
position: relative;
}
.sidebar.navbar-expand .navbar-brand {
padding: 1.3rem;
}
.sidebar.navbar-expand .navbar-nav .nav-item {
position: relative;
}
.sidebar.navbar-expand .navbar-brand {
display: none;
}
.sidebar.navbar-expand .sidebar-content {
padding: 1rem;
}
.sidebar.navbar-expand .navbar-nav>.nav-item>.nav-link {
padding: 0.2rem;
margin-bottom: 0;
font-size: 0.938rem;
}
.sidebar.navbar-expand .offcanvas .offcanvas-body .navbar-nav .nav-item {
border-bottom: 0;
padding: 0;
}
.sidebar-offcanvas-menu {
background-color: rgba(var(--bs-primary-rgb), 0.1);
border-radius: 0.325rem;
}
.top-bar {
position: relative;
padding: 1.6rem;
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
}
@media (max-width: 991.98px) {
.top-bar .navbar-expand-lg .navbar-collapse {
padding: 0 10px;
}
}
.page-content {
position: relative;
height: 100%;
display: block;
}
.page-content .page-content-wrapper {
min-height: 86vh;
margin: 1.5rem 1.5rem;
padding: 1.5rem;
background: var(--bs-body-bg);
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
border-radius: 6px;
height: 100%;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
@media (min-width: 1200px) {
.page-content {
margin-left: 16.25rem;
}
}
@media (max-width: 575.98px) {
.page-content .page-content-wrapper {
margin: 1rem 0;
padding: 1rem;
}
}
.animation-blink {
-webkit-animation: blink 2s infinite;
animation: blink 2s infinite;
}
@-webkit-keyframes blink {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes blink {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.notif-badge {
width: 10px;
height: 10px;
background: var(--bs-danger);
border-radius: 50%;
position: absolute;
top: -1px;
right: -1px;
z-index: 1;
}
.choices {
margin-bottom: 0;
}
.choices .choices__inner {
background-color: var(--bs-body-bg);
color: var(--bs-gray-700);
border: 1px solid var(--bs-gray-300);
line-height: 1.5;
border-radius: 0.325rem;
min-height: auto;
font-size: 0.9375rem;
padding: 0.5rem 2.25rem 0.5rem 1rem !important;
}
.choices .choices__list--multiple .choices__item {
background-color: var(--bs-gray-300);
border: 1px solid var(--bs-gray-300);
border-radius: 0.325rem;
color: var(--bs-gray-600);
}
.choices .choices__list--dropdown {
background: var(--bs-body-bg);
border: none !important;
z-index: 9;
border-bottom-left-radius: 0.325rem;
border-bottom-right-radius: 0.325rem;
visibility: visible !important;
}
.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: var(--bs-gray-200);
}
.choices .choices__list--dropdown[aria-expanded=true] {
border: 1px solid var(--bs-gray-300) !important;
}
.choices .choices__list--dropdown,
.choices .choices__list[aria-expanded] {
margin-top: 0px;
}
.choices.is-open .choices__list--dropdown,
.choices.is-open .choices__list[aria-expanded] {
margin-top: -1px;
}
.choices .choices__list--dropdown .choices__item {
color: var(--bs-body-color);
}
.choices.is-focused .choices__inner {
border-color: #066ac9;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.choices.is-focused[data-type*=select-one] .choices__inner,
.choices.is-focused[data-type*=select-multiple] .choices__inner {
border-color: var(--bs-gray-300) !important;
}
.choices__input {
background-color: transparent;
color: var(--bs-gray-700);
}
.choices[data-type*=select-one] .choices__input {
background: var(--bs-body-bg);
color: #747579;
border-color: var(--bs-gray-300) !important;
}
.choices__list--single {
padding: 0;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
border-left: 1px solid #9a9ea4;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
}
.choices[data-type*=select-one]:after {
content: "";
height: 12px;
width: 12px;
border: none;
border-width: 5px;
position: absolute;
right: 11.5px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23747579' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center center;
}
.choices[data-type*=select-one].is-open:after {
margin-top: 0;
}
.choices__list--dropdown .choices__item--selectable:after {
content: none;
}
.choices__list--dropdown .choices__item--selectable {
padding-right: 0;
}
.choices__list--dropdown .choices__item {
padding: 4px 10px !important;
}
.choices[data-type*=select-one] .choices__input {
padding: 6px 0px !important;
}
.choices .choices__input {
margin-bottom: 0;
padding: 0;
}
.choices[data-type*=select-one] .choices__list>.choices__list>.choices__item--selectable {
padding-right: 0px;
}
.choices[data-type*=select-one] .choices__list>.choices__list>.choices__item--selectable::after {
display: none;
}
.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: rgba(var(--bs-primary-rgb), 0.2);
color: var(--bs-primary);
}
.bottomborder-select .choices .choices__inner {
background-color: transparent;
color: #414953;
border: none;
line-height: 1.6;
border-radius: 0;
min-height: auto;
border-bottom: 1px solid #cfd3d7;
}
.collapsing .choices__list--dropdown {
display: none;
}
.collapse.show .choices__list--dropdown {
display: block;
}
.choices[aria-expanded=true] .choices__inner {
border-radius: 0.325rem 0.325rem 0 0 !important;
}
.choices__list--dropdown .choices__list {
position: relative;
max-height: 200px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
html[dir=rtl] .choices,
html[dir=rtl] select option,
html[dir=rtl] .choices__input {
direction: rtl;
unicode-bidi: bidi-override;
text-align: left;
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable {
padding-left: 10px;
padding-right: 0;
}
.input-borderless .choices .choices__inner {
border: none;
}
.input-borderless .choices .choices__list--dropdown {
border: none !important;
margin-top: 9px;
border-radius: 0.5rem;
z-index: 99999;
}
.input-borderless .choices .choices__list--dropdown[aria-expanded=true] {
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
margin-top: 5px;
}
.background-light .choices .choices__inner {
background-color: #f5f7f9;
}
.choices-sm .choices .choices__inner {
padding: 0.2rem 1rem 0.2rem 1rem !important;
}
.tns-outer {
position: relative;
}
.tns-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tiny-slider .item {
position: relative;
}
.tns-controls [data-controls] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 0.325rem;
display: block;
z-index: 9;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: rgba(var(--bs-white-rgb), 0.3);
color: var(--bs-white);
border: none;
margin: 0 10px;
}
.tns-controls [data-controls]:hover {
background-color: var(--bs-primary);
color: var(--bs-white);
}
.tns-controls [data-controls] i {
line-height: inherit;
}
.tns-controls [data-controls=prev] {
left: 0;
}
.tns-controls [data-controls=next] {
right: 0;
} .arrow-dark [data-controls] {
background: var(--bs-dark);
color: var(--bs-white);
}
.arrow-white [data-controls] {
background-color: var(--bs-white);
color: var(--bs-body-color);
}
.arrow-gray [data-controls] {
background: var(--bs-gray-300);
color: var(--bs-dark);
}
.arrow-round [data-controls] {
border-radius: 50%;
}
.arrow-blur [data-controls] {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background: rgba(0, 0, 0, 0.4) !important;
}
.arrow-blur [data-controls]:hover {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
background: rgba(0, 0, 0, 0.4) !important;
}
.arrow-blur.arrow-white [data-controls] {
background-color: rgba(255, 255, 255, 0.2) !important;
color: var(--bs-white);
}
.arrow-hover {
overflow: hidden;
}
.arrow-hover [data-controls=prev] {
left: -75px;
}
.arrow-hover [data-controls=next] {
right: -75px;
}
.arrow-hover:hover [data-controls=prev] {
left: 0px;
}
.arrow-hover:hover [data-controls=next] {
right: 0px;
}
.arrow-xs .tns-controls [data-controls] {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 0;
}
@media (max-width: 767.98px) {
.arrow-md-none [data-controls] {
display: none;
}
}
.arrow-creative .fa-chevron-left:before {
content: "\f060" !important;
}
.arrow-creative .fa-chevron-right:before {
content: "\f061" !important;
}
.tns-nav {
position: absolute;
top: 100%;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
width: auto;
text-align: center;
white-space: nowrap;
}
.tns-nav [data-nav] {
position: relative;
display: inline-block;
margin: 0 4px;
padding: 0;
width: 14px;
height: 14px;
border-radius: 50%;
overflow: hidden;
background-color: transparent;
-webkit-box-shadow: inset 0 0 0 2px var(--bs-gray-500);
box-shadow: inset 0 0 0 2px var(--bs-gray-500);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 0;
}
.tns-nav [data-nav]:after {
border-radius: 50%;
overflow: hidden;
content: "";
position: absolute;
bottom: 0;
height: 0;
left: 0;
width: 100%;
background-color: var(--bs-gray-500);
-webkit-box-shadow: 0 0 1px var(--bs-gray-500);
box-shadow: 0 0 1px var(--bs-gray-500);
-webkit-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
.tns-nav .tns-nav-active:after {
height: 100%;
}
.dots-inside .tns-nav {
top: auto;
padding-bottom: 20px;
}
.dots-primary .tns-nav [data-nav] {
-webkit-box-shadow: inset 0 0 0 2px var(--bs-primary);
box-shadow: inset 0 0 0 2px var(--bs-primary);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.dots-primary .tns-nav [data-nav]:after {
background-color: var(--bs-primary);
-webkit-box-shadow: 0 0 1px var(--bs-primary);
box-shadow: 0 0 1px var(--bs-primary);
}
.dots-white .tns-nav [data-nav] {
-webkit-box-shadow: inset 0 0 0 2px var(--bs-white);
box-shadow: inset 0 0 0 2px var(--bs-white);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.dots-white .tns-nav [data-nav]:after {
background-color: var(--bs-white);
-webkit-box-shadow: 0 0 1px var(--bs-white);
box-shadow: 0 0 1px var(--bs-white);
}
.dots-dark .tns-nav [data-nav] {
-webkit-box-shadow: inset 0 0 0 2px var(--bs-dark-gray);
box-shadow: inset 0 0 0 2px var(--bs-dark-gray);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.dots-dark .tns-nav [data-nav]:after {
background-color: var(--bs-dark-gray);
-webkit-box-shadow: 0 0 1px var(--bs-dark-gray);
box-shadow: 0 0 1px var(--bs-dark-gray);
}
.apexcharts-tooltip.apexcharts-theme-light {
background: var(--bs-white) !important;
border: 0 !important;
-webkit-box-shadow: 0 12px 14px rgba(107, 124, 147, 0.3);
box-shadow: 0 12px 14px rgba(107, 124, 147, 0.3);
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
background: var(--bs-gray-100) !important;
border: 0 !important;
border-bottom: 1px solid var(--bs-gray-300) !important;
color: var(--bs-dark);
}
.apexcharts-theme-light .apexcharts-tooltip-text-y-value,
.apexcharts-theme-light .apexcharts-tooltip-text-goals-value,
.apexcharts-theme-light .apexcharts-tooltip-text-z-value,
.apexcharts-theme-light .apexcharts-tooltip-text-y-label {
color: var(--bs-dark);
margin-left: 1px !important;
}
.apexcharts-theme-dark .apexcharts-tooltip-text-y-value,
.apexcharts-theme-dark .apexcharts-tooltip-text-goals-value,
.apexcharts-theme-dark .apexcharts-tooltip-text-z-value,
.apexcharts-theme-dark .apexcharts-tooltip-text-y-label {
color: var(--bs-white);
margin-left: 1px !important;
}
.apexcharts-legend-text,
.apexcharts-text,
.apexcharts-title-text,
.apexcharts-text tspan,
.apexcharts-tooltip-title,
.apexcharts-tooltip-text,
.apexcharts-xaxistooltip-text,
.apexcharts-yaxistooltip-text {
font-family: "Roboto", sans-serif !important;
}
.apexcharts-xaxis text,
.apexcharts-yaxis text {
fill: var(--bs-gray-400);
}
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
background: var(--bs-white) !important;
-webkit-box-shadow: 0 3px 14px rgba(107, 124, 147, 0.3);
box-shadow: 0 3px 14px rgba(107, 124, 147, 0.3);
}
.apexcharts-xaxistooltip-bottom:after {
border-bottom-color: var(--bs-body-bg) !important;
}
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip,
.apexcharts-yaxistooltip-left:before,
.apexcharts-xaxistooltip-bottom:before {
border: none !important;
}
.apexcharts-xaxistooltip {
color: var(--bs-gray-700) !important;
}
.stepper-outline .step-trigger:hover {
background-color: transparent;
}
.stepper-outline .bs-stepper-circle {
width: 3rem;
height: 3rem;
border-radius: 100%;
background-color: rgba(var(--bs-primary-rgb), 0.1);
border: 2px solid rgba(var(--bs-primary-rgb), 0.4);
color: var(--bs-primary);
line-height: 1.9rem;
}
.stepper-outline .bs-stepper-content {
padding: 20px;
}
.stepper-outline .step.active .bs-stepper-circle {
background-color: var(--bs-primary);
color: var(--bs-white);
border: none;
line-height: 2rem;
}
.stepper-outline .step .bs-stepper-label {
margin: 0;
}
.stepper-outline .step.active .bs-stepper-label {
color: var(--bs-primary);
}
.step-trigger {
padding: 5px;
}
.step-trigger:hover {
text-decoration: none;
background-color: transparent;
}
@media (max-width: 767.98px) {
.stepper-outline .bs-stepper-circle {
width: 2.5rem;
height: 2.5rem;
line-height: 1.4rem;
}
.stepper-outline .step.active .bs-stepper-circle {
line-height: 1.6rem;
}
.stepper-outline .bs-stepper-content {
padding: 5px;
}
}
.fullscreen-video .plyr--video {
height: 100vh;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
background-size: cover;
}
.video-player .plyr--video {
border-radius: 0.5rem;
}
.ql-snow .ql-picker {
color: var(--bs-body-color);
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: var(--bs-gray-800);
}
.ql-snow .ql-stroke {
stroke: var(--bs-body-color);
}
[data-bs-theme=dark] {
--bs-light: #2a2c31;
--bs-dark: #0f0f10;
--bs-dark-rgb: 15, 15, 16;
--bs-gray-200: #464950;
--bs-gray-300: #3e3e40;
--bs-gray-400: #a1a1a8;
--bs-gray-500: #bfc0c9;
--bs-gray-600: #c5c6cc;
--bs-gray-700: #f3f1f1;
--bs-gray-800: #f7f5f5;
--bs-gray-900: #fff;
--bs-body-bg: #222529;
--bs-body-bg-rgb: #222529;
--bs-body-color: #a1a1a8;
--bs-border-color: rgba(255, 255, 255, 0.07);
--bs-mode: #1b1e21;
}
[data-bs-theme=dark] .navbar {
--bs-navbar-color: var(--bs-gray-600);
--bs-navbar-disabled-color: var(--bs-gray-400);
}
[data-bs-theme=dark] .navbar-dark {
--bs-navbar-color: var(--bs-gray-900);
}
[data-bs-theme=dark] .nav {
--bs-nav-link-color: var(--bs-gray-600);
}
[data-bs-theme=dark] .nav-category {
border-bottom: solid 1px var(--bs-light);
}
[data-bs-theme=dark] .dropdown-menu {
--bs-dropdown-bg: var(--bs-dark);
--bs-dropdown-link-disabled-color: var(--bs-gray-200);
-webkit-box-shadow: none;
box-shadow: none;
--bs-dropdown-divider-bg: var(--bs-body-bg);
}
[data-bs-theme=dark] .dropdown-menu:before {
background-color: var(--bs-dark) !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
[data-bs-theme=dark] .card {
--bs-card-cap-bg: var(--bs-mode);
--bs-card-bg: var(--bs-mode);
}
[data-bs-theme=dark] .btn-white.active,
[data-bs-theme=dark] .btn-white:active,
[data-bs-theme=dark] .btn-white:focus,
[data-bs-theme=dark] .btn-white:hover {
background: var(--bs-gray-800);
}
[data-bs-theme=dark] .alert-light {
--bs-alert-bg: var(--bs-gray-600);
--bs-alert-border-color: var(--bs-gray-600);
}
[data-bs-theme=dark] .btn-dark {
--bs-btn-bg: var(--bs-dark) !important;
--bs-btn-border-color: var(--bs-dark) !important;
}
[data-bs-theme=dark] hr {
color: var(--bs-gray-300);
}
[data-bs-theme=dark] .modal {
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-footer-border-color: var(--bs-border-color);
}
[data-bs-theme=dark] .table-light {
--bs-table-bg: var(--bs-light);
--bs-table-color: var(--bs-gray-900);
}
[data-bs-theme=dark] .offcanvas,
[data-bs-theme=dark] .offcanvas-xxl,
[data-bs-theme=dark] .offcanvas-xl,
[data-bs-theme=dark] .offcanvas-lg,
[data-bs-theme=dark] .offcanvas-md,
[data-bs-theme=dark] .offcanvas-sm {
--bs-offcanvas-bg: var(--bs-body-bg);
}
[data-bs-theme=dark] .fill-primary {
fill: var(--bs-primary) !important;
}
[data-bs-theme=dark] .fill-dark {
fill: var(--bs-dark) !important;
}
[data-bs-theme=dark] .text-dark {
color: var(--bs-dark) !important;
}
[data-bs-theme=dark] .bg-light {
background-color: var(--bs-light) !important;
}
[data-bs-theme=dark] .border-light {
border-color: var(--bs-light) !important;
}
[data-bs-theme=dark] .bg-body {
background-color: var(--bs-body-bg) !important;
}
[data-bs-theme=dark] .shadow,
[data-bs-theme=dark] .shadow-lg,
[data-bs-theme=dark] .shadow-sm {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
[data-bs-theme=dark] .navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
-webkit-box-shadow: none;
box-shadow: none;
}
[data-bs-theme=dark] .btn-close {
-webkit-filter: invert(1) grayscale(100%) brightness(300%);
filter: invert(1) grayscale(100%) brightness(300%);
}
[data-bs-theme=dark] header.navbar-sticky-on {
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
[data-bs-theme=dark] .accordion.accordion-shadow .accordion-button {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--bs-gray-200);
}
[data-bs-theme=dark] .top-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
[data-bs-theme=dark] .choices .choices__list--dropdown {
background: var(--bs-dark);
}
[data-bs-theme=dark] .choices[data-type*=select-one] .choices__input {
background: var(--bs-dark);
}
.dark-mode-switch .btn.active {
background-color: var(--bs-body-bg) !important;
border-color: var(--bs-body-bg) !important;
color: var(--bs-gray-800);
-webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
}
.dark-mode-item {
display: none !important;
}
[data-bs-theme=dark] .dark-mode-item {
display: inline-block !important;
}
[data-bs-theme=dark] .light-mode-item {
display: none !important;
}  a.badge {
text-decoration: none !important;
}
.list-inline {
margin-left: 0 !important;
}
.list-inline-item {
display: inline-flex !important
}
.single-download .edd_download_purchase_form,
.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper {
margin: 0px !important;
}
#edd-purchase-button,
.edd-submit,
[type=submit].edd-submit {
border: 1px solid var(--ast-global-color-0) !important;
}
#edd-purchase-button:hover,
.edd-submit:hover,
[type=submit].edd-submit:hover {
background: #000 !important;
border-color: #000 !important;
color: #fff !important;
}
.mensaje_descuento {
font-size: 16px;
border: 1px dashed #999;
border-radius: 3px;
padding: 3px 10px;
margin: 10px 3px;
}
.main-header-menu>.menu-item {
margin-right: 20px !important;
}
.ast-builder-menu-2 .sub-menu .menu-item>.menu-link {
padding-top: 10px !important;
padding-bottom: 20px !important;
}
.ast-builder-menu-2 .sub-menu .menu-item>.menu-link:hover {
color: #ff9635;
font-size: 1rem;
;
}