/*
Theme Name: Quality Control
Theme URI: http://www.appthemes.com/themes/qualitycontrol
Description: Turn a basic WordPress install into a simple and straight-forward ticketing system. Quality Control allows users to create tickets, assign statuses, milestones, categories, and tags. Other users can then interact with the tickets, updating their state, milestone, or any other property.
Version: 0.8
Author: AppThemes
Author URI: http://www.appthemes.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, two-columns, flexible-width, custom-colors, custom-background, custom-menu, editor-style, theme-options
AppThemes ID: qualitycontrol

/* --------------------------------------------- */

/**
 * Do not edit this file ! Check out Child Themes:
 * <http://codex.wordpress.org/Child_Themes>
 */

@font-face {
	font-family: Museo300;
	src: url('includes/fonts/Museo300-Regular.otf');
}

@font-face {
	font-family: Museo500;
	src: url('includes/fonts/Museo500-Regular.otf');
}

@font-face {
	font-family: Museo700;
	src: url('includes/fonts/Museo700-Regular.otf');
}

body {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: #DDD;
	color: #333;
	font: .75em Verdana, Arial, sans-serif;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

p {
	color: #333;
	font-size: 1em;
	line-height: 18px;
}

h2 {
	color: #304467;
	font-size: 1.33em;
	font-weight: 700;
}

h3 {
	color: #434343;
	font-weight: 700;
	font-size: 1.17em;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

code {
	font-size: 1.17em;
}

/* PAGE LAYOUT -------------------------------------------------------------------------------------------------------- */
#container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/* this is the full page wrapper */
#content {
	overflow: hidden;
	position: relative;
}

/* this holds all content below the masthead above the footer */
/* MASTHEAD -------------------------------------------------------------------------------------------------------- */

#branding {
	margin: 0;
	padding: 20px 27px 20px 72px;
	position: relative;
}

a.brand_bug {
	width: 64px;
	height: 58px;
	display: block;
	position: absolute;
	top: 24px;
	left: 0;
	background: url(images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
}

a:hover.brand_bug {
	background-position: 0 -58px;
}

#site-title {
	margin: 0;
	padding: 0;
	color: #55b449 !important;
	font-weight: 400;
	font-size: 1.5em;
}

#site-title a {
	padding-right: 5px;
	color: #444;
	font-family: Museo700;
	font-size: 2em;
	font-weight: 700;
	text-decoration: none;
	text-shadow: #FFF 0 1px 0;
	letter-spacing: -.05em;
}

#site-title span {
	color: #BABABA;
}

#site-title small {
	font-size: 0.75em;
}

#current-user-box {
	padding-top: 30px;
	padding-bottom: 20px;
}

#current-user-box .avatar {
	float: left;
	margin-right: 5px;
	padding: 3px;
	background-color: white;
	border: 1px solid #AFAFAF;
	border-radius: 3px;
}

#current-user-name {
	padding: 3px 0 5px;
}

/* MAIN -------------------------------------------------------------------------------------------------------- */
#main {
	width: 100%;
	min-height: 10px;
	position: relative;
}

.panel {
	background: #FDFBEF;
	clear: both;
	float: left;
	width: 100%;
}

/* this holds all content below ticket nav */
/* ticket navigation */
.tabber {
	margin-bottom: 15px;
	width: 100%;
	border: 1px solid #CCC;
	float: left;
	-moz-border-radius: 5px;
	-wekbit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 5px #BBB;
	-webkit-box-shadow: 0 2px 6px #BBB;
	box-shadow: 0 2px 5px #BBB;
}

.tabber-navigation {
	width: 100%;
	background: #848484;
	-moz-border-radius: 5px 5px 0 0;
	-wekbit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position: relative;
	float: left;
}

