/* bootstrap custom css */
/*
    #E55410 229, 84, 16 1stand10 orange - spicy paprika 
    #FF6700 255, 103, 0 pumpkin spice
    #EBEBEB 235, 235, 235 platinum
    #D6D6D6 214, 214, 214 dust grey
    #E6E6E6 230, 230, 230 ALABASTER GREY
    #7B98B7 123, 152, 183 steel blue
    #3A6EA5 58, 110, 165 cornflower ocean
    #0C2045 12, 32, 69 prussian blue


    <b>Transactions</b>
    <i class="fa fa-shuffle fa-fw"></i> Trade Tracker</a>
    <i class="fa fa-bullhorn fa-fw"></i> Trade Block</a>

*/
[data-bs-theme="fat"] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-lime: #58d68d;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-brown: #8B4513;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: rgba(123, 152, 183, 0.5);
    --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: #c4c8cb;
    --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-font-sans-serif: Roboto;
    --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: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.25;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #EBEBEB;
    --bs-body-bg-rgb: 235, 235, 235;
    --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-heading-color: inherit;
    --bs-link-color: #3A6EA5;
    --bs-link-color-rgb: 58, 110, 165;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #FF6700;
    --bs-link-hover-color-rgb: 255, 103, 0;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.25rem;
    --bs-border-radius-sm: 0.1rem;
    --bs-border-radius-lg: 0.25rem;
    --bs-border-radius-xl: 0.5rem;
    --bs-border-radius-xxl: 1rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 25rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

body::before {
    content: '';
    background-image: url('/Content/images/misc/bg.png');
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.03;
}

.nav {
    --bs-nav-link-font-size: 1rem;
}
.nav-link {
    font-weight: 500;
    font-size: 1rem;
}
.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
    --bs-navbar-color: rgba(235, 235, 235, 1);
    --bs-navbar-hover-color: #FF6700;
    --bs-navbar-disabled-color: rgba(235, 235, 235, 0.3);
    --bs-navbar-active-color: rgba(235, 235, 235, 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(235, 235, 235, 1);
    --bs-navbar-brand-hover-color: rgba(235, 235, 235, 1);
    --bs-navbar-nav-link-padding-x: 1rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.5rem;
    --bs-navbar-toggler-font-size: 1rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: #0C2045;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0;
}
.navbar-nav {
    --bs-nav-link-hover-color: #FF6700;
}
.nav-bg {
    --bs-bg-opacity: 1;
    background-color: rgba(12, 32, 69, var(--bs-bg-opacity)) !important;
}
.nav-sidebar-section-header {
    color: #FF6700 !important;
    font-weight: 500;
    font-size: 1rem;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
}

.dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-link-hover-color: #FF6700;
    --bs-dropdown-link-hover-bg: #D6D6D6;
    --bs-dropdown-link-color: #0C2045;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-bg: #E6E6E6;
    --bs-dropdown-divider-margin-y: 0rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-inner-border-radius: calc(0 - var(--bs-border-width));
    --bs-dropdown-header-color: #FF6700;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
}
.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}
.dropdown-item {
    font-weight: 500;
}
.dropdown-item:hover, .dropdown-item:focus {
    font-weight: 500;
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-width: 230px;
    --bs-offcanvas-color: #102A56;
    --bs-offcanvas-bg: #EBEBEB;
    --bs-offcanvas-padding-y: 0.25rem;
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: #7B98B7;
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.form-control {
    background-color: #fff;
}
.form-check-input {
    background-color: #fff;
}
.form-select {
    background-color: #fff;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #E55410;
    --bs-btn-border-color: #E55410;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF6700;
    --bs-btn-hover-border-color: #FF6700;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FF6700;
    --bs-btn-active-border-color: #FF6700;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 0.75rem;
}

.accordion {
    --bs-accordion-active-color: #0C2045;
    --bs-accordion-active-bg: rgba(123, 152, 183, 0.2);
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.04);
    --bs-table-hover-color: #0C2045;
    --bs-table-hover-bg: rgba(214, 214, 214, 0.5);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
    font-weight: 500;
}
.table-fat {
    --bs-table-color: #fff;
    --bs-table-bg: #FF6700;
    --bs-table-border-color: #FF6700;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #FF6700;
    --bs-table-hover-color: #fff;
    --bs-link-color-rgb: #fff;
    --bs-link-hover-color-rgb: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-fat-secondary {
    --bs-table-color: #fff;
    --bs-table-bg: rgba(123, 152, 183, 0.5);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgba(123, 152, 183, 0.75);
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-fat-secondary-black {
    --bs-table-color: #000;
    --bs-table-bg: rgba(123, 152, 183, 0.5);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: rgba(123, 152, 183, 0.75);
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color:;
    --bs-card-subtitle-color:;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: #D6D6D6;
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(123, 152, 183, 0.2);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
}

.tooltip {
    --bs-tooltip-opacity: 1;
}

.badge {
    --bs-badge-padding-x: 0.4em;
    --bs-badge-padding-y: 0.2em;
    --bs-badge-font-size: 0.7em;
    --bs-badge-font-weight: 600;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    color: #FF6700;
    line-height: 0;
    vertical-align: baseline;
}

/* custom css */
tiny, .tiny {
    font-size: 0.6em;
}
xxsmall, .xxsmall {
    font-size: 0.675em;
}
xsmall, .xsmall {
    font-size: 0.75em;
}
msmall, .msmall {
    font-size: 0.9375em;
}
.fs-big-to-small {
    font-size: calc(0.5rem + 0.5vw) !important;
}
.fs-big-to-small_ticker {
    font-size: calc(0.3rem + 0.5vw) !important;
}
.fs-big-to-small_ticker_dd {
    font-size: calc(0.2rem + 0.5vw) !important;
}
fs-7, .fs-7 {
    font-size: 0.9375rem;
}
fs-8, .fs-8 {
    font-size: 0.875rem;
}
.w-100 {
    width: 100% !important;
}
.w-40 {
    width: 40% !important;
}
.p-tenth {
    padding: 0.1rem !important;
}
.text-orange {
    --bs-text-opacity: 1;
    color: rgba(255, 103, 0, var(--bs-text-opacity)) !important;
}
.text-blue {
    --bs-text-opacity: 1;
    color: rgba(58, 110, 165, var(--bs-text-opacity)) !important;
}
.text-red {
    color: var(--bs-red) !important;
}
.text-yellow {
    color: var(--bs-warning) !important;
}
.text-lime {
    color: var(--bs-lime) !important;
}
.text-green {
    color: var(--bs-green) !important;
}
.text-brown {
    color: var(--bs-brown) !important;
}
.text-bg-orange {
    color: #fff !important;
    background-color: RGBA(255, 103, 0, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-new {
    color: #000 !important;
    background-color: RGBA(255, 255, 0, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-scoreticker {
    color: #fff !important;
    background-color: RGBA(229, 84, 16, var(--bs-bg-opacity, 1)) !important;
}
tr.table-bg-fat {
    color: #EBEBEB !important;
    background-color: #7B98B7 !important;
}
.custom-tooltip {
    --bs-tooltip-bg: #E55410;
    --bs-tooltip-color: #EBEBEB;
}
.badge-mail-image {
    background-image: url('/Content/images/misc/private.gif');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0.6rem
}

.custom-popover {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: #3A6EA5;
    --bs-popover-header-bg: #3A6EA5;
    --bs-popover-header-color: #EBEBEB;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.custom-popover-400 {
    --bs-popover-max-width: 400px;
    --bs-popover-border-color: #3A6EA5;
    --bs-popover-header-bg: #3A6EA5;
    --bs-popover-header-color: #EBEBEB;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

.cursor-help {
    cursor: help;
}

.boxscore:hover {
    cursor: pointer;
    --bs-text-opacity: 0.05;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity));
}

.bg-comment-subtle {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

/*-----HORIZONTAL LIST SCROLL BUTTON--------------*/
.horizontal-list-o-hidden {
    overflow: hidden;
}

.horizontal-list-nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    transition: transform 0.4s;
    transform: translateX(50%);
    left: -50%;
}

.horizontal-list-nav.justify-content-end {
    transform: translateX(0);
    left: 0;
}

/*-----LOGIN--------------*/
.login-wrap {
    /*background: #000000;*/
    width: 100%;
    height: 100%;
    position: absolute;
}

.login-logo {
    text-align: center;
    margin: 20px auto;
}

.login-img {
    display: block;
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto;
    /*width: 50%; */
    max-width: 100%;
    height: auto;
}

.login-main {
    width: 300px;
    height: 100px;
    position: absolute;
    margin: 148px auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #E55410;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.login-box1 {
    background: #EBEBEB;
    height: 40px;
    text-indent: 10px;
    width: 90%;
    margin-bottom: 2px;
    color: #3B424D;
    font-size: 15px;
    font-weight: 400;
}

.login-border1 {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.login-border2 {
    -webkit-border-radius: 0px 0 5px 5px;
    -moz-border-radius: 0px 0 5px 5px;
    -ms-border-radius: 0px 0 5px 5px;
    -o-border-radius: 0px 0 5px 5px;
    border-radius: 0px 0 5px 5px;
}

.login-go {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 9px;
    top: 20px;
    border: 5px solid #102A56;
    background: #E55410;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .login-go:hover {
        animation: spin 0.3s ease-in-out;
        -webkit-animation: spin 0.3s ease-in-out;
        -moz-animation: spin 0.3s ease-in-out;
        -ms-animation: spin 0.3s ease-in-out;
        -o-animation: spin 0.3s ease-in-out;
        cursor: pointer;
    }

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.75);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.75);
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: rgba(58, 110, 165, 0.25);
    border-color: transparent;
    border-radius: 1rem;
}