@media only screen and (min-width: 908px) {	
	.oplRecDetailDlg {width:900px !important;}

}



hr.linearStyle {
    border: 0;
    height: 1px;
    margin-left:20px;
    width:90%;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

.wallName{
    font-size:136%;
    color:#3973ac;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
    text-align:left;
    margin-left:20px;
    
}
.trash-bin:hover{color:gray}
.navbar-tw{
    font-size:20pt;
    color:gray ;
    display: table-cell;
    vertical-align:middle;
    cursor:pointer;
    }

.navbar-tw:hover{
    background:grey;
    color:white;
}

.undo {
   color:green;font-size:10pt;
   position:relative;
   top:-6px;
   margin-left:-22px; 

  -moz-transform: scaleX(-1);    /* Gecko */
  -o-transform: scaleX(-1);      /* Opera */
  -webkit-transform: scaleX(-1); /* Webkit */
  transform: scaleX(-1);         /* Standard */
  filter: FlipH;                 /* IE 6/7/8 */
}
.rightPanel {
     padding:0px;
    text-align:left;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    
    border: solid 1px #D2D2D2;
 }

.mainContainer {
  display: flex;
  text-align:left;
}
.bookcoverFrame,.bookcoverFrame-del {
    background-color: #F5F8FA;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
    margin:10px;
    height:127px;
    width:107px;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
}

.bookcoverFrame {
    border: solid 1px #D2D2D2;
    box-shadow: 2px 2px 2px gray;
}
.bookcoverFrame-del {
    border: solid 1px brown;
    box-shadow: 2px 2px 2px brown;
}

.bookcover{
    height:100px;
    width:77px;
    vertical-align:middle;
}

.opl-book-frame{
    border:solid grey 1px;
    padding:5px;
    border-radius:5px;
    box-shadow: 1px 1px 1px grey;
}
.opl-bookcover{
    width:100%;
    max-height:120px;
    vertical-align:middle;
}

/*------------DROPDOWN -----------*/

.dropbtn {
    color:#008fb3;display: inline-block;
    padding: 2px;
    font-size: 14pt;
    border: solid 1px #8c8c8c;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px;
}

.dropdown {
   /* position: relative;*/
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right:0px;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
}

.dropdown-content li {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align:left;
}

.dropdown-content li:hover {
    background-color: #f1f1f1;color:#00b8e6}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: gray;
    color:white;
}

.opl-ac-loading{
    background:url("/theme/opals/image/loaderAnimation16x16.gif") white no-repeat right 5px center;
}
.opl-ac-clear{
    background:url("/theme/opals/image/x.png") white no-repeat right 5px center;
}
.opl-ac-clear.x{
  background-position: right 5px center ; 
}
.opl-ac-clear.onX{
  cursor:pointer;
}



.opl-shelf-nav-cell{
  display:table-cell;
  vertical-align:middle;
  width:21px;
}
.opl-shelf-next, .opl-shelf-prev {
  height: 42px;
  width: 80%;
  background: #404040;
  display:table-cell;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
  color:white;
}
.opl-shelf-prev  {
  border-bottom-right-radius: 42px;
  border-top-right-radius: 42px;
}

.opl-shelf-next {
  border-bottom-left-radius:42px;
  border-top-left-radius: 42px;
}

.opl-shelf-next:hover,.opl-shelf-prev:hover{
  background:#f2f2f2;
  color:gray;
}
.opl-shelf-arrowNext ,.opl-shelf-arrowPrev{
  width:21px;
  font-size:11pt;
}
.opl-shelf-arrowNext {
  padding-left:3px;
}
.opl-shelf-arrowPrev{
    padding-right:3px;
}

.bookcoverShelf{
    height:73px;
    width:47px;
    vertical-align:middle;
}
.bookcoverFrameShelf-cur, .bookcoverFrameShelf:hover
{
    background-color: yellow;
}
.bookcoverFrameShelf {
    background-color: #F5F8FA;
}
.bookcoverFrameShelf,.bookcoverFrameShelf-cur {
    border-radius: 3px 3px 3px 3px;
    padding: 3px 3px 2px 3px;
    margin:5px;
    height:79px;
    width:53px;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    border:solid 0px red;
}
#opl-shelf-SearchRsMain{
  display:table;width:100%;
  border:solid 0px red;

 margin:0px 5px 0px 12px;
        padding:5px 5px 3px 5px; 
        background: #616562;
        background: -moz-linear-gradient(top, #616562, #D2D5D3);
        background: -webkit-gradient(linear,
                left top, left bottom, from(#616562), to(#D2D5D3));
        filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#616562', EndColorStr='#D2D5D3', GradientType=0);
}

#opl-shelf-container, .opl-shelf-container{
  width:100%;
  overflow:hidden;
  border:solid 0px blue;
  display:table-cell;
  text-align:center;

}


.bookcoverFrameShelf {
    border: solid 1px #D2D2D2;
    box-shadow: 2px 2px 2px gray;
    cursor:pointer;
}


#opl-shelf-itemList, .opl-shelf-itemList{
  text-align:center;
  position:relative;
  height: 85px;
  width:100%;
}
#waiting-animation-img, .waiting-animation-img{
  width:50px;
  display:none;
  padding-top:30px
}


