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

@import 'bootstrap/dist/css/bootstrap.min.css';

*, html, body, p {
    font-family: "Source Sans Pro", sans-serif;
    }

.info {
    font-family: "Source Sans Pro";
    font-size: 12px;
    color: white;
    /* background: #6b7388; */
    background: #2f7cf6;
    padding: 0px;
    position: static;
    }

/* .me-1.btn.btn-primary {
    font-family: "Source Sans Pro";
    font-size: 12px;
    color: white;
    margin
    background: #2f7cf6;
    padding: 2px;
    position: middle;
    } */
.me-1.btn.btn-primary {
    position: relative;
    bottom: 2px;
    }

input {
    border: 1px solid #aaaaaabb;
    border-radius: 4px;
    }
input:hover {
    border: 1px solid #7c7c7cbb;
    border-radius: 4px;
    }

.rc-slider-handle, .rc-slider-handle:focus {
    border-color: #2f7bf6cc;
    border-width: 2px;
    border-radius: 50%;
    background-color: white;
    }
.rc-slider-handle:hover, .rc-slider-handle:active {
    border-color: #2f7bf6;
    border-width: 2px;
    border-radius: 50%;
    background-color: white;
    
    }
.rc-slider-track {
    background-color: #2f7cf6cc;
    }

.popover-header {
    /* background-color: #6b7388; */
    background-color: #2f7cf6;
    color: white;
    margin: 2px 2px 2px 2px;
    }
.popover-body {
    background-color: white;
    color: #6b7388;
    padding: 2px 2px 2px 2px;
    }
/* .popover::after {
    position: absolute;
    left: -7px;
    top: 10%;
    content: '';
    width: 15px;
    height: 15px;
    background: #6b7388;
    transform: rotate(45deg);
    } */

/* .bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: yellow;
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: yellow;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: yellow;
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: yellow;
} */

/* .bs-tooltip-auto {
    &[data-popper-placement^="top"] {
      @extend .bs-tooltip-top;
    }
    &[data-popper-placement^="right"] {
      @extend .bs-tooltip-right;
    }
    &[data-popper-placement^="bottom"] {
      @extend .bs-tooltip-bottom;
    }
    &[data-popper-placement^="left"] {
      @extend .bs-tooltip-left;
    }
  } */

/* .popover{
    .arrow{
        background:transparent !important;
        z-index: 99;
        width: 0; 
        height: 0; 
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #c7c7c7;
        bottom: -7px;
    }
} */

.bi.bi-info-square-fill {
    background-color: rgba(0, 0, 255, 0);
    border-color: rgba(0, 0, 255, 0);
}

/* a.modebar-btn {
    font-size: 20px !important;
} */