
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	src: local('Raleway Light'), local('Raleway-Light'), url(https://://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FArifk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(https://://fonts.gstatic.com/s/raleway/v9/-_Ctzj9b56b8RgXW8FAriRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: local('Raleway'), url(https://://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2'), url(https://://fonts.gstatic.com/s/raleway/v9/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: local('Raleway Bold'), local('Raleway-Bold'), url(https://://fonts.gstatic.com/s/raleway/v9/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(https://://fonts.gstatic.com/s/raleway/v9/JbtMzqLaYbbbCL9X6EvaIxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

/* ==========================================================================
	#General
========================================================================== */
#pjWrapper * { font-family: 'Raleway', sans-serif; }
#pjWrapper .fa { font-family: 'FontAwesome'; }
#pjWrapper .glyphicon { font-family: 'Glyphicons Halflings'; }

#pjWrapper .pjTsTitleSuccess { color: #3c763d; }
#pjWrapper .pjTsTitleError { color: #a94442; }

#pjWrapper .pjTsContainer { background: #f9f8f3; }

/* ==========================================================================
	#Buttons
========================================================================== */
#pjWrapper .pjTsBtnPrimary { border-color: #bd5726; background: #d66e3b; color: #fff; }
#pjWrapper .pjTsBtnPrimary:hover { background: #bd5726; }

#pjWrapper .pjTsBtnLink { color: #593e33; }
#pjWrapper .pjTsBtnLink:hover { color: #bd5726; }

#pjWrapper .pjTsBtnFile { border-color: #ddd7cb; background: #f1ede4; color: #bd5726; }
#pjWrapper .pjTsBtnFile:hover { border-color: #bd5726; }

/* ==========================================================================
	#pjTsForm
========================================================================== */
#pjWrapper .form-control { border-color: #ddd7cb; background: #f1ede4; color: #593e33; }
#pjWrapper .form-control:focus { border-color: #bd5726; -webkit-box-shadow: 0 0 10px rgba(189, 87, 38, .3); box-shadow: 0 0 10px rgba(189, 87, 38, .3); }
#pjWrapper .control-label { color: #593e33; }

#pjWrapper .has-error label,
#pjWrapper .has-error .control-label { color: #a94442; }
#pjWrapper .has-error .form-control { border-color: #a94442; }
#pjWrapper .has-success label,
#pjWrapper .has-success .control-label { color: #3c763d; }
#pjWrapper .has-success .form-control { border-color: #3c763d; }

/* ==========================================================================
	#pjTsHeader
========================================================================== */
#pjWrapper .pjTsNav .pjTsBtn { border-color: #ddd7cb; background: #fff; color: #593e33; }
#pjWrapper .pjTsNav .pjTsBtn:hover,
#pjWrapper .pjTsNav .pjTsBtn.pjTsBtnActive { background: #f1ede4; }

/* ==========================================================================
	#pjTsBody
========================================================================== */
#pjWrapper .pjTsBody,
#pjWrapper .pjTsBody .panel-heading,
#pjWrapper .pjTsBody .panel-body,
#pjWrapper .pjTsBody .panel-footer,
#pjWrapper .pjTsBody .table-responsive { border-color: #ddd7cb; }
#pjWrapper .pjTsBody .panel-heading { background: #fff; }
#pjWrapper .pjTsBody .panel-heading .panel-title { color: #593e33; }
#pjWrapper .pjTsBody .panel-footer { background: #fff; }

/* ==========================================================================
	#pjTsTableTickets
========================================================================== */
#pjWrapper .pjTsTableTickets tr:first-of-type:hover,
#pjWrapper .pjTsTableTickets tr:nth-child(odd) { background: #f9f8f3; }
#pjWrapper .pjTsTableTickets tr:hover { background: #bd5726; }
#pjWrapper .pjTsTableTickets tr:hover td { color: #fff; }
#pjWrapper .pjTsTableTickets th { color: #593e33; }
#pjWrapper .pjTsTableTickets td { color: #555d60; }
#pjWrapper .pjTsTableTickets .pjTsTableDate { color: #bd5726; }
#pjWrapper .pjTsTableTickets a { color: #d66e3b; }
#pjWrapper .pjTsTableTickets a:hover { color: #bd5726; }
#pjWrapper .pjTsTableTickets tr:hover a { color: #fff; }

/* ==========================================================================
	#pjTsTicketDetails
========================================================================== */
#pjWrapper .pjTsTicketDetails p,
#pjWrapper .pjTsTicketReply p { color: #555d60; }
#pjWrapper .pjTsTicketDetails .pjTsTicketTitle,
#pjWrapper .pjTsTicketReply .pjTsTicketTitle,
#pjWrapper .pjTsTicketTitle { color: #593e33; }
#pjWrapper .pjTsTicketDetails .pjTsTicketMeta,
#pjWrapper .pjTsTicketReply .pjTsTicketMeta { color: #593e33; }
#pjWrapper .pjTsTicketMeta span { color: #d66e3b; }
#pjWrapper .pjTsTicketMeta strong { color: #bd5726; }

#pjWrapper .pjTsTicketDetailsActions p,
#pjWrapper .pjTsListFiles li:after { color: #d66e3b; }

/* ==========================================================================
	#pjTsPagination
========================================================================== */
#pjWrapper .pjTsPagination a { border-color: #fff; background: #fff; color: #bd5726; }
#pjWrapper .pjTsPagination a:hover,
#pjWrapper .pjTsPagination .active a { border-color: #bd5726; background: #bd5726; color: #fff; }

/* ==========================================================================
	#pjTsFormSendMessage
========================================================================== */
#pjWrapper .pjTsFormSendMessage .form-control { background: #fff; }
#pjWrapper .pjTsFormSendMessage .pjFsFormTitle { color: #593e33; }
#pjWrapper .pjTsFormSendMessage .pjFsFormTitleSucces { color: #3c763d; }

/* ==========================================================================
	#Responsive
========================================================================== */
@media only screen and ( max-width: 480px ) {
	/* ==========================================================================
		#pjTsHeader
	========================================================================== */
	#pjWrapper .pjTsNav .pjTsBtn { font-size: 13px; }
}