/*****************************************************************
 * Note: You can run a search with one of the title below to find the references in the css
 * **************************************************************
 *
 * FLATBBOOTS(3.0.2) @SiteSplat.com - Table of Contents 
 * 
 *    a- GENERAL ELEMENTS - HEADINGS ( from line 36 to  approx. )
 *    b- UCP                         ( from line 222 to  approx. )
 *    c- TABLES STYLE ANF FONT ICONS ( from 753 to  approx. )
 *    d- INDEX PROFILE MENU          ( from 951 to  approx. )
 *    e- BREADCRUMB STYLE            ( from 991 to  approx. )
 *    f- SOCIAL TOP BAR              ( from 1263 to  approx. )
 *    g- SEARCH STYLE                ( from 1316 to  approx. )
 *    h- HEADER STYLE       		 ( from 1375 to  approx. )
 *    i- MAIN NAVIGATION		     ( from 1490 to  approx. )
 *    j- MOBILE NAVIGATION           ( from 1702 to  approx. )
 *    k- RESPONSIVE QUERIES			 ( from 1805 to  approx. )
 *    l- FOOTER LAYOUT				 ( from 2180 to  approx. )
 *    m- RADIO CHECKBOX STYLE 		 ( from 2429 to  approx. )
 *    n- FORMS				         ( from 2530 to  approx. )
 *    o- USER PROFILE AND GALLERY    ( from 2581 to  approx. )
 *    p- MISC - BUTTONS - ALERTS     ( from 2783 to  approx. )
 *    q- WELLS AND WIDGETS           ( from 2939 to  approx. )
 *    r- PAGINATION 				 ( from 3015 to  approx. )
 *    s- PM STUFF				     ( from 3090 to  approx. )
 *    t- BACK TO TOP				 ( from 3247 to  approx. )
 *    u- 400 - 500 PAGES			 ( from 3276 to  approx. )
 *    v- MCP BAN LIST FIX			 ( from 3340 to  approx. )
 *    w- 
 *    x- 
 *    y- 
 *    z- 
 * **************************************************************
 *****************************************************************/

/* General Markup Styles
---------------------------------------- */

/* un-or-comment this line if you want to change the post content font only */
.postbody .content {
    color: #495d60;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	font-family:inherit;
	font-size: 1.0em;
    /* word-break: break-all; */
    /* Non standard for webkit */
    /* word-break: break-word; */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;	
	margin-top:20px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

hr {
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

/* Topic review panel
----------------------------------------*/

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

.post-ignore .postbody {
	display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details {
	/* This will only work in IE7+, plus the others */
	overflow: auto;
	max-height: 300px;
}

#expand {
	clear: both;
}

/* Content container styles
----------------------------------------*/

.post-icon {
    margin-bottom: 2px;
    margin-right: 5px;
}

.posthilit {
    background-color: #F2F228;
    color: #000000;
}

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1.1em;
	border-top: 1px solid #CCCCCC;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}


/* Post noticies */
.notice {
	margin-top: 1.5em;
	border-top: 1px dashed #CCCCCC;
	line-height: 120%;
}

/* Jump to post link for now */
.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */

blockquote {
   padding: 0 0 0 15px;
   margin: 0 0 20px;
   border-left: 5px solid #cccccc;
}

.content blockquote cite {
   display:block;
}

.content blockquote {
   background: none repeat scroll 0 0 #E4E9EB;
   font-size: 1.00em;
   border: none;
   border-radius: 3px;
   margin: 1em 0 0;
   padding: 0.3em 2em 0.3em 2.5em;
   position: relative;
}

.content blockquote:before {
  color: #ccc;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.3em;
  line-height: 0.2em;
}

.content blockquote:after {
   color: #ccc;
   content: "\201D";
   font-size: 5em;
   position:absolute;
   right:3px;
   bottom: 0em;
   line-height: 0;
}


/* Code block */
.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	font-size: 1em;
}

.codebox span {
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote .codebox {
	margin: 5px 5px 5px 0;
}

.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	line-height: 1.3em;
	color: #8b8b8b;
	margin: 2px 0;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #000000; }
.syntaxdefault	{ color: #bcbcbc; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #585858; }
.syntaxstring	{ color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
	width: auto; 
	margin: 10px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px dashed #d8d8d8;
}

.pm-message .attachbox {
	background-color: #f3f3f3;
}


.attachbox p {
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.stats {
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
	border: 1px solid #999999;
/*	cursor: move; */
	cursor: default;
}

/* Inline image thumbnails */
.thumbnail {
	display: block;
	margin-bottom: 4px;
}


/* Link Styles
---------------------------------------- */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a {
	direction: ltr;
	unicode-bidi: embed;
}

/* Coloured usernames */
.username-coloured {
	font-weight: 600;
	display: inline;
	padding: 0;
}


.table-primary thead th a {
    color: #FFFFFF;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* Feed icon in forumlist_body.html */
.feed-icon-forum {
	float: right;
	margin: 3px;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */



/* Links for forum/topic lists */

a.forumtitle:hover, a.topictitle:hover  {
	color: #8C8C8C;
	text-decoration: none;
}

a.forumtitle:active, a.topictitle:active {
	color: #2E8ECE;
}

/* Links for forum/topic lists */
a.forumtitle, a.topictitle {
    color: #EB6F57;
	font-size: 1.08em;
	font-style: normal;
	font-weight: 700;
	text-decoration: none;
}


/* Post body links */
.postlink {
	color: #368AD2;
	border-bottom: 1px dashed #CCCCCC;
}

.postlink:visited {
	color: #5D8FBD;
}

.postlink:active {
	color: #368AD2;
}

.postlink:hover {
	color: #8C8C8C;
	border-bottom: 1px solid #CCCCCC;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
	background-color: transparent;
	border: none;
	text-decoration: none;
}
/* END Former content.css
---------------------------------------- */
 

/* GENERAL ELEMENTS - HEADINGS */
body {
  color: #77828c;
  margin: 0;
  font-family: 'Source Sans Pro','Arial','Helvetica',sans-serif;
  background-color: ##fbfcfc;
}
 
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #7F7F7F;
    font-family: 'Asap','Arial','Helvetica',sans-serif;
    line-height: normal;
	font-weight: 700;
    margin: 0 0 10px;
	text-rendering: optimizeLegibility;/* Fix for webkit rendering, well at least for the time being */
    -webkit-font-smoothing: antialiased;/* Fix for webkit rendering, well at least for the time being */
}

.postbody h3 {
	font-size: 1.5em;
	margin-top:0;
	text-transform: none;
	border: none;
}

h3 {
	text-transform: uppercase;
	border-bottom: 4px solid #FFFFFF;
	color: #7F7F7F;
	font-size: 22px;
}


#footerContent h3 {
    background-position: 0 50%;
    background-repeat: repeat-x;
    border-bottom: 4px solid #FFFFFF;
	
}

#footerContent h3 span, .side-segment h3 span {
    border-bottom: 4px solid #ee836e;
    position: relative;
}

.post-id {
	border-bottom: 0 !important;
}

.post-id a {
	color: #e5e5e5;
}

.content h2 {
	color: #7F7F7F;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.side-segment h3:after, .side-segment h2:after {
    background-color: #ee836e;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin-bottom: -4px;
    width: 80px;
}

a { 
	color: #2880b2; 
	text-decoration: none;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	-moz-transition: color 0.2s ease, background-color 0.2s ease;
	-ms-transition: color 0.2s ease, background-color 0.2s ease;
	-o-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
}
/* HEADINGS */

/* ====================== lines button =================*/
.lines-button {
padding: 0.6rem 0.5rem 1rem 0.5rem;
transition: .3s;
cursor: pointer;
user-select: none;
border-radius: 0.37143rem;
/* */
}
.lines-button:hover {
opacity: 1;
}
.lines-button:active {
transition: 0;
}
.lines {
display: inline-block;
width: 4rem;
height: 0.37143rem;
background: #ecf0f1;
border-radius: 0.28571rem;
transition: 0.3s;
position: relative;
}
.lines:before, .lines:after {
display: inline-block;
width: 4rem;
height: 0.37143rem;
background: #ecf0f1;
border-radius: 0.28571rem;
transition: 0.3s;
position: absolute;
left: 0;
content: '';
-webkit-transform-origin: 0.28571rem center;
transform-origin: 0.28571rem center;
}
.lines:before {
top: 1rem;
}
.lines:after {
top: -1rem;
}

.lines-button.open {
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
padding-bottom:16px;
}
.lines-button.arrow.open .lines:before, .lines-button.arrow.open .lines:after {
top: 0;
width: 2.22222rem;
}
.lines-button.arrow.open .lines:before {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.open .lines:after {
-webkit-transform: rotate3d(0, 0, 1, -40deg);
transform: rotate3d(0, 0, 1, -40deg);
}
.lines-button.arrow-up.open {
-webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}
.lines-button.minus.open .lines:before, .lines-button.minus.open .lines:after {
-webkit-transform: none;
transform: none;
top: 0;
width: 4rem;
}
.lines-button.x.open .lines {
background: transparent;
}
.lines-button.x.open .lines:before, .lines-button.x.open .lines:after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 0;
width: 4rem;
padding:4px;
}
.lines-button.x.open .lines:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.open .lines:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.lines-button.x2 .lines {
transition: background 0.3s 0.5s ease;
}
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
transition: top 0.3s 0.6s ease, transform 0.3s ease;
}
.lines-button.x2.open .lines {
transition: background 0.3s 0s ease;
background: transparent;
}
.lines-button.x2.open .lines:before, .lines-button.x2.open .lines:after {
transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
transition: top 0.3s ease, transform 0.3s 0.5s ease;
top: 0;
width: 4rem;
}
.lines-button.x2.open .lines:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x2.open .lines:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
 
.navbar-inverse .navbar-toggle {
    border: 2px solid #656b7b;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #656b7b;
}

.navbar-toggle {
    margin-top: 4px;
}

/* GENERAL ELEMENTS - HEADINGS
----------------------------------------*/
/* FIXES AND TWEAKS ON THE FLY */
/** Fix for btn group tool bar in post editor **/

.section-posting .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px !important;
}

/** Fix for smaller btn group in topic **/

.section-viewtopic .btn-group > .btn:first-child {
    margin-left: 1px;
}

/** Fix for btn group **/
 
/*** modal header fix ***/
.modal-header h3 {
    border-bottom: medium none !important;
}

/*** space, padding quickfix ***/
.space10 {
    clear: both;
    height: 10px !important;
}

.stat_offline {
    background: none repeat scroll 0 0 #CB1111;
}

.stat_online {
    background: none repeat scroll 0 0 #5DA423;
}

.stat {
    border: 2px solid #FFFFFF !important;
    border-radius: 8px 8px 8px 8px;
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 12px;
}

/* General form styles from former FORM.css
----------------------------------------*/
fieldset {
	border-width: 0;
}
/* General form styles from former FORM.css
----------------------------------------*/

.hr-double {
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    height: 3px;
	margin-bottom: 40px;
    margin-top: -15px;
}

.btn-group-member {
    display: block;
    font-size: 0;
    position: relative;
    white-space: nowrap;
}

/*-------------------------------
	Custom Scrollbar
------------------------------*/

#scrollbar, #scrollbar-one, #scrollbar-two, #scrollbar-three {
    clear: both;
    margin: 0;
    width: 100%;
}

