body {
  background: #fff;
}
.lSSlideOuter.vertical.thumbsLeft .lSGallery {
    right: auto;
    left: 0;
}
/*
    Thumbelina Content Slider
    V1.0 Rev 1302190900

    A lightweight horizontal and vertical content slider designed for image thumbnails.
    http://www.starplugins.com/thumbelina

    Developed by Star Plugins
    http://www.starplugins.com

    Copyright 2013, Star Plugins
    License: GNU General Public License, version 3 (GPL-3.0)
    http://www.opensource.org/licenses/gpl-3.0.html
*/


/*
    This style will be applied to the first list element (UL tag)
    inside the container.
    ### This should not require changing ###
*/
.thumbelina {
    list-style:none;
    padding:0px;
    margin:0px;
    position:absolute;
    white-space:nowrap;
    /* font-size:0 stop gaps between display-inline li elemets */
    /* Either do this, or remove all white space in HTML beween li elements */
    font-size:0;    
    
    /* prevent annoying iPad cut/paste actions */
    -webkit-touch-callout: none; 
    -webkit-user-select: none;     
}

/* Style for the list items that surround the thumbnails */
.thumbelina li {
   padding:5px;
   line-height: 0px;
   margin:0px;
}

/* Add a border to the thumbnails. */
.thumbelina li img {
     border:1px solid #ccc;
}

/* Hover effect for the images */
.thumbelina li img:hover {
     border:1px solid #aaa;
}

    
/*
    Following is the CSS for the navigation buttons.
    They are designed to fit flush on the ends of the slider
    using absolute positioning, with the container as the parent element.
    The sizes are set to match the demo slider.
    You can change any of this as you wish - you don't even need to use these classes.
    Position the buttons where you like on the page, change sizes, use images etc.
    They don't have to be children of the container.
*/

/* Common style for the buttons */
.thumbelina-but {
    position:absolute;
    background-color: #ccc;
    border:1px solid #aaa;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    z-index: 1;
    cursor:pointer;   
    
    /* Font related items for the symbols used on buttons */
    /* Obviously not needed if you're just using images */
    color:#888;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight: bold;
    font-family:monospace;
}

/* Hover style for active button */    
.thumbelina-but:hover {
    color:#fff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}

#epaper-data-wrapper {
  margin-top: 15px;
}
#epaper-data-wrapper .col-md-12{
  float:none;
}
.page-toolbar .nav-group {
  background: #f1f2f3;
  padding: 5px;
  border: 1px solid #CCC;
  border-bottom: 0px;
}
/* Disabled style when button is not active due to extents being reached. */
/* You could do other things e.g. make buttons dissapear completely. */
.thumbelina-but.disabled,
.thumbelina-but.disabled:hover {
    background-color: #efefef;
    color: #ccc;
    cursor:default;
    box-shadow:none;
}

/* Horizontal buttons. */
.thumbelina-but.horiz {
    width: 20px;
    height: 119px;
    line-height: 119px;
    top:-1px;

}
/* Left edge button. */
.thumbelina-but.horiz.left {
    left:-22px;
    border-radius: 5px 0px 0px 5px;
}
/* Right edge button */
.thumbelina-but.horiz.right {
    right:-22px;
    border-radius: 0px 5px 5px 0px;
}

/* Vertical buttons. */  
.thumbelina-but.vert {
    left:-1px;
    height: 20px;
    line-height: 20px;
    width:93px
}

/* Top edge button. */
.thumbelina-but.vert.top {
    top:5px;
    border-radius: 5px 5px 0px 0px;
}

/* Bottom edge button. */
.thumbelina-but.vert.bottom {
    bottom:5px;
    border-radius: 0px 0px 5px 5px;
}

.thumbelina-but.vert.top {
    width: 100%;
    left: 14px;
    right: 0px;
    margin-bottom: 5px;
}
.thumbelina-but.vert.bottom {
    width: 100%;
    left: 14px;
    right: 0px;
    margin-bottom: -30px;
}
#thumbnail-slider {
  margin-top: 20px;
}
#thumbnail-slider li.item.active {
  border: 2px solid #0303f5;
}

.epaper_main_thumb {
  background: #FFF;
  border: 1px solid #CCC;
}
.thumbelina {
    background: #FFF;
    padding: 7px;
    border: 1px solid #CCC;
}