.tabber-navigation.bottom {
	-moz-border-radius: 0 0 5px 5px;
	-wekbit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.tabber-navigation ul {
	list-style: none;
}

.tabber-navigation > ul {
	margin: 3px 3px 0;
	padding: 0;
	position: relative;
}

.tabber-navigation li {
	margin: 0 3px 0 0;
	float: left;
	position: relative;
	color: #FFF;
}

.tabber-navigation li a {
	padding: 8px 15px;
	display: block;
	position: relative;
	z-index: 999;
	color: #FFF;
}

.tabber-navigation .alignright {
	margin: 0;
}

.tabber-navigation .current-tab a,
.tabber-navigation li a:hover,
.tabber-navigation li:hover {
	background-color: #FFF;
	-moz-border-radius: 3px 3px 0 0;
	-wekbit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	color: #666;
	text-decoration: none;
}

.tabber-navigation li:hover a {
	color: #666;
}

.tabber-navigation .second-level,
.tabber-navigation .sub-menu {
	width: 180px;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border: 1px solid #e7e7e7;
	border-width: 0 1px 1px;
	box-shadow: rgba( 0, 0, 0, .08 ) 0 2px 5px;
	-webkit-box-shadow: rgba( 0, 0, 0, .08 ) 0 2px 5px;
	-moz-box-shadow: rgba( 0, 0, 0, .08 ) 0 2px 5px;
	background: #FFF;
	position: absolute;
	left: -9999px;
	top: 30px;
	z-index: 99999;
}

.tabber-navigation li:hover .second-level,
.tabber-navigation li:hover .sub-menu {
	left: -1px;
}

.tabber-navigation .second-level li,
.tabber-navigation .sub-menu li {
	float: none;
}

.tabber-navigation .second-level li a,
.tabber-navigation .sub-menu li a {
	width: 150px;
	display: block;
	border-bottom: 1px solid #ededed;
	color: #666;
	background-color: transparent;
}

.tabber-navigation .second-level li a:hover,
.tabber-navigation .sub-menu li a:hover {
	color: #999;
}

.tabber-navigation .second-level li:first-child,
.tabber-navigation .sub-menu li:first-child {
	border-top: 1px solid #ededed;
}

.tabber-navigation .second-level > li:last-child,
.tabber-navigation .sub-menu > li:last-child {
	border: 0;
}

.tabber-navigation .second-level li a span,
.tabber-navigation .sub-menu li a span {
	margin: 0;
	padding: 1px 8px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
	float: right;
	background: #ececec;
	color: #bebebe;
	font-size: .92em;
}

.tabber-navigation .hierarchical .second-level .children,
.tabber-navigation .hierarchical .sub-menu .children {
	margin-left: 10px;
}

.tabber-navigation .hierarchical .second-level li,
.tabber-navigation .hierarchical .sub-menu li {
	border-top: 0;
}

.tabber-navigation .hierarchical .second-level a,
.tabber-navigation .hierarchical .sub-menu a {
	border-bottom: 0;
}

.tabber-navigation.top li.alignright a {
	padding-left: 35px;
	background: url(images/ticket-new.png) no-repeat 13px 50%;
	font-weight: 700;
}

/* tinynav navigation menu */
.tinynav {
	display: none;
	margin: 3px;
}

/* ticket meta toggle */
.ticket-meta-toggle {
	background: url("images/plus.png") no-repeat center center;
	display: none;
	height: 24px;
	margin-right: 5px;
	text-decoration: none !important;
	vertical-align: top;
	width: 24px;
}

.ticket-meta-toggle.detail-show {
	background: url("images/minus.png") no-repeat center center;
}

.ticket-list {
	margin: 0;
	padding: 0;
}

.ticket-list .ticket {
	margin: 0;
	padding: 13px 13px 10px;
	background: #FFF;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

.ticket-list .entry {
	background: none;
}

.ticket-list .show-all,
.ticket-list .no-results {
	border: 0;
}

.show-all,
.no-results {
	color: #d8c49a;
	font-weight: 700;
}

.ticket-list .ticket.alt,
.ticket-list .even {
	background: none;
}

.ticket-list .ticket-gravatar {
	width: 45px;
	float: left;
}

.ticket-list .ticket-info {
	margin: -3px 0 0 45px;
	padding: 3px 0;
}

.ticket-list .marked-resolved {
	padding: 10px 15px;
}

.ticket-status {
	width: 75px;
	padding: 5px 15px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	min-width: 50px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	line-height: normal;
}

.ticket-status:hover {
	opacity: 0.6;
	text-decoration: none;
}

.ticket-author {
	margin: 6px 0 0;
	float: right;
	color: #c6c6c5;
	font-size: .92em;
}

.ticket-author a {
	color: #a0a0a0;
}

.ticket-title {
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
	color: #EFBA46;
	font-size: 1.16em;
	font-weight: 700;
}

.ticket-meta {
	margin: 12px 0 0;
	padding: 10px 15px 0;
	border-top: 1px solid #eaeae9;
	overflow: hidden;
	clear: both;
	color: #333;
	font-size: .92em;
	list-style: none;
}

.ticket-meta a {
	color: #333;
}

.ticket-meta small {
	display: block;
	color: #999;
	font-weight: 700;
	font-size: 10px;
	margin-bottom: 3px;
}

.ticket-meta li {
	margin: 0 5px 0 0;
	padding: 0 6px 0 0;
	border-right: 1px solid #eeeeed;
	float: left;
	margin-bottom: 10px;
}

.ticket-meta li.tags{
	max-width: 50px;
	overflow: hidden;
}

.ticket-meta.single {
	margin: 12px 0 0;
	padding: 10px 15px;
	border-width: 1px 0;
}

.ticket:hover .ticket-meta,
.ticket:hover .update-list,
.single-ticket .ticket-meta,
.single-ticket .update-list {
	opacity: 1;
}

/* Comments & Updates */
.comment {
	background: #F1F5F8 !important;
}

.comment .ticket-author {
	margin: 0;
	float: none;
	border: ;
}

.comment .update-list {
	opacity: 1;
}

.comment-pagination {
	margin: -1px;
	padding: 10px 13px;
	background: #848484;
	color: #d0d0d0;
}

.comment-pagination a {
	color: #FFF;
	font-weight: 700;
}

.update-list {
	margin: 0;
	padding: 20px 15px 5px;
	border: 1px solid #eaeae9;
	border-width: 1px 0 0;
	list-style: none;
	color: #595959;
	font: 1em Georgia, Times, Times New Roman, serif;
}

.update-list a {
	font-weight: 700;
}

.update-list .title {
	color: #a0a0a0;
	font: bold 1em Arial, Helverica, sans-serif;
}

.update-list.single {
	border: 0;
}

.update-list li {
	margin: 0 0 8px;
	padding: 0;
	background: none;
}

.update-list ul {
	margin: 5px 0 0 15px;
	padding: 0;
	list-style: disc;
	list-style-position: inside;
}

.update-list ul li {
	margin: 0 0 5px;
}

/* Update Ticket/Create New Ticket */
#respond {
	margin: 0;
	padding: 30px 34px;
	background: #F7F7F7;
	position: relative;
	z-index: 100;
	overflow: hidden;
}

#respond p,
#respond .wp-editor-wrap {
	margin: 0 20px 20px;
}

