/* CSS Document */
/* =========================================================
   THEME FOR ADMINLTE
   ========================================================= */:root{

    /* ===================================
       BRAND COLORS
    =================================== */

    --bot-primary: #D4AF37;
    --bot-primary-hover: #C89B2D;
    --bot-primary-dark: #9E7722;

    --bot-secondary: #16110A;
    --bot-secondary-hover: #0F0B06;
    --bot-secondary-dark: #070503;

    --bot-accent: #F4D675;
    --bot-gold: #FFE9A8;

    --bot-success: #D4AF37;
    --bot-warning: #E3B341;
    --bot-danger: #EF4444;
    --bot-info: #7DD3FC;

    /* ===================================
       BACKGROUNDS
    =================================== */

    --bot-bg: #050505;
    --bot-bg2: #0A0A0A;

    --bot-sidebar: #080808;
    --bot-navbar: #0D0D0D;

    --bot-card: #121212;
    --bot-card2: #1A1A1A;
    --bot-card-hover: #222222;

    --bot-input: #171717;
    --bot-input-focus: #242424;

    /* ===================================
       TEXT
    =================================== */

    --bot-text: #5d533f;
    --bot-text-light: #FFF7DD;
    --bot-muted: #B8A97A;

    /* ===================================
       BORDER
    =================================== */

    --bot-border: rgba(212,175,55,.15);
    --bot-border-active: rgba(212,175,55,.40);
    --bot-border-success: rgba(212,175,55,.25);

    /* ===================================
       SHADOWS
    =================================== */

    --bot-shadow:
        0 20px 50px rgba(0,0,0,.70);

    --bot-shadow-soft:
        0 10px 30px rgba(0,0,0,.45);

    --bot-shadow-primary:
        0 0 30px rgba(212,175,55,.30);

    --bot-shadow-success:
        0 0 25px rgba(212,175,55,.20);

    /* ===================================
       GRADIENTS
    =================================== */

    --bot-gradient-body:
        linear-gradient(
            135deg,
            #050505,
            #0D0D0D,
            #16110A
        );

    --bot-gradient-sidebar:
        linear-gradient(
            180deg,
            #1A140A,
            #050505
        );

    --bot-gradient-card:
        linear-gradient(
            180deg,
            #222222,
            #121212
        );

    --bot-gradient-primary:
        linear-gradient(
            135deg,
            #FFE9A8,
            #D4AF37
        );

    --bot-gradient-secondary:
        linear-gradient(
            135deg,
            #F4D675,
            #9E7722
        );

    --bot-gradient-active:
        linear-gradient(
            90deg,
            #D4AF37,
            #FFE9A8
        );

    --bot-gradient-button:
        linear-gradient(
            90deg,
            #C89B2D,
            #FFE9A8
        );

    --bot-gradient-purple:
        linear-gradient(
            135deg,
            #9E7722,
            #F4D675
        );

    --bot-gradient-danger:
        linear-gradient(
            135deg,
            #FF2E2E,
            #FF8C5A
        );

    /* ===================================
       CHARTS
    =================================== */

    --chart-primary: #D4AF37;
    --chart-secondary: #FFE9A8;
    --chart-third: #F4D675;
    --chart-fourth: #E3B341;
    --chart-danger: #EF4444;
}
/* =========================================================
   BODY
   ========================================================= */

body{
    background-color: #fff !important;
    color: var(--bot-text) !important;
    font-family: 'Poppins', sans-serif;
}

a{
    color: #d3a132 !important;
}

.content-wrapper{
    /* background:
        radial-gradient(circle at top left,
        rgba(18,214,197,0.08),
        transparent 25%),

        radial-gradient(circle at bottom right,
        rgba(77,93,255,0.08),
        transparent 25%),

        var(--bot-bg2) !important; */
}

.content-wrapper::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(173, 173, 173, 0.1);
    z-index: 0;
}

/* =========================================================
   BUTTONS
   ========================================================= */
.btn.btn-rounded {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 100px;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;

    cursor: pointer;
    position: relative;
    overflow: hidden;

    transition: all 0.25s ease;
}


/* Shine Effect */
.btn.btn-rounded::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.2),
        transparent
    );

    transition: 0.6s;
}

