.portal, nav, .bg-gray-800 {
    background-color: #03001F !important;
    font-family: 'Satoshi', sans-serif !important;
}

.text-gray-900, .text-indigo-600  {
    color: #ccfe00 !important;
}

.text-gray-600 {
    color: #FFFFFF80 !important;
}

.text-gray-700, .text-gray-600, .text-gray-500 {
    color: #FFFFFF !important;
}

.bg-white, input {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: white;
}

.bg-gray-50 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.bg-white .bg-gray-50 {
    background-color: transparent !important;
}

label, p {
    color: #FFFFFF !important;
}

.card_control-control .grid .bg-white.shadow {
    position: relative;
    overflow: hidden;
    /* background-color: transparent !important; */
    /* border: 1px solid #8360E166; */
    background: linear-gradient(
    180deg,
    rgba(131, 96, 225, 0.15) 0%,
    rgba(11, 7, 32, 0.6) 100%
  );

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border: 1px solid rgba(204, 255, 0, 0.12);

  border-radius: 18px;

  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* .card_control-control .grid .bg-white.shadow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(122deg, #8360E11A 0%, #8360E100 100%);
} */


.card_control-control dt {
    color: #FFFFFF !important;
    font-weight: bold !important;
    line-height: 2.5em !important;
}

.card_control-control a {position: relative;}

.chart_control-control > .w-full {
    padding: 20px !important;
    background: linear-gradient(180deg, #8360E11A 0%, #8360E100 100%);
    color: white;
    border: 1px solid #8360E166;
    border-radius: 20px;
}

.chart_control-control select {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: white;
}

.table-control .border-b,th.border-b {
    border-bottom: none !important;
}

th {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 110% !important;
    padding: 20px !important;
}

.page-numbers {
    background-color: transparent !important;
    border: 1px solid #8360E166 !important;
    color: white !important;
}

.page-numbers.disabled, .page-numbers.disabled:hover, .page-numbers.disabled:active, .page-numbers.disabled:focus, .page-numbers.disabled:focus-within, button[disabled="disabled"], button[disabled="disabled"]:hover, button[disabled="disabled"]:active, button[disabled="disabled"]:focus, button[disabled="disabled"]:focus-within {
    background-color: rgba(255,255,255,0.1) !important;
    border: 1px solid #8360E166 !important;
    color: #FFFFFF80 !important;
}

.page-numbers:hover {
    background-color: rgba(255,255,255,0.1) !important;
    border: 1px solid #8360E166 !important;
    color: white !important;
}