.opl-card{margin:4px 10px;width:270px;height:320px; background-color: #fff; border: 1px solid transparent; border-radius: 6px; text-align:left}
.opl-card > .opl-card-link{ color: #333; }
.opl-card-img{margin:12px; }
.opl-card-img > img{height:120px;max-width:90px}
.opl-card > .opl-card-link:hover{  text-decoration: none; }
.opl-card > .opl-card-link .opl-card-img img{ border-radius: 3px; }
.opl-card .opl-card-img{ position: relative; padding: 0; display: table; }
.opl-card .opl-card-img .opl-card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.opl-card .opl-card-body{ display: table; width: 100%; padding: 12px; padding-top:0px;}
.opl-card .opl-card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.opl-card .opl-card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.opl-card .opl-card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.opl-card .opl-card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.opl-card .opl-card-body h1:first-child,
.opl-card .opl-card-body h2:first-child,
.opl-card .opl-card-body h3:first-child, 
.opl-card .opl-card-body h4:first-child,
.opl-card .opl-card-body .h1,
.opl-card .opl-card-body .h2,
.opl-card .opl-card-body .h3, 
.opl-card .opl-card-body .h4, 
.opl-card .opl-card-body .h5{ margin-top: 0; }
.opl-card .opl-card-body .heading{ display: block;  }
.opl-card .opl-card-body .heading:last-child{ margin-bottom: 0; }

.opl-card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .opl-card .opl-card-left{ float: left; padding: 0 8px 0 0; }
  .opl-card .opl-card-right{ float: left; padding: 0 0 0 8px; }
    
  .opl-card .opl-card-4-8 .opl-card-left{ width: 33.33333333%; }
  .opl-card .opl-card-4-8 .opl-card-right{ width: 66.66666667%; }

  .opl-card .opl-card-5-7 .opl-card-left{ width: 41.66666667%; }
  .opl-card .opl-card-5-7 .opl-card-right{ width: 58.33333333%; }
  
  .opl-card .opl-card-6-6 .opl-card-left{ width: 50%; }
  .opl-card .opl-card-6-6 .opl-card-right{ width: 50%; }
  
  .opl-card .opl-card-7-5 .opl-card-left{ width: 58.33333333%; }
  .opl-card .opl-card-7-5 .opl-card-right{ width: 41.66666667%; }
  
  .opl-card .opl-card-8-4 .opl-card-left{ width: 66.66666667%; }
  .opl-card .opl-card-8-4 .opl-card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.opl-card-default,.opl-card-unAvail{ 
  background-color: #fff;
  margin-bottom: 24px;
}

.opl-card-default{ 
  border-color: #ddd;
}

.opl-card-unAvail{ 
  border: 3px solid #f0b2b2; border-radius: 6px; 
}

.opl-card-default > .opl-card-header,
.opl-card-default > .opl-card-footer{ color: #333; background-color: #ddd; }
.opl-card-default > .opl-card-header{ border-bottom: 1px solid #ddd; padding: 8px }
.opl-card-default > .opl-card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.opl-card-default > .opl-card-body{  }
.opl-card-default > .opl-card-img:first-child img{ border-radius: 3px; }
.opl-card-default > .opl-card-left{ padding-right: 4px; }
.opl-card-default > .opl-card-right{ padding-left: 4px; }
.opl-card-default p:last-child{ margin-bottom: 0; }
.opl-card-default .opl-card-caption { color: #fff; text-align: center; text-transform: uppercase; }


.opl-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #ddd;
  border-radius: 6px;
  width:100%;
}
.opl-container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.ellipsis-2-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}