@charset "utf-8";

.ui-slideouttab-panel, .ui-slideouttab-handle { background-color: rgb(255, 255, 255); padding: 0.4em; box-sizing: border-box; }

.ui-slideouttab-panel { display: block; position: fixed; border: 1px solid rgb(249, 249, 249); }

.ui-slideouttab-ready { transition: transform 0.5s; }

@media print {
  .ui-slideouttab-panel { display: none; }
}

.ui-slideouttab-handle { display: block; position: absolute; cursor: pointer; color: white; background-color: grey; }

.ui-slideouttab-handle-image { transform: rotate(0deg); }

.ui-slideouttab-right { right: 0px; transform: translateX(100%); border-right: none; }

.ui-slideouttab-right.ui-slideouttab-open { transform: translateX(0%); }

.ui-slideouttab-right .ui-slideouttab-handle { transform-origin: 0% 0%; transform: rotate(-90deg) translate(-100%, -100%); }

.ui-slideouttab-right .ui-slideouttab-handle-reverse { transform-origin: 0% 100%; transform: rotate(-90deg); }

.ui-slideouttab-left { left: 0px; transform: translateX(-100%); border-left: none; }

.ui-slideouttab-left.ui-slideouttab-open { transform: translateX(0%); }

.ui-slideouttab-left .ui-slideouttab-handle { transform-origin: 100% 0%; transform: rotate(-90deg); }

.ui-slideouttab-left .ui-slideouttab-handle-reverse { transform-origin: 100% 100%; transform: rotate(-90deg) translate(100%, 100%); }

.ui-slideouttab-top { top: 0px; transform: translateY(-100%); border-top: none; }

.ui-slideouttab-top.ui-slideouttab-open { transform: translateY(0%); }

.ui-slideouttab-bottom { bottom: 0px; transform: translateY(100%); border-bottom: none; }

.ui-slideouttab-bottom.ui-slideouttab-open { transform: translateY(0%); }

.ui-slideouttab-left .ui-slideouttab-handle > .fa-icon, .ui-slideouttab-right .ui-slideouttab-handle > .fa-icon { transform: rotate(90deg); }

.ui-slideouttab-handle > .fa-icon { margin-left: 0.5em; }

.ui-slideouttab-top .ui-slideouttab-handle-rounded, .ui-slideouttab-left .ui-slideouttab-handle-rounded { border-radius: 0px 0px 4px 4px; }

.ui-slideouttab-right .ui-slideouttab-handle-rounded, .ui-slideouttab-bottom .ui-slideouttab-handle-rounded { border-radius: 4px 4px 0px 0px; }