/* Minification failed. Returning unminified contents.
(54,32): run-time error CSS1039: Token not allowed after unary operator: '-focus-color'
(58,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(63,32): run-time error CSS1039: Token not allowed after unary operator: '-hover-border-color'
(68,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-color'
(69,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-color'
(74,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(75,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(81,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(82,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(87,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(92,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(93,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(97,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(105,32): run-time error CSS1039: Token not allowed after unary operator: '-hover-color'
(110,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(111,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(112,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(113,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(117,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(121,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
@import "Themes/default.css";

html,
body {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /*margin-bottom: 80px;*/
}

/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.85em;
}
/* #endregion */

/* #region custom Kendo UI styles */
#configure {
    display: none;
}

.k-panelbar .k-content {
    padding: 20px;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

.k-treeview .k-in.k-state-selected.k-state-focused {
    box-shadow: 0 0 0 2px var(--focus-color) !important;
}

.k-treeview .k-in.k-state-selected {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}

.k-treeview .k-in.k-state-focused {
    box-shadow: 0 0 0 2px var(--hover-border-color);
}

.k-treeview .k-in.k-state-hover, 
.k-treeview .k-in:hover {
    border-color: var(--hover-color) !important;
    background-color: var(--hover-color) !important;
}

.k-button.k-primary,
.k-slider .k-draghandle {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}
    .k-action-buttons .k-primary:hover,
    .k-button.k-primary.k-state-hover,
    .k-button.k-primary:hover,
    .k-slider .k-draghandle:hover {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
    }

.k-splitbar.k-state-focused,
.k-splitbar:active {
    background: var(--primary-color);
}

.k-pager-numbers .k-state-selected,
.k-pager-numbers .k-state-selected:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.k-tabstrip-items {
    border-color: var(--primary-color) !important;
}

    .k-tabstrip-items .k-item {
        color: #212529;
    }

    .k-tabstrip-items .k-item.k-state-hover {
        background-color: var(--hover-color) !important;
        color: #212529 !important;
    }

    .k-tabstrip-items .k-state-active {
        border-top-color: var(--primary-color) !important;
        border-left-color: var(--primary-color) !important;
        border-right-color: var(--primary-color) !important;
        color: var(--primary-color) !important;
    }

.k-slider .k-slider-selection {
    background-color: var(--primary-color) !important;
}

.k-text-info {
    color: var(--primary-color) !important;
}
/* #endregion */
@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        width: 100%;
    }

    .k-rpanel-expanded {
        margin-top: 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .footer {
        height: 60px;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}