/*****************************************************************
 * Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line. 
 * They will be given the highest priority on any elements on the forum
 * Personilize your forum color scheme in one click here: www.sitesplat.com/phpBB3/ 
 * **************************************************************
 *
 * FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 
 * 
 * **************************************************************
 *****************************************************************/
 /* ===[ CSS HOOK TOP ]=== */
.container {
	width: 100% !important;
}

.dropdown-avatar img	{ height: 30px; }
.navbar-avatar img 	{ height: 100px; }

.icon-wrapper.no-backg { background: none; }

.forum-read-img { background: url('images/forum_read.gif') 50% 50% no-repeat; }
.forum-unread-img { background: url('images/forum_unread.gif') 50% 50% no-repeat; }
.forum-link-img { background: url('images/forum_link.gif') 50% 50% no-repeat; }

a.subforum.unread { color: #FF9512; }

#scrollbar-two .viewport { width: 97%; }

.burned-asphalt { background: none; }
.footer-nav a { color: #869AAF; }

.panel-forum > .panel-heading { background-color: #477AFF; }
.post-signature { margin-top: 30px; }

blockquote:not(:first-child),
.qe-container:not(:first-child) {
	margin-top: 20px;
}

.content blockquote blockquote {
    margin-top: 0;
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display: inline-block;
}

#viewfolder .content, #preview .content {
	color: #303e41;
}

.quick-reply textarea {
	min-height: 100px;
	max-height: 200px;
	resize: vertical;
}

.memberlist-email textarea, #postform textarea {
	min-height: 200px;
	max-height: 550px;
	resize: vertical;
}

.subforums .subforum {
	white-space: nowrap;
}


/*Paddings and Margins*/
.buttons-margin-bottom .btn {
	margin-bottom: 5px;
}
.buttons-margin-bottom .modal .btn {
	margin-bottom: 0
}
.zero-padding-margin {
	padding: 0;
	margin: 0
}
.padding-0px {
	padding: 0px
}
.margin-0px {
	margin: 0
}
.margin-negative-top-10px {
	margin-top: -10px
}
.margin-negative-top-20px {
	margin-top: -20px
}
.margin-negative-top-30px {
	margin-top: -30px
}
.padding-10px {
	padding: 10px
}
.padding-15px {
	padding: 10px
}
.padding-20px {
	padding: 10px
}
.margin-bottom,
.margin-bottom-10px {
	margin-bottom: 10px;
}
.margin-bottom-20px {
	margin-bottom: 20px;
}
.margin-top {
	margin-top: 10px;
}
.margin-left {
	margin-left: 10px;
}
.margin-right {
	margin-right: 10px;
}

.tooltip-inner {
	max-width: 350px;
}

#register .help-block {
	margin-bottom: 0;
	min-height: 0;
}

.forum-image img {
	height: 45px;
	width: 45px;
}

.panel-login .icheckbox_flat-aero {
    margin-top: -2px;
}

.ui-timeline .tl-item .tl-body .tl-time {
	width: 180px;
}

.watch-topic-link.t-subscribe:before{content:"\f06e"}
.watch-topic-link.t-unsubscribe:before{content:"\f070"}

.alert-info .fa-warning {
	margin-right: 10px;
}

.dropdown-menu {
	max-height: 300px;
	overflow: auto;
}

.dropdown-notification .dropdown-menu {
	width: 340px;
	max-height: none;
}

.content ul,
.content ol {
    margin-top: 1em;
	margin-bottom: 1em;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	margin-top: 0;
	margin-bottom: 0;
}

.postbody .postimage {
	max-width: 100%;
}

.postlink:focus {
	text-decoration: none;
}

.input-group .input-group-btn:not(:last-child) .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.selecpicker:first-child + .input-group-btn,
.selectpicker:first-child + .input-group-btn > .dropdown-toggle {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
    max-width: 100%;
}

.input-group-addon:not(:last-child) {
    border-right: 0;
}

.icheckbox_flat-aero {
	float: left;
}

@media (min-width: 768px) {
	.ui-timeline .tl-item .tl-body .tl-time {
		left: -250px;
	}

	.ui-timeline .tl-item.alt .tl-body .tl-time {
		right: -250px;
	}
}

.alert a,
.alert a:link,
.alert a:visited {
	color: inherit;
}

.alert a:hover {
	color: #dadada;
}

 /* ========================================================================
 * 7.9. Nanoscroller
 * ======================================================================== */
.nano {
	position : relative;
	width : 100%;
	height : 100%;
	overflow : hidden;
}
.nano > .nano-content {
	position : absolute;
	overflow : scroll;
	overflow-x : hidden;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
}
.nano > .nano-content:focus {
	outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
 visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
 visibility: visible;
}
.nano > .nano-pane {
	background : rgba(0,0,0,.25);
	position : absolute;
	width : 10px;
	right : 0;
	top : 0;
	bottom : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity : .01;
	-webkit-transition : .2s;
	-moz-transition : .2s;
	-o-transition : .2s;
	transition : .2s;
}
.nano > .nano-pane > .nano-slider {
	background: #d6d9e0;
	position : relative;
	margin : 0;
}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity : 0.99;
}
 /* ===[ CSS HOOK BOTTOM ]=== */