#respond h3 {
	margin: 0;
	padding: 0;
	color: #6692b8;
	font-size: 1.17em;
	text-shadow: #FFF 0 1px 0;
}

#respond #ticket-attachments,
#respond #ticket-description {
	margin-bottom: 0;
}

#respond .ticket-taxonomy {
	overflow: hidden;
}

#respond .form-submit {
	margin: 0;
	padding: 20px;
	overflow: hidden;
	background: #EEE;
}

/* forms */
#respond fieldset {
	margin: 0 0 25px;
	padding: 25px 0 0;
	border: 0;
}

#respond legend {
	margin: 0;
	padding: 0;
	color: #6692b8;
	font-size: 1.17em;
	font-weight: 700;
}

#respond label {
	display: block;
	clear: both;
	margin: 0 0 3px;
	color: #87b0c4;
	font-weight: 700;
	width: 80%;
}

#respond label.error {
	color: #f00;
}

#respond label em {
	font-size: .75em;
	font-weight: 400;
	font-style: normal;
}

#respond input[type=text],
#respond input[type=password],
#respond textarea,
#respond select {
	margin: 0;
	padding: 6px 5px;
	width: 80%;
	border: 2px solid #CCC;
	display: block;
	font: 1em Helvetica, Arial, sans-serif;
}

br.clear {
	display: block;
	clear: both;
	margin-bottom: 6px;
}

#respond input[type=password] {
	width: auto;
	float: left;
}

#respond .description {
	padding-left: 6px;
	line-height: 2.5em;
	color: #A0A0A0;
}

#respond input:focus,
#respond textarea:focus,
#respond select:focus {
	outline: 0;
	border-color: #FFC954;
}

#respond input[type=submit] {
	padding: 10px 20px;
	border: 1px solid #596f82;
	-moz-border-radius: 5px;
	-wekbit-border-radius: 5px;
	border-radius: 5px;
	float: right;
	background: #6491B9;
	background: 0 color-stop(1, rgb(180,215,230)));
	background: 0 0 100%;
	box-shadow: inset #FFF 0 1px 0 rgba( 0, 0, 0, .13 ) 0 1px 2px;
	-webkit-box-shadow: inset #DEF 0 1px 2px;
	-moz-box-shadow: inset #DEF 0 1px 2px;
	color: #FFF;
	font-size: 1.17em;
	font-weight: 700;
	text-align: center;
	text-shadow: #577EA0 0 -1px 0;
	cursor: pointer;
}

