// Header
.evo_container__header {
	margin-bottom: 20px;
}
.evo_container__page_top {
	margin-top: 20px;
	.ufld_icon_links {
		text-align: right;
	}
}
.nav.nav-tabs {
	margin-top: 0;
}

// Profile tabs on ?disp=profile
ul.profile_tabs {
	margin: 0 2ex 2ex;
	position: relative;
	top: 1px;
}

.profile_avatar {
	float: right;
	padding: 10px;
	margin-left: 10px;
}

// Use full width for all textarea
.form-horizontal .controls textarea.form-control {
	width: 100%;
}

// A search button
input.search_field {
	margin-bottom: 0;
	display: inline-block;
}
form.search .search_options {
	width: 100%;
	.search_option input {
		margin-right: 5px;
	}
	.search_option label {
		margin-bottom: 0;
		margin-top: 5px;
	}
}
div.compact_search_form {
	input.search_field {
		width: 100%;
		margin: 0;
	}
}
div.extended_search_form {
	text-align: center;
	margin: 0 auto 2em auto;
	max-width: 530px;
	.search_options {
		text-align: center;
		.search_option {
			display: inline-block;
			margin-right: 10px;
		}
	}
}

// Form elements on item edit page
label.control-label[for=evo_post_title] {
	width: auto;
}

// A form to create a new message/thread
textarea.message_text {
	width: 95%;
}

// Disp=single form
.evo_form__comment {
	.form-group {
		label, div {
			text-align: left;
		}
		.controls {
			#uploadfile_A1 {
				display: inline-block;
				margin-right: 2%;
			}
			.help-inline {
				height: auto;
				text-align: left;
				font-size: 84%;
				color: #999;
				display: inline-block;
			}
			.form-control-static {
				text-align: left;
			}
		}
	}
}

// Disp=single comment notification button
.evo_post_comment_notification a {
	white-space: normal;
}

.evo_post {
	margin-bottom: 2em;
	.small.text-muted {
		margin: 4px 0 10px;
		a, a .glyphicon {
			color: inherit;
		}
	}
	.evo_details .panel {
		.nav_album_number {
			display: inline;
		}
	}
}

div.bSideItem {
	background: #F7F5FA;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 #FFFFFF;
	h4 {
		margin-top: 0;
	}
}

// Login/Register forms:
.skin-form {
	.panel-body {
		.panel {
			border: none;
			box-shadow: none;
		}
		.panel-body {
			padding: 0;
		}
	}
	.fieldset {
		margin: 0;
		div.input {
			margin: 0;
		}
	}
	.control-buttons, div.input {
		padding: 0;
		width: 100%;
		text-align: center;
	}
}
.evo_panel__login, .evo_panel__lostpass, .evo_panel__register, .evo_panel__activation {
	min-width: 290px;
	margin: 1.5em auto auto;
	.panel {
		margin: 5px 0;
	}
	.panel-body {
		padding-top: 20px;
		padding-bottom: 0;
	}
}
.evo_panel__login {
	max-width: 400px;
	min-width: auto;
}
.evo_panel__lostpass {
	max-width: 480px;
	#ffield_x label {
		display: none;
	}
}
.evo_panel__activation {
	max-width: 530px;
	#activateinfo_form .control-buttons{
		text-align: left;
	}
}
.evo_panel__register {
	max-width: 580px;
	.form-control {
		&#country, &#u {
			width: 100%;
		}
	}
	#fieldset_wrapper_captcha_qstn .panel {
		margin: 0;
		div[id$=_answer] .control-label {
			padding-right: 14px;
		}
	}
	.panel-body {
		padding: 15px;
		p:last-child {
			margin-bottom: 0;
		}
	}
}
.evo_register_buttons {
	text-align: center;
	input.btn {
		margin: 0 0 15px 0;
	}
	a.btn {
		margin: 0;
	}
}
.evo_form__login_links {
	padding: 0 5px;
	font-size: 92%;
}
.evo_form__login {
	fieldset {
		margin-bottom: 20px;
	}
	.controls {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.control-buttons {
		margin-left: 0;
	}
	input.form-control[type=text], input.form-control[type=password] {
		width: 100%;
	}
	.btn {
		margin-top: 5px;
	}
}
#login_form {
	.control-buttons {
		text-align: left;
	}
}
.standard_login_link {
	text-align: center;
	margin: 3em 0 1ex 0;
}
.form_footer_notes {
	margin-top: 0;
}

// Pagination
.pagination {
	margin: 0;
}

// Messages
div.action_messages, div.log_container {
	margin: 0;
}

// Bootstrap Gallery styles
html, body {
	width: auto !important;
	// overflow-x: hidden !important;
	margin:0;
	padding:0;
	height:100%;
}