#scrollbar .scrollbar, #scrollbar-one .scrollbar, #scrollbar-two .scrollbar, #scrollbar-three .scrollbar {
    float: right;
    position: relative;
    width: 4px;
}

#scrollbar .viewport, #scrollbar-one .viewport, #scrollbar-two .viewport, #scrollbar-three .viewport {
    height: 270px;
    overflow: hidden;
    position: relative;
    width: 98%;
}

#scrollbar .overview, #scrollbar-one .overview, #scrollbar-two .overview, #scrollbar-three .overview {
    left: 0;
    list-style: none outside none;
    position: absolute;
    top: 0;
    width: 100%;
}

#scrollbar .track, #scrollbar-one .track, #scrollbar-two .track, #scrollbar-three .track {
    background-color: #CCCCCC;
    height: 100%;
    padding: 0;
    position: relative;
    width: 4px;
}

#scrollbar-one .thumb, #scrollbar-two .thumb {
    background-color: #0DAED3;
}

#scrollbar .thumb, #scrollbar-one .thumb, #scrollbar-two .thumb, #scrollbar-three .thumb {
    cursor: pointer;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 4px;
}

#scrollbar-one .thumb .end, #scrollbar-two .thumb .end {
    background-color: #0DAED3;
}

#scrollbar .thumb .end, #scrollbar-one .thumb .end, #scrollbar-two .thumb .end, #scrollbar-three .thumb .end {
    height: 5px;
    overflow: hidden;
    width: 13px;
}
/*-------------------------------
	Custom Scrollbar
------------------------------*/

/*-------------------------------
	UCP PM TAGS STYLE
------------------------------*/
.tagsinput span.tag {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    margin: 3px;
    padding: 3px 5px;
}

.tagsinput {
    margin-bottom: 5px;
}

.tagsinput input {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0 0 0 4px;
}
/*-------------------------------
	UCP PM TAGS STYLE
------------------------------*/

/*-------------------------------
	Recent activity UCP
------------------------------*/
 
.ui-timline-container {
    padding: 15px;
}
.ui-timline-left .ui-timeline:before {
    left: 0;
}
@media (min-width: 768px) {
.ui-timline-left .ui-timeline .tl-item:before {
    display: none;
}
}
@media (min-width: 768px) {
.ui-timline-left .ui-timeline .tl-item .tl-caption {
    margin-left: -55px;
}
}
@media (min-width: 768px) {
.ui-timline-left .ui-timeline .tl-item .tl-body .tl-time {
    color: #999999;
    left: auto;
    right: 15px;
}
}
.ui-timeline {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
}
.ui-timeline:before {
    background-color: #D5D5D5;
    bottom: 30px;
    content: "";
    left: 0;
    position: absolute;
    top: 30px;
    width: 4px;
    z-index: 0;
}
@media (min-width: 768px) {
.ui-timeline:before {
    left: 50%;
}
}
.ui-timeline .tl-item {
    display: table-row;
    margin-bottom: 5px;
}
.ui-timeline .tl-item:before {
    content: "";
    display: none;
}
@media (min-width: 768px) {
.ui-timeline .tl-item:before {
    display: block;
    width: 50%;
}
}
.ui-timeline .tl-item .tl-caption {
    margin-left: -55px;
    width: 150px;
}
@media (min-width: 768px) {
.ui-timeline .tl-item .tl-caption {
    margin-left: -110px;
}
}
@media (min-width: 768px) {
.ui-timeline .tl-item.alt {
    text-align: right;
}
.ui-timeline .tl-item.alt:before {
    display: none;
}
.ui-timeline .tl-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}
.ui-timeline .tl-item.alt .tl-body .tl-entry {
    margin: 0 33px 15px 0;
}
.ui-timeline .tl-item.alt .tl-body .tl-time {
    left: auto;
    right: -220px;
    text-align: left;
}
.ui-timeline .tl-item.alt .tl-body .tl-icon {
    left: auto;
    right: -53px;
}
.ui-timeline .tl-item.alt .tl-body .tl-content:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    left: auto;
    right: -16px;
}
}
.ui-timeline .tl-item .tl-body {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.ui-timeline .tl-item .tl-body .tl-entry {
    margin: 0 0 15px 38px;
    position: relative;
}
.ui-timeline .tl-item .tl-body .tl-time {
    color: #999999;
    left: auto;
    line-height: 35px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 5px;
    width: 150px;
    z-index: 1;
}
@media (min-width: 768px) {
.ui-timeline .tl-item .tl-body .tl-time {
    color: #767676;
    left: -220px;
    right: auto;
}
}
.ui-timeline .tl-item .tl-body .tl-icon {
    left: -53px;
    position: absolute;
    top: 5px;
}
.ui-timeline .tl-item .tl-body .tl-content {
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 15px;
    position: relative;
}
.ui-timeline .tl-item .tl-body .tl-content:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: " ";
    left: -16px;
    line-height: 0;
    position: absolute;
    top: 15px;
}

.square-icon {
    background: none repeat scroll 0 0 #6A8DB3;
    border: 3px solid #C4DADA;
    border-radius: 50%;
    box-shadow: 0 0 0 6px #FAFAFB;
    color: #FFFFFF;
    height: 25px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 25px;
}
.square-icon.sm {
    font-size: 16px;
    height: 35px;
    line-height: 30px;
    width: 35px;
}

/*-------------------------------
	Recent activity UCP
------------------------------*/

/* ---------------------------------
UCP TABS NAVIGATION
------------------------------------ */

/* UCP legend frame - The <legend> tag defines a caption for the <fieldset> element */
.framed-ucp {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    padding: 15px;
	margin-top: -5px;
}

#cprofile .bootstrap-select {
	margin-bottom:10px;
}

legend {
    border: medium none;
    color: #b7b7b7;
    margin: 0;
	font-family: 'Asap','Arial','Helvetica',sans-serif;
	font-weight:bold;
    font-size: 16px;
    padding: 0 10px;
    width: auto;
	text-transform: uppercase;
	display: block;
}
/* UCP legend frame - The <legend> tag defines a caption for the <fieldset> element */


/*-------------------------------
	TABLES STYLE AND FONT ICONS
 ------------------------------*/

.table-bordered {
    border-color: #DBDBDB;
}

.table-primary {
    border-color: -moz-use-text-color #DBDBDB #DBDBDB;
    border-top: medium none;
}

.table-primary tbody td {
    background: none repeat scroll 0 0 #FAFAFA;
    border-width: 0;
    color: #94a0a0;
}

.description, .subforums, .forum-time, .forum-mods {
    font-size:0.9em;
}

.subforums > strong, .forum-mods > strong {
    color: #8c8c8c;
}

.mobile-post {
    vertical-align: middle;
}

.table-primary tbody tr:nth-child(2n+1) td, .table-primary tbody tr:nth-child(2n+1) th {
    background: none repeat scroll 0 0 #FFFFFF;
}

.table > thead > tr:first-child > td, .table > tbody > tr:first-child > td, .table > tfoot > tr:first-child > td {
    border-top: 0 none;
}

.table-primary thead th {
    color: #FFFFFF;
	font-style: normal;
    font-weight: 700;
	text-rendering: optimizeLegibility;/* Fix for webkit rendering, well at least for the time being */
    -webkit-font-smoothing: antialiased;/* Fix for webkit rendering, well at least for the time being */
	text-transform: uppercase;
}
 
.table tr.active td, .table tr.active {
    background: none repeat scroll 0 0 #DEECFA !important;
}

.table th.table-icon, .table td.table-icon {
    width: 20px;
    background-position: 5px center;
}

.table th.table-check, .table td.table-check {
    width: 80px;
	text-align: center;
}

th i {
	color:#F8F8F8;
}

table .stats-col {
    background-color: #e4e9eb !important;
	font-family: 'Asap','Arial','Helvetica',sans-serif;
	font-size: 13px;
}

.large60 {
	width:70px;
}

.large80 {
	width:120px;
}

.large110 {
	width:110px;
}

.large12 {
    width: 12%;
}

.large20 {
	width:20%;
}

.large23 {
    width: 23%;
}

.large26 {
    width: 26%;
}

.large28 {
    width: 28%;
}
 
.row-icon {
    float: left;
    height: 27px;
    margin-right: 5px;
    margin-top: 5px;
    width: 27px;
}

