/*
    tabSlideOUt

    By  Michael Fielding
    License: GPL v3.0
*/

.ui-slideouttab-panel, .ui-slideouttab-handle {
    background-color: black;
  /* padding: 0.4em;*/
      padding: 0.4em;
    box-sizing: border-box;
    color:


}

.ui-slideouttab-panel {
	display: block;
	position: fixed;
	border: 5px black;
 /* border: 5px black;*/

}
/* This class is added after the tabs are initialised, otherwise the user sees the
   tabs slide out of the way when the page is initialised. */
.ui-slideouttab-ready {
	transition: transform 0.5s ease 0s;
}

/* Hide tabs and panels when printed. */
@media print {
    .ui-slideouttab-panel {
        display: none;
    }
}

/* Tab handles */
.ui-slideouttab-handle {
    display: block;
    position: absolute;
    cursor: pointer;
    font-family: "NeueBit-Bold";
    color: #3bff00;
     text-shadow: 1px 1px #3bff00;
   font-size: 30px;
    background-color: black;
    /*border-style: rounded;*/

}


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

/* Right */
.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);
}
/* Left */
.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%);
}
/* Top */
.ui-slideouttab-top {
	top: 0px;
	transform: translateY(-100%);
	border-top: none;
}
.ui-slideouttab-top.ui-slideouttab-open {
	transform: translateY(0%);
}
/* Bottom */
.ui-slideouttab-bottom {
	bottom: 0px;
	transform: translateY(100%);
	border-bottom: none;
}
.ui-slideouttab-bottom.ui-slideouttab-open {
		transform: translateY(0%);
}

/* turn font awesome icon in a tab upright */
.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;
}

/* apply rounded corners if handle has the -rounded class */
.ui-slideouttab-top .ui-slideouttab-handle-rounded,
.ui-slideouttab-left .ui-slideouttab-handle-rounded {
   /* border-radius: 0 0 8px 8px;*/
    border-style: none ridge ridge ridge;
	  border-width: 10px;
	     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-color: #ea73fa;
}
.ui-slideouttab-right .ui-slideouttab-handle-rounded,
.ui-slideouttab-bottom .ui-slideouttab-handle-rounded {
   /* border-radius: 8px 8px 0 0;*/
    border-style: ridge ridge none ridge;
	  border-width: 10px;
	 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-color: #ea73fa;
}