/**
 * jquery.slideoutpanel.css
 * @version: v1.0.1
 * @author: Chris Petrula
 *
 * Created by Chris Petrula on 2016-01-19. 
 *
 * Copyright (c) 2016
 *
 * The MIT License (http://www.opensource.org/licenses/mit-license.php)
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 */
.jq-slide-out-panel-content-wrapper {
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
}
.jq-slide-out-panel-container {
  z-index: 999999;
  position: fixed;
  top: -1px;
  bottom: -1px;
  padding:0px;
  overflow:none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
}
.jq-slide-out-panel-container.jq-slide-out-panel-right{
  right:0px;
}
.jq-slide-out-panel-container.jq-slide-out-panel-left{
  left:0px;
}
.jq-slide-out-panel-toggle {
  -webkit-background-clip: padding-box;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  width: 20px;
  height: 48px;
  position: absolute;
  padding-top:15px;
  top: 45%;
  cursor: pointer;
}

.jq-slide-out-panel-toggle-right {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #fff;
  -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
  box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);         
  left: -20px;
}

.jq-slide-out-panel-toggle-left {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #fff;
  -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
  box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
  right: -20px;
}


.toggle-arrow-left {
  display: inline-block;
  border-right: 3px solid #a94442;
  border-bottom: 3px solid #a94442;
  width: 13px;
  height: 13px;
  transform: rotate(135deg);
  margin-left:5px;
}
.toggle-arrow-right {
  display: inline-block;
  border-right: 3px solid #a94442;
  border-bottom: 3px solid #a94442;
  width: 13px;
  height: 13px;
  transform: rotate(-45deg);
  margin-right:5px;
}

.jq-slide-out-panel-close-icon-container {
  height:30px;
}
.jq-slide-out-panel-close-icon {
  display:block;
  width:30px;
  height:30px;
  cursor:pointer;
}
.jq-slide-out-panel-close-icon::after {
  content:"X";
  font-size:20pt;
}
.jq-slide-out-panel-close-icon-left {
  float:right;
  margin-right:0px;
}
.jq-slide-out-panel-close-icon-right {
  float:left;
  margin-left:10px;
}