#respond textarea {
	height: 100px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#respond select {
	width: auto;
	min-width: 150px;
}

#respond .quicktags-toolbar {
	border-bottom: medium none;
}

/* PAGE STYLES ---------------------------------------------------------------------------------------------------- */

.inner h1 {
	margin:10px 0 20px 0;
	padding-bottom:10px;
	border-bottom:1px solid #EAEAEA;
	font-size:24px;
	font-weight:normal;
	line-height:normal;
}

.inner h2 {
	margin:30px 0 20px 0;
	color:#333;
}

.inner h3 {
	margin:25px 0 15px 0;
}

.inner h4 {
	margin:30px 0 10px 0;
	color:#333;
}

.inner p {
	margin:10px 0;
}

.inner ul {
	margin:10px 40px;
}

.inner ol {
	margin:10px 40px;
}

.inner li ul {
	margin:0 40px;
}

.inner li ol {
	margin:0 40px;
}

.inner blockquote {
	margin:20px;
	padding:0 10px;
	border:1px solid #DDD;
	-moz-border-radius: 5px;
	-wekbit-border-radius: 5px;
	border-radius: 5px;
	background-color:#F1F5F8;
	font-style:italic;
}

.inner .wp-caption {
	padding:10px 5px;
	border:1px solid #DDD;
	-moz-border-radius: 5px;
	-wekbit-border-radius: 5px;
	border-radius: 5px;
	background-color:#F9F9F9;
	text-align:center;
}

.inner .wp-caption-text {
	margin:5px 0 0 0;
}

.inner .alignright {
	margin:0 0 20px 20px;
}

.inner .alignleft {
	margin:0 20px 20px 0;
}

/* SIDEBAR -------------------------------------------------------------------------------------------------------- */
.submenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.submenu li {
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ededed;
	border-bottom: 1px solid rgba( 0, 0, 0, .08 );
	color: #afafaf;
}

.submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.submenu ul li {
	margin: 0 0 8px;
	padding: 0;
	border: 0;
}

.submenu a {
	color: #818181;
}

.submenu a:hover {
	color: #ffc039;
	text-decoration: none;
}

.submenu a:hover ~ .rss,
.submenu .rss:hover {
	opacity: 1;
}

.submenu a small {
	color: #AAA;
	font-style: normal;
}

.submenu .rss {
	float: right;
	opacity: 0.50;
}

.submenu .children {
	margin: 5px 0 0 10px;
	border-left: 1px solid #e2e2e2;
}

/* Search */
#searchform {
	clear: both;
	padding: 3px;
	-moz-border-radius: 5px;
	-wekbit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background: #848484;
}

#searchform {
	overflow: hidden;/* IE Fix */

}

#searchform div {
	margin-right: 30px;
	overflow: hidden;
}

#searchform #s {
	width: 100%;
	height: 16px;
	padding: 7px 0 5px;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
	background: #FFF;
	color: #9c9c9c;
	font-size: 1em;
	text-indent: 6px;
}

#searchform #s:focus {
	outline: 0;
}

#searchform #searchsubmit {
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 17px;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	background: url(images/search.png) no-repeat center center;
	text-indent: -9999em;
	cursor: pointer;
}

#searchform #searchsubmit {
	line-height: 0;/* IE Fix */

}

/* Widgets ------------------------------------------------------------------------------------------------------- */
#sidebar h3.widget-title {
	font-size: 16px;
	margin-bottom: 10px;
}

#sidebar li.widget_qc_project_team ul {
}

#sidebar li.widget_qc_project_team li {
	position: relative;
	display: block;
	min-height: 35px;
	padding: 5px 0;
	margin: 0;
	color: #555;
	font-weight: 700;
	clear: right;
}

#sidebar li.widget_qc_project_team li a {
	clear: left;
}

#sidebar li.widget_qc_project_team li img.avatar {
	background: #FFF;
	padding: 3px;
	float: left;
	margin: -3px 5px 0 0;
	max-height: 40px;
	max-width: 40px;
	overflow: hidden;
	border: 1px solid #EEE;
}

