body
{
    zoom: .8;
    background-color: #0b0b0d;
    /* font-family: "Inter", sans-serif !important; */
    font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
}

.ores-navbar-bg
{
    background: linear-gradient(180deg,#141416 0%, #0f0f12 100%) !important;
}

.ores-btn-primary
{
    background: linear-gradient(180deg,#1a1a1d 0%, #0d0d10 100%) !important;
    border: 1px solid #2a2a31;
    border-radius: 0px;
    color: #e6e6e6;
}

.ores-btn-success
{
    background: linear-gradient(180deg,rgb(67, 176, 61) 0%, rgb(48, 150, 58) 100%) !important;
    border: 1px solid #2a2a31;
    border-radius: 0px;
    color: #e6e6e6;
}

.ores-btn-primary:hover
{
    color: #e6e6e6 !important;
}

.form-control
{
    background: linear-gradient(180deg,#1a1a1d 0%, #0d0d10 100%) !important;
    border: 1px solid #2a2a31;
    color: #e6e6e6 !important;
}

.form-select {
    /* Your existing gradient and styles */
    background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%) !important;
    border: 1px solid #2a2a31;
    color: #e6e6e6;

    /* Remove the default browser arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border-radius: 0px;

    /* Add the custom arrow */
    background-image: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='m0,6l12,12l12,-12l-24,0z' fill='%23e6e6e6'/><path fill='none' d='m0,0l24,0l0,24l-24,0l0,-24z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important; /* Adjust the size of the arrow */
}

.form-select option {
  color: #fff; /* Sets option text to black */
  background-color: #1a1a1a; /* Ensures option background is white */
  border:none
}

.form-control::placeholder
{
    color: #a8a8a8 !important;
}

.form-control:focus
{
    border-color: #2e2e2e !important;
    box-shadow: 0 0 0 .25rem rgba(64,64,64,.25) !important;
}

.form-control:disabled
{
    background: linear-gradient(180deg, rgb(20, 20, 20) 0%, rgb(10, 10, 10) 100%) !important;
}

.card
{
    color: #e6e6e6 !important;
    background: linear-gradient(180deg,#141416 0%, #0f0f12 100%);
    border: 1px solid #1f1f26;
    border-radius: 0px;
    box-shadow: 0 0 0 1px #0f0f12, 0 10px 30px rgba(0,0,0,.5)
}

.navbar-toggler
{
    background: linear-gradient(180deg,#141416 0%, #0f0f12 100%);
    border-radius: 0px;
}

.btn-fullwidth
{
    width: 100%;
}

.error
{
    color: #e6e6e6 !important;
    background: linear-gradient(180deg,rgb(176, 62, 62) 0%, rgb(132, 42, 42) 100%);
    border: 1px solid #1f1f26;
    border-radius: 0px;
    box-shadow: 0 0 0 1px #0f0f12, 0 10px 30px rgba(0,0,0,.5);
    padding: 10px;
}

.success
{
    color: #e6e6e6 !important;
    background: linear-gradient(180deg,rgb(67, 176, 61) 0%, rgb(48, 150, 58) 100%);
    border: 1px solid #1f1f26;
    border-radius: 0px;
    box-shadow: 0 0 0 1px #0f0f12, 0 10px 30px rgba(0,0,0,.5);
    padding: 10px;
}

.success-text
{
    color: rgb(53, 154, 88);
}

.success-gradient-text
{
    background-image: linear-gradient(180deg,rgb(67, 176, 61) 0%, rgb(48, 150, 58) 100%);
    color: transparent;
    background-clip: text;
}

.negative-text
{
    color: rgb(150, 48, 48);
}

.arrested-text
{
    color: rgb(150, 48, 48);
    text-decoration: line-through;
}

.ores-bank-bg
{
    background: linear-gradient(180deg,rgb(65, 90, 154) 0%, rgb(48, 72, 150) 100%) !important;
    border: 1px solid rgb(40, 73, 119);
}

.ores-back-link 
{
    color: #fff;
text-decoration: none
}

.ores-grey-bg
{
    background: linear-gradient(180deg,rgb(117, 117, 117) 0%, rgb(112, 112, 112) 100%) !important;
    border: 1px solid rgb(103, 103, 103);
}

.tool {
    background-color: #0b0b0d;
    border: 1px solid #1c1c1c;
}

/* Define a transition duration during page visits */ html.is-changing .transition-fade {   transition: opacity 0.25s;   opacity: 1; } /* Define the styles for the unloaded pages */ html.is-animating .transition-fade {   opacity: 0; }