.topic-icon {
	display: block;
    height: 16px;
    margin-left: 0;
    margin-right: 0;
    margin-top: -5px;
    position: absolute;
    width: 16px;
}

/* --------------------------------------------------------------
Font icon forums
-------------------------------------------------------------- */

.desc-wrapper {
    display: block;
    padding: 4px 20px 5px 54px;
}


.stats-wrapper {
    display: block;
	line-height: 1.5;
    padding: 5px 6px;
}


.last-wrapper {
    display: block;
	line-height: 1.5;
    padding: 4px 8px;
}


.btn-rss {
    margin-right: 5px;
    margin-top: 5px;
}

.icon-wrapper {
    background-color: #e4e9eb;
    border-radius: 50%;
    float: left;
    height: 50px;
    margin-right: 8px;
    transition: background 0.1s ease 0s;
    width: 50px;
}

.forum-image {
    display: inline-block;
    float: left;
    height: 48px;
    margin-right: 8px;
    width: 48px;
}

.row-icon-font {
    display: block;
    font-size: 26px;
    height: 48px;
    line-height: 48px;
    position: relative;
    text-align: center;
}


.row-icon-font-mini {
    color: #FFFFFF;
    font-size: 14px;
    margin-left: -20px;
    margin-right: 5px;
    margin-top: 15px;
    position: absolute;
}

.forum-list-lock, .forumview-lock {
    color: #888;
    margin-left: -18px;
    margin-top: 31px;
}

.forum-read {
    color: #b8bdcb;
}

.forum-unread {
    color: #8C8C8C;
}

.input-group-addon i {
    color: #999;
}

.icon-moon-default:before {
    content: "\e60c";
}

.icon-moon-default2:before {
   content: "\e687";
}

.icon-moon-link2:before {
   content: "\e611";
}

.icon-moon-podcast2:before {
    content: "\e678";
}

.icon-moon-voice2:before {
   content: "\e62d";
}

.icon-moon-pushpin2:before {
   content: "\e016";
}

.icon-moon-poll:before {
   content: "\e61e";
}

.icon-moon-moved:before {
   content: "\e63a";
}

/* --------------------------------------------------------------
Font icon forums
-------------------------------------------------------------- */

/* --------------------------------------------------------------
Footable plugin
-------------------------------------------------------------- */
.footable {
  width: 100%;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\f068";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 16px;
  color: #888888;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\f067";
}

.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
}

.footable-row-detail-value {
    width: 100%;
}

.footable.breakpoint > tbody > tr.footable-row-detail {
    background: none repeat scroll 0 0 #EEEEEE;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    background: none repeat scroll 0 0 #ECEBEC;
	margin-top: 4px;
    padding: 7px 13px;
	border-radius: 4px;
	float: right;
}
/* --------------------------------------------------------------
Footable plugin
-------------------------------------------------------------- */

/* --------------------------------------------------------------
Bootstrap new colors definitions and elements
-------------------------------------------------------------- */

.bg-primary,
.list-group-item-primary {
	background-color: #dff3f9;
}
.alert-primary,
.progress-bar,
.panel-primary > .panel-heading {
	background-color: #3b8dbd;
	color: #fff
}

.bg-success,
a.list-group-item-success,
.list-group-item-success {
	background-color: #d9ead0;
	color: #82b964;
	font-weight: 700
}

.alert-success,
.progress-bar-success,
.panel-success > .panel-heading,
.label-success {
	background-color: #82b964;
	color: #fff
}

.list-group-item-info,
a.list-group-item-info,
.bg-info {
	background-color: #dff3f9;
	color: #5bc0de;
	font-weight: 700
}
.alert-info,
.progress-bar-info,
.label-info,
.panel-info > .panel-heading {
	background-color: #5bc0de;
	color: #fff
}

.list-group-item-warning,
a.list-group-item-warning,
.bg-warning {
	background-color: #fff4e1;
	color: #fdc153;
	font-weight: 700
}
.alert-warning,
.progress-bar-warning,
.panel-warning > .panel-heading {
	background-color: #f0ad4e;
	color: #fff
}

.bg-danger,
a.list-group-item-danger,
.list-group-item-danger {
	background-color: #f7e0db;
	color: #d24d33;
	font-weight: 700
}
.alert-danger,
.progress-bar-danger,
.panel-danger > .panel-heading {
	background-color: #d24d33;
	color: #fff
}
a.list-group-item-success:hover,
a.list-group-item-success:focus,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
	background-color: #82b964;
	color: #fff;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
	background-color: #f0ad4e;
	color: #fff;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
	background-color: #5bc0de;
	color: #fff;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
	background-color: #d24d33;
	color: #fff;
}

/* --------------------------------------------------------------
Bootstrap list groups
-------------------------------------------------------------- */

.list-group-item {
	margin-bottom: -2px;
	border: 2px solid #ddd;
}
/*Remove grey borders*/

.list-group-item-danger {
	border-color: #f7e0db
}
.list-group-item-info {
	border-color: #dff3f9
}
.list-group-item-success {
	border-color: #d9ead0
}
.list-group-item-warning {
	border-color: #fff4e1
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
	border-color: #d24d33
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
	border-color: #5bc0de
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
	border-color: #82b964
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
	border-color: #f0ad4e
}

/* --------------------------------------------------------------
Bootstrap tables and panels definitions
-------------------------------------------------------------- */

.table {
    margin-bottom: 0;
	border-top: 0;
	background: #fff;
}

.table .label {
	font-size: .75em;
	display: inline-block;
	margin: 2px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 10px 8px;
	vertical-align: top;
	border-top: 4px solid #e4e9eb;
}
.table > thead > tr > th {
	background: #85869C;
	color: #fff;
	font-size: inherit;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	border: 0;
	padding: 12px 10px;
	border-bottom: 7px solid #ddd
}

.table > thead > tr > th {
	border-width: 0;
	padding: 4px 10px;
	background: #C7CBD6;
}

.table > tfoot > tr > th {
	background: #ddd;
	color: #999;
	font-size: .87em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	border: 1px solid #ddd;
	padding: 7px 10px;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: #E4E9EB;
}


.panel-inner {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0;
}

.panel-forum > .panel-heading {
    background-color: #26bcb5;
    border-radius: 3px 3px 0 0;
	height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
	border-color: rgba(0, 0, 0, 0);
	color:#FFF;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
	
}

.panel-forum > .panel-heading a {
	color:#FFF;
}

.panel-forum > .panel-heading a:hover {
	color:#E4E4E4;
}

.panel-forum {
    border: medium none #85869C;
	margin-bottom: 30px;
}

.page-section {
    background-color: #E8E8E8;
	padding: 45px 0;
}


.panel-post {
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 10px;
    position: relative;
}

.panel-post > i {
    border: 10px solid #F4F4F4;
    border-radius: 50%;
    color: #F4F4F4;
    font-size: 50px;
    height: 100px;
    line-height: 80px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -50px;
    transition: all 0.3s ease-in-out 0s;
    width: 100px;
}

.panel-post > img {
    border: 6px solid #F4F4F4;
    border-radius: 50%;
    color: #F4F4F4;
    height: auto;
	margin-bottom: -45px;
    position: relative;
    top: -50px;
    transition: all 0.3s ease-in-out 0s;
    width: 80px;
}

.blog-meta {
    background: none repeat scroll 0 0 #ee836e;
    border-radius: 4px;
    bottom: auto;
    color: #fff;
    font-family: 'Asap','Arial','Helvetica',sans-serif;
    font-weight: 700;
    left: -1.40em;
    padding: 0.55em 0.9em;
    position: absolute;
    right: auto;
    text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    top: 1.94em;
    z-index: 30;
	float:left;
}

.blog-meta .day {
    display: block;
    font-size: 1.15em;
    margin-bottom: -7px;
}

.blog-meta .month {
    font-size: 0.75em;
}

.panel-post .title {
    margin: 16px 0 20px;
    padding-left: 20px;
}

.content-post {
    margin-bottom: 20px;
}

.panel-post .entry-meta {
    line-height: 8px;
}

.btn-lazy {
    margin-top: 10px;
}


.rtrow {
	position: absolute;
	top: -9999px;
	opacity:0;
}
.rtdisprow {
	opacity:1;
	-moz-transition: all 0.8s ease-in 0s;
	-webkit-transition: all 0.8s ease-in 0s;
	transition: all 0.8s ease-in 0s;
}
.rtrow.rtdisprow {
	position:static;
}
.panel-post h6 > a {
    color: #666666;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
.panel-post > img {
    display:none;
}
}

@media (max-width: 468px) {
.panel-post > img {
    display:none;
}
}

.panel-post:hover > i {
    animation: 1.5s linear 0s normal none infinite spinAround;
    border: 10px solid #FFFFFF;
}

.panel-post h6,
.panel-post h6 > a {
    color: #666666;
    font-size: 12px;
    font-weight: 700;
	min-height: 30px;
	text-transform: uppercase;
}

.panel-post p {
    color: #A8A8A8;
}

.panel-post .panel-bottom {
    background-color: #D6D9E0;
    border-radius: 0 0 4px 4px;
    margin-bottom: -11px;
    margin-left: -11px;
    margin-right: -11px;
    padding: 6px 0;
}

.content-post-date {
    margin-top: -10px;
}