.btn.btn-rounded:hover::before {
    left: 120%;
}
/* Primary */
.btn.btn-rounded.btn-primary {
    background: linear-gradient(
        180deg,
        #4239e5 0%,
        #281fa8 100%
    ) !important;
    color: #b3b3b3 !important;
    box-shadow:
        0 0 20px rgba(60, 57, 229, 0.35),
        inset 0 1px 1px rgba(255,255,255,0.25) !important;
}
.btn.btn-rounded.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 0 30px rgba(60, 57, 229, 0.55),
        inset 0 1px 1px rgba(255,255,255,0.3) !important;
}
/* Green Success */
.btn.btn-rounded.btn-success {
    background: linear-gradient(
        180deg,
        #39e56d 0%,
        #1fa84b 100%
    ) !important;
    color: #6e6e6e !important;
    box-shadow:
        0 0 20px rgba(57, 229, 109, 0.35),
        inset 0 1px 1px rgba(255,255,255,0.25) !important;
}
.btn.btn-rounded.btn-success:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 0 30px rgba(57, 229, 109, 0.55),
        inset 0 1px 1px rgba(255,255,255,0.3) !important;
}
/* Danger */
.btn.btn-rounded.btn-danger {
    background: linear-gradient(
        180deg,
        #e53939 0%,
        #a8281f 100%
    ) !important;
    color: #afafaf !important;
    box-shadow:
        0 0 20px rgba(229, 63, 57, 0.35),
        inset 0 1px 1px rgba(255,255,255,0.25) !important;
}
.btn.btn-rounded.btn-danger:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 0 30px rgba(229, 63, 57, 0.55),
        inset 0 1px 1px rgba(255,255,255,0.3) !important;
}
/* Info */
.btn.btn-rounded.btn-info {
    background: linear-gradient(
        180deg,
        #39d7e5 0%,
        #1f96a8 100%
    ) !important;
    color: #393939 !important;
    box-shadow:
        0 0 20px rgba(57, 220, 229, 0.35),
        inset 0 1px 1px rgba(255,255,255,0.25) !important;
}
.btn.btn-rounded.btn-info:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 0 30px rgba(57, 220, 229, 0.55),
        inset 0 1px 1px rgba(255,255,255,0.3) !important;
}
/* Warning */
.btn.btn-rounded.btn-warning {
    background: linear-gradient(
        180deg,
        #e5b139 0%,
        #a8761f 100%
    ) !important;
    color: #4a4a4a !important;
    box-shadow:
        0 0 20px rgba(229, 189, 57, 0.35),
        inset 0 1px 1px rgba(255,255,255,0.25) !important;
}
.btn.btn-rounded.btn-warning:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 0 30px rgba(229, 189, 57, 0.55),
        inset 0 1px 1px rgba(255,255,255,0.3) !important;
}
/* Theme */
.btn.btn-rounded.btn-theme {
    background: linear-gradient(
        180deg,
        #e5b139 0%,
        #a8761f 100%
    ) !important;
    color: #4a4a4a !important;
    box-shadow:
        0 0 20px rgba(229, 189, 57, 0.35),
        inset 0 1px 1px rgba(255,255,255,0.25) !important;
}
.btn.btn-rounded.btn-theme:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 0 30px rgba(229, 189, 57, 0.55),
        inset 0 1px 1px rgba(255,255,255,0.3) !important;
}

/* Active */
.btn.btn-rounded:active {
    transform: scale(0.98);
}


.btn-primary{
    background: linear-gradient(
        180deg,
        #4239e5 0%,
        #281fa8 100%
    )  !important;

    border: none !important;

    color: #fff !important;

    border-radius: 10px;

    box-shadow: 0 0 12px rgba(18,214,197,0.3);
}

.btn-primary:hover{
    transform: translateY(-1px);

    box-shadow:
        0 0 18px rgba(18, 129, 214, 0.45);
}

.btn-success{
    background: linear-gradient(
        180deg,
        #39e56d 0%,
        #1fa84b 100%
    ) !important;
    color: var(--bot-card) !important;
    border: none !important;
}
.btn-success:hover{
    transform: translateY(-1px);

    box-shadow:
        0 0 18px rgba(18, 214, 31, 0.45);
}

