book-list-1.clear{
	clear:both;
	}
.left-content .btn-addbook, 
.left-content .btn-addbook:after, 
.left-content .btn-addbook:before, 
.book-list1 li a, 
.step-indicator li *{
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	}
.left-content .menu-primary li a, 
.left-content .menu-primary li a:after, 
.left-content .menu-secendry li a, 
.file-uploader-list li{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	
	}

body{
	padding-left:260px;
	background:#f2f2f2;
	}
.left-content{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	width:260px;
	background:#FFF;
	}
	
.left-content a.logo{
	display:block;
	text-align:center;
	}
.left-content a.logo img{
	text-align:center;
	margin:25px auto;
	}
.left-content .btn-addbook{
	margin:15px 20px;
	display:block;
	background:#00d4b9;
	font-size:18px;
	color:#FFF;
	position:relative;
	}
.left-content .btn-addbook img{
	display:inline-block;
	vertical-align:middle;
	}
.left-content .btn-addbook:after,
.left-content .btn-addbook:before{
	content: '';
	position: absolute;
	left: -6px;
	top: -6px;
	right: -6px;
	bottom: -6px;
	margin: 1px;
	border: 1px solid #00d4b9;
	border-radius: 5px;
	
	}
.left-content .btn-addbook:hover:after{
	left: -15px;
	top: -15px;
	right: -15px;
	bottom: -15px;
	border: 1px solid rgba(0,212,185,0);
	}
.left-content .btn-addbook:hover:before{
	border-color:#00c7ae;
	}
.left-content .btn-addbook:hover{
	background:#00c7ae;
	}
.left-content .menu-primary{
	margin:0 0 20px;
	padding:5px 0 15px 0;
	list-style:none;
	border-bottom:1px solid #DDD;
	}
.left-content .menu-primary li{
	
	}
.left-content .menu-primary li a{
	display:block;
	font-size:15px;
	color:#585858;
	padding:8px 20px 8px 30px;
	position:relative;
	text-decoration:none;
	}
.left-content .menu-primary li a:after{
	content:'';
	display:block;
	position:absolute;
	left:17px;
	top:14px;
	width:10px;
	height:10px;
	border:2px solid #888;
	border-radius:50%;
	}
.left-content .menu-primary li a._active{
	color:#FFF !important;
	background:#f68428 ;
	}
.left-content .menu-primary li a._active:after{
	border-color:#FFF !important;
	background:none !important;
	}
.left-content .menu-primary li a:hover{
	color:#00d4b9;
	padding-left:32px;
	}
.left-content .menu-primary li a:hover:after{
	border-color:#00d4b9;
	background:#00d4b9;
	}
.left-content .menu-secendry{
	margin:0;
	padding:0px;
	list-style:none;
	} 
.left-content .menu-secendry li{

	} 
.left-content .menu-secendry li a{
	display:block;
	padding:3px 20px;
	text-decoration:none;
	font-size:15px;
	color:#f68428;
	}
.left-content .menu-secendry li a:hover{
	color:#00d4b9;
	}
.left-content .power-logo{
position: absolute;
    bottom: 0;
    right: 0;
    margin: 10px;
    max-width: 150px;
    }
.main-content header{
	background:#00d4b9;
	color:#FFF;
	padding:0px 15px;
	}	
.main-content header h1{
	margin:0;
	padding:10px 0;
	font-size:20px;
	float:left;
	}
.main-content header a._user{
	float:right;
	text-decoration:none;
	color:inherit;
	margin-top:3px;
	}
.main-content header a._user img{
	height:35px;
	width:35px;
	margin-right:5px;
	border-radius:50%;
	}
.content{
	padding:15px;
	}	
.book-list1{
	margin:0;
	padding:0;
	list-style:none;
	}
.book-list1 li{
	margin:0 15px 15px 0;
	float:left;
	display:block;
	position: relative;
    }
.book-list1 li a, 
.book-list1 li img{
	display:block;
	}
.book-list1 li a{
	background:#FFF;
	padding:5px;
	border:1px solid #CCC;
	box-shadow:2px 2px 3px rgba(0,0,0,0.1);
	}
.book-list1 li a:hover{
	background:#858585;
	}
.book-list1 li img{
    max-width:100px;
    }
.book-list1 li > img._is-series{
        position: absolute;
    right: 15px;
    bottom: 15px;
    border-radius: 4px;
    background: #FFF;
    padding: 3px;
    height: 30px;
    width: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,1);
}

.form-1{
	
	}
.form-1 .form-group label{
	font-weight:normal;
	}
.form-1 .form-control{
	border-radius:0;
	}	
.form-1 .form-control._required{
	background-image:url(../images/star-corner-cap.png);
	background-position:left top;
	background-repeat:no-repeat;
	}
