
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');


h1, h2, h3, h4, h5, h6, .nav-item {
    color: #FF67C3;
    text-shadow: 0 0 2px #1e1c2d;
}

p {
    /*text-shadow: 0 0 4px #000000;*/
}

.center {
    text-align: center;
}

body {
    background: linear-gradient(0deg, #1e1c2d 0%, #121018 100%);
    font-family: Quicksand;
}

/*body{*/
/*    background-color: #1abc9c;*/
/*}*/

:root {
    --bs-progress-bg: rgba(255,255,255,0.1);
    --bs-nav-tabs-link-active-bg: red;
    --bs-body-color: #fbfaff;
    --bs-border-color: rgba(255,255,255,0.1);
    --bs-nav-tabs-link-active-border-color: rgba(255,255,255,0.1);
    --bs-nav-tabs-link-hover-border-color: rgba(255,255,255,0.1);
    --bs-success-rgb: "#FF67C3";
    --bs-light-rgb: #1e1c2d;
    --bs-modal-bg: #ff0000;
    --bs-secondary-bg: #fbfaff;
    --ifm-color-primary: #3ba941;
    /* --ifm-color-primary: #ffffff00; */
    --ifm-color-primary-dark: #FF67C3;
    --ifm-color-primary-darker: #6BD6E3;
    --ifm-color-primary-darkest: #BE97D2;
    --ifm-color-primary-light: #FF929C;
    --ifm-color-primary-lighter: #e9e9e9;
    --ifm-color-primary-lightest: #FF0000;
    --ifm-code-font-size: 95%;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
    /*background-image: url("https://raw.githubusercontent.com/CompassLabs/docs/main/static/img/background_tiles.svg");*/
    /*background-size: cover;*/
    /* --ifm-font-color-base: #000; */

}


/*.modal{*/
/* background-color: #0000FF;*/
/*}*/

.aaa {
    background-color: #1e1c2d00;
}

hr {
    color: #b7b7b7;
    /*height: 12px;*/
    border-width: 4px;

}


.no_borders {
    border-left:   None;
    border-right:   NOne;
}

.global-nav-card {
    background-color: rgba(251, 250, 255, .05);
    border: 1px solid rgba(251, 250, 255, .15);
    border-radius: .3125rem;

    justify-content: space-between;
    padding: 1.0rem 1.5rem;

    position: relative;
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/*.global-nav-card:hover {*/
/*    border: 1px solid #FF67C355;*/
/*}*/

.flex-h {
    display: flex;
    flex-direction: row;
}

.flex-v {
    display: flex;
    flex-direction: column;
}

.mybutton {
    background-color: rgba(251, 250, 255, .05);
    border: 1px solid rgba(251, 250, 255, .15);
    border-radius: .3125rem;
    margin-left: .5rem;
}

.bg-success {
    background-color: rgba(255, 0, 0, 1.0);
}

.token0 {
    color: #BE97D2;
    /*font-weight: bold;*/
    /*font-size: large;*/
    font-size: 1.5rem;
}

.token1 {
    color: #6BD6E3;
    /*#font-weight: bold;*/
    /*background-color: #1abc9c;*/
    font-size: 1.5rem;
}

.DateRangePickerInput {
    background: transparent;
}
/*.DateInput {*/
/*    background: transparent;*/
/*}*/

.DayPicker_horizontal {
    background: #1abc9c;
    background-color: #1abc9c;
}

/*.dfg {*/
/*    background-color: #ff0000;*/
/*}*/

.DateInput_input {
    background: yellow;
    color: blue;
}

.DateInput_input__focused {
    background: #1e8449;
    color: red;
}

.DateInput_input {
    background: #1e8449;
    color: white;
}

.rc-slider{
    color: red;
    /*#background-color: yellow;*/
    margin-top: 1rem;
}
.rc-slider-track {
    background-color: #FF67C3;
}
/*.rc-slider-dot-active {*/
/*    border-color: blue;*/
/*    border: solid 2px red;*/
/*}*/
.rc-slider-handle {
    background-color: white;
    border-color: #FF67C3;
}
/*.rc-slider-handle:hover {*/
/*    border-color: red;*/
/*}*/
/*.rc-slider-handle-active:active {*/
/*    border-color: orange;*/
/*}*/


/*.progress-bar {*/
/*    color: green;*/
/*    background-color: yellow;*/
/*    box-shadow: 10px 5px 5px yellow;*/
/*}*/

.progress {
    /*color: green;*/
    background-color: rgba(255,255,255,0.1);
}


.progress-bar {
    color: white;
    background: linear-gradient(90deg, #FF67C3 0%, #BE97D2 100%);
    /*border: 1px solid white;*/
    /*box-shadow: 10px 5px 5px yellow;*/
}

.nav-tabs .nav-links {
    border: None;
}


.mantine-Input-input{
    background-color: rgba(255,255,255,0.1);
    border: 1px solid rgba(251, 250, 255, .15);
    color: white;
    font-family: Quicksand;
}
.mantine-Select-dropdown{
    background-color: #1e1c2d;
    border: 1px solid rgba(251, 250, 255, .15);
    color: white;
    font-family: Quicksand;
}
.mantine-Select-item {
    background-color: transparent;
    color: white;
}

.mantine-Select-item:hover {
    background-color: rgba(251, 250, 255, .15);
    color: white;
}

.mantine-Select-separatorLabel{
    color: #FF67C3;
}

.mantine-Select-label {
    color: white;
}

.row{
    align-items: center;
}

.progress, progress-height {
    height: 1.8rem;
}

.form-check-input:checked {
    background-color: #FF67C3;
    border-color: #FF67C3;
}
.form-check-input:focus {
    border-color: #FF67C3;
    outline: 0;
    box-shadow: 0 0 0 .25rem #FF67C322;
}

.killbutton {
    background-color: #FF67C344;
    border: 1px solid #FF67C3;
    border-radius: .3125rem;
    margin-left: .5rem;
}