.poll-na {
    border-radius: 0.25em;
    color: #888888;
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.panel-poll {
    border: 2px solid #DBDBDB;
}

.panel-stats .output {
    display: block;
	font-family: 'Asap','Arial','Helvetica',sans-serif;
}

.panel-stats strong, .panel-stats .panel-footer {
    color: #878787;
}



.panel-login {
   color: #A1A9B1;
   background: none repeat scroll 0 0 #f1f2f2;
   padding-bottom: 40px;
   padding-top: 40px;
}

.form-icon {
    margin: 0;
    position: relative;
}

.panel-login .form-group + .form-group {
    margin: 10px 0 16px;
}

.login-form-icon {
    border-right: 1px solid #d6d6d6;
    bottom: 9px;
    color: #d6d6d6;
    display: block;
    font-size: 16px;
    left: 0;
    line-height: 27px;
	padding: 1px 15px;
    position: absolute;
    text-align: center;
    top: 9px;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 1002;
}

.panel-w-form  .form-group input[type="password"], 
.panel-w-form  .form-group input[type="text"] {
    font-size: 15px;
    padding-left: 50px;
}

.panel-w-form  .form-group input[type="password"]:focus + .login-form-icon, 
.panel-w-form  .form-group input[type="text"]:focus + .login-form-icon {
    color: #888;
}

.panel-w-form .input-lg {
    height: 46px;
}


.panel-login .signin-text {
    color: #999;
    display: block;
	font-family: 'Asap','Arial','Helvetica',sans-serif;
    font-size: 15px;
    font-style: normal;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.panel-login .signin-text span {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    padding: 0 20px;
    position: relative;
	text-transform: uppercase;
}

.panel-login .signin-text:before {
    background: none repeat scroll 0 0 #e4e4e4;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

.panel-login .signin-text span {
    background: none repeat scroll 0 0 #f1f2f2;
}

.panel-login .icheckbox_flat-aero {
    margin-right: 2px !important;
}


.login-full .signin-text span {
    background: none repeat scroll 0 0 #ECF0F1;
}

.login-full {
   background: none;
}


/* --------------------------------------------------------------
WELLS AND WIDGETS
-------------------------------------------------------------- */

.well {
    background-color: #FFFFFF;
    border-radius: 3px;
    border: 3px solid #D8E3E6;
	box-shadow: none;
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.language-selection {
    float: right;
    margin-top: 10px;
    padding: 10px;
}

.pos-abs {
    position: absolute;
}

.l-25 {
    left: 25px;
}

.r-25 {
    right: 25px;
}

/* --------------------------------------------------------------
Bootstrap forms 
-------------------------------------------------------------- */

.form-control {
	display: block;
	width: 100%;
	height: 36px;
	padding: 8px 10px;
	font-size: 13px;
	color: #555;
	font-weight: 600;
	border: 2px solid #d6d9e0;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.form-control:focus {
	border-color: #969fa1;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control::-moz-placeholder {
 color: #999;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #999;
}
.form-control::-webkit-input-placeholder {
 color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1;
}
.input-group-addon {
	background-color: #eee;
	border: 2px solid #d6d9e0;
	border-radius: 3px;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
	padding: 4px 10px;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
	padding: 9px 16px;
}

 
/* --------------------------------------------------------------
HEADER STYLE
-------------------------------------------------------------- */

.masthead:before {
    /*animation-duration*/
-webkit-animation-duration:80s;
   -moz-animation-duration:80s;
    -ms-animation-duration:80s;
     -o-animation-duration:80s;
        animation-duration:80s;
animation-fill-mode:both;
/*animation-iteration-count*/
-webkit-animation-iteration-count:infinite;
   -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
     -o-animation-iteration-count:infinite;
        animation-iteration-count:infinite;
/*animation-name*/
-webkit-animation-name:masthead;
   -moz-animation-name:masthead;
    -ms-animation-name:masthead;
     -o-animation-name:masthead;
        animation-name:masthead;
/*animation-timing-function*/
-webkit-animation-timing-function:linear;
   -moz-animation-timing-function:linear;
    -ms-animation-timing-function:linear;
     -o-animation-timing-function:linear;
        animation-timing-function:linear;
    background: url("../../images/tile-bg-head.png") repeat fixed 0 0 #26bcb5;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    width: 100%;
    z-index: 1;
}

/* Firefox */
@-moz-keyframes masthead {
0% {
    background-position: 0 0;
}
50% {
    background-position: -50% -100%;
}
100% {
    background-position: -100% -200%;
}
}

/* Safari and Chrome */
@-webkit-keyframes masthead {
0% {
    background-position: 0 0;
}
50% {
    background-position: -50% -100%;
}
100% {
    background-position: -100% -200%;
}
}


@keyframes masthead {
0% {
    background-position: 0 0;
}
50% {
    background-position: -50% -100%;
}
100% {
    background-position: -100% -200%;
}
}


.masthead .wrapper-head {
    position: relative;
    z-index: 2;
}

.flat-nav {
    background-color: #FFFFFF;
    border-bottom: 0 none;
    margin-bottom: 0;
}


.flat-header {
    font-size: 20px;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: left;
}

.flat-masthead, .flat-header {
    background-color: #6F5499;
    background-image: linear-gradient(to bottom, #563D7C 0px, #6F5499 100%);
    background-repeat: repeat-x;
    color: #fafafa;
    margin-bottom: 20px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}


.flat-header h1 {
    font-size: 44px;
    line-height: 1;
}
.flat-header h1 {
    color: #FFFFFF;
    margin-top: 0;
}

.navbar {
    min-height: 80px;
	padding:10px 0 0 0;
}

/* --------------------------------------------------------------
HEADER STYLE
-------------------------------------------------------------- */

/* --------------------------------------------------------------
   BREADCRUMB STYLE
-------------------------------------------------------------- */

.breadcrumb-line {
    background-color: #E1E5EB;
    margin: 0 0 35px;
    position: relative;
	border-radius: 4px;
}

.breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    float: left;
    margin: 0;
    padding: 0;
}

.breadcrumb-buttons {
    display: block;
    float: right;
	border-left: 1px solid #EEEEEE;
    font-size: 0;
    list-style: none outside none;
    margin: 0;
    background: none repeat scroll 0 0 #C8D2D8;
    border-radius: 0 4px 4px 0;
    position: relative;
	padding-left: 15px;
}

.breadcrumb-buttons > li {
    display: block;
    font-size: 12px;
    position: relative;
}

.breadcrumb .icon, .breadcrumb-buttons .icon {
    font-size: 18px;
    vertical-align: text-bottom;
}

.breadcrumb-buttons li a {
   margin-right: 15px;
    line-height: 41px;
    position: relative;
    transition: none 0s ease 0s;
	text-decoration: none;
}

.breadcrumb li a {
    display: inline-table;
    height: 40px;
    line-height: 41px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: none 0s ease 0s;
}

.breadcrumb li:first-child a {
  padding: 2px 15px 0;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  background: #C8D2D8;
  
}

.breadcrumb .icon {
  font-size: 18px;
}

.breadcrumb > li + li:before {
   font-family: 'FontAwesome';
   content: "\f054";
}


.breadcrumb li:last-child a {
    color:#888;
    font-weight: 700;
}

.time {
    height: 40px;
    line-height: 41px;
	margin-right:5px;
}

/* --------------------------------------------------------------
   BREADCRUMB STYLE
-------------------------------------------------------------- */

/*------------------------------------------------
	FOOTER LAYOUT
-------------------------------------------------- */

.section-pre-footer {
    background: none repeat scroll 0 0 #283e56;
    color: #fff;
    padding: 40px 0;
    position: relative;
}

.section-pre-footer .center {
    position: relative;
    z-index: 10;
}
.center {
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 20px;
}

.section-pre-footer .thumb {
    float: left;
    width: 57px;
}

.section-pre-footer .twitter .thumb {
    margin-left: -15px;
}


.section-pre-footer .thumb i {
    font-size: 44px;
    color: #EE836E;
}

.section-pre-footer .text {
    margin-left: 60px;
}

.section-pre-footer h3 {
    border-bottom: 0 none !important;
    color: #FFF;
    font-size: 22px !important;
    margin-bottom: 20px;
}

.section-pre-footer p {
    color: #869aaf;
    margin-bottom: 20px;
}

.section-pre-footer a {
    color: #FFF;
}


.section-pre-footer .section-bg {
    background: none repeat scroll 0 0 #2f4761;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.btn-xl {
    font-size: 20px;
    padding: 16px 56px !important;
}

.call-to-action {
    color: #ffffff;
    font-family: 'Asap','Arial','Helvetica',sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin: 8px 0 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}



.mastbottom {
    background: url("../../images/tile-bg-head.png") repeat fixed 100% 100% #EE836E;
    color: #FFFFFF;
	margin-top: 80px;
	padding: 60px 0;
}

#footer-section {
    background: none repeat scroll 0 0 #00A2D9;
    position: relative;
}

.footer-foreground {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 10px 0;
}

.footer-foreground a {
	color: #FFFFFF;
}

.bottomLinks {
    padding: 20px 0;
}

.copyrights {
    color: #666666;
}


.copyrights a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 1px;
	text-decoration:none;
}

.copyrights a:hover {
    border-bottom: 1px solid #A5A5A5;
}

.footer-nav li {
    padding: 5px 5px 0;
}

.footer-nav a {
    color: #fff;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.debug-output {
    text-align:right;
	display:block;
	color: #666666;
}

.interact a {
	margin-right: 6px;
}

.twitter-time {
    color: #869aaf;
}

.twitter h3 a small {
    color: #869aaf;
	text-transform: none;
}


 /*------------------------------------------------------------------------------
	FOOTER LAYOUT
 -------------------------------------------------------------------------------*/

 
/* --------------------------------------------------------------
SOCIAL ICONS
-------------------------------------------------------------- */



.social-network {
    text-align:right;
}

.socialbar .social-icons li {
    display: inline-block;
    height: 38px;
    line-height: 1em;
    margin: 0 3px;
}

.social-network a {
    border-radius: 2px;
    color: #ffffff !important;
    display: inline-block;
    font-size: 22px;
    height: 30px;
    margin: 0 3px;
    text-align: center;
    transition: all 0.2s linear 0s;
    width: 30px;
}

.social-network a:hover {
    border-bottom: none;
	background-color: #FFFFFF;
    color: #2D2D2D!important;
    transition: all 0.1s linear 0s;
}

.google-plus-color {
   background-color: #d34836;
}
 
.pinterest-color {
	background-color: #cb2027;
}

.facebook-color {
	background-color: #3b5998;
}

.behance-color {
    background-color: #1769ff;
}

.dropbox-color {
    background-color: #007ee5;
}

.envato-color {
    background-color: #82b540;
}

.twitter-color {
	background-color: #00aced;
}

.rss-color {
	background-color: #E48645;
}

.rss-color-forum {
	color: #E48645;
}

.github-color {
	background-color: #333333;
}



@media (max-width: 768px) {
.social-network, .debug-output {
    text-align: center;
}

.sm-direction {
 text-align: center;
}

.section-pre-footer .section-bg {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}

.section-pre-footer .twitter {
    margin-top: 25px;
}

.section-pre-footer .twitter .thumb {
    margin-left: 0;
}


}


@media (max-width: 468px) {
.social-network, .debug-output {
    text-align: center;
}

.sm-direction {
 text-align: center;
}

.section-pre-footer .section-bg {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}

.section-pre-footer .twitter {
    margin-top: 25px;
}

.section-pre-footer .twitter .thumb {
    margin-left: 0;
}

}

/* --------------------------------------------------------------
SOCIAL ICONS
-------------------------------------------------------------- */
 

/*-------------------------------
	FORMS
 ------------------------------*/
 
.form-actions {
    background: #f5f5f5;
    border: 2px solid #d8e3e6;
    border-radius: 3px;
}

.form-actions {
    text-align: center;
	padding: 15px;
}

.control-group {
    border-bottom: 1px dashed #C9C9C9;
	margin-top:10px;
	padding-bottom: 10px;
}

.control-label {
    font-weight: bold;
	display:block;
}


/*** 
.form-control {
    margin-bottom:10px;
}
***/


/*** icons on input fields***/

.input-icon i {
    color: #CCCCCC;
    display: block;
    font-size: 16px;
    height: 16px;
	line-height: 18px;
    margin: 10px 2px 4px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
    z-index: 999;
}

.input-group-sm i {
    font-size: 16px;
    height: 16px;
    line-height: 15px;
    margin: 7px 2px 4px 10px;
    width: 16px;
}

.input-icon.left input {
    padding-left: 33px ;
}

.input-icon input {
    padding-right: 25px ;
}

/*------------------------------
	FORMS
 ------------------------------*/
 
/*-------------------------------
	USER PROFILE AND GALLERY
------------------------------*/
 
/*-- Responsive avatars fix for Bootsrtap3x --*/
.avatar-frame img  {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


#gallery input[type="radio"]:checked + label { 
    background-color:#EEEEEE;
}

 /*-------------------------------
	SIGNATURE
 ------------------------------*/

.separator:before {
    background: none repeat scroll 0 0 #CDCDCD;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin-top: 15px;
    position: absolute;
    right: 0;
    top: 50%;
}

.separator i {
    background: none repeat scroll 0 0 #fff;
    color: #cdcdcd;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    padding: 0 10px;
    position: relative;
    top: 50%;
}

.separator {
    display: block;
    height: 48px;
    margin: 0;
    position: relative;
}

.signature-pm {
    line-height: 140%;
    overflow: hidden;
    padding-top: 0.2em;
    width: 100%;
}

/* --------------------------------------------------------------
 MISC - BUTTONS - ALERTS
-------------------------------------------------------------- */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #31759d;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #d3d4d6;
}
.btn-success,
.label-success,
.progress-bar-success,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #82b964;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #6CA94B;
}
.btn-warning,
.label-warning,
.progress-bar-warning,
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #f0ad4e;
}
.btn-info,
.label-info,
.progress-bar-info,
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
	background-color: #5bc0de;
}
.btn-danger,
.label-danger,
.progress-bar-danger,
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #d24d33;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	background-color: #bc4329;
}

