/* ------ <amx:panelSplitter> ------ */
.amx-panelSplitter {
  position: relative;
  overflow: hidden;
  min-width: 55px;
  min-height: 55px;
  margin: 0px;
  padding: 0px;
  -webkit-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.amx-panelSplitter_inner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.amx-panelSplitter_navLandscape {
  z-index: 1000;
  position: absolute;
  margin: 0px;
  padding: 0px;
  overflow: auto;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: auto;
  background-color: white;
  border-right: 3px solid black;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.amx-panelSplitter_contentContainer.transitioning {
  -webkit-perspective: 2000;
}
.amx-panelSplitter_contentContainer {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: white;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.amx-panelSplitter_contentContainer.amx-portrait {
  left: 30px;
}
.amx-panelSplitter_contentContainer.amx-portrait.amx-noNavigation {
  left: 0px;
}
.amx-panelSplitter_contentContainer .amx-outputText {
  color: black;
}
.amx-panelSplitter_button {
  z-index: 1001;
  position: absolute;
  top: 5px;
  left: 0px;
  -webkit-transition-property: opacity, left;
  -webkit-transition-duration: 0.5s, 0.5s;
  -webkit-transition-timing-function: ease-in-out, ease-in-out;
  height: 40px;
  width: 26px;
  -webkit-box-shadow: 5px 0px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 0px 7px rgba(0, 0, 0, 0.3);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcc0c4), color-stop(3%,#878d96), color-stop(43%,#3b434f), color-stop(49%,#343b48), color-stop(51%,#1b222c), color-stop(53%,#121921), color-stop(70%,#212a33), color-stop(100%,#4e5b6a));
  background-repeat: no-repeat;
}
.amx-panelSplitter_button:after {
  display: block;
  content: " ";
  height: 40px;
  width: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACYBAMAAADgnFEFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVQTFRFAAAAAAAAAAAA////////zMzM////VLzZWwAAAAZ0Uk5TACBAfoGh6VUPhgAAAMdJREFUWMPtz0ERg1AQRMGRgAW+gkhAAxYC419CBOSSruKWffep3k2maZqmafrfXj55+6TO1Jk6U2fqTJ2pM3WmztSZOlNn6kydqTN1ps7UmTpTZ+pMnakzdabO1Jk6U2fqTJ2pM3WmztSZr8nlk4Mnl79/8OTeeHLuOrnX2nByrrXb5F48OZce9hsSR+JIHIkjcSSOxJE4EkfiSByJI3EkjsSROBJH4kgciSNxJI7EkTgSR+JIHIkjcSSOxJE4EkemaZqm6YE+1qgcEr66WK4AAAAASUVORK5CYII=');
  -webkit-background-size: 25px 38px; /* Note: the actual image is 4x; 100x152 */
}
.amx-panelSplitter_button.disclosed:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACYBAMAAADgnFEFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVQTFRFAAAAAAAAAAAA////////zMzM////VLzZWwAAAAZ0Uk5TACBAfoGh6VUPhgAAARRJREFUWIXtzStuBTEQBVFbzgKeLIVHLQ1/qJcQHBQc5P0vIWB+/oC5xbv4UaUURVEURVF09sai/GHimJSGiWNSGiaOSWmYOCalYeKYlIaJY7JPEHFMjgkhjsk5AcQxuSY6cUzuiUwck26iEsekn4jEMRkmGnFMxolEHJNpohDHZJ4IZJ48k2XyTD44Sd+cLJtnsmwE8olJtl9Kqm2QZLNpI5GNkVTnzTNZNs9k2Qhk3ghk3ihk2ihk2khk3Ehk3Ghk2Ghk2Iik34ik36ik26ik28jk3sjk3ujk2ujk2gBybgA5N4QcG0KODSL7BpF9w0g2s42RVM3sh5FsZl+MpMpJ5iRVTjInqXKSOUkvTqIoiqKI9w/sIRwSreEnTQAAAABJRU5ErkJggg==');
}
.amx-panelSplitter_button.no-animate {
  -webkit-transition-property: none;
}
.amx-panelSplitter_navPortrait {
  z-index: 1002;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  background-color: white;
  -webkit-transition-property: opacity, left;
  -webkit-transition-duration: 0.5s, 0.5s;
  -webkit-transition-timing-function: ease-in-out, ease-in-out;
  overflow: auto;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 5px 0px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 0px 7px rgba(0, 0, 0, 0.3);
}
.amx-panelSplitter_navPortrait.no-animate {
  -webkit-transition-property: none;
}
.amx-panelSplitter_screenPortrait {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
}
.amx-panelItem {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.amx-panelItem.new {
  z-index: -5;
  opacity: 0;
}
.amx-panelItem.old {
  z-index: -2;
}
.amx-panelItem.current,.amx-panelItem.showing {
  z-index: 1;
}
.amx-panelItem.transitioning {
  -webkit-transition: all .5s ease-in-out;
}
.amx-panelItem.transitioning-slow {
  -webkit-transition: all .7s ease-in-out;
}
.amx-panelItem.face {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.amx-panelItem.face.front.flip {
  /* for when -webkit-backface-visibility is not enabled
  z-index: -1;
  opacity: 0;
  */
}