.form-1 .form-control:focus, 
.form-1 .form-control:active{
	box-shadow:none;
	border-color:#00d4b9;
	}
.form-1 textarea.form-control{
	height:150px;
	resize:none;
	}	
	
.btn{
	border:none;
	}
.btn-default{
	background-color:#00d4b9;
	color:#FFF;
	}	
.btn-default:hover{
	background-color:#00AE99;
	color:#FFF;
	}
.btn-primary{
	background-color:#f68428;
	}	
.btn-primary:hover{
	background-color:#DE690A;
	}	
.btn-dgray{
	background-color:#4A4A4A;
	color:#FFF;
	}	
.btn-dgray:hover{
	background-color:#333;
	color:#FFF;
	}	
	
.step-indicator{
	margin:0;
	padding:0 0 20px;
	list-style:none;
	}	
.step-indicator:after{
	}
.step-indicator li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:33.3%;
	text-align:center;
	}
.step-indicator li span{
	display:block;
	width:45px;
	height:45px;
	text-align:center;
	line-height:40px;
	border-radius:50%;
	background:#FFF;
	color:#CCC;
	margin:0 auto;
	font-size:23px;
	border:3px solid #CCC;
	}
.step-indicator li h4{
	margin:10px 0 0 0;
	padding:0;
	font-size:16px;
	color:#AAA; 
	}
.step-indicator li._active span{
	background:#f68428;
	color:#FFF;
	border-color:#DE690A;
	} 	
.step-indicator li._active h4{
	color:#f68428;
	} 
	
.book-registration-data{
	margin:0;
	padding:0;
	list-style:none;
	}	
.book-registration-data > li{
	margin:0;
	padding:15px 20px;
	display:none;
	background:#FFF;
	box-shadow:2px 2px 7px rgba(0,0,0,0.2);
	}	
.book-registration-data > li h3{
	font-size:20px;
	color:#00d4b9;
	margin:0 0 15px;
	}	
.book-registration-data > li h4{
	font-size:18px;
	color:#333333;
	margin:15px 0 7px;
	font-weight:normal;
	}
.book-registration-data > li h4 label{
	font-weight:normal;
	}
.book-registration-data > li p{
	color:#666;
	}

	
.file-uploader-list{
	margin:15px 0;
	padding:0;
	list-style:none;
	}	
.file-uploader-list li{
	margin:10px;
	padding:5px;
	display:block;
	float:left;
	width:156px;
	height:200px;
	position:relative;
	cursor:pointer;
	border:1px solid #DDD;
	text-align:center;
	line-height:200px;
	background:#FDFDFD;
	position: relative;
	}
.file-uploader-list li.profile-img{
	width:150px;
	height:150px;
	}
.file-uploader-list li.profile-img img:not(.loader){
	width:138px;
	height:138px;
	display:block;
	}
.file-uploader-list li span{
	display:block;
	height: 100%;
	text-align: center;
	}
.file-uploader-list li._sqr{
	width:200px;
	}
.file-uploader-list li._large{
	margin-top:24px;
	height:262px;
	width:510px;
	line-height:190px;
	}
.file-uploader-list li._large img._preview{
	width:100%;
	height:auto;
	}
.file-uploader-list li:hover{
	border-color:#f68428;
	}
.file-uploader-list li label{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	font-weight:normal;
	font-size:12px;
	color:#AAA;
	cursor:pointer;
	}
.file-uploader-list li:hover label{
	color:#f68428;
	}
.file-uploader-list li input[type = file]{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer;
	}

.file-uploader-list li img._preview{
	display:block;
	width:auto;
	height:100%;
	max-width:100%;
	margin:0 auto;
	}
.file-uploader-list li .loader{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0  0 -10px;
}
.file-uploader-list li #photo_preview img{
    display: block;
    width:100%;
    height: 100%;
}
.book-detail-box{
	
	}
.book-detail-box img.book-cover, 
.book-detail-box img.author-cover{
	display:block;
	border:5px solid #FFF;
	box-shadow:2px 2px 6px rgba(0,0,0,0.2);
	margin-right:20px;
	float:left;
	height:270px;
	}
.book-detail-box img.author-cover{
	width:150px;
	height:150px;
	}	
.book-detail-box .book-info{
	float:left;
	padding-top:10px;
	}	
.book-detail-box .book-info h3{
	margin:0px;
	color:#f68428;
	}
.book-detail-box .book-info h4{
	margin:0 0 10px;
	font-weight:normal;
	font-size:15px;
	color:#767676;
	}
.book-detail-box .book-info p{
	margin:0 0 5px;
	color:#767676;
	}
.book-detail-box .book-info p span{
	color:#aaaaaa;
	display:inline-block;
	}
	
.card-view{
	margin:15px 0;
	padding:20px;
	background:#FFF;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
	}	
 