.btn {
   font-weight: 700;
   color:#7F7F7F;
   border: 0 none;
   transition: background .2s;
   padding: 8px 12px;
}

.btn-lg,
.btn-group-lg > .btn {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
	padding: 5px 7px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
	margin-left: 0;
}

.input-group-btn > .btn + .btn {
	margin-left: 0;
}
.btn-group-vertical .btn {
	margin-bottom: 0;
}
.btn-toolbar {
	margin-left: -5px;
	border: 0;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
	float: left;
	border: 0;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
	margin-left: 5px;
	border: 0;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
	margin-right: 0;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
	margin-left: 0;
}
.btn-default {
	border: 0;
	background-color: #d6d9e0;
	border-color: #d6d9e0;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #a7aab1;
	border-color: #c0c2c7;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline: none;
}


/*** remove dotted line feedback. this should not be used for accessibility reasons! - use your own style instead ***/

.btn-link:hover, .btn-link:focus{
	text-decoration: none;
	color:#8C8C8C;
}

.bootstrap-select .btn-focus{
    outline: medium none;
}

/*** remove dotted line feedback. this should not be used for accessibility reasons! - use your own style instead ***/

.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0;
}

.btn-success, .btn-danger, .btn-warning, .btn-info, .btn-primary {
	color: #FFFFFF !important;
}

/*** adjust the size in post ***/
.btn-post, .btn-group-post > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px 6px;
}

/*** fix the bootstrap gap in btn group ***/
.btn-group-fix {
    margin-left: -2px !important;
}

/*** fix the bootstrap space in btn group post ***/
.btn-post-fix {
   margin-left: 5px;
}

/*** fix the width in post dropdown menu ***/


.dropdown-menu-post > li > a {
    padding: 3px 5px;
}

/*** fix the width in post dropdown menu ***/


.alert .close {
    line-height: 20px;
    position: relative;
    right: -1px;
    top: -2px;
}

.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

.close-file-upload {
	display: inline-block;
	margin-left: 3px;
	margin-top: 1px;
	position: relative;
	vertical-align: middle;
}

.awe-remove-circle:before {
    content: "\f05c";
}

[class^="awe-"]:before, [class*=" awe-"]:before {
    display: inline-block;
    text-decoration: inherit;
}

[class^="awe-"], [class*=" awe-"] {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    height: auto;
    line-height: normal;
    margin-top: 0;
    text-decoration: inherit;
    vertical-align: baseline;
    width: auto;
}

.label-info, .badge-info {
    background-color: #169FE6;
}

.alert {
  padding: 15px;
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #18bc9c;
  border-color: #18bc9c;
  color: #ffffff;
}
.alert-success hr {
  border-top-color: #15a589;
}
.alert-success .alert-link {
  color: #e6e6e6;
}
.alert-info {
  background-color: #3498db;
  border-color: #3498db;
  color: #ffffff;
}
.alert-info hr {
  border-top-color: #258cd1;
}
.alert-info .alert-link {
  color: #e6e6e6;
}
.alert-warning {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #ffffff;
}
.alert-warning hr {
  border-top-color: #e08e0b;
}
.alert-warning .alert-link {
  color: #e6e6e6;
}
.alert-danger {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: #ffffff;
}
.alert-danger hr {
  border-top-color: #e43725;
}
.alert-danger .alert-link {
  color: #e6e6e6;
}

.alert > a {
    color: #fff;
}

.friends-avatar img {
    border: 3px solid #DFE3E4;
    border-radius: 50%;
    height: auto;
    width: 40px !important;
	float: left;
	margin-right: 5px;
}

.media-list li {
    margin-top: 5px;
}

.section-ucp .media, .section-ucp .media .media {
    margin-top: 0;
}

.media-pm {
    margin-bottom: 10px;
}

.media-pm .avatar-over {
    margin-left: 0;
}



/* Big icon style for admin and user login */
.fxicon {
    display: block;
    height: 76px;
	width: auto;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
}

.fxicon i {
    font-size: 160px;
    opacity: 0.1;
    position: relative;
    top: -40px;
}

.user-fxicon i {
    font-size: 300px;
    opacity: 0.1;
    position: relative;
    top: -10px;
}

.admin-fxicon i {
    font-size: 270px;
    opacity: 0.1;
    position: relative;
    top: -14px;
}

.admin-header-head {
    height: 23px;
    margin-top: -5px;
    padding-top: 22px;
}

.admin-fxicon {
    display: block;
    height: 238px;
    margin-top: -36px;
    overflow: hidden;
    position: relative;
}

.user-fxicon {
    display: block;
    height: 265px;
    margin-top: -36px;
    overflow: hidden;
    position: relative;
}

.user-fxicon-remind {
    height: 224px;
}

/* Extra Large icon style for admin and user login */

.index-pos {
    list-style-type: none;
    margin: -60px 0 0 -10px;
	width: 100%;
}


/* --------------------------------------------------------------
Dropdowns definitions
-------------------------------------------------------------- */
.arrow:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F0F0F1;
    border-style: solid;
    border-width: 0 10px 10px;
    content: " ";
    display: block;
    height: 0;
    right: 12px;
    position: absolute;
    top: -10px;
    width: 0;
    z-index: 1;
}

.user-login-drop > li:first-child {
    background-color: #F0F0F1;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    margin: -5px -5px 0;
    padding: 5px;
}

.navbar-nav-fancy > li:before {
    background: none repeat scroll 0 0 #656B7B;
    border-radius: 2px;
    color: #2c3e50;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateX(0%) translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 100%;
}
.navbar-nav-fancy > li:hover:before {
    height: 80%;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
    margin-top: -2px;
}


.btn-search {
    margin-top:4px;
}

.btn-search > i {
    font-size:22px;
	color:#939393;
}


.user-login-drop > li h1 a {
    color: #FFFFFF;
}

.user-login-drop > li h1 a:hover {
    color: #FAFAFA;
}