.clip-epaper-ear-btn {
    width: 54px;
    display: inline;
    margin-left: 5px;
    border: 1px solid #ccc;
    margin-top: 1px;
    background: #070707;
    padding: 2px;
    box-sizing: border-box;
}
.clip-epaper-ear-btn img {
    max-height: 16px;
    margin-top: 2px;
}
.clip-epaper-ear-btn #createclip {
    cursor: pointer;
    background: transparent;
    color: #fff;
}
.img-area-select-action {
  margin-top: 10px;
    margin-right: 5px;
    z-index: 9999999999;
    position: absolute;
    right: 5px;
}
.img-area-select-action.no-right {
  right: auto;
}
.img-area-select-action .action-btn {
  padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #080808;
    margin-left: 10px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    z-index: 9999999999;
}
/*#epaper-full-view-body {
  overflow: hidden;
}*/
#modal-container {
    width: 100%;
    height: 100%;
    position: fixed;
    visibility: visible;
    top: 0px;
    left: 0px;
    display: none;
    background-color: rgba(22,22,22,0.5);
    z-index: 99999;
}

#modal-container:target {
    visibility: visible;
    display: block;
}
#modal-container .reveal-modal {
    box-sizing: border-box;
    background:#e1e1e1; 
    margin: 0 auto;
    width:60%; 
    position:relative; 
    display: inline-block;
    text-align: center;
    z-index:41;
    top: 10%;
    left: 20%;
    padding:30px; 
    max-height: 90%;
    height:70%;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
    box-shadow:0 0 10px rgba(0,0,0,0.4);
}
#modal-container #modal_img_parent {
    max-height: 100%;
    max-width: 100%;
    padding: 10px;
    margin: auto;
    position: relative;
    height: 70%;
    box-sizing: border-box;
}
#modal-container #modal_img {
  max-height: 100%;
  width: auto;
  display: inline;
  margin: auto;
}
#modal-container .close-btn{
  float: right;
    margin-top: -25px;
    margin-right: -24px;
    font-size: 20px;
    background: #ccc;
    padding: 2px;
    border-radius: 1px;
    cursor: pointer;
}
#modal-container .link-to-share {
position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
}
.clip-overlay-share {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    display: none;
}
.imgareaselect-border1,.imgareaselect-border2,.imgareaselect-border3,.imgareaselect-border4{
  border: 0px solid #ccc !important;
}
#modal-container .blog-share-socials {
    text-align: center;
    float: none;
}
#modal-container .blog-share-socials{
  width:100%;
  text-align: center;
}
#modal-container .newsSocialIcons li {
    float: none !important;
    display: inline-block;
    
}
#modal-container #modal_social {
      padding: 10px;
    text-align: center;
}
.cover-area-of-img-select-area {
  border: 3px solid #181818;
}
.open_file_label {
  display: none;
}
#epaper-holder #createclip{
  display: none;
}
#epaper-holder .clip-epaper-ear-btn {
    width:32px;
  }
#epaper-holder .clip-epaper-ear-btn img {
    margin-left: 5px;
  } 
#pdf .action-btn.action-btn-primary{
  background:#07079c;;
}
#pdf .action-btn.action-btn-save{
  background:#25b325;
}
#pdf .action-btn.action-btn-secondary{
  background:#0f0f0f;
}
.page-btn-group {
  max-width: 300px;
}
.inline-display {
  display: inline-block;;
}
.toolbar-button {
  margin-right: 2px;
  display: inline-block;;
}
#pagenum-input{
  vertical-align: middle;
}
#page-level-nav {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
}
#pagenum-input {
  width: 60px;
}

h1.epaper-details-heading {
  font-size:20px;
  margin-bottom: 10px;
}


@media all and (max-width: 800px) {
  
  #thumbnail-slider {
    display: none;
  }
  #pagenum-input {
    width: 30px;
    padding: 0px 6px;

  }
  #pagecount-btn {
    display: none;
  }
  #epaper-data-wrapper {
    margin-top: 10px;
  }
  #modal-container .reveal-modal {
      width:90%; 
      top: 5%;
      left: 5%;
      padding:5px; 
      height:80%;
  }
  .openFile {
    display: none;
  }
 
  .clip-epaper-ear-btn {
    width:32px;
  }
  .clip-epaper-ear-btn img {
    margin-left: 5px;
  }
  #save-current-page span {
    display: none; 
  }
  .secondaryToolbarButton  span {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .panWrapper img.i {
     max-width: 100%;
  }
}

