/*************************************************
******  Från StatisticonShared projektet        ******
******  Kopieras automatiskt in i projekten ******
******  Ändringar görs i StatisticonShared      ******
**************************************************/

/*************** TOOLBOX ***************/
#toolboxWindow {
    font-family: var(--stat-font-family);
    z-index: 1010 !important; /* Just under model-backdrop men ovanpå toolbox */
}

.toolbar-section {
    width: 90%;
    margin-left: 5%;
}

.toolbar-subsection {
    margin-top: 0.5rem;
}

.toolbar-subsection-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.toolbar-hr-div {
    width: 90%;
    margin-left: 5%;
}

.toolbar-hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-top: 1px solid var(--studios-grey);
}

.toolbar-label {
    font-family: var(--stat-font-family);
    text-align: center;
    font-size: small;
}

#windowContainer .toolbar-btn {
    border-radius: 0;
    width: 100%;
    margin-right: .25rem;
}

    #windowContainer .toolbar-btn:last-of-type {
        margin-right: 0;
    }

#time-slider {
    overflow: visible;
    border: none;
    background-color: var(--STAT-blue);
    border-radius: 0px;
    height: 15px;
    padding-right: 30px;
}

#time-slider-handle {
    width: 30px;
    height: 15px;
    line-height: 16px;
    border: none;
    border-radius: 0;
    text-align: center;
    background-color: var(--STAT-lightblue);
    color: white;
    font-weight: bold;
    position: relative;
    margin: 0;
    top: 0;
    font-size: 9px;
}

/********** JQWidgets Overrides ********/
.jqx-window-header {
    opacity: 1 !important;
    color: var(--studios-darkgrey);
}

.jqx-window-close-button {
    background-image: url(https://cdn.jsdelivr.net/npm/jqwidgets-framework@6.1.0/jqwidgets/styles/images/close.png) !important;
}

body > div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable > div.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle > button {
    background-image: url(https://cdn.jsdelivr.net/npm/jqwidgets-framework@6.1.0/jqwidgets/styles/images/close.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    border: none;
    background-color: #e8e8e8;
}