.dropdown-avatar img {
    border: 3px solid #EDEFF0;
	border-radius: 50%;
    height: auto;
    width: 30px !important;
}

.navbar-avatar img {
    border: 3px solid #EDEFF0;
	border-radius: 50%;
    height: auto;
    width: 100px !important;
}

.user-login .navbar-content {
    padding: 15px 10px 0;
    width: 320px;
}
.user-login .navbar-content:before, .user-login .navbar-content:after {
    content: "";
    display: table;
    line-height: 0;
}
.user-login .navbar-content a.change-avatar {
    padding: 10px 0;
}
.user-login .navbar-content a.change-avatar:hover {
    color: #DF4782;
}

.user-login .navbar-footer {
    background-color: #F0F0F1;
	margin: -5px -5px -5px;
}
.user-login .navbar-footer-content {
    padding: 15px;
}

.avatar-user-drop {
    border: 5px solid #EDEFF0;
    display: inline-block;
    position: relative;
}

.nav-content > img {
    border: 5px solid #EDEFF0;
    border-radius: 50%;
}

.navbar-nav .dropdown-menu > li > a i {
    color: #959C9D;
    font-size: 16px;
    margin-right: 5px;
    padding: 0 5px 0 0;
}


.dropdown-menu > li > a i {
    margin-right: 5px;
}

.dropdown-menu {
    border: 4px solid #E8ECF3;
	padding: 5px;
    border-radius: 2px;
    box-shadow: none;
    margin: 0;
    z-index: 9999;
}

.dropdown-menu > li > a {
    border-radius: 2px;
    color: #959C9D;
    font-size: 13px;
    line-height: 22px;
    margin: 0;
}
.dropdown-menu > li > a:hover {
    background: none repeat scroll 0 0 #E8ECF3;
	color:#889091;
}
.dropdown-menu .divider {
    background-color: #D7DEEA;
    height: 1px;
    margin: 2px 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #E8ECF3;
    color: #444444;
}
.main-navigation .dropdown-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D1D1D1 #D1D1D1 #D1D1D1 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    left: 100%;
    position: absolute;
    top: 0;
}
.main-navigation .dropdown-menu a {
    font-size: 13px;
    margin: 0 !important;
    padding: 6px 15px !important;
    width: 100%;
}

.navbar .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}
.navbar-nav {
    margin: 0;
}


.navbar-brand {
    font-family: 'Asap','Arial','Helvetica',sans-serif;
    font-size: 26px;
    font-weight: 700;
}

.navbar-nav.nav-tabs {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
}
.navbar-nav.nav-tabs > li > a {
    border-radius: 0;
    margin: 0;
    padding: 16px 15px;
}
.navbar-inverse {
    background-color: #535A6C;
    border-color: #535A6C;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #4C5363;
    color: #FFFFFF;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #535A6C;
}



@media (max-width: 767px) {
.navbar-collapse {
    padding: 0;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
}
}
@media (max-width: 767px) {
.navbar-form {
    padding-bottom: 0;
    padding-top: 0;
}
}



.carousel-control {
    color: #444444;
    text-shadow: none;
}
.carousel-control.left, .carousel-control.right {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.carousel-control .icon-prev, .carousel-control .icon-next {
    font-family: FontAwesome;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
}
.carousel-control span, .carousel-control .fa {
    display: inline-block;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: 5;
}
.carousel-indicators {
    bottom: 5px;
}
.carousel-indicators li {
    background-color: #DDE1E7;
}
.carousel-indicators .active {
    background-color: #2DCB73;
}
#quote-carousel {
    padding: 5px 60px;
    position: relative;
    width: 100%;
}
#quote-carousel .carousel-control:hover {
    color: #444444;
}

/* --------------------------------------------------------------

if this is active the forum panel has a corner edge color

.panel {
    border-radius: 2px;
    box-shadow: none;
}
-------------------------------------------------------------- */


