@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	outline: none; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
	
html,
body {
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	font-size: 14px;
	color: #333;
	min-width: 1250px; }
	
a { color: #0B78B3; }
a:hover { color: #009ff5; text-decoration: underline; }

input,
textarea,
select {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 3px;
	padding: 5px 8px;
	transition: background 0.25s linear 0s; }

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px; }

select { padding: 4px 8px; }

input:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: #61426E;
	transition: border 0.25s linear 0s; }

input[required],
textarea[required],
select[required],
input[required="required"],
textarea[required="required"],
select[required="required"] {
	background: #fffcd0;
	border-color: #d4d1a6; }

input[required]:focus,
textarea[required]:focus,
select[required]:focus,
input[required="required"]:focus,
textarea[required="required"]:focus,
select[required="required"]:focus {
	background: #fcf8b6;
	border-color: #676330; }

.action,
a.action,
input.action,
button.action,
input[type="button"],
input[type="submit"],
button {
	border: none;
	background: #61426E;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	text-decoration: none;
	border-radius: 3px;
	padding: 5px 8px; }

.action:hover,
a.action:hover,
input.action:hover,
button.action:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.action:active,
a.action:active,
input.action:active,
button.action:active,
input[type="button"]:active,
input[type="submit"]:active,
button:active {
	background: #4b2f57;
	color: #fff;
	text-decoration: none; }

.action,
a.action {
	display: inline-block;
	line-height: 18px;
	padding: 5px 10px; }

.default,
a.default,
input.default,
button.default,
input[type="button"].default,
input[type="submit"].default,
.action.default,
a.action.default,
input.action.default,
button.action.default {
	border: none;
	background: #999;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	text-decoration: none; }

.default:hover,
a.default:hover,
input.default:hover,
button.default:hover,
input[type="button"].default:hover,
input[type="submit"].default:hover,
.action.default:hover,
a.action.default:hover,
input.action.default:hover,
button.action.default:hover,
.default:active,
a.default:active,
input.default:active,
button.default:active,
input[type="button"].default:active,
input[type="submit"].default:active,
.action.default:active,
a.action.default:active,
input.action.default:active,
button.action.default:active {
	background: #333;
	color: #fff;
	text-decoration: none; }

.action.edit-btn,
a.action.edit-btn,
input.action.edit-btn,
button.action.edit-btn {
	/*
	background: #545E78;
	*/
	background: #3d538f; }

.action.edit-btn:hover,
a.action.edit-btn:hover,
input.action.edit-btn:hover,
button.action.edit-btn:hover,
.action.edit-btn:active,
a.action.edit-btn:active,
input.action.edit-btn:active,
button.action.edit-btn:active {
	/*
	background: #2F3852;
	*/
	background: #1e2f61; }

.action.delete-btn,
a.action.delete-btn,
input.action.delete-btn,
button.action.delete-btn {
	/*
	background: #A56560;
	*/
	background: #b93e34; }

.action.delete-btn:hover,
a.action.delete-btn:hover,
input.action.delete-btn:hover,
button.action.delete-btn:hover,
.action.delete-btn:active,
a.action.delete-btn:active,
input.action.delete-btn:active,
button.action.delete-btn:active {
	/*
	background: #7A423E;
	*/
	background: #b22c21; }

.action.left,
.default.left {
	float: left;
	margin: 0px 10px 0px 0px; }

.action.right,
.default.right {
	float: right;
	margin: 0px 0px 0px 10px; }

input[type="radio"],
input[type="checkbox"] {
	width: auto;
	padding: 0px; }

.wraper {
	display: table;
	height: 100%;
	min-width: 100%; }

.wraper header,
.wraper .container {
	display: table-row; }

.wraper header .logo,
.wraper header .head-content,
.wraper .container aside,
.wraper .container .content,
.wraper footer .left-side,
.wraper footer .copy {
	display: table-cell;
	vertical-align: top; }

.wraper header .logo,
.wraper header .head-content {
	height: 70px;
	background: #ddd; }

.wraper header .logo,
.wraper .container aside,
.wraper footer .left-side {
	width: 200px; }

.wraper header .logo {
	background: #ccc;
	text-align: center; }

.wraper header .user-content {
	float: right;
	margin: 10px;
	color: #fff; }

.wraper header .user-content a {
	color: #fff;
	text-decoration: underline; }

.wraper .container aside { background: #eee; }

.wraper .container aside ul a:hover { text-decoration: underline; }

.wraper .container aside ul a {
	font-size: 14px;
	color: #fff; }

.wraper .container aside ul a i {
	width: 25px;
	font-size: 14px;
	text-align: center; }

.wraper .container aside > ul { list-style: none; }

.wraper .container aside > ul ul li a {
	display: block;
	padding:  5px 10px 5px 30px;
	position: relative; }

.wraper .container aside > ul > li {
	padding: 10px 7px; }

.wraper .container aside > ul > li > a {
	color: #fff;
	display: block;
	margin-bottom: 5px; }

.wraper .container aside > ul > li.active {
	background: #fff;
	color: #333; }

.wraper .container aside > ul > li.active a { color: #333; }

/*
.wraper .container aside > ul > li > a:hover,
.wraper .container aside > ul > li > a:active {
	text-decoration: none;
	background: #0B78B3; }
*/
.wraper .container aside > ul ul li.active a:before {
	position: absolute;
	left: 20px;
	width: 10px;
	top: 7px;
	text-align: left;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0da"; }

.wraper .container .content {}

.wraper .container .content h1,
.wraper .container .content h1 a {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #333;
	font-weight: normal; }

.wraper .container .content .main-content {
	padding: 20px; }




.filter-panel:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.filter-panel {
	display: block;
	position: relative;
	min-height: 20px;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #ddd;
	border-radius: 5px 5px 0px 0px; }

.filter-panel .show-btn {
	position: absolute;
	top: -21px;
	right: 40px;
	height: 20px;
	background: #999; }

.filter-panel .show-btn a {
	display: block;
	padding: 4px 2px 2px;
	color: #fff;
	position: relative; }

.filter-panel .show-btn a small {
	font-size: 12px;
	line-height: 12px; }

.filter-panel .show-btn a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0px;
	left: -30px;
	border-style: solid;
	border-width: 0px 0px 20px 30px;
	border-color: transparent transparent #999 transparent; }

.filter-panel .show-btn a:after {
	display: block;
	content: "";
	position: absolute;
	top: 0px;
	right: -30px;
	border-style: solid;
	border-width: 0px 30px 20px 0px;
	border-color: transparent transparent #999 transparent; }

.filter-panel .show-btn:hover { background: #333; }

.filter-panel .show-btn:hover a:hover,
.filter-panel .show-btn:hover a:active { text-decoration: none; }

.filter-panel .show-btn:hover a:before,
.filter-panel .show-btn:hover a:after { border-color: transparent transparent #333 transparent; }

.filter-panel-content {
	display: block;
	background: #eee;
	border-radius: 5px;
	padding: 10px; }

.filter-panel ul,
.form,
ul.form {}

.filter-panel ul li:after,
.form li:after,
ul.form li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.filter-panel ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px 10px 0px; }

.filter-panel ul li label,
.form li label,
ul.form li label {
	display: block;
	float: none;
	padding: 0px 0px 5px 0px; }

.form li.one-line label,
ul.form li.one-line label {
	float: left; }

.form.comments-form li.one-line label,
ul.form.comments-form li.one-line label {
	width: 70px; }

.form li.one-line strong,
ul.form li.one-line strong {
	float: left;
	margin-left: 10px; }

.filter-panel ul li input[type="text"] { width: 150px; }

.filter-panel ul li select { width: 150px; }

.data-picker {
	display: inline-block;
	position: relative; }

.data-picker input,
.filter-panel ul li .data-picker input {
	width: 70px;
	padding: 5px 30px 5px 8px; }

.data-picker i.fa-calendar {
	position: absolute;
	top: 7px;
	right: 10px;
	cursor: pointer; }

.filter-panel ul li.actions,
.form li.actions,
ul.form li.actions {
	display: block;
	clear: both;
	margin: 5px 0px 0px; }

.form,
ul.form {
	display: inline-block;
	vertical-align: top;
	width: auto;
	margin: 0px; }

.form.form-panel,
ul.form.form-panel { margin: 0px 0px 0px 20px; }

.form.form-panel,
ul.form.form-panel {
	background: #eee;
	border-radius: 5px;
	padding: 10px;
	min-width: 240px;
	max-width: 310px; }

.form li,
ul.form li {
	display: block; }

.form li + li,
ul.form li + li { margin-top: 10px; }

.form li.upladed-img div,
ul.form li.upladed-img div {
	display: inline-block;
	position: relative;
	margin: 0 25px 0 0; }

.form li.upladed-img div a.remove-img-btn,
ul.form li.upladed-img div a.remove-img-btn {
	display: inline-block;
	width: 25px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: -25px;
	color: #fff;
	background: #E82E1F;
	border-radius: 0 3px 3px 0;
	text-align: center;
	vertical-align: middle; }

.form li.upladed-img div a.remove-img-btn i,
ul.form li.upladed-img div a.remove-img-btn i {
	text-align: center;
	margin: 2px 0; }

.form li.upladed-img div a.remove-img-btn:hover,
ul.form li.upladed-img div a.remove-img-btn:hover {
	color: #fff;
	background: #bd0e00;
	text-decoration: none; }

.form li textarea,
ul.form li textarea {
	resize: vertical;
	min-height: 100px;
	max-height: 300px;
	height: 150px; }

.form li input,
ul.form li input,
.form li select,
ul.form li select,
.form li textarea,
ul.form li textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }

.form li .data-picker input,
ul.form li .data-picker input {
	width: 110px; }

.form li input[type="submit"],
ul.form li input[type="submit"],
.form li input[type="button"],
ul.form li input[type="button"],
.form li input[type="radio"],
ul.form li input[type="radio"],
.form li input[type="checkbox"],
ul.form li input[type="checkbox"] {
	width: auto; }

.form li label strong,
ul.form li label strong {
	color: #f00;
	font-weight: bold;
	margin: 0px 5px; }

.form li .separated-box,
ul.form li .separated-box {
	display: inline-block;
	vertical-align: top; }

.form li .separated-box + .separated-box,
ul.form li .separated-box + .separated-box { margin: 0px 0px 0px 10px; }

.form li .radio-group,
.form li .checkbox-group,
ul.form li .radio-group,
ul.form li .checkbox-group  {}

.form li label.label-with-radio,
.form li label.label-with-checkbox,
ul.form li label.label-with-radio,
ul.form li label.label-with-checkbox {
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer; }

.form li label.label-with-radio input,
.form li label.label-with-checkbox input,
ul.form li label.label-with-radio input,
ul.form li label.label-with-checkbox input {
	display: inline-block;
	margin: 0px 5px 0px 0px; }

.form li label.label-with-radio + .label-with-radio,
.form li label.label-with-checkbox + .label-with-checkbox,
ul.form li label.label-with-radio + .label-with-radio,
ul.form li label.label-with-checkbox + .label-with-checkbox { margin-left: 10px; }





.table-outline {}

.table-outline table {
	border-collapse: collapse; }

.table-outline table tr td {
	padding: 5px;
	color: #333;
	vertical-align: middle; }

.table-outline table tr td.status {
	text-align: center; }

.table-outline table tr td.status i { cursor: default; }

.table-outline table tr td.status .fa-check-circle { color: #5C870E; }

.table-outline table tr td.status .fa-times-circle { color: #b22318; }

.table-outline table tr td.status .fa-minus-circle { color: #b22318; }

.table-outline table tr td.status .fa-ban { color: #b22318; }

.table-outline table tr td.priority-column a { margin: 0 1px; }

.table-outline table tr td.priority-column a:hover {
	text-decoration: none; }

.table-outline table tr td.priority-column i {
	width: 25px;
	height: 15px;
	border-radius: 3px;
	font-size: 14px;
	padding: 5px 0;
	color: #333;
	background: none; }

.table-outline table tr td.priority-column a:hover i {
	color: #fff;
	background: #61426e; }

.table-outline table tr td.priority-column a.inactive {
	opacity: 0.5;
	pointer-events: none; }

.table-outline table thead tr td {
	background: #ccc;
	color: #333;
	font-weight: bold; }

.table-outline table tbody tr td {}

.table-outline table tr td.action-group {
	white-space: nowrap; }

.table-outline table tr td.action-group .comment-btn {
	min-width: 95px; }

.table-outline table tbody tr:nth-child(2n+2) td { background: #eee; }

.table-outline table tfoot tr td {
	background: #ccc;
	color: #333; }

.table-outline table tfoot tr.display_options td { padding: 5px; }

.table-outline table tfoot tr td .action {
	padding: 5px 8px; }

.pageing {
	display: inline-block;
	margin: 0px 10px 0px 0px; }

.pageing > div,
.pageing > a {
	display: inline-block; }

.total_info { margin: 0px 10px 0px 0px; }

.pageing > a {
	padding: 2px 5px;
	background: #999;
	color: #fff;
	border-radius: 3px; }

.pageing > a:hover,
.pageing > a:active {
	background: #4b2f57;
	color: #fff;
	text-decoration: none; }

.pageing > a.current_page {
	background: #61426e;
	color: #fff; }

.pageing > a.current_page:hover,
.pageing > a.current_page:active {
	background: #4b2f57;
	color: #fff;
	text-decoration: none; }

.pageing .none { pointer-events: none; }

.show_on_page {
	display: inline-block; }

.show_on_page input {
	width: 20px;
	padding: 3px 5px; }

.show_on_page .action,
.table-outline table tfoot tr td .show_on_page .action { padding: 3px 5px; }

.action-line:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.action-line {
	display: block;
	margin: 10px 0px; }

.add-edit-panel {
	display: inline-block;
	width: auto; }








.wraper footer {
	display: table-row;
	vertical-align: bottom; }

.wraper footer .left-side,
.wraper footer .copy {
	height: 15px; }

.wraper footer .copy {
	padding: 0px 20px 20px;
	font-size: 12px;
	color: #999;
	vertical-align: bottom; }






body.login-body { background: url(../images/bg.jpg) repeat center center; }

.login-wraper {
	display: block;
	width: 241px;
	margin: 50px auto; }

.login-wraper h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: left; }

.login-admin-logo {
	display: block;
	width: 241px;
	height: 34px;
	margin: 0px auto 30px;
	background: url(../images/admin/admin-login-logo.png) no-repeat center center; }

.login-form {}

.login-form li {
	width: 100%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }

.login-form li + li { margin-top: 10px; }

.login-form li input {
	width: 100%;
	padding: 9px 12px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }


.login-form li .action,
.login-form li a.action { padding: 8px 12px; }


.hidden,
[hidden],
template {
  display: none !important; }

.disabled,
[disabled],
[disabled="disabled"] {
	cursor-event: none;
	opacity: 0.7;
	cursor: default !important; }

.msg,
.messages {
	display: block;
	padding: 6px 8px;
	border-radius: 3px;
	background: #eee;
	color: #333;
	margin: 0px 0px 10px;
	font-size: 14px; }

.msg.error-msg,
.messages.errormessage {
	background-color: #E82E1F;
	color: #fff; }

.msg.success-msg,
.messages.successmessage {
	background-color: #72b302 ;
	color: #fff; }

.tw-tumb {
	border: 0;
	height: 60px;
	width: auto;
}

.text-right {
	text-align: right !important;
}

.input-currency {
	display: block;
	position: relative;
}

.input-currency input {
	padding-left: 20px;
}

.half-input {
	box-sizing: border-box;
	width: 50%;
}

.input-currency .currency {
	font-size: 14px;
	top: 5px;
	left: 8px;
	position: absolute;
}

.home-menu {}

.home-menu a {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
	padding: 15px;
	color: #666;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #fff;
	background: transparent;
	font-size: 18px;
}

.home-menu a:hover {
	color: #61426E;
	border-color: #61426E;
	background: #f5edf8;
	text-decoration: none; }

.home-menu a i {
	display: block;
	font-size: 60px;
	min-width: 90px;
	width: 100%;
	text-align: center;
	margin: 0 0 15px 0;
	text-decoration: none !important;
}