/*
=============================
= SPLITTER DEFAULTS
=============================
*/

.-pd-primary-splitter.k-splitter {
    height:100%;
    box-sizing:border-box;
    border:0 none;
}
.-pd-primary-splitter.k-splitter .k-splitbar {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
}

.-pd-primary-splitter.k-splitter .k-splitbar.k-state-focused {
    box-shadow: none;
    background-color: #DDDDDD !important;
}

.-pd-primary-splitter.k-splitter .k-splitbar .k-resize-handle {
    background-image: url(../../../Areas/Shared/Assets/Internal/Icons/Misc/splitbar-grip-vertical.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.-pd-primary-splitter.k-splitter .k-ghost-splitbar {
    background-color:#007acc;
    border-color:#007acc;
    opacity: .3;
    z-index: 5;
}

/*
=============================
= SPLITTER (Content)
=============================
*/

.-pd-content-splitter.k-splitter {
    height:100%;
    box-sizing:border-box;
    border: 0px solid transparent;
}

.-pd-content-splitter.k-splitter .k-pane {
    background-color: #FFFFFF;
    border:1px solid #DDDDDD;
    box-sizing:border-box;
}

.-pd-content-splitter.k-splitter .k-splitbar {
    box-sizing:border-box;
    background-color: transparent;
    border: 0 none transparent;
    width: 10px;
}

.-pd-content-splitter.k-splitter .k-splitbar.k-state-focused {
    box-shadow: none;
    background-color: #EEEEEE !important;
    border: 1px solid #DDDDDD;
    border-width: 1px 0 1px 0;
}

.-pd-content-splitter.k-splitter .k-splitbar .k-resize-handle {
    box-sizing:border-box;
    background-image: url(../../../Areas/Shared/Assets/Internal/Icons/Misc/splitbar-grip-vertical-dark.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 10px;
}

.-pd-content-splitter.k-splitter .k-ghost-splitbar {
    background-color:#007acc;
    opacity: .3;
    z-index: 5;
    width: 10px;
    border: 1px solid #007acc;
    border-width: 1px 0 1px 0;
}


/*
=============================
= SPLITTER (Minimal)
=============================
*/

.-pd-minimal-splitter.k-splitter {
    height:100%;
    box-sizing:border-box;
    border: 0 solid transparent;
    background-color: transparent;
}

.-pd-minimal-splitter.k-splitter .k-pane {
    background-color: #FFFFFF;
    border:0 none transparent;
    box-sizing:border-box;
}

.-pd-minimal-splitter.k-splitter .k-splitbar {
    box-sizing:border-box;
    background-color: transparent !important;
    border: 0 none transparent;
    width: 10px;
}

.-pd-minimal-splitter.k-splitter .k-splitbar.k-state-focused {
    box-shadow: none;
    background-color: transparent !important;
    border: 1px solid #DDDDDD;
    border-width: 0 0 0 0;
}

.-pd-minimal-splitter.k-splitter .k-splitbar .k-resize-handle {
    box-sizing:border-box;
    background-image: url(../../../Areas/Shared/Assets/Internal/Icons/Misc/splitbar-grip-vertical-dark.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 10px;
}

.-pd-minimal-splitter.k-splitter .k-ghost-splitbar {
    background-color:#007acc;
    opacity: .3;
    z-index: 5;
    width: 10px;
    border: 1px solid #007acc;
    border-width: 1px 0 1px 0;
} 