.panel > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.panel > .list-group:last-child .list-group-item:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.panel-heading {
    border-color: #E8ECF3;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-heading.gray {
    background: none repeat scroll 0 0 #FCFCFC;
}
.panel-heading.gradient {
    background: linear-gradient(to bottom, #FCFCFC 0px, #F5F5F5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.panel-footer {
    background-color: #FCFCFC;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: 1px solid #E8ECF3;
}
.panel-group .panel {
    border-radius: 2px;
}
.panel-default {
    border-color: #DDE1E7;
}
.panel-default > .panel-heading {
    background-color: #DDE1E7;
    border-color: #DDE1E7;
    color: #444444;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #DDE1E7;
}
.panel-default > .panel-heading a {
    color: #444444;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #DDE1E7;
}
.panel-primary {
    border-color: #17C3E5;
}
.panel-primary > .panel-heading {
    background-color: #17C3E5;
    border-color: #17C3E5;
    color: #FFFFFF;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #17C3E5;
}
.panel-primary > .panel-heading a {
    color: #FFFFFF;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #17C3E5;
}
.panel-success {
    border-color: #2DCB73;
}
.panel-success > .panel-heading {
    background-color: #2DCB73;
    border-color: #2DCB73;
    color: #FFFFFF;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #2DCB73;
}
.panel-success > .panel-heading a {
    color: #FFFFFF;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #2DCB73;
}
.panel-warning {
    border-color: #FFB244;
}
.panel-warning > .panel-heading {
    background-color: #FFB244;
    border-color: #FFB244;
    color: #FFFFFF;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #FFB244;
}
.panel-warning > .panel-heading a {
    color: #FFFFFF;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #FFB244;
}
.panel-danger {
    border-color: #FF604F;
}
.panel-danger > .panel-heading {
    background-color: #FF604F;
    border-color: #FF604F;
    color: #FFFFFF;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #FF604F;
}
.panel-danger > .panel-heading a {
    color: #FFFFFF;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #FF604F;
}
.panel-info {
    border-color: #1EC3C8;
}
.panel-info > .panel-heading {
    background-color: #1EC3C8;
    border-color: #1EC3C8;
    color: #FFFFFF;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #1EC3C8;
}
.panel-info > .panel-heading a {
    color: #FFFFFF;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #1EC3C8;
}




.avatar {
    display: inline-block;
    position: relative;
    width: 100%;
}
.avatar-lg {
    width: 128px;
}
.avatar-md {
    width: 64px;
}
.avatar-sm {
    width: 32px;
}
.avatar-xs {
    width: 16px;
}
.bordered-avatar {
    border: 6px solid #EFEFEF;
}




.nav-tabs {
    background: none repeat scroll 0 0 #DDE1E7;
    border-bottom: 0 none;
    border-radius: 2px 2px 0 0;
}
.nav-tabs > li {
    margin: 0;
}
.nav-tabs > li > a {
    border: 0 none;
    border-radius: 2px 2px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0 none;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #F9F9F9;
    border: 0 none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

/* --------------------------------------------------------------
PAGINATION
-------------------------------------------------------------- */

.text-primary,
.btn-link,
.btn-primary .badge,
.pagination > li > a,
.pagination > li > span {
	color: #c0c2c7;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	border-color: #3b8dbd;
}

/*Pagination*/
.pagination > li > a,
.pagination > li > span {
	font-weight: 600;
	margin-left: -2px;
	border: 2px solid #ddd;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

/* Pagination in viewforum for multipage topics */
strong.pagination {
    display: inline-block;
    float: right;
    margin-top: -10px;
	height: 0;
    width: auto;
}

.pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/*-------------------------------
	TOPIC-FORUM PAGINATION
------------------------------*/
td strong.pagination > span {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin-top: 4px;
    overflow: hidden;
}

td strong.pagination > span a, td strong.pagination > span .page-dots {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
    padding: 0 6px;
}

td strong.pagination > span a:first-child, td strong.pagination > span .page-dots:first-child {
    border-left: 0 none;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #F5F5F5;
	border-color: #DDDDDD;
    color: #999999;
}

.pagination {
    margin-top: 0;
}

/*-------------------------------
	TOPIC-FORUM PAGINATION
------------------------------*/

/* --------------------------------------------------------------
PM STUFF
-------------------------------------------------------------- */

/* PM Message history */
.current {
	color: #000000;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	color: #000000;
}

/* Avatar gallery */
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	background: #FFFFFF;
	border: 1px solid #CCC;
	text-align: center;
}

#gallery label:hover {
	background-color: #EEEEEE;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

/* Avatar gallery */
#gallery label {
	background-color: #FFFFFF;
	border-color: #CCC;
}

/* PM NOTIFIER */

.notifier-box .close {
    line-height: 20px;
    position: relative;
    right: -4px;
    top: -1px;
}

.notifier-box {
    bottom: 0;
    position: fixed;
    right: 10px;
    z-index: 1000;
	-webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
     animation: fadein 2s;
}

.pmtime {
    margin-top: 10px;
}

.notifier-box a {
    color: #fff;
    font-size: 12px;
}


.alert-pm {
    background-color: #00B5AD;
    border-color: #00B5AD;
    color: #ffffff;
	min-width: 200px;
    width: 100%;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* PM NOTIFIER */
/* --------------------------------------------------------------
PM STUFF
-------------------------------------------------------------- */

/* --------------------------------------------------------------
BACK TO TOP
-------------------------------------------------------------- */
.topstyle {
    background-color: #ee836e;
    bottom: 10px;
    display: block;
    height: 50px;
    position: fixed;
    right: 10px;
    transition: all 0.2s linear 0s;
    width: 50px;
	border-radius: 2px;
}

.topstyle:hover {
    background-color: #2D2D2D;
}

.topstyle:after {
    color: #FFFFFF;
    content: "\f106";
    display: block;
    font-family: 'FontAwesome';
    font-size: 37px;
    position: relative;
    text-align: center;
    top: -1px;
}
/* Back to Top Style */

/* --------------------------------------------------------------
400 - 500 PAGES
-------------------------------------------------------------- */

/* Error pages */
.big-title h1 {
    color: #7F7F7F;
    cursor: default;
    display: block;
    font-size: 250px;
	text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.big-title h1:before {
    color: #8C8C8C;
    content: "{";
    font-family: 'Asap','Arial','Helvetica',sans-serif;
    font-size: 250px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.big-title h1:after {
    color: #169FE6;
    content: "}";
    font-family: 'Asap','Arial','Helvetica',sans-serif;
    font-size: 250px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.well-schema {
    background-image:url("{T_THEME_PATH}/images/schema.png");
}

.big-title h2 {
    color: #7F7F7F;
    font-size: 27px;
    margin-bottom: 20px;
    margin-left: 20px;
	text-align: center;
}

.achievement {
    margin-bottom: 50px;
    padding-top: 21px;
    text-align: center;
}

.achievement i {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 5px solid #FFFFFF;
    border-radius: 500px 500px 500px 500px;
    color: #F07073;
    font-size: 50px;
    padding: 12px 15px;
	text-shadow: 1px 3px 0px rgba(0, 0, 0, 0.2);
}
/* Error pages */

/*-------------------------------
	MCP BAN LIST FIX
------------------------------*/
 
.widget-ban.list ul li .count {
    color: #E04545;
}

.widget-ban.list ul li {
    line-height: 30px;
}

/*---------------------------------------
	RESPONSIVE QUERIES
-----------------------------------------*/

/* Responsive menu settings */

@media (min-width: 768px) and (max-width: 979px) {


.footable-first-column {
    width: 58%;
}

.large20 {
    width: 26%;
}
  
}


@media (max-width: 767px) {

.post-date, .post-id {
    color: #ccc;
    margin-top: -30px;
}

.large20 {
    width: 35%;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a i {
    color: #ffffff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #656B7B;
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 20px;
}

.navbar-inverse .navbar-nav > li {
    border-top: 1px solid #656b7b;
}


.navbar-nav-fancy > li:hover:before {
    height: 0;
}


.nav-tabs > li {
    float:none;
}

.mobile-online {
    border-bottom-right-radius: 6px;
    border-right: 4px solid #31D83A !important;
    border-top-right-radius: 6px;
}

}

@media (max-width: 468px) {

body {
	font-size:15px;
}

.lines-button {
    padding: 0.4rem 0.5rem 1rem;
}


.avatar-over img {
    width: 60px !important;
}

.avatar-over {
    width: 68px !important;
}

.forum-answer .side-segment {
    margin-left: 64px !important;
	overflow: hidden;
}

.forum-answer h3, .forum-answer h3 a {
    width: 300px;
}

.avatar-over span {
    left: 44px !important;
    top: 40px !important;
}

.post-date, .post-id {
    color: #ccc;
    margin-top: -30px;
}


#content-forum {
    padding: 0;
}

.postbody h3 {
    font-size: 1.3em;
}

.timepost {
    font-size: 0.9em;
}

.postbody .content {
    font-size: 1em;
}


.nav-tabs > li {
    float:none;
}

.mobile-post {
    background: none repeat scroll 0 0 #ECEBEC;
    float: right;
	border-radius:4px;
    padding: 11px 12px;
	font-size: 16px;
}

.framed-ucp {
    padding: 10px;
}

footer .interact a {
    font-size: 15px;
}
	
}

/*-----------------------------------------------
	RESPONSIVE QUERIES
------------------------------------------------- */


/*-------------------------------
	RADIO CHECKBOX STYLE
 ------------------------------*/
.selector, .checker, .button, .radio, .uploader {
    display: inline-block;
    vertical-align: middle;
}

.controls > .radio, .controls > .selector, .controls > .checkbox {
    display: inline-block;
    margin: 5px 15px 10px 0 !important;
    padding: 0 !important;
}

.radio-inline, .checkbox-inline {
    padding-left: 4px;
}

.radio label, .checkbox label {
    padding-left: 4px;
}

.icheckbox_flat-aero {
    margin-left: 2px !important;
}

.iradio_flat-aero {
    margin-left: 4px !important;
}

.checked + label {
    font-weight: bold;
}

.check-control {
    display: block;
    font-weight: normal;
}
/*-------------------------------
	RADIO CHECKBOX STYLE
 ------------------------------*/


 /* iCheck plugin Flat skin, aero
----------------------------------- */
.icheckbox_flat-aero,
.iradio_flat-aero {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	background: url("{T_THEME_PATH}/images/aero.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-aero {
    background-position: 0 0;
}
    .icheckbox_flat-aero.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-aero.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-aero.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-aero {
    background-position: -88px 0;
}
    .iradio_flat-aero.checked {
        background-position: -110px 0;
    }
    .iradio_flat-aero.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-aero.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-aero,
    .iradio_flat-aero {
		background-image: url("{T_THEME_PATH}/images/aero@2x.png");
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/*-------------------------------
	Main Search Style
 ------------------------------*/
.search-input-fullscreen {
  width:100%;
  height:80px;
  background-color:#fff;
  background-color:#E1E5EB;
  z-index:-10;
  opacity:0;
  display:table;
  position:fixed;
  top:0;
  left:0;
  -webkit-transition:opacity .25s linear;
  -moz-transition:opacity .25s linear;
  transition:opacity .25s linear;
}

.search-input-fullscreen.open {
  opacity:1;
  z-index:99999 !important;
}

.search-input-fullscreen form {
  display:table-cell;
  vertical-align:middle;
  position:relative;
}

.search-input-fullscreen form:after {
  content:"\f002";
  font-family:FontAwesome;
  position:absolute;
  left:25px;
  margin-top:-65px;
  font-size:60px;
  color:#797979;
  opacity: 0.3;
}

.search-input-fullscreen input {
  border:0;
  font-size:30px;
  text-indent: 100px;
  outline:none;
  background-color:transparent;
  color: #FFFFFF;
  width:100%;
}

.search-input-fullscreen input::-webkit-input-placeholder {
  color:#ccc;
}

.search-input-fullscreen input::-moz-placeholder {
  color:#ccc;
}

.search-input-fullscreen input:-moz-placeholder {
  color:#ccc;
}

.search-input-fullscreen input:-ms-input-placeholder {
  color:#ccc;
}

.search-input-fullscreen .close {
  font-size:80px;
  font-weight:300;
  font-family:sans-serif;
  opacity:.35;
  position:fixed;
  top:30px;
  right:30px;
  color: #797979;
}

.search-input-fullscreen .close:hover {
  opacity:.5;
}

@media (max-width: 767px) {

  .search-input-fullscreen form:after {
    display:none;
  }

  .search-input-fullscreen input {
    font-size:50px;
    padding:0 20px;
  }
}

.index-stats  {
    color: #FFFFFF;
}


.index-stats i {
    opacity: 0.50;
}

.index-stats h4 {
    margin-bottom: 0;
}


.open > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu{
/*animation-duration*/
-webkit-animation-duration:0.4s;
   -moz-animation-duration:0.4s;
    -ms-animation-duration:0.4s;
     -o-animation-duration:0.4s;
        animation-duration:0.4s;
animation-fill-mode:both;
/*animation-name*/
-webkit-animation-name:fadeInDown;
   -moz-animation-name:fadeInDown;
    -ms-animation-name:fadeInDown;
     -o-animation-name:fadeInDown;
        animation-name:fadeInDown;
}
.fadeInDown{
/*animation-name*/
-webkit-animation-name:fadeInDown;
   -moz-animation-name:fadeInDown;
    -ms-animation-name:fadeInDown;
     -o-animation-name:fadeInDown;
        animation-name:fadeInDown;
}
@-webkit-keyframes fadeInDown{
0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown{
0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.message-item {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid #ecebeb;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    display: block;
    margin: 0;
    padding: 0;
}


.avatar-over img {
    border: 4px solid #dedede;
	border-radius: 50%;
	height: auto;
    width: 75px;
}

.profile-plus {
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    height: 24px;
    line-height: 22px;
    width: 0px;
}

.profile-plus.in {
    width: 200px;
}

.share-box a {
  margin-right: 3px;
}

.profile-plus a {
    margin-right: 3px;
}

.btn-bordered {
    border: 2px solid #ccc;
}


.avatar-over {
    display: inline-block;
    margin-left: -5px;
    position: relative;
    width: 85px;
}

.forum-answer .side-segment {
    margin-left: 80px;
}

.avatar-over span {
    border: 3px solid #fff;
    border-radius: 50%;
    color: #f68484;
    height: 16px;
    left: 52px;
    position: absolute;
    top: 58px;
    width: 16px;
}

.text-online {
    color: #71d398;
}

.status i {
    display: block;
    margin-top: -1px;
}


article h3 {
    font-size: 18px;
}

.section-posting h3, .section-mcp h3, .section-ucp h3 {
    border-bottom: 4px solid #CCC;
	font-size: 20px;
}

#topicreview h3 {
    border-bottom: 4px solid #CCC;
	font-size: 18px;
}

.profile-avatar {
    margin-bottom: 5px;
}


.profile-rank {
    margin-bottom: 5px;
}

.profile-avatar img {
    border: 4px solid #dedede;
    border-radius: 50%;
}


.mini-profile-contact li {
    display: inline-block;
    padding-left: 5px;
}

.mini-profile-contact li a {
    border-radius: 50%;
    display: block;
    height: 35px;
    text-align: center;
    width: 35px;
}

.mini-profile-contact li a i {
    color: #ffffff;
    font-size: 19px;
    line-height: 35px;
}

.mini-profile-contact li a.default-contact {
    background-color: #CCC;
}

.mini-profile-contact li a.facebook {
    background-color: #335397;
}
.mini-profile-contact li a.twitter {
    background-color: #00c7f7;
}
.mini-profile-contact li a.pinterest {
    background-color: #cc2127;
}
.mini-profile-contact li a.google-plus {
    background-color: #dd4a38;
}
.mini-profile-contact li a.linkedin {
    background-color: #0073b2;
}
.mini-profile-contact li a.dribbble {
    background-color: #e04c86;
}


.panel-profile {
    border: medium none;
}

.profile-avatar span {
    border: 3px solid #fff;
    border-radius: 50%;
    color: #f68484;
    height: 16px;
    left: 45px;
    position: absolute;
    top: 48px;
    width: 16px;
}

.panel-profile .panel-heading {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.no-padding {
    padding: 0;
}

.partition-green {
    background-color: #1fbba6;
    color: white;
    position: relative;
	border-radius: 0 0 0 3px;
}

.partition-blue {
    background-color: #5f8295;
    color: white;
    position: relative;
	border-radius: 0 0 4px 0;
}

.padding-10 {
    padding: 10px;
}

.btn-white {
  color: white !important;
}

.btn-white:hover {
  color: #ccc;
}

.bg-profile {
  background-color: #FCFCFC;
}



.tile .tab-content > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tile .tab-content > ul > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 8px 15px;
}

.tile .tab-content > ul > li .date, .tile .tab-content > ul > li .subject {
    opacity: 0.7;
}

.tile .tab-content > ul > li .date {
    font-size: 11px;
    font-weight: 900;
}

.tile .tab-content > ul > li .icon {
    opacity: 0.3;
}

.tile-widget {
    border-left: 2px solid #ccc;
    border-radius: 4px 4px 0 0;
    border-right: 2px solid #ccc;
    border-top: 2px solid #ccc;
}

.tile-body {
    border-bottom: 2px solid #ccc;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

.tile .tab-content > ul > li:last-child {
    border-bottom: 0 none;
}

.tile .tab-content > ul > li:hover {
    background-color: rgba(0, 0, 0, 0.01);
}



.has-nav-tabs .nav-tabs {
    padding: 5px 5px 0;
}

.no-border {
    border: medium none;
}


.aboutme {
    padding: 15px 20px 20px !important;
    right: 0;
    text-align: left;
    top: 20px;
}
.aboutme {
    border-radius: 4px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    margin: 0 !important;
}
.aboutme {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075) inset;
    display: block;
    font-size: 13px !important;
    line-height: 16px !important;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}


.aboutme img {
    height: auto;
    float: right;
    margin-left: 10px;
}

.aboutme-text {
    color: #fff;
    margin-top: 5px;
}

.aboutme-title {
    display: block;
}
.aboutme-title {
    color: #fff;
    font-weight: bold;
    margin-bottom: 4px;
}

.aboutme-title, .aboutme-name {
    display: block;
}
.aboutme-name {
    color: #fff;
    margin-top: 9px;
}

#aboutme-container a:hover,
.social-network a:hover  {
    text-decoration: none;
}


.copyrights a  {
    color: #8c8c8c;
}


.bs-sidenav {
    background-color: #f7f5fa;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-shadow: 0 1px 0 #fff;
}
.bs-sidebar .nav > li > a {
    color: #716b7a;
    display: block;
    padding: 5px 20px;
}
.bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus {
    background-color: #e5e3e9;
    border-right: 2px solid #26BCB5;
    text-decoration: none;
}
.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
    background-color: transparent;
    border-right: 2px solid #26BCB5;
    color: #26BCB5;
    font-weight: bold;
}
.bs-sidebar .nav .nav {
    display: none;
    margin-bottom: 8px;
}
.bs-sidebar .nav .nav > li > a {
    font-size: 90%;
    padding-bottom: 3px;
    padding-left: 30px;
    padding-top: 3px;
}

.bs-sidebar.affix-bottom, .bs-sidebar.affix {
    width: 263px;
}


.bs-sidebar.affix {
    position: fixed;
    top: 80px;
}


.bs-sidebar .nav > .active > ul {
    display: block;
}
.bs-sidebar .nav .nav {
    display: none;
    margin-bottom: 8px;
}



.bs-callout {
    border-left: 3px solid #eee;
    margin: 20px 0;
    padding: 20px;
}

.bs-callout-info {
    background-color: #f4f8fa;
    border-color: #bce8f1;
}

.bs-callout-warning {
    background-color: #faf8f0;
    border-color: #faebcc;
}

.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
}


.bs-callout-info h4 {
    color: #3a87ad;
}

.bs-callout-warning h4 {
    color: #c09853;
}

.bs-callout-danger h4 {
    color: #b94a48;
}

.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

pre {
    border: 0 none;
    border-radius: 0;
}

.page-header {
    margin: 22px 0 20px;
}

.bs-docs-section + .bs-docs-section {
    padding-top: 20px;
}

h2[id], h3[id] {
    margin-top: -20px;
    padding-top: 65px;
}

.highlight {
    display: block;
}
.highlight {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    display: none;
    margin-bottom: 14px;
    padding: 9px 14px;
}

p {
    margin: 15px 0;
}


.rating {
    direction: rtl;
    font-size: 30px;
    unicode-bidi: bidi-override;
}

.rating span.star:before {
    color: #777777;
    content: "";
    padding-right: 5px;
}

.rating span.star {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

.rating span.star:before, .rating span.star ~ span.star:before {
    color: #e3cf7a;
    content: "";
}

.call-to-action {
    margin-top: 30px;
}

/* --------------------------------------------------------------
 Flat colors assignments (badge, backgrounds, label, text etc)
-------------------------------------------------------------- */

.turquoise {
    background-color: #1ABC9C;
}
.green-sea {
    background-color: #16A085;
}
.sun-flower {
    background-color: #F1C40F;
}
.orange {
    background-color: #F39C12;
}
.emerald {
    background-color: #2ECC71;
}
.nephritis {
    background-color: #27AE60;
}
.carrot {
    background-color: #E67E22;
}
.pumpkin {
    background-color: #D35400;
}
.peter-river {
    background-color: #3498DB;
}
.belize-hole {
    background-color: #2980B9;
}
.alizarin {
    background-color: #E74C3C;
}
.pomegranate {
    background-color: #C0392B;
}
.amethyst {
    background-color: #9B59B6;
}
.wisteria {
    background-color: #8E44AD;
}
.clouds {
    background-color: #ECF0F1;
}
.silver {
    background-color: #BDC3C7;
}
.wet-asphalt {
    background-color: #34495E;
}
.burned-asphalt {
    background-color: #22354A;
}
.wet-asphalt a:not(.btn) {
    color: #BDC3C7;
}
.wet-asphalt a:hover:not(.btn) {
    color: #D9534F;
}
.midnight-blue {
    background-color: #2C3E50;
}
.midnight-gray {
    background-color: #535A6C;
}
.concrete {
    background-color: #95A5A6;
}
.asbestos {
    background-color: #7F8C8D;
}



.text-red {
    color: #ff4a43;
}
.text-green {
    color: #a2d200;
}
.text-cyan {
    color: #22beef;
}
.text-orange {
    color: #ffc100;
}
.text-acqua {
    color: #7bd0d1;
}
.text-seppia {
    color: #c5cc73;
}
.text-melograno {
    color: #e47578;
}
.text-amethyst {
    color: #cd97eb;
}
.text-greensea {
    color: #16a085;
}
.text-drank {
    color: #a40778;
}
.text-dutch {
    color: #1693a5;
}
.text-hotpink {
    color: #ff0066;
}
.text-blue {
    color: #418bca;
}
.text-slategray {
    color: #3f4e62;
}
.text-redbrown {
    color: #d9544f;
}
.text-transparent-black {
    color: rgba(0, 0, 0, 0.4);
}


.label-red {
    background-color: #ff635c;
}
.label-cyan {
    background-color: #3ac5f1;
}
.label-green {
    background-color: #a2d200;
}
.label-orange {
    background-color: #ffc71a;
}
.label-amethyst {
    background-color: #d7acef;
}
.label-greensea {
    background-color: #19b698;
}
.label-dutch {
    background-color: #19a7bc;
}
.label-hotpink {
    background-color: #ff1a75;
}
.label-drank {
    background-color: #bc088a;
}
.label-blue {
    background-color: #5597d0 !important;
}
.label-slategray {
    background-color: #495a72;
}
.label-redbrown {
    background-color: #de6864;
}
.label-transparent-black {
    background-color: rgba(0, 0, 0, 0.15);
}
.label-call {
    background-color: #5c6166;
    border-color: #5c6166;
    color: #fff !important;
	border-radius: 0.325em;
	padding: 0.4em 0.8em;
    font-size: 1.1rem;
    vertical-align: middle;
}
.label-footer {
    background-color: #ee836e;
	border-color: #ee836e;
	margin-top: -4px;
	display:inline-block;
}


.badge-primary {
    background-color: #428bca;
}
.badge-success {
    background-color: #5cb85c;
}
.badge-info {
    background-color: #5bc0de;
}
.badge-warning {
    background-color: #f0ad4e;
}
.badge-danger {
    background-color: #d9534f;
}
.badge-red {
    background-color: #ff635c;
}
.badge-cyan {
    background-color: #3ac5f1;
}
.badge-green {
    background-color: #a2d200;
}
.badge-orange {
    background-color: #ffc71a;
}
.badge-amethyst {
    background-color: #d7acef;
}
.badge-greensea {
    background-color: #19b698;
}
.badge-dutch {
    background-color: #19a7bc;
}
.badge-hotpink {
    background-color: #ff1a75;
}
.badge-drank {
    background-color: #bc088a;
}
.badge-blue {
    background-color: #5597d0;
}
.badge-slategray {
    background-color: #495a72;
}
.badge-redbrown {
    background-color: #de6864;
}
.badge-transparent-black {
    background-color: rgba(0, 0, 0, 0.15);
}


.lang-selection li img {
    border-radius: 4px;
    margin-top: -10px;
    width: 32px;
}