/**
* jQuery slidePanel v0.3.5
* https://github.com/amazingSurge/jquery-slidePanel
*
* Copyright (c) amazingSurge
* Released under the LGPL-3.0 license
*/
.slidePanel {
  position: fixed;
  max-width: 100%;
  max-height: 100%;
  visibility: hidden;
  overflow: auto;
  margin-top:63px;
  padding: 20px;
  background: rgba(255,255,240,0.9);
}
.slidePanel h1 {
  color: #FFF;
  /*text-decoration: underline;*/
}
.slidePanel a.close {
  position: sticky;
  left:100%;
  top:0;
  display: block;
  width: 26px;
  height: 26px;
  background: url(../images/Close.png) center center no-repeat;
  text-indent: -10000px;
}
.slidePanel a.close:hover {
  border:1px solid #000;
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

.slidePanel-right, .slidePanel-left {
  width: 35%;
}
@media (max-width: 768px) {
  .slidePanel-right, .slidePanel-left {
    width: 100%;
  }
}
.slidePanel-top, .slidePanel-bottom {
  width: 100%;
  height: 400px;
}
@media (max-width: 768px) {
  .slidePanel-top, .slidePanel-bottom {
    top: 0;
    bottom: 0;
    height: auto;
  }
}
.slidePanel-left {
  top: 0;
  bottom: 0;
  left: 0;
}
.slidePanel-right {
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: -5px 5px 10px #666;
}
.slidePanel-top {
  top: 0;
  left: 0;
}
.slidePanel-bottom {
  bottom: 0;
  left: 0;
}
.slidePanel-show {
  visibility: visible;
}

.slidePanel-loading {
  visibility: hidden;
}
.slidePanel-loading-show {
  visibility: visible;
}

.slidePanel-loading .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}