.posts_list {
text-align: center;
	.evo_post {
		display: inline-block;
		vertical-align: middle;

		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin: 25px 44px;
	}
	.evo_post img, .posts_list .evo_post b {
		transition: all 0.15s ease-in-out;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
		// On hovering images helps to remove jagged edges
		outline: 1px solid transparent;
	}
	.evo_post:hover img, .posts_list .evo_post:hover b {
	transform:rotate(-3deg);
		-ms-transform:rotate(-3deg); /* IE 9 */
		-webkit-transform:rotate(-3deg); /* Safari and Chrome */
	}
	.evo_post img, .posts_list .evo_post b {
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		margin-bottom: 5px;
	}
	margin-top: 0px;
}
.no-border {
	border: none !important;
}
.posts_list, .col-lg-12 h2 {
	text-align: center;
}
.evo_post {
}
.evo_post_content {
	padding-top: 15px;
}
.single-image {
	display: inline-block;
	margin: 42px;
	padding-bottom: 10px;
	.img-responsive {
		width: 100%;
		text-align: center;
		display: inline-block;
	}
}
.float-right {
	float: right;
}
div.evo_image_index div {
	margin: 0px 25px;
	background: none;
	border: none;
	img {
		transition: all 0.15s ease-in-out;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
	}
	&:hover img {
		transform:scale(1.06);
		-ms-transform:scale(1.06); /* IE 9 */
		-webkit-transform:scale(1.06); /* Safari and Chrome */
	}
	&:hover {
		background: none;
	}
}
.post_images {
	text-align: center;
}
.nav_album {
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	.all_albums {
		float: left;
		margin: 5px 0px 0px 5px;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 15px;
		display: inline-block;
		padding: 5px 14px;
		&:hover, &:focus {
			background-color: #eee;
			text-decoration: none;
		}
		&:before {
			content:"\f100";
			font-family: FontAwesome;
			margin-right: 5px;
		}
	}
	.nav_album_title {
		display: inline-block;
		margin-top: 8px;
		a {
			font-size: 20px;
		}
	}
	.nav_album_number {
		padding: 0px 0px 0px 0px;
		vertical-align: baseline;
		display: inline-block;
		font-size: 17px;
		&:before {
			content: '(';
		}
		&:after {
			content: ')';
		}
	}
	.fa-edit {
		font-size: 16px;
		margin-left: 5px;
	}
	.evo_status {
		position: relative;
		top: -1px;
	}
	.pager {
		float: right;
		margin: 5px 3px;
	}
	.pager .previous {
		margin-right: 3px;
	}
	.btn-primary {
		margin: 5px 3px;
	}
}
.evo_post_content .evo_details .evo_form__comment {
	fieldset .info {
		margin: 0px 0px 22px 0px;
	}
	fieldset {
		margin: 5px 0px !important;
	}
	fieldset {
		margin: 0px;
		div.label {
			float: none !important;
			padding-left: 0px;
			text-align: center;
			.btn {
				margin: 5px;
				display: inline-block;
			}
		}
	}
}
.radio, .checkbox {
	display: inline-block;
}
.evo_comment {
	margin: 0 0 20px 0;
	padding: 0px;
	img.bCommentAvatar {
		border-radius: 50%;
		float: left;
		margin: 4px 10px 10px 0;
	}
}

// Positions on the action buttons near page titles
.evo_post_title {
	display: table;
	h2 {
		display: table-cell;
		margin: 0;
		padding: 20px 0 10px;
		+ .btn {
			margin: -10px 0 0 30px;
		}
	}
	.btn-group {
		display: table-cell;
		padding: 20px 0 10px 30px;
		vertical-align: middle;
	}
	.evo_post_read_status {
		display: table-cell;
		vertical-align: middle;
		padding: 20px 2px 10px 0;
	}
}
.post_images img {
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
}
.post_images figure:hover img {
	transform:scale(1.06);
	-ms-transform:scale(1.06); /* IE 9 */
	-webkit-transform:scale(1.06); /* Safari and Chrome */
}
.evo_image_legend {
	display: table;
}

// Responsive styles
@media screen and (max-width: 1199px) {
	.float-right {
		float: none !important;
	}
	.post_images {
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 991px) {
	.single-image {
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media screen and (max-width: 767px) {
	.nav_album_title {
		display: inline-block;
		margin-top: 12px;
		margin-right: 5px;
		float: right !important;
		position: relative !important;
		text-align: right;
	}
	.evo_details, .col-lg-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.single-image {
		margin-left: 42px;
		margin-right: 42px;
	}
	.evo_details {
	padding: 0px 15px;
	}
}
@media screen and (max-width: 500px) {
	.float-right {
		padding: 0px !important;
	}
	.evo_image_index div {
		margin: 0px 0px 40px 0px !important;
		&:nth-child(1) {
			margin-top: 30px !important;
		}
		span {
			height: auto !important;
		}
	}
	.single-image {
		margin: 0px 0px 40px 0px;
	}
	.nav_album {
		.nav_album_title {
			margin-top: 6px;
			a {
				font-size: 16px;
				margin-right: 0px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
		}
	}
}

// Fixes
.bt-content {
	font-size: 14px;
	.bubbletip_user ul li {
		margin-top: 15px;
	}
}
#ffield_uploadfile_A1 {
	.input {
		text-align: left;
		input, span {
			display: inline-block;
		}
	}
}
.label {
	font-size: 14px !important;
}
// Remove predefined bootstrap background-color style
.panel, .avatar_main_frame, .pagination li a {
	background-color: transparent;
}
// Bottom b2evo image background issue fix
.powered_by {
	a {
		img {
			background-color: rgba(255,255,255,1);
			border-radius: 4px;
		}
	}
}

/* XL Bootstrap Grid Layout */
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
    display: none !important;
}
@media (min-width: 1440px) {
    .container {
        width: 1410px;
    }
	.single-image:first-child {
		margin: 42px 42px 42px 0px;
	}

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

// Comment footer
.evo_post_content .evo_comment {
	.evo_comment_footer {
		.action_btn_group {
			float: right;
		}
	}

	.comment_edit_btn {
		margin-right: 5px;
	}

	// Fix buttons for comment actions
	.btn-group>.btn.first-child {
		border-top-left-radius: 3px !important;
		border-bottom-left-radius: 3px !important;
	}
}