@import './global/globalCssVariables';
// this file is for overriding all the css from installed node modules

// goldenlayout stuff
div .lm_header {
    background: $dark-gray;
    overflow: hidden;
    height: 27px !important;
}

/* Width */
.lm_header::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none;
}

/* Width */
.lm_header:hover::-webkit-scrollbar {
    -webkit-appearance: none;
    display: block;
    height: 0px;
}

/* Track */
.lm_header:hover::-webkit-scrollbar-track {
    -webkit-appearance: none;
    display: none;
}

/* Handle */
.lm_header:hover::-webkit-scrollbar-thumb {
    -webkit-appearance: none;
    background: $dark-gray;
}

/* Handle on hover */
.lm_header:hover::-webkit-scrollbar-thumb:hover {
    -webkit-appearance: none;
    background: $dark-gray;
}

.lm_tabs {
    display: flex;
    position: absolute;
    width: calc(100% - 60px);
    overflow: scroll;
    background: transparent; //$dark-gray;
    border-radius: 0px;
}

.lm_tab {
    //   margin-top: 0.6em !important;
    //   padding-top: 0.5em !important;
    //   min-height: 1.35em;
    //   padding-bottom: 0px;
    //   border-radius: 5px;
    font-family: $sans-serif !important;
}

// @TODO the ril__navgiation buttons in the img gallery are a lil messed up but I can't figure out
// why. Low priority for now but it's bugging me. --Julie