.help-link{
	text-decoration:none;
	cursor:pointer;
	} 
.help-link:hover{
	text-decoration:none;
	} 
.help-link:before{
	content:'Help?';
	color:#f68428;
	} 
.help-link:hover:before{
	color:#DE690A;
	} 
	
.data-list-1{
	margin:0;
	padding:0;
	list-style:none;
	}	
.data-list-1 li{
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:33.33%;
	color:#555;
	}	
.data-list-1 li strong{
	font-weight:normal;
	font-size:18px;
	display:block;
	color:#AAA;
	}

.reder-review{
	margin:7px 0;
	}
.reder-review h4{
	margin:0;
	padding-top:10px;
	color:#f68428;
	font-size:17px;
	}
.reder-review h4 img{
	float:left;
	margin-top:-10px;
	margin-right:10px;
	height:55px;
	width:55px;
	border-radius:50%;
	}
.reder-review h4 small{
	display:block;
	margin-top:3px;
	color:#696969;
	}
.reder-review p{
	clear:both;
	padding-top:7px;
	font-size:14px;
	color:#757575;
	}
.reder-review h5{
	margin:0;
	padding:0;
	float:right;
	color:#AAA;
	font-size:12px;
	} 
.reder-review h5 strong{
	font-weight:normal;
	font-style:italic;
	color:#555;
	}
.errorClass{
	border:solid 1px #F00;
}
.loader{
	display:none;	
}
.prvew_img_holder .loader{
	position:absolute;
	left:50%;
	top:50%;
	margin:-10px 0 0 -10px;
}
.error_class3{
	left: 50%;
    transform: translate(-50%, 0);
	
	padding:5px 10px;
	position:absolute;
	background:rgba(180,0,0,0.9);
	color:#FFF;
	font-family:Calibri;
	font-size:14px;
	text-align:center;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	top:0;
	position:fixed;
	
	-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
	}	
.error_class3:after{
	display:none;
}
.table-book{
	width:100%;
	text-align:center;
}
.table-book th{
	background:#ccc;
	text-align:center;
}
.table-book td{
	vertical-align:middle;
	background:#fff;
}

.accordion-1, 
.accordion-2{
    margin:0 0 25px 0;
    padding:0;
    list-style:none;
}
.accordion-1 > li, 
.accordion-2 > li{
    margin:0;
    padding:0;
    display:block;
}
.accordion-1 > li > ul, 
.accordion-2 > li > ul{
    padding:15px 15px 0 15px;
    border:1px solid #CCC;
}
.accordion-1 > li > a, 
.accordion-2 > li > a{
    display: block;
    padding: 7px 10px;
    font-size: 14px;
    background: #DDD;
    border-bottom: 1px solid #CCC;
    text-decoration: none;
    text-transform: capitalize;
    color: #555;
    cursor:pointer;
}
.accordion-1 > li > a:hover, 
.accordion-1 > li > a._active, 
.accordion-2 > li > a:hover, 
.accordion-2 > li > a._active{
    background: #CCC;
}
.accordion-1 > li > ul, 
.accordion-2 > li > ul{
    display:none;
}
.filter-opts{
    width: 200px;
    float: left;
    padding: 5px 15px 15px;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
    margin-right: 15px;
}
.filter-opts h5{
    font-weight: normal;
    font-size: 14px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 3px;
    padding-bottom: 5px;
}
.filter-opts ul{
    margin: 0;
    padding: 0;
    list-style:none;
    max-height: 250px;
    overflow: auto;
}
.filter-opts ul li{
    margin: 0;
    padding: 0;
    display: block;
}
.filter-opts ul li label{
    display: flex;
    text-align: center;
    padding: 5px;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 0;
}
.filter-opts ul li label input{
    margin-top:0;
}
.filter-opts ul li label span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 5px;
}

.book-list-2{
    overflow:hidden;
    
}
.book-list-2 table{
    border:none;
    width:100%;
}
.book-list-2 table th{
    padding:10px 7px;
    text-align:center;
}
.book-list-2 table td{
    padding:5px 7px;
    text-align:center;
}
.book-list-2 table tr{
    border-bottom: 1px solid #DDD;
}
.book-list-2 table tr:nth-child(2n+1){
   background:#FFF; 
}
.book-list-2 table td img.thumb{
    width: 50px;
    height:auto;
    display: block;
}
.pull-left{
    float: left;
}

.bookCovernoImage{
   min-height:165px; width:150px;
       float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.bookTitlenoImage{
        font-weight: bold;
    font-size: 14px;
    color: black;
    white-space: normal;      /* allows line breaks */
  word-wrap: break-word;    /* breaks long words if needed */
  overflow-wrap: break-word;/* modern browser support */
  text-align: center;       /* optional: center text */
  display: block; 
}