.btn-danger{
    background: var(--bot-gradient-danger) !important;
    color: var(--bot-card) !important;
    border: none !important;
}

.btn-warning{
    background: var(--bot-gradient-primary) !important;

    border: none !important;
}

/* Red Cancel */
.cancel-btn {
    background: linear-gradient(
        180deg,
        #ff4d4d 0%,
        #c91d1d 100%
    );

    box-shadow:
        0 0 20px rgba(255, 77, 77, 0.35),
        inset 0 1px 1px rgba(255,255,255,0.25);
}

.cancel-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 30px rgba(255, 77, 77, 0.55),
        inset 0 1px 1px rgba(255,255,255,0.3);
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.main-sidebar{
    background:var(--bot-gradient-sidebar) !important;
    border-right: 1px solid var(--bot-border);
}

.brand-link{
    border-bottom: 1px solid var(--bot-border) !important;
    background: rgb(211 214 18 / 5%);
}

.brand-text{
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
}

.sidebar-dark-primary .nav-sidebar > .nav-item{
    margin: 2px 0;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link{
    color: var(--bot-text);
    border-radius: 3px;
    /*margin: 4px 10px;*/
    transition: 0.3s;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover{
    background:var(--bot-secondary);

    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active{
    background: linear-gradient(90deg, #312c21, #9b721e) !important;
    border: 1px solid #886a29;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff !important;

    box-shadow: var(--bot-shadow);
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, 
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, 
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover{
    color: var(--bot-bg) !important;
}
/* =========================================================
   NAVBAR
   ========================================================= */

.main-header{
    background: #e7e9eb !important;
    border-bottom: 1px solid var(--bot-border) !important;
}

.main-header .nav-link{
    color: var(--bot-text) !important;
}

.main-header .nav-link:hover{
    color: #fff !important;
}
.wallet-div .form-control{
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.wallet-div .input-group-append{
    background: #866422 !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
#copy-address{
    background: #86652200 !important;
    box-shadow: none;
}

/* =========================================================
   CARDS
   ========================================================= */

.card{
    background: linear-gradient(
        180deg,
        var(--bot-card),
        var(--bot-card2)
    ) !important;

    border: 1px solid var(--bot-border) !important;

    border-radius: 25px !important;

    box-shadow: var(--bot-shadow);

    overflow: hidden;
}

.card.no-round{
    border-radius: 10px !important;
}

.card-header{
    background: rgba(255,255,255,0.02) !important;
    border-bottom: 1px solid var(--bot-border) !important;
}

.card-header .img-fluid{
    height: 100px;
    width: auto;
}

.card-title{
    color: #fff;
    font-weight: 600;
}

.card-body{
    color: var(--bot-text);
}
.card.bg-info{
    background: var(--bot-gradient-blue) !important;
}
.card.bg-success{
    background: var(--bot-gradient-success) !important;
}
.card.bg-primary{
    background: var(--bot-gradient-primary) !important;
}
.card.bg-gold{
    background: linear-gradient(
        135deg,
        #b8860b,
        #ffd700,
        #f4e08a,
        #d4af37
    ) !important;
}

.card.bg-danger{
    background: var(--bot-gradient-danger) !important;
}
.card.bg-white{
    background: #fafaf7 !important;
}

/* =========================================================
   SMALL BOXES / DASHBOARD CARDS
   ========================================================= */

.small-box{
    border-radius: 10px !important;
    overflow: hidden;
    border: 1px solid var(--bot-border);

    background:
        linear-gradient(
            135deg,
            rgba(18,214,197,0.15),
            rgba(77,93,255,0.15)
        ) !important;

    box-shadow: var(--bot-shadow);
}

.small-box h3,
.small-box p{
    color: #fff !important;
}

.small-box .icon{
    color: rgba(255,255,255,0.15) !important;
}
.small-box.bg-info{
    background: linear-gradient(
        180deg,
        #17a2b8,
        var(--bot-card)
    ) !important;
}
.small-box.bg-success{
    background: linear-gradient(
        180deg,
        #28a745,
        var(--bot-card)
    ) !important;
}
.small-box.bg-primary{
    background: linear-gradient(
        180deg,
        var(--bot-primary),
        var(--bot-card)
    ) !important;
}

.small-box.bg-danger{
    background: linear-gradient(
        180deg,
        #dc3545,
        var(--bot-card)
    ) !important;
}

.home-box{
    border-radius: 5px !important;
    overflow: hidden;
    border: 1px solid #cfa14a61;

    background:
        linear-gradient(
            135deg,
            rgba(18,214,197,0.15),
            rgba(77,93,255,0)
        ) !important;

    box-shadow: var(--bot-shadow);
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 5px 10px;
}
.home-box .icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 7px 9px;
    font-size: 25px;
}

.home-box.bg-info{
}
.home-box.bg-info .icon{
    color: #19d9e3;
    background: transparent;
    border: 1px solid #00f2fe;
    box-shadow: 0px 0px 5px 2px #3eb6a1;
}
.home-box.bg-success{

}
.home-box.bg-success .icon{
    color: #19e334;
    background: transparent;
    border: 1px solid #00fe1e;
    box-shadow: 0px 0px 5px 2px #3eb652;

}
.home-box.bg-danger{

}
.home-box.bg-danger .icon{
    color: #e31c19;
    background: transparent;
    border: 1px solid #fe2200;
    box-shadow: 0px 0px 5px 2px #b63e3e;
}
.home-box.bg-primary{

}
.home-box.bg-primary .icon{
    color: #e3ad19;
    background: transparent;
    border: 1px solid #fed800;
    box-shadow: 0px 0px 5px 2px #b6a23e;
}
.home-box.bg-primary .icon{

}

.home-box .inner{
}

.home-box .inner p{
    margin: 10px 0 0 0;
    font-size: 0.8rem;
}

.home-box .inner h3{
    margin: 0 0 10px 0;
    font-size: 1.2rem;
}

.home-card{
    border-radius: 5px !important;
    overflow: hidden;
    min-height: 200px;
    border: 1px solid var(--bot-border);
    box-shadow: var(--bot-shadow);
}
.home-card .card-header a{
    float: right;
    color: var(--bot-primary);
}
.income-card{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* .income-card li{
    padding: 5px 0px;
    border: 0;
    margin: 5px 0;
    padding: 5px;
    font-size: 0.8rem;
}
.income-card li span{
    float: right;
    color: #76ce81;
    font-size: 1rem;
}
.income-card li:last-child{
    border-top: 5px solid var(--bot-border);
    font-size: 1rem;
    border-bottom: 0;
}
.income-card li:last-child span{
    float: right;
    color: #ffce81;
    font-size: 1.2rem;
} */

.recent-income{
    list-style: none;
    margin: 0;
    padding: 0;
}

.recent-income li{
    padding: 5px 0px;
    border-bottom: 1px solid var(--bot-border);
    margin: 5px 0;
    padding: 5px;
    font-size: 0.8rem;
}
.recent-income li:nth-child(odd){
    border: 0;
    margin-top: 0px;
    margin-bottom: -15px;
    font-size: 1rem;
}
.recent-income li:nth-child(even){
}
.recent-income li:last-child{
    border: 0; 
}
.recent-income li .income-type{

}
.recent-income li .income-meta{

}
.recent-income li .income-amount{
    float: right;
    color: #76ce81;

}
.recent-income li .income-date{
    float: right;
}

.profile-card{
    overflow: hidden;

    /* background:
        linear-gradient(
            135deg,
            rgba(18,214,197,0.15),
            rgba(77,93,255,0)
        ) !important;

    box-shadow: var(--bot-shadow); */
    display: flex;
    align-items: flex-start;
    gap: 35px;
    padding: 20px 0 20px 20px;
}
.profile-card .profile-image{
    text-align: center;
}
.profile-card .profile-image img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.profile-card .profile-image img.bg-success{
    border: 2px solid #40bc40;
    box-shadow: 0px 0px 5px 2px #42ce42;
}
.profile-card .profile-image img.bg-danger{
    border: 2px solid #bc4c40;
    box-shadow: 0px 0px 5px 2px #ce4442;
}
.profile-card .profile-image h3{
    font-size: 0.8rem;
    margin: 2px 0;
}
.profile-card .profile-image h4{
    font-size: 1rem;
}
.profile-card .profile-data {
}
.profile-card .profile-data p{
    margin: 5px 0;
    font-size: 1rem;
}
.profile-card .profile-data p span{
    float: right;
}
.profile-card .status-btn{
    background: transparent !important;
    border-radius: 15px;
    padding: 5px 15px;
    font-size: 0.6rem !important;
}
.profile-card .status-btn.btn-success{
    border: 1px solid #0f0 !important;
    box-shadow: 0px 0px 5px 1px #0f0;
    color: #67ff2c !important;
}
.profile-card .status-btn.btn-danger{
    border: 1px solid rgb(255, 38, 0) !important;
    box-shadow: 0px 0px 5px 1px rgb(255, 55, 0);
    color: #ff562c !important;
}
.profile-card .input-group{
    
}
.profile-card .input-group input{
    border: 0 !important;
    background-color: #192b3d !important;
    border-radius: 5px;
}
.profile-card .input-group button{
    border-radius: 5px;
}
.network-card {
    /* background:
        linear-gradient(
            135deg,
            rgba(18,214,197,0.15),
            rgba(77,93,255,0)
        ) !important; */
        height: 100%;
}
.network-card ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.network-card h5{
    color:#f5c94b;
    font-size:15px;
    margin-bottom:10px;
    letter-spacing:1px;
    font-weight:500;
}

.network-card ul li{
    padding: 5px 0px;
    border: 1px solid var(--bot-border);
    margin: 5px 0;
    padding: 10px 5px;
    border-radius: 5px;
    font-size: 0.7rem;
}
.network-card ul li i{
    color: var(--bot-accent);
}
.network-card ul li span{
    float: right;
    color: #ffffff;
    font-size: 1rem;
    margin-top: -4px;
}
.progress-card{
    /* background:
        linear-gradient(
            135deg,
            rgba(18,214,197,0.15),
            rgba(77,93,255,0)
        ) !important; */
        height: 100%;;
}
.progress-box{
    padding:10px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.progress-box h5{
    color:#f5c94b;
    font-size:15px;
    margin-bottom:10px;
    letter-spacing:1px;
    font-weight:500;
}

/* =========================================================
   TABLES
   ========================================================= */

.table{
    color: var(--bot-text-light);
}

.table thead th{
    border-bottom: 1px solid var(--bot-border) !important;
    color: #fff;
    background: rgba(255,255,255,0.03);
}

.table td{
    border-color: rgba(255,255,255,0.05) !important;
}

.table-hover tbody tr:hover{
    background: rgba(18,214,197,0.05) !important;
}
.card.bg-white .card-title,
.card.bg-white .table thead th{
    color: inherit;
}

/* =========================================================
   FORMS
   ========================================================= */

.form-control{
    background: #906921 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #fff !important;
    border-radius: 10px;
}

.form-control:focus{
    border-color: var(--bot-primary) !important;

    box-shadow:
        0 0 0 0.15rem rgba(18,214,197,0.15) !important;
}

.input-group-text{
    background: #58492e !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #fff !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* =========================================================
   DROPDOWNS
   ========================================================= */

.dropdown-menu{
    background: var(--bot-gradient-sidebar) !important;
    border: 1px solid var(--bot-border) !important;
    border-radius: 5px !important;
}

.dropdown-item{
    color: var(--bot-text-light) !important;
}

.dropdown-item:hover{
    background:
        rgba(18,214,197,0.1) !important;

    color: #fff !important;
}

/* =========================================================
   MODALS
   ========================================================= */

.modal-content{
    background: #121827 !important;
    border: 1px solid var(--bot-border) !important;
    border-radius: 18px !important;
}

.modal-header{
    border-bottom: 1px solid var(--bot-border) !important;
}

.modal-footer{
    border-top: 1px solid var(--bot-border) !important;
}

/* =========================================================
   BADGES
   ========================================================= */

.badge-primary{
    background: var(--bot-primary) !important;
}

.badge-success{
    background: #19d37e !important;
}

.badge-danger{
    background: #ff4b6e !important;
}

/* =========================================================
   PAGINATION
   ========================================================= */

.page-link{
    background: #121827 !important;
    border: 1px solid var(--bot-border) !important;
    color: var(--bot-text-light) !important;
}

.page-item.active .page-link{
    background:
        linear-gradient(
            90deg,
            var(--bot-primary),
            var(--bot-brown)
        ) !important;

    border: none !important;
}
.card.bg-white .page-item.active .page-link{
    color: var(--bot-text) !important;
    border-top: 1px solid #121827 !important;
    border-bottom: 1px solid #121827 !important;
}
/* =========================================================
   SCROLLBAR
   ========================================================= */

::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track{
    background: #0b0f1c;
}

::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            180deg,
            var(--bot-primary),
            var(--bot-brown)
        );

    border-radius: 20px;
}

/* =========================================================
   LOGIN PAGE
   ========================================================= */

.login-page,
.register-page{
    
}

.login-box .card,
.register-box .card{
    backdrop-filter: blur(10px);
}

/* =========================================================
   CHART BOXES
   ========================================================= */

.chart-container,
.chart-box{
    background:
        linear-gradient(
            180deg,
            #141b2f,
            #101522
        );

    border-radius: 16px;
    padding: 15px;
    border: 1px solid var(--bot-border);
}

/* =========================================================
   CUSTOM GLOW EFFECTS
   ========================================================= */

.glow-primary{
    box-shadow:
        0 0 20px rgba(18,214,197,0.35);
}

.glow-blue{
    box-shadow:
        0 0 20px rgba(77,93,255,0.35);
}

#live-price{
    display: block;
    width: 100% !important;
    border-radius: 25px;
    background-color: #fefff073 !important;
    color: #343a40 !important;
    font-weight: 600;
    font-size: 1.3rem;
}
#live-price::before{
    content: '';
    height: 10px;
    width: 10px;
    background-color: #00fe1e;
    box-shadow: 0px 0px 10px 0px #00fe1e;
    display: block;
    float: left;
    border-radius: 50%;
    margin: 10px 5px;
}

/* =========================================================
   ANIMATIONS
   ========================================================= */

.card,
.small-box,
.btn{
    transition: all 0.25s ease;
}
.small-box.no-bg{
    background: none !important;
    box-shadow: none;
    border: 0;
    margin: 0 !important;
}
.small-box.no-bg h3,
.small-box.no-bg p{
    color: #55585a !important;
}
.small-box.no-bg h3{
    font-size: 1.8rem;
}
.small-box.no-bg p{
    font-size: 1rem;
    margin: 0 !important;
}
.small-box.no-bg h3 span{
    display: block;
}
.small-box:hover{
    /* transform: translateY(-2px);

    box-shadow:
        0 0 20px rgba(18,214,197,0.25); */
}
.small-box.bg-white{
    background: #fff !important;
    box-shadow: 0px 0px 2px 0px #ccc;
    border: 1px solid var(--bot-border);
    margin: 0 !important;
}
.small-box.bg-white h3,
.small-box.bg-white p{
    color: #55585a !important;
}
.small-box.bg-white .icon i{
    color: var(--bot-accent);
}

.dark-text{
    color: var(--bot-card) !important;
}
.table thead th{
    border: 0;
    padding: 5px 10px;
}
.details-row{
    background-color: #eedca5b0 !important;
    box-shadow: 0px 0px 5px 0px #d8b440 !important;
    border-radius: 10px;
}
.address-row{
    
}
.address-row p{
    font-size: 1.2rem !important;
}
.address-row span{
    font-size: 1.3rem !important;
}
@media (max-width: 992px) {
    .profile-card .profile-data{
        width: 70%;
    }
    .address-row span{
        font-size: 1rem !important;
    }
}
@media (max-width: 576px) {
    .profile-card{
        align-items: center;
        padding: 20px 5px;
        flex-direction: column;
    }
    .profile-card .profile-data{
        width: 95%;
    }
    .small-box.text-right{
        text-align: center !important;
    }
    #header-row .btn.btn-danger{
        position: absolute !important;
        top: -80px !important;
        right: 18px !important;
    }
    .address-row span{
        font-size: 0.9rem !important;
    }
}
@media (max-width: 376px) {
    .address-row span{
        font-size: 0.7rem !important;
    }
}