
/* 	CUSTOM DASHBOARD*/

	body.login-page{	
	
	background-image: url('/assets/img/view/bg-login.jpg');	
		background-size: cover;	
		background-repeat: no-repeat;
		height: auto;
		min-height: 100%;
		text-align: center;
		display: flex;	
		}	
	
	body.login-page .login-box-body{	
		border-radius: 22px 22px 20px 20px;	
		display: block;	
		margin-left: auto;	
		margin-right: auto;			
		}	
	
	.btn.btn-flat.create-account-btn{	
		border-radius: 3px;		
		height: 29px;	
		line-height: 15px;	
		font-size: 13px;	
		}	
	.input_sent_email input {
		width: 60%;
		background-color: #aac1e0;
		border: 1px solid #FF7854;
	}
	.error_credencial{
		    margin-top: 20px;
			color: red;
			font-size: 16px;
	}
	.login-box-body .login-box-msg{	
		background-color: #424242;	
		margin-left: -20px;	
		margin-right: -20px;	
		margin-top: -20px;	
		margin-bottom: -10px;	
		border-radius: 20px 20px 0px 0px;
		}	
	
	.login-box-body .login-box-msg
		img{	
		padding: 40px;		
		}
	
	.create-account-btn{
		background: white;	
		color: #FF7854;	
		position: relative;	
		right: -131px;		
		top: 39px;		
		border-radius: 20px 20px 20px 20px;
		}
		
	.login-description{	
		padding: 16px 16px 16px 16px;	
		color: #FFF;	
		line-height: 12px;
		font-size: 15px;
		}
		
	.login-header{	
		text-align: center;	
		padding: 10px 10px;	
		font-family: 'Helvetica';	
		font-size: 25px;     
		color: #243561	
		}	
		
	.login-btn {	
		background: #FF7854;
		color: #FFF;		
		border: none;		
		padding: 6px 22px;			
		}
		
	.form-control {		
		background-color: #aac1e0;	
		border-color: rgba(255,255,255,0.15);	
		border-radius: 6px 6px 6px 6px;		
		}	

	.form-group {
		padding-bottom: 29px; 
		padding-left: 58px; 
		margin-bottom: 15px;
		padding-right: 21px;
		}

	.col-sm-2 {
		width: 21.666667%;
	}
	
	.col-sm-8 {
		width: 70.666667%;
		position: relative;
		min-height: 1px;
		padding-left: 5px;
		margin-left: -10px;	
	}
	
		
	.form-group.has-feedback{			
		padding-bottom: 29px; 
		padding-left:55px;
		margin-bottom: 2px;
		padding-right: 43px; 
		margin-right: 0px;
		}
		
	input[type="email"]::placeholder{	
		color: white;	}
	input[type="password"]::placeholder{
			color: white;	}	
		
	
	.form-group.has-feedback.text-center {
		margin-top: 12px
	}
		
	.row{	  
		margin-right: 0px;
		margin-left: 0px;
		}	
		
	.checkbox_icheck {		
		font-size: 12px;	
		font-family:'Helvetica';		
		font-weight:normal;	
		color:#243561;
		}	
		
	.icheckbox_square-blue {
		position: relative;
	}
			
	.row.input {
		position: absolute;
		top: -20%; 
		left: -20%;
		display: block; 
		width: 140%;
		height: 140%; 
		margin: 0px; 
		padding: 0px;
		background: rgb(255, 255, 255);
		border: 0px;
		opacity: 0;
	}
	
	.row.ins {
		position: absolute; 
		top: -20%; 
		left: -20%;
		display: block; 
		width: 140%;
		height: 140%;
		margin: 0px;
		padding: 0px; 
		background: rgb(255, 255, 255); 
		border: 0px; 
		opacity: 0;	
	}
	
	.passw-btn {	
		background-color: white;	
		border: none;	
		font-family:'Helvetica';		
		font-weight:normal;	
		font-size: 12px;		
		width: 135px;
		color:#243561;		
		}		
				
	.login-box, .register-box {	
		width: 400px !important;
		height: 100vh;
		margin: 0 auto;
		align-self: center;
		display: flex;
		align-items: center;
		justify-content: center;		
		}	
		
	.login-box-msg.img {	
		padding-right: 50px; 
		padding-top: 43px; 
		height: 228px;
	}
	
	body.inner_genres {
	    background-image: url(/assets/img/view/flying_books.png);
		background-size: inherit;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	.category_field {
	
		background: white;
		margin-left: 50px;
		margin-top: 15px;
		margin-right: 50px;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
	.genres_container {
		padding-top: 30px;
		padding-left: 20px;
		padding-bottom: 30px;
		padding-right: 20px;

	}
	
	.category_headers {	
		font-family: 'Helvetica';
		padding-bottom: 10px;
		padding-left: 7px;		
		
	}
	
	.results_header {
		font-family: 'Helvetica';
		padding-bottom: 10px;
		padding-left: 7px;
		font-weight: bold;
		font-size: 20px;
	}
	
	.other_genres {	
		font-family: 'Helvetica';
		padding-top: 5px;
	}
	
	.checkbox_genres {
		list-style-type: none;
		padding-left: 0px;
		margin-top: 0px;
	}
	
	
	li {
		margin: 6px 0px;
	}
	
	.inner_genres_section {
		min-height: 250px;
		padding: 15px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 80px;
		padding-right: 80px;
		
	}
	
	.inner_genres_row {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	
	.col-genres {
		width: 20%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.book_icon_field {
		margin-top: 15px;
		margin-left: 25px;
	}
	
	
	.col-genres1 {
	    width: 76%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 30px;
	
	}
	
	.book_icon {
		margin-left: -50px;
	}
	
	.book_icon-col {
		width: 14%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;	
		padding-top: 20px;
	}

	
	.book_icon_row {
	    padding-top: 20px;
		
	}
	
	.book_name {
		font-family: 'Helvetica';
		font-weight: bold;
		font-size: 15px;
		
	}
	
	.book_author {	
		font-family: 'Helvetica';
		font-size: 14px;
		padding-top: 7px;
		
	}
	
	.search_button {
		background-image: url(/assets/img/view/buton_search.png);
		background-size: cover;
		margin-left: 0;		
		padding-top: 10px;
		padding-bottom: 10px;
		border: none;
		width: 200px;
		height: 56px;
		background-color: rgba(0, 0, 0, 0);
		font-size: 14px;
		color: white;
		font-family: 'Helvetica';
		font-weight: bold;
	}
	
	. {
		margin: 2.5rem 0;
		text-align: center;
		padding-right: 40px;
	}
	ul, ul ul {
		line-height: 1.2;
		list-style-type: none;
	}
	.c-paginator li {
    margin: .5rem .25rem;
	}
	
	.c-paginator li {
		display: inline-block;
		margin: .5rem 0 0 0;
		vertical-align: middle;
	}
	
	.c-paginator__button {
		
		cursor: pointer;
		display: inline-block;
		font-size: .875rem;		
		height: 40px;
		padding: 0px;
		text-align: center;
		transition-duration: .4s;
		transition-property: color,background-color;
		width: 25px;
		line-height: 28px;
		font-family: 'Helvetica';
		font-weight: bold;
	}
		
	.inner_books_section {
		margin-left: 250px;
		margin-right: 225px;
		margin-top: 50px;
		margin-bottom: 50px;		
	}

	.inner_books_desc_row {
	   display: flex;

	}
	
	.inner_books_col1 {
		width: 20%;
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
		text-align: center;	
	}
	
	.inner_books_col1.img {
		margin-left: 0px;	
	}	
	
	.inner_book_name_ {
	    font-family: 'Helvetica';
		font-weight: bold;
		font-size: 17px;
		text-align: left;
		text-align: left;	
		padding-top: 15px;
	}
	
	.inner_book_author_ {
		padding-top: 4px;
		font-style: italic;
		padding-bottom: 20px;
		text-align: left;
		font-size: 17px;
	}
	
	.inner_book_other_{
		font-family: 'Helvetica';
		font-weight: bold;
		font-size: 17px;
		margin-top: 1px;
		margin-bottom: 1px;			
	}
		
	.inner_book_share {
		font-family: 'Helvetica';
		font-size: 17px;
		text-align: left;
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: left;
	}
	
	.fb_logo_button{
		background-image: url(/assets/img/view/FB.png);
		background-size: contain;
		margin-left: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-right: 10px;
		border: none;
		width: 37px;
		height: 37px;
		background-color: rgba(0, 0, 0, 0);
		font-size: 14px;
		color: white;
		font-family: 'Helvetica';
		font-weight: bold;
	}	
	.in_logo_button{
		background-image: url(/assets/img/view/LINKEDIN.png);
		background-size: contain;
		margin-left: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-right: 10px;
		border: none;
		width: 37px;
		height: 37px;
		background-color: rgba(0, 0, 0, 0);
		font-size: 14px;
		color: white;
		font-family: 'Helvetica';
		font-weight: bold;
	}
	.tw_logo_button{
		background-image: url(/assets/img/view/Twitter.png);
		background-size: contain;
		margin-left: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-right: 10px;
		border: none;
		width: 37px;
		height: 37px;
		background-color: rgba(0, 0, 0, 0);
		font-size: 14px;
		color: white;
		font-family: 'Helvetica';
		font-weight: bold;
	}
	
	.inner_books_col2{
		width: 75%;
		padding-left: 20px;
		padding-top: 35px;
		padding-bottom: 20px;
		padding-right: 20px;
	}
	
	.col2_book_tittle{
		font-family: 'Helvetica';
		font-weight: bold;
		font-size: 20px;
		text-align: left;	
	}
	.col2_book_type {
		font-family: 'Helvetica';
		font-size: 16px;
		padding: 0px;
	}
	
	
	.col2_book_author {
		font-family: 'Helvetica';
		font-size: 14px;
		padding-top: 5px;
		font-weight: bold;
	}
	
	.col2_book_desc {
		padding-top: 5px;
		padding-bottom: 20px;
		padding-right: 20px;
		height: 165px;
	}
	
	.lexo_shkarko_btns {
		text-align: end;
		padding: 20px;
	}
	
	.lexo_online_button {	
		height: 30px;
		width: auto;
		border: none;
		color: white;
		background-color: #17a288;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border-radius: 12px;
		font-size:12px;
		padding-left:20px;
		padding-right:20px;
	}
	.divs_btns {
		padding-left: 20px;
	}
	
	.download_button {
		height: 30px;
		width: auto;
		border: none;
		color: black;
		background-color: white;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border-radius: 12px;
		font-size:12px;
		padding-left:20px;
		padding-right:20px;
	}
	
	.book_review_div{
		margin-left: 0px;
		margin-right: 0px;
		height: 125px;
	}
	
	.book_review_text {
		width: 95%;
		height: 90%;
		font-family: 'Helvetica';
		font-size: 14px;
		color: black;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		background-color: rgba(255,255,255,0.15);
		margin-bottom: 10px;
		border-radius: 10px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border-color: white;
		padding: 5px;
		resize: none;
	}
	.shto_rev {
		text-align: end;
		margin-top: 20px;
	}
	
	.button-prev1 {
		background-image: none;
		height: 100%;
		top: 22px;
		width: 50px;
		max-width: 50px;
		
		left: 15px;
		outline: none;
		cursor: pointer;
	}
	
	.inner-books-slider-container .button-prev1, .inner-books-slider-container .button-next1 {
		background-image: none;
		height: 100%;
		top: 22px;
		width: 50px;
		max-width: 50px;
		left: 15px;
		outline: none;
		cursor: pointer;
	}
	.inner-books-slider-container .button-prev1::before {
		border-color: black;
		border-style: solid;
		border-width: .0925rem .0925rem 0 0;
		content: '';
		display: inline-block;
		height: 1.2625em;
		position: relative;
		vertical-align: top;
		width: 1.2625em;
		transition: border-width .4s linear;
		position: absolute;
		top: 50%;
		left: 5px;
		-ms-transform: translateY(-50%) rotate(-135deg);
		transform: translateY(-50%) rotate(-135deg);
		z-index: 999;
	}
	.inner-books-slider-container .button-next1::before {
		border-color: black;
		border-style: solid;
		border-width: .0925rem .0925rem 0 0;
		content: '';
		display: inline-block;
		height: 1.2625em;		
		vertical-align: top;
		width: 1.2625em;
		transition: border-width .4s linear;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
		position: absolute;
		left: auto;
		right: 5px;
		z-index: 999;	
	}
	
	.swiper-container .swiper-notification {
		position: absolute;
		left: 0;
		top: 0;
		
		opacity: 0;
		z-index: -1000;
	}
	
	
	.swiper-slide {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform,-webkit-transform;
		width: 227px;
		margin-right: 5px;
		text-align: center;
	}
	
	
	.book-title{
		text-align: center;
		font-weight: bold;
		font-family: 'Helvetica';
		padding-left: 40px;
	}
	
	.swiper-slide span {
		text-align: center;
		font-weight: normal;
		font-family: 'Helvetica';
		padding-left: 40px;	
	}

	.new-books {
		margin-top: 50px;
	}
	
	.swiper-button-next.button-next1 {
		display: contents;
	}
	.container .inner_cont{
		margin-top: 40px;
	}
	.lexo_shkarko_btns {
		padding: 0px;
		width: 120%;
		text-align: end;
	}
	.container .inner_cont{
	    padding-left: 100px;
		padding-right: 100px;
	}
	.left_book{
	    text-align: end;
	}
	.inner_book_name_{
	  text-align: end;
	}
	.inner_book_author_{
	  text-align: end;
	}
	.inner_book_share {
	  text-align: end;
	}
	.inner_book_share_icons {
		text-align: end;
	}
	.section_inner_books {
		padding-right: 100px;
	}
	
		
	/* Destop*/
	@media screen and (max-width: 1600px) {
		.section_inner_books {
			padding-right: 100px;
		}
	}	
	/* Destop small */
	@media screen and (max-width: 1280px) {
		.inner_books_col1 {
			width: 30%;
		}
		.inner_books_section {
			margin-left: 50px;
			margin-right: 50px;
			margin-top: 50px;
			margin-bottom: 50px;
		}
	}	
	/* Tablet */
	@media screen and (max-width: 991px) {
		.inner_books_section {
			margin-left: 20px;
			margin-right: 20px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.inner_books_col1 {
			width: 37%;
			padding-left: 5px;
			padding-top: 20px;
			padding-bottom: 20px;
			padding-right: 5px;
			text-align: center;
		}
		.inner_books_col2 {
			width: 73%;
			padding-left: 5px;
			padding-top: 35px;
			padding-bottom: 20px;
			padding-right: 5px;
		}
		.lexo_shkarko_btns {
			text-align: end;
			padding: 19px;
		}
		.lexo_online_button {
		    width: 140px;
		}
		.download_button {
		    width: 140px;
		}

		
	}	
	/* Mobile */
	@media screen and (max-width: 767px) {
		.container.inner_cont.col-xs-12.col-sm-12.col-md-12.col-lg-12{
			padding: 0px;
		}
		.left_book {
			padding: 0px;
		}
		.inner_left_book{
			padding: 0px;
		}
		
		.lexo_shkarko_btns {
			display: flex;
		}
		.lexo_online_button {	
			height: 30px;
			width: auto;
			border: none;
			color: white;
			background-color: #17a288;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			border-radius: 12px;
			
			padding-left:20px;
			padding-right:20px;
		}
		.divs_btns {
			padding-left: 10px;
		}
		
		.download_button {
			height: 30px;
			width: auto;
			border: none;
			color: black;
			background-color: white;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			border-radius: 12px;
			
			padding-left:20px;
			padding-right:20px;
		}
		
		.form-group {
			padding-bottom: 3px;
			padding-left: 10px;
			margin-bottom: 6px;
			padding-right: 0px;
			display: flex;	
		}	
		.col-sm-2 {
			width: 55px;
			position: relative;
			min-height: 1px;
			padding-right: 15px;
			padding-left: 5px;
			height: 32px;
		}
		    
		.col-sm-8 {
			width: 74.666667%;
			position: relative;
			min-height: 1px;
			padding-left: 2px;
			margin-left: -8px;
			padding-right: 10px;
		}
		
		.row {
			margin-right: 0px;
			margin-left: 0px;
			padding: 4px;
		}
		.login-header {
			text-align: center;
			padding: 10px 10px;
			font-family: 'Helvetica';
			font-size: 21px;
			color: #243561;
		}
		.passw-btn {
			padding-bottom: 15px;
		}
		
		.form-group.has-feedback.text-center {
			margin-top: 12px;
			display: contents;
		}
		
		
		.login-box-body .login-box-msg img {
			width: 100%;
		}
		
		
		.main-form {
			width: 265px;
		}
		
		
		.btn.btn-flat.create-account-btn {
			margin-left: -65px;
		}
		
		}
		.login-description {
			padding: 16px 5px 16px 5px;
			color: #FFF;
			line-height: 12px;
			font-size: 14px;
		}
		
		.book1 img {
		    height: 300px;
			text-align: center;			
		}

		
		.inner_books_section {
			margin-left: 30px;
			margin-right: 30px;
			margin-top: 50px;
			margin-bottom: 50px;
			display: block;
			
		}
		
		.inner_books_desc_row {
			display: block;
		}
		
		.inner_books_col1 {
			width: 100%;
			padding-left: 20px;
			padding-top: 20px;
			padding-right: 20px;
			padding-bottom: 0px;
			
		}		
		
		.inner_book_share {
			text-align: end;
			font-size: 17px;
			
		}
		
		.inner_book_share_icons {
			text-align: end;
		}
		
		.fb_logo_button {
			margin-left: 0px;
			margin-right: 0px;
		}
		.in_logo_button {
			margin-left: 0px;
			margin-right: 0px;
		}
		.tw_logo_button {
			margin-left: 0px;
			margin-right: 0px;
		}
		.inner_books_col2 {
			width: 75%;
			padding-left: 20px;
			padding-top: 0px;
			padding-bottom: 20px;
			padding-right: 20px;
		}
		
		.col2_book_desc {
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 5px;
			height: 167px;
			width: 125%;
			margin-bottom: 20px;
		}
		
		.lexo_shkarko_btns {
			text-align: end;
			padding: 5px;
		}
		.lexo_shkarko_btns {
			padding: 10px;
			width: 120%;
			text-align: end;
		}
		
		.book_review_text {
			width: 115%;
			height: 90%;
			font-family: 'Helvetica';
			font-size: 14px;
			color: black;
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 10px;
			background-color: rgba(255,255,255,0.15);
			margin-bottom: 10px;
			border-radius: 10px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			border-color: white;
			padding: 5px;
			resize: none;
		}
		
		.shto_rev {		
			margin-top: 20px;
			margin-bottom: 20px;
			width: auto;
			text-align:center;
		}
		
		.inner_books_col3 {
			width: 100%;
			height: 400px;
			padding: 20px;
			text-align: center;
			
		}
		.inner_books_col4 {
			width: 100%;
			height: 400px;
			padding: 20px;
			text-align: center;
		}
		.book_icon_text {
			width: 50%;
			padding: 5px;
		}
		.arrow_icon {
			
		}
		
		.genres_container {
			
		}
		
		.c-paginator{
			display:none;
		}
		.col-genres1 {
			width: 100%;
			position: relative;
			min-height: 1px;
			padding-right: 15px;
			padding-left: 15px;
			padding-bottom: 20px;
		}
		.book_icon_field {
			margin-top: 15px;
			margin-left: 0px;
		}
		.results_container{
			text-align: center;
		}
		.results_header {
			font-family: 'Helvetica';
			padding-bottom: 10px;
			font-weight: bold;
			font-size: 20px;
		}
		.book_icon_row {
			padding-top: 5px;
		}
		.best_cat_book_row {
			display: flex;
			padding-top: 10px;
			text-align: center;
			margin-left: 0px;	
		}

		.swiper-container {
			margin: 0 auto;
			position: relative;
			overflow: hidden;
			list-style: none;
			padding: 0;
			z-index: 1;
		}	
		.inner_books_col2 {
			width: auto;
			padding-left: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 5px;
		}
		.lexo_shkarko_btns {
			width: 100%;
		}
		
		.book_review_text {
			width: 100%;
		}
		.book_review_div {
			width: 100%;
		}
		.inner_books_col1 {
			width: auto;
			padding-left: 5px;
			padding-top: 10px;
			padding-right: 5px;
			padding-bottom: 10px;
		}
		.col2_book_desc {
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 0px;
			height: auto;
			margin-bottom: 5px;
			width: auto;
		}
		.lexo_shkarko_btns {
			width: auto;
			display: flex;
			direction: rtl;
		}
		.book_review_text {
			width: -webkit-fill-available;
		}
		.book1 img {
			height: 200px;
		}
		.inner_genres_section {
			min-height: 250px;
			padding: 15px;
			margin-right: auto;
			margin-left: auto;
			padding-left: 10px;
			padding-right: 10px;
		}
		.col-genres {
			width: 100%;
			float: left;
			position: relative;
			min-height: 1px;
			padding-right: 5px;
			padding-left: 5px;
		}
		.category_field {
			margin-right: 5px;
			margin-left: 5px;
		}
		
		.search_button {
			display: none;
		}
		.left_book{
			text-align: center;
		}
		.inner_book_name_{
			text-align: center;
		}
		.inner_book_author_{
			text-align: center;
		}
		.inner_book_share {
			text-align: center;
		}
		.inner_book_share_icons {
			text-align: center;
		}
		.section_inner_books {
			padding: 10px;
		
		}
		.col2_book_tittle {
		    padding-top: 25px;
		}
	}