#sidebar li.widget_qc_project_team li span.activity,
#sidebar li.widget_qc_project_team li span.assignment {
	color: #888;
	font-weight: 400;
	display: inline-block;
	font-size: 92%;
}

#sidebar li.widget_qc_project_team li span.activity {
	width: 80%;
}

#sidebar li.widget_recent_tickets li span.post-date {
	margin-left: 5px;
}

/* twitter widget pro */
.widget_twitter .follow-button,
.widget_twitter .xavisys-link {
	margin: 10px;
}

.widget_twitter .entry-content {
	color: #434343;
}

.widget_twitter .time-meta a {
	color: #AFAFAF;
}

.widget_twitter .intent-meta a {
	background: url("images/twitter-sprite.png");
	display: inline-block;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}

.widget_twitter .intent-meta a.in-reply-to {
	background-position: 0 center;
}

.widget_twitter .intent-meta a:hover.in-reply-to {
	background-position: -16px center;
}

.widget_twitter .intent-meta a.favorite {
	background-position: -32px center;
}

.widget_twitter .intent-meta a:hover.favorite {
	background-position: -48px center;
}

.widget_twitter .intent-meta a.retweet {
	background-position: -80px center;
}

.widget_twitter .intent-meta a:hover.retweet {
	background-position: -96px center;
}

/* calendar widget */
.widget_calendar #wp-calendar {
	color: #555;
	margin: 0 5%;
	text-align: center;
	width: 90%;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}

.widget_calendar #wp-calendar caption {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}

.widget_calendar #wp-calendar th {
	border-top: 1px solid #848484;
	border-bottom: 1px solid #848484;
	font-weight: bold;
}

.widget_calendar #wp-calendar tfoot td {
	border-top: 1px solid #848484;
	border-bottom: 1px solid #848484;
}

.widget_calendar #wp-calendar tbody a {
	text-decoration: underline;
}


/* FOOTER -------------------------------------------------------------------------------------------------------- */
#footer {
	padding: 15px 0;
	overflow: hidden;
	color: #333;
	font-size: .92em;
}

#footer a {
	color: #333;
	font-weight: 700;
}

#footer ul {
	width: 100%;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	float: left;
	list-style: none;
}

#footer li {
	margin: 0 30px 0 0;
	float: left;
}

#footer ul#footer-nav-menu {
	margin-bottom: 10px;
}

#footer ul#footer-nav-menu li {
	margin-right: 15px;
}

/* MISC  -------------------------------------------------------------------------------------------------------- */
.alignleft,
.inline-input {
	float: left !important;
}

.alignright {
	float: right !important;
}

.aligncenter {
	margin: 0 auto !important;
	display: block !important;
}

.link-to-ticket.resolved {
	text-decoration: line-through;
}

.entry {
	padding: 15px 15px 10px;
	background: #fffefc;
	line-height: 18px;
}

.entry ul,
.entry ol {
	list-style-position: inside;
	margin-left: 12px;
}

.entry p,
.comment p {
	margin: 15px 0;
}

.reply {
	color: #595959;
	line-height: 21px;
}

.screen-reader-text {
	position: absolute;
	left: -9000px;
}

#message {
	margin: 0 0 25px;
	padding: 12px 13px 10px;
	border: 1px solid #f2deb1;
	border-width: 0 0 1px;
	background: #fff8ea;
	background: 0 color-stop(1, rgb(255,254,252)));
	background: 0 0 #fffefc 100% );
	position: relative;
	z-index: 1000;
}

.permalink-id {
	margin: 0 10px 5px 0;
	padding: 10px 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	background: #e4e9ed;
	font-size: 1.25em;
}

.update-title {
	margin: 0 10px 0 0 !important;
	display: inline-block;
}

/* Suggest */
.qc-suggest-results {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	display: none;
	z-index: 10000;
	border-width: 1px;
	border-style: solid;
}

.qc-suggest-results li {
	padding: 2px 5px;
	white-space: nowrap;
	text-align: left;
}

.qc-suggest-match {
	text-decoration: underline;
}

.qc-suggest-over {
	cursor: pointer;
}

/* Suggest colors */
.qc-suggest-results {
	background-color: #fff;
	border-color: gray;
}

.qc-suggest-results li {
	color: #101010;
}

.qc-suggest-match {
	color: #000;
}

.qc-suggest-over {
	background-color: #f0f0b8;
}

/* Profile Notices */

