/** Import Compass */
/******************************************************************************
Sprite Mixin
******************************************************************************/
/******************************************************************************
Extendible Sprite Class
******************************************************************************/
/** Core Splitter Component NOTE: This file has been moved from apex_ui to app_ui in APEX 5.1. */
/* Splitter Bar ========================================================================== */
.a-Splitter-barH, .a-Splitter-barV { z-index: 90; }

.a-Splitter-barH { width: 8px; height: 100%; cursor: col-resize; }

.a-Splitter-barV { width: 100%; height: 8px; cursor: row-resize; }

.a-Splitter-barH.is-disabled, .a-Splitter-barV.is-disabled { cursor: default; }

/** Splitter Bar Hover and Focus States */
/** Splitter Bar Thumb Button */
.a-Splitter-barH .a-Splitter-thumb, .a-Splitter-barV .a-Splitter-thumb { position: absolute; padding: 0; border: 0; border-style: solid; background-color: transparent; background-repeat: no-repeat; }

.a-Splitter-barH .a-Splitter-thumb { width: 8px; height: 48px; top: 50%; left: 0; margin-top: -24px; background-position: 50% 50%; }

.a-Splitter-barV .a-Splitter-thumb { width: 48px; height: 8px; top: 0; left: 50%; margin-left: -24px; background-position: 50% 50%; }

/** Splitter Bar Button Focus and Hovers */
/** Splitter Bar Buttons Sprites */
.a-Splitter-barV.is-collapsed .a-Splitter-thumb, .a-Splitter-barV.a-Splitter--end .a-Splitter-thumb { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2224px%22%20height%3D%228px%22%20viewBox%3D%220%200%2024%208%22%20enable-background%3D%22new%200%200%2024%208%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20opacity%3D%220.8%22%3E%20%3Cpolygon%20fill%3D%22%23231F20%22%20points%3D%2212%2C6%208%2C2%2016%2C2%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.a-Splitter-barH .a-Splitter-thumb, .a-Splitter-barH.a-Splitter--end.is-collapsed .a-Splitter-thumb { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%228px%22%20height%3D%2224px%22%20viewBox%3D%220%200%208%2024%22%20enable-background%3D%22new%200%200%208%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20opacity%3D%220.8%22%3E%20%3Cpolygon%20fill%3D%22%23231F20%22%20points%3D%222%2C12%206%2C8%206%2C16%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.a-Splitter-barH.is-collapsed .a-Splitter-thumb, .a-Splitter-barH.a-Splitter--end .a-Splitter-thumb { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%228px%22%20height%3D%2224px%22%20viewBox%3D%220%200%208%2024%22%20enable-background%3D%22new%200%200%208%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20opacity%3D%220.8%22%3E%20%3Cpolygon%20fill%3D%22%23231F20%22%20points%3D%226%2C12%202%2C16%202%2C8%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.a-Splitter-barV .a-Splitter-thumb, .a-Splitter-barV.a-Splitter--end.is-collapsed .a-Splitter-thumb { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2224px%22%20height%3D%228px%22%20viewBox%3D%220%200%2024%208%22%20enable-background%3D%22new%200%200%2024%208%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20opacity%3D%220.8%22%3E%20%3Cpolygon%20fill%3D%22%23231F20%22%20points%3D%2212%2C2%2016%2C6%208%2C6%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.u-HCM .a-Splitter-barV, .u-HCM .a-Splitter-barH .a-Splitter-thumb { border-top: 1px solid !important; }

.u-HCM .a-Splitter-barV, .u-HCM .a-Splitter-barH .a-Splitter-thumb { border-bottom: 1px solid !important; }

.u-HCM .a-Splitter-barH, .u-HCM .a-Splitter-barV .a-Splitter-thumb { border-left: 1px solid !important; }

.u-HCM .a-Splitter-barH, .u-HCM .a-Splitter-barV .a-Splitter-thumb { border-right: 1px solid !important; }

.u-HCM .a-Splitter-barH .a-Splitter-thumb { width: 6px; }

.u-HCM .a-Splitter-barV .a-Splitter-thumb { height: 6px; }

.u-HCM .a-Splitter-thumb { font-size: 0; }

.u-HCM .a-Splitter-thumb:focus { outline: 1px dotted; }

.u-HCM .a-Splitter-thumb :before { display: inline-block; font-size: 0; }

.u-HCM .a-Splitter-barH button:before, .u-HCM .a-Splitter-barH.a-Splitter--end.is-collapsed button:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpiYCAScAHxfHRBTSC+DMT/kQUTgPgrVBAswUSM+TpAfAXdKLyWowCAAAMAYeAIoi9jxW8AAAAASUVORK5CYII=); }

.u-HCM .a-Splitter-barH.is-collapsed button:before, .u-HCM .a-Splitter-barH.a-Splitter--end button:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNpiYCAA5gMxFzaJ/0B8GYi1sUmA8FcgTgAJMBGyA6T6GhDrEG05BgAIMACXbgimsJcHxgAAAABJRU5ErkJggg==); }

.u-HCM .a-Splitter-barV button:before, .u-HCM .a-Splitter-barV.a-Splitter--end.is-collapsed button:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNpiYCARxAFxPC5JTSD+CsVa6JJcQHwViP9D8VWoGBzMR5KE4QVEOQogwACWHgvyF5+1BQAAAABJRU5ErkJggg==); }

.u-HCM .a-Splitter-barV.is-collapsed button:before, .u-HCM .a-Splitter-barV.a-Splitter--end button:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpiYiAAmKD0AiD+j4YXIivkAuKrSJLXoGIoQAuIv0KxFkyQBUkBSFcWEDNC2cQBgAADAMvQDVhQ+xZAAAAAAElFTkSuQmCC); }

.a-Splitter-barH.is-disabled .a-Splitter-thumb, .a-Splitter-barV.is-disabled .a-Splitter-thumb { background-image: none !important; }

/** Splitter Bar Inner Div (Not Used) */
.a-Splitter-barH div, .a-Splitter-barV div { display: none; }