.epaper-filter {
  background: #e0e0e0;
  border:1px solid #CCC;
  padding: 8px 10px;
  margin-bottom: 15px;
  display: block;
  
}
.wrapper_epaper {
    border: 1px solid #CCC;
    background: #F7F8F9;
    padding: 5px;
    margin-right: 5px;
    position: relative;
}
.wrapper_epaper .center {
    text-align: center;
}
.wrapper_epaper .right {
    float: right;
}
.epaper-apply {
    display: inline-block;
    background: #337ab7;
    padding: 10px 10px;
    color: white;
    margin-bottom: 10px;
    height: 100%;
    width:100%;
}
.epaper-filter-item {
  width:33%;
  padding-left:5px;
  padding-right:5px;
  display: inline-block;

}
.epaper-filter-item  #epaper-location {
  height:36px;
}
.epaper-apply {
  background: #32aae1;
  border-radius: 3px;
  padding: 5px 20px;
  text-align: center;
  font-size: 16px;
  float: right;
}
#epaper-datepicker {
  color: #505050;
  font-size: 13px;
  padding: 5px;
  margin-bottom: 10px;
  display: inline-block;
}
.epaper-heading {
  padding: 15px 0px;
  font-size: 18px;
  font-weight: bold;
}
.epaper-listing {
  display: inline-block;
  width: 100%;
}
.epaper-listing .single-item-row {
  width:40%;
  margin-left:30%;
}

.epaper_listing {
  position: relative;
  padding:0px;
}
.download-btn {
    text-align: center;
    width: 100%;
    background: #655b5b;
    padding: 4px 10px 0 10px;
    color: #fff;
    font-size: 17px;
    margin-top: 10px;
    display: inline-block;
}

.image-slider-item-wrapper {
  width: 100%;
}
.image-slider-item-wrapper img {
  max-width: 100%;
  /*max-height: 400px;*/
}
.image-slider-item-wrapper .slider-img-caption,.image-slider-item-wrapper .slider-img-extra-info {
    background: #000;
    color: #fff;
    padding: 5px;
    display: block;
}
.image-slider-item-wrapper .slider-img-caption {
  font-size: 18px;
}
.image-slider-item-wrapper .slider-img-extra-info {
 font-size: 18px; 
}

.epaper-datepicker-img {
    display: inline-block;
    max-width: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.inline-block{
  position: relative;
}
  .epaper-filter-item #epaper-datepicker{
    padding-left: 30px;
}
.hocalwire-col-md-3 {
  width: 25%;
  float: left;
}
.hocalwire-col-md-6 {
  width: 50%;
  float: left;
}
.download-full-wrap {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
.download-full-wrap.top{
  margin-bottom: 10px;
}
.download-full-wrap a{
    background: #42aae1;
    padding: 5px 20px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}
.share.epaper-section {
  padding: 10px;
}
.share.epaper-section .blog-share-socials-light li{
    max-width: 24px;
}
.date-row-epaper {
  text-align: center;
  background: #414141;
  color: #fff;
}

.date-row-epaper .epaper-date,.edition-name .name {
  font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}
.edition-name .name {
  font-size: 1.7rem;
  color: red;
}
.epaper_listing li {
  margin-bottom: 10px;
}
.heading.group-name{
    font-weight: bold;
    font-size: 20px;
    background: #a70400;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
}
.ad_on_epaper_listing_page{
  float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}
.panWrapper a.controls.close {
  border-radius: 50px;
    background-color: #f0f0f0;
    opacity: 1!important;
}
.jcrop-handle {
  width: 15px !important;
    height: 15px!important;;
    background-color: #f00707!important;;
    border: 1px #f00707 solid!important;;
}
@media only screen and (max-width: 799px){

  .share.epaper-section .blog-share-socials-light li{
      max-width: 20px;
  }
  .download-full-wrap a{
      font-size: 18px;
  }
  .hocalwire-col-md-3 {
    width: 25%;
    float: left;
  }
  .hocalwire-col-md-6 {
    width: 100%;
  }
  .epaper-listing .single-item-row {
      width:100%;
      margin-left:0%;
   }
   .epaper-filter {
      padding: 5px 5px 0px 0px;
      text-align: center;
      display: inline-block;
      width: 100%;
      margin-bottom: 5px;
      padding-left: 0px;
    }
    .epaper-filter .epaper-filter-item {
          margin-bottom: 0px;
          width: 33%;

    }
    .epaper-filter-item #epaper-datepicker {
      font-size: 13px;
        padding: 2px 0px 2px 5px;
        width: 80px;
    }
    .epaper-filter .epaper-apply {
      width: 70px;
      padding: 5px 15px;
    }
    .epaper-filter-item .selectpicker{
      width: 115px;
    }
    .epaper-filter-item {

    }
    .wrapper_epaper {
      margin-right: 0px;
    }
    .epaper-filter-item .selectpicker {
        width: 120px;
        font-size: 12px;
    }
    .epaper-filter-item #epaper-datepicker {
        width: 125px;
        margin-left: -22px;
        padding-left: 20px;
    }
    .epaper-datepicker-img {
        display: inline-block;
        max-width: 16px;
        position: absolute;
        top: 7px;
        left: -14px;
    }

}