.notice {
	clear: both;
	margin: -10px 10px 20px;
	color: #333;
	border-radius: 5px;
	padding: 5px;
}

#ticket-manager .notice {
	margin: 10px;
}

.notice.error {
	background-color: #ffebe8;
	border: 1px solid #c00;
	font-weight: 300;
}

.notice ul.errors li {
	color: #AA4433;
	list-style: none outside none;
}

.notice.success {
	background-color: #ffffe0;
	border: 1px solid #eee363;
}

#pass-strength-result {
	border-style: solid;
	border-width: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	font: 1em Helvetica,Arial,sans-serif;
	margin: 0 0 0 20px;
	padding: 7px 11px;
	text-align: center;
	width: auto;
}

#pass-strength-result.good {
	background-color: #FFEC8B;
	border-color: #FFCC00 !important;
}

#pass-strength-result {
	background-color: #EEEEEE;
	border-color: #CCCCCC !important;
}

#pass-strength-result.bad {
	background-color: #FFB78C;
	border-color: #FF853C !important;
}

#pass-strength-result.strong {
	background-color: #C3FF88;
	border-color: #8DFF1C !important;
}

#pass-strength-result.short {
	background-color: #FFA0A0;
	border-color: #F04040 !important;
}

/* Pagination */

.tabber-navigation.bottom {
	padding: 10px 0;
}

.tabber-navigation.bottom :first-child {
	margin-left: 13px;
}

.tabber-navigation.bottom a,
.tabber-navigation.bottom span {
	color: #fff;
	padding: 3px 5px;
	border-radius: 3px;
}

.tabber-navigation.bottom .current,
.tabber-navigation.bottom a:hover {
	background-color: #fff;
	color: #333;
	text-decoration: none;
}

/** Default Links, Ticket List Title, Sidebar Hover */
a, #site-title, .ticket-list .ticket-title a, .submenu a:hover {
	color:#306DA1;
}

/** Ticket List Alt Background */
.panel {
	background-color:#f6f9ff;
}

/** Navigation Bar */
.tabber-navigation {
	background-color:#306DA1;
}

/** Input Border Focus */
#respond input:focus, #respond textarea:focus, #respond select:focus {
	border-color:#306DA1;
}

/* Default Ticket State Colors */
.ticket-status.new {
	color: white;
	background-color: #306DA1;
}

.ticket-status.closed {
	color: white;
	background-color: #CCCCCC;
}

/** Subscribe To Comments */
#respond .subscribe-to-comments label {
	display: inline;
}


/** Responsive */
@media screen and (max-width: 800px) {

	/* tinynav navigation menu */
	.tinynav {
		display: block;
	}
	.tabber-navigation > ul {
		display: none;
	}

}

@media screen and (max-width: 768px) {

	#current-user-box {
		padding-bottom: 15px;
		padding-top: 10px;
	}

}

@media screen and (max-width: 600px) {

	#branding {
		padding: 5px;
	}

	a.brand_bug {
		margin: 0 auto;
		position: relative;
		top: 0;
	}

	.ticket-author {
		width: 100%;
	}

	.ticket-status {
		padding: 5px 5px 4px;
		min-width: 40px;
		max-width: 75px;
		width: auto;
	}

	.ticket-title {
		margin-left: 5px;
	}

	#respond .quicktags-toolbar {
		padding: 0;
	}

	#respond .quicktags-toolbar #qt_comment_close {
		display: none;
	}

	/* ticket meta toggle */
	.ticket-meta-toggle {
		display: inline-block;
	}
	.ticket-meta {
		display: none;
	}

}

@media screen and (max-width: 500px) {

	#respond .quicktags-toolbar {
		margin-left: -20px;
		margin-right: -20px;
	}

}

@media screen and (max-width: 400px) {

	.row .ninecol {
		padding-left: 5px;
		padding-right: 5px
	}

	#respond {
		padding: 20px 15px;
	}

}


.tribe-events-category-nghi-khong-phep h3 a {
    color: red !important;
}
.tribe-events-category-nghi-mot-buoi > h3 > a {
    color: fuchsia !important;
}

.tribe-events-category-khong-com h3 a {
    background-color: white;
    color: #483d8b;
}

/* Project manager - Calvin */
.page-id-1541 #content .ninecol,
.page-id-1544 #content .ninecol,
.page-id-1546 #content .ninecol {
    width: 100%;
}
.tabber-navigation.top li.project a {
    background: none;
    padding-left: 14px;
    color: yellow;
}
