.mailbox .content-with-menu-container {
	background: #FFF;
}
.mailbox .mailbox-bullets .ball {
	border: 5px solid #FF6600;
	border-radius: 100px;
	display: block;
	float: right;
	margin-top: 6px;
}
.mailbox .mailbox-bullets .ball.pink {
	border-color: #EA4C89;
}
.mailbox .mailbox-bullets .ball.green {
	border-color: #9AE14F;
}
.mailbox .mailbox-bullets .ball.blue {
	border-color: #1BC3E1;
}
.mailbox .mailbox-bullets .ball.orange {
	border-color: #E2A917;
}

.mailbox .mailbox-folder {
	height: auto !important;
	padding: 0 0 40px;
}

/* mailbox - main header */
.mailbox .mailbox-folder .mailbox-header {
	padding: 38px 40px 43px;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-folder .mailbox-header {
		padding: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-folder .mailbox-header .mailbox-title {
		margin-bottom: 10px !important;
	}
}
.mailbox .mailbox-folder .mailbox-header .search {
	float: right;
	margin-top: 3px;
	max-width: 100px;
}
.mailbox .mailbox-folder .mailbox-header .search input[type="text"] {
	-webkit-transition-property: width, margin;
	-moz-transition-property: width, margin;
	transition-property: width, margin;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99);
	-moz-transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99);
	transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99);
}
.mailbox .mailbox-folder .mailbox-header .search input[type="text"]:focus {
	margin-left: -150%;
	width: 250%;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-folder .mailbox-header .search input[type="text"]:focus {
		margin-left: 0;
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-folder .mailbox-header .search {
		max-width: none;
	}
}

/* mailbox - actions */
.mailbox .mailbox-actions {
	border-top: 1px solid #efefef;
	padding-left: 40px;
	padding-right: 40px;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-actions {
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
}
.mailbox .mailbox-actions ul a.item-action {
	background: #FFF;
	border-radius: 100px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	color: #B4BBC1;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	height: 30px;
	line-height: 30px;
	line-height: 3rem;
	position: relative;
	width: 30px;
	text-align: center;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1);
	-moz-transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1);
	transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1);
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.mailbox .mailbox-actions ul a.item-action:hover {
	color: #57636C;
	text-decoration: none;
}
.mailbox .mailbox-actions ul a.item-action.text-primary:hover {
	color: #b3b3b3 !important;
}
.mailbox .mailbox-actions ul a.item-action.text-success:hover {
	color: #388038 !important;
}
.mailbox .mailbox-actions ul a.item-action.text-warning:hover {
	color: #d18211 !important;
}
.mailbox .mailbox-actions ul a.item-action.text-danger:hover {
	color: #a82824 !important;
}
.mailbox .mailbox-actions ul a.item-action.text-info:hover {
	color: #31b0d5 !important;
}
.mailbox .mailbox-actions ul a.item-action.text-dark:hover {
	color: black !important;
}

/* mailbox - mail list */
.mailbox .mailbox-email-list {
	border-top: 1px solid #f7f7f7;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 300;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list {
		position: static !important;
	}
}
.mailbox .mailbox-email-list li {
	border-bottom: 1px solid #f7f7f7;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list li {
		height: 75px;
		padding: 0 20px;
	}
}
.mailbox .mailbox-email-list li a {
	color: #777;
}
.mailbox .mailbox-email-list li:hover {
	background: #FAFAFA;
}
.mailbox .mailbox-email-list li.unread a {
	color: #555;
	font-weight: 500;
}
.mailbox .mailbox-email-list li.active {
	background: #cccccc;
}
.mailbox .mailbox-email-list li.active a {
	color: white;
}
.mailbox .mailbox-email-list .mail-label {
	border: 4px solid transparent;
	border-radius: 10px;
	display: inline-block;
	left: 16px;
	position: absolute;
	top: 21px;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list .mail-label {
		border-radius: 0;
		border-width: 1px;
		bottom: 0;
		left: 0;
		top: 0;
	}
}
.mailbox .mailbox-email-list .col-sender {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 250px;
	white-space: nowrap;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list .col-sender {
		width: 100%;
	}
}
.mailbox .mailbox-email-list .col-sender p {
	left: 80px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-overflow: ellipsis;
	top: 0;
	white-space: nowrap;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list .col-sender p {
		left: 60px;
	}
}
.mailbox .mailbox-email-list .col-mail {
	bottom: 0;
	left: 290px;
	position: absolute;
	right: 40px;
	top: 0;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list .col-mail {
		left: 60px;
		right: 20px;
	}
}
.mailbox .mailbox-email-list .col-mail .mail-content,
.mailbox .mailbox-email-list .col-mail .mail-date,
.mailbox .mailbox-email-list .col-mail .mail-attachment {
	position: absolute;
	top: 0;
}
.mailbox .mailbox-email-list .col-mail .mail-content {
	left: 0;
	right: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list .col-mail .mail-content {
		right: 0;
		top: 25px;
	}
}
.mailbox .mailbox-email-list .col-mail .mail-attachment {
	color: #BBB;
	right: 100px;
	line-height: 50px;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list .col-mail .mail-attachment {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 14px;
		line-height: 1.4rem;
		right: 55px;
		top: 6px;
	}
}
.mailbox .mailbox-email-list .col-mail .mail-date {
	padding-left: 80px;
	right: 0;
	width: 150px;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list .col-mail .mail-date {
		font-size: 10px;
		font-size: 1rem;
		line-height: 14px;
		line-height: 1.4rem;
		padding-left: 0;
		text-align: right;
		top: 5px;
		width: 130px;
	}
}

/* Mailbox Mail List - Unstyle nano for non fixed layouts and responsive */
html.scroll .mailbox .mailbox-email-list .nano,
html.boxed .mailbox .mailbox-email-list .nano {
	position: static;
	height: auto;
	overflow: visible;
	width: auto;
}
html.scroll .mailbox .mailbox-email-list .nano .nano-content,
html.boxed .mailbox .mailbox-email-list .nano .nano-content {
	position: static;
	overflow: visible;
}

@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email-list .nano {
		position: static;
		height: auto;
		overflow: visible;
		width: auto;
	}
	.mailbox .mailbox-email-list .nano .nano-content {
		position: static;
		overflow: visible;
	}
}
/* Mailbox Mail List + Fixed Layout */
@media only screen and (min-width: 768px) {
	html.fixed .mailbox .mailbox-email-list {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		overflow: hidden;
		top: 191px;
	}
}
/* Mailbox - Email */
.mailbox .mailbox-email {
	background: #FAFAFA;
}
.mailbox .mailbox-email .mailbox-email-header {
	background: #FFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	margin: -40px -40px 0 -40px;
	padding: 30px;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email .mailbox-email-header {
		margin-left: -15px;
		margin-right: -15px;
	}
}
.mailbox .mailbox-email .mailbox-close-mail {
	color: #cccccc;
	cursor: pointer;
	font-weight: 300;
	float: left;
}
.mailbox .mailbox-email .mailbox-close-mail:hover {
	color: #d9d9d9;
}
.mailbox .mailbox-email .mailbox-close-mail, .mailbox .mailbox-email .mailbox-close-mail:focus {
	text-decoration: none;
}
.mailbox .mailbox-email .panel .panel-heading {
	background: #FFF;
	border-bottom-color: #EFEFEF;
}
.mailbox .mailbox-email .panel .panel-heading .panel-actions {
	top: 17px;
}
.mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover {
	background: #FFF;
	color: #cccccc;
}
.mailbox .mailbox-email .panel .panel-footer {
	background: #FFF;
	border-top-color: #EFEFEF;
	color: #BBB;
}

/* Mailbox - Showing Menu Toggle */
@media only screen and (min-width: 768px) and (max-width: 1365px) {
	.mailbox .mailbox-folder .mailbox-header .mailbox-title {
		position: relative;
		top: 28px;
	}

	.mailbox .mailbox-email .mailbox-email-header {
		padding-top: 80px;
	}

	html.inner-menu-opened .mailbox .mailbox-folder .mailbox-header .mailbox-title {
		position: static;
	}
	html.inner-menu-opened .mailbox .mailbox-email .mailbox-email-header {
		padding-top: 30px;
	}
}
/* Mailbox Compose */
.mailbox-compose {
	margin: -20px -40px 0 -40px;
	padding: 0 15px;
}
.mailbox-compose .compose {
	margin: 0 40px;
}
.mailbox-compose .compose .note-editable {
	min-height: 250px;
}
.mailbox-compose .compose .note-editor,
.mailbox-compose .compose .note-toolbar {
	border: none;
}
.mailbox-compose .compose .note-resizebar {
	display: none;
}

@media only screen and (max-width: 767px) {
	.mailbox-compose {
		margin: -20px -15px 0 -15px;
	}
	.mailbox-compose .compose {
		margin-left: 5px;
		margin-right: 5px;
	}
}


.panel {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	/* WHY?
	+ .panel {
		margin-top: 35px;
	}*/;
}

.panel-heading {
	background: #f6f6f6;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #DADADA;
	padding: 18px;
	position: relative;
}

.panel-heading.bg-primary {
	background: #cccccc;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-secondary {
	background: #e36159;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-tertiary {
	background: #2baab1;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-quartenary {
	background: #734ba9;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-success {
	background: #47a447;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-warning {
	background: #ed9c28;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-danger {
	background: #d2322d;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-info {
	background: #5bc0de;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-dark {
	background: #171717;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-white {
	background: #fff;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-actions {
	right: 15px;
	position: absolute;
	top: 15px;
}

.panel-actions a {
	background-color: transparent;
	border-radius: 2px;
	color: #b4b4b4;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
}

.panel-actions a:hover {
	background-color: #eeeeee;
	color: #b4b4b4;
	text-decoration: none;
}

.panel-actions a, .panel-actions a:focus, .panel-actions a:hover, .panel-actions a:active, .panel-actions a:visited {
	outline: none !important;
	text-decoration: none !important;
}

.panel-title {
	color: #33353f;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	padding: 0;
	text-transform: none;
}

.panel-subtitle {
	color: #808697;
	font-size: 12px;
	line-height: 1.2em;
	margin: 7px 0 0;
	padding: 0;
}

.panel-body {
	background: #fdfdfd;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}

.panel-body-nopadding {
	padding: 0;
}

.panel-heading + .panel-body {
	border-radius: 0 0 5px 5px;
}

.panel-footer {
	border-radius: 0 0 5px 5px;
	margin-top: -5px;
}

.panel-footer-btn-group {
	display: table;
	width: 100%;
	padding: 0;
}

.panel-footer-btn-group a {
	background-color: #f5f5f5;
	display: table-cell;
	width: 1%;
	border-left: 1px solid #ddd;
	padding: 10px 15px;
	text-decoration: none;
}

.panel-footer-btn-group a:hover {
	background-color: #f0f0f0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
}

.panel-footer-btn-group a:first-child {
	border-left: none;
}

.panel-body.bg-primary {
	background: #cccccc;
	color: white;
}

.panel-body.bg-secondary {
	background: #e36159;
	color: white;
}

.panel-body.bg-tertiary {
	background: #2baab1;
	color: white;
}

.panel-body.bg-quartenary {
	background: #734ba9;
	color: white;
}

.panel-body.bg-success {
	background: #47a447;
	color: white;
}

.panel-body.bg-warning {
	background: #ed9c28;
	color: white;
}

.panel-body.bg-danger {
	background: #d2322d;
	color: white;
}

.panel-body.bg-info {
	background: #5bc0de;
	color: white;
}

.panel-body.bg-dark {
	background: #171717;
	color: white;
}

.panel-featu#FF6600 {
	border-top: 3px solid #33353f;
}

.panel-featu#FF6600 .panel-heading {
	border-radius: 0;
}

.panel-featu#FF6600-top {
	border-top: 3px solid #33353f;
}

.panel-featu#FF6600-right {
	border-right: 3px solid #33353f;
}

.panel-featu#FF6600-bottom {
	border-bottom: 3px solid #33353f;
}

.panel-featu#FF6600-left {
	border-left: 3px solid #33353f;
}

.panel-featu#FF6600-primary {
	border-color: #cccccc;
}

.panel-featu#FF6600-primary .panel-title {
	color: #cccccc;
}

.panel-featu#FF6600-secondary {
	border-color: #e36159;
}

.panel-featu#FF6600-secondary .panel-title {
	color: #e36159;
}

.panel-featu#FF6600-tertiary {
	border-color: #2baab1;
}

.panel-featu#FF6600-tertiary .panel-title {
	color: #2baab1;
}

.panel-featu#FF6600-quartenary {
	border-color: #734ba9;
}

.panel-featu#FF6600-quartenary .panel-title {
	color: #734ba9;
}

.panel-featu#FF6600-success {
	border-color: #47a447;
}

.panel-featu#FF6600-success .panel-title {
	color: #47a447;
}

.panel-featu#FF6600-warning {
	border-color: #ed9c28;
}

.panel-featu#FF6600-warning .panel-title {
	color: #ed9c28;
}

.panel-featu#FF6600-danger {
	border-color: #d2322d;
}

.panel-featu#FF6600-danger .panel-title {
	color: #d2322d;
}

.panel-featu#FF6600-info {
	border-color: #5bc0de;
}

.panel-featu#FF6600-info .panel-title {
	color: #5bc0de;
}

.panel-featu#FF6600-dark {
	border-color: #171717;
}

.panel-featu#FF6600-dark .panel-title {
	color: #171717;
}

.panel-highlight .panel-heading {
	background-color: #cccccc;
	border-color: #cccccc;
	color: #fff;
}

.panel-highlight .panel-title {
	color: #fff;
}

.panel-highlight .panel-subtitle {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.panel-highlight .panel-actions a {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
}

.panel-highlight .panel-body {
	background-color: #cccccc;
	color: #fff;
}

.panel-highlight-title .panel-heading {
	background-color: #2BAAB1;
}

.panel-highlight-title .panel-title {
	color: #fff;
}

.panel-highlight-title .panel-subtitle {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.panel-highlight-title .panel-actions a {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
}

.panel-heading-icon {
	margin: 0 auto;
	font-size: 42px;
	font-size: 4.2rem;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 55px;
	border-radius: 55px;
}

.panel-heading-icon.bg-primary {
	background: #cccccc;
	color: white;
}

.panel-heading-icon.bg-secondary {
	background: #e36159;
	color: white;
}

.panel-heading-icon.bg-tertiary {
	background: #2baab1;
	color: white;
}

.panel-heading-icon.bg-quartenary {
	background: #734ba9;
	color: white;
}

.panel-heading-icon.bg-success {
	background: #47a447;
	color: white;
}

.panel-heading-icon.bg-warning {
	background: #ed9c28;
	color: white;
}

.panel-heading-icon.bg-danger {
	background: #d2322d;
	color: white;
}

.panel-heading-icon.bg-info {
	background: #5bc0de;
	color: white;
}

.panel-heading-icon.bg-dark {
	background: #171717;
	color: white;
}

.panel-heading-profile-picture img {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.panel-icon {
	color: #fff;
	font-size: 42px;
	float: left;
}

.panel-icon ~ .panel-title, .panel-icon ~ .panel-subtitle {
	margin-left: 64px;
}
/* Mailbox - Email */
.mailbox .mailbox-email {
	background: #FAFAFA;
}
.mailbox .mailbox-email .mailbox-email-header {
	background: #FFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	margin: -40px -40px 0 -40px;
	padding: 30px;
}
@media only screen and (max-width: 767px) {
	.mailbox .mailbox-email .mailbox-email-header {
		margin-left: -15px;
		margin-right: -15px;
	}
}
.mailbox .mailbox-email .mailbox-close-mail {
	color: #cccccc;
	cursor: pointer;
	font-weight: 300;
	float: left;
}
.mailbox .mailbox-email .mailbox-close-mail:hover {
	color: #d9d9d9;
}
.mailbox .mailbox-email .mailbox-close-mail, .mailbox .mailbox-email .mailbox-close-mail:focus {
	text-decoration: none;
}
.mailbox .mailbox-email .panel .panel-heading {
	background: #FFF;
	border-bottom-color: #EFEFEF;
}
.mailbox .mailbox-email .panel .panel-heading .panel-actions {
	top: 17px;
}
.mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover {
	background: #FFF;
	color: #cccccc;
}
.mailbox .mailbox-email .panel .panel-footer {
	background: #FFF;
	border-top-color: #EFEFEF;
	color: #BBB;
}

/* Mailbox - Showing Menu Toggle */
@media only screen and (min-width: 768px) and (max-width: 1365px) {
	.mailbox .mailbox-folder .mailbox-header .mailbox-title {
		position: relative;
		top: 28px;
	}

	.mailbox .mailbox-email .mailbox-email-header {
		padding-top: 80px;
	}

	html.inner-menu-opened .mailbox .mailbox-folder .mailbox-header .mailbox-title {
		position: static;
	}
	html.inner-menu-opened .mailbox .mailbox-email .mailbox-email-header {
		padding-top: 30px;
	}
}
/* Mailbox Compose */
.mailbox-compose {
	margin: -20px -40px 0 -40px;
	padding: 0 15px;
}
.mailbox-compose .compose {
	margin: 0 40px;
}
.mailbox-compose .compose .note-editable {
	min-height: 250px;
}
.mailbox-compose .compose .note-editor,
.mailbox-compose .compose .note-toolbar {
	border: none;
}
.mailbox-compose .compose .note-resizebar {
	display: none;
}

@media only screen and (max-width: 767px) {
	.mailbox-compose {
		margin: -20px -15px 0 -15px;
	}
	.mailbox-compose .compose {
		margin-left: 5px;
		margin-right: 5px;
	}
}
/* dark */
html.dark .mailbox .mailbox-email,
html.dark .mailbox .content-with-menu-container {
	background: #1d2127;
}
html.dark .mailbox .mailbox-folder .mailbox-header .input-search .btn-default {
	background: transparent;
}
html.dark .mailbox .mailbox-actions {
	border-top-color: #282d36;
}
html.dark .mailbox .mailbox-actions ul a.item-action {
	background: #2e353e;
}
html.dark .mailbox .mailbox-email-list {
	border-top-color: #282d36;
}
html.dark .mailbox .mailbox-email-list li {
	border-bottom-color: #242830;
}
html.dark .mailbox .mailbox-email-list li:hover {
	background: #161a1e;
}
html.dark .mailbox .mailbox-email-list li a {
	color: #808697;
}
html.dark .mailbox .mailbox-email-list li.unread a {
	color: #9ca1ae;
}
html.dark .mailbox .mailbox-email .mailbox-email-header {
	background: #21262d;
}
html.dark .mailbox .mailbox-email .panel .panel-heading,
html.dark .mailbox .mailbox-email .panel .panel-footer {
	background-color: #282d36;
	border-color: #21262d;
	color: #808697;
}
html.dark .mailbox .mailbox-email .panel .panel-heading .panel-title,
html.dark .mailbox .mailbox-email .panel .panel-footer .panel-title {
	color: #808697;
}
html.dark .mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover {
	background: #1d2127;
}
html.dark .mailbox .mailbox-compose .note-editor .note-toolbar,
html.dark .mailbox .mailbox-compose .note-editor .note-statusbar,
html.dark .mailbox .mailbox-compose .note-editor .note-editable {
	background: #1d2127;
}
html.dark .mailbox .mailbox-compose .note-editor .note-editable {
	color: #808697;
}

.panel {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	/* WHY?
	+ .panel {
		margin-top: 35px;
	}*/;
}

.panel-heading {
	background: #f6f6f6;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #DADADA;
	padding: 18px;
	position: relative;
}

.panel-heading.bg-primary {
	background: #cccccc;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-secondary {
	background: #e36159;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-tertiary {
	background: #2baab1;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-quartenary {
	background: #734ba9;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-success {
	background: #47a447;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-warning {
	background: #ed9c28;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-danger {
	background: #d2322d;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-info {
	background: #5bc0de;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-dark {
	background: #171717;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-white {
	background: #fff;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-actions {
	right: 15px;
	position: absolute;
	top: 15px;
}

.panel-actions a {
	background-color: transparent;
	border-radius: 2px;
	color: #b4b4b4;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
}

.panel-actions a:hover {
	background-color: #eeeeee;
	color: #b4b4b4;
	text-decoration: none;
}

.panel-actions a, .panel-actions a:focus, .panel-actions a:hover, .panel-actions a:active, .panel-actions a:visited {
	outline: none !important;
	text-decoration: none !important;
}

.panel-title {
	color: #33353f;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	padding: 0;
	text-transform: none;
}

.panel-subtitle {
	color: #808697;
	font-size: 12px;
	line-height: 1.2em;
	margin: 7px 0 0;
	padding: 0;
}

.panel-body {
	background: #fdfdfd;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}

.panel-body-nopadding {
	padding: 0;
}

.panel-heading + .panel-body {
	border-radius: 0 0 5px 5px;
}

.panel-footer {
	border-radius: 0 0 5px 5px;
	margin-top: -5px;
}

.panel-footer-btn-group {
	display: table;
	width: 100%;
	padding: 0;
}

.panel-footer-btn-group a {
	background-color: #f5f5f5;
	display: table-cell;
	width: 1%;
	border-left: 1px solid #ddd;
	padding: 10px 15px;
	text-decoration: none;
}

.panel-footer-btn-group a:hover {
	background-color: #f0f0f0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
}

.panel-footer-btn-group a:first-child {
	border-left: none;
}
/* Notification */
.ui-pnotify {
	right: 15px;
	top: 15px;
}

.ui-pnotify .notification {
	border-radius: 5px;
	box-shadow: none;
	padding: 15px 15px 15px 75px;
}

.ui-pnotify .notification .ui-pnotify-icon {
	left: 0;
	position: absolute;
	top: 0;
	width: 75px;
	text-align: center;
}

.ui-pnotify .notification .ui-pnotify-icon > span {
	border: 2px solid #FFF;
	border-radius: 50%;
	display: inline-block;
	float: none;
	font-size: 35px;
	height: 50px;
	line-height: 48px;
	margin: 8px 0 0;
	padding: 0;
	width: 50px;
	text-align: center;
}

.ui-pnotify .notification .ui-pnotify-title {
	font-size: 14px;
	letter-spacing: 0;
}

.ui-pnotify .notification .ui-pnotify-text {
	font-size: 12px;
	line-height: 1.3em;
}

.ui-pnotify .notification.notification-danger .ui-pnotify-icon > span.fa-times {
	line-height: 47px;
}

.ui-pnotify .ui-pnotify-shadow {
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}

.ui-pnotify.ui-pnotify-no-icon .notification {
	padding-left: 15px;
}

.ui-pnotify .ui-pnotify-sharp {
	border-radius: 0;
}

body .ui-pnotify.icon-nb .notification .ui-pnotify-icon > span {
	border-color: transparent;
	border-radius: 0;
}

.ui-pnotify.stack-bar-top {
	right: 0;
	top: 0;
}

.ui-pnotify.stack-bar-top .notification {
	border-radius: 0;
}

.ui-pnotify.stack-bar-top .notification .ui-pnotify-icon > span {
	margin-top: 7px;
}

.ui-pnotify.stack-bar-bottom {
	bottom: 0;
	left: auto;
	margin-left: 15%;
	right: auto;
	top: auto;
}

.ui-pnotify.stack-bar-bottom .notification {
	border-radius: 0;
}

.ui-pnotify.stack-bar-bottom .notification .ui-pnotify-icon > span {
	margin-top: 9px;
}

.ui-pnotify.click-2-close {
	cursor: pointer;
}

/* Notification States */
.ui-pnotify .notification-primary {
	background: rgba(204, 204, 204, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-primary .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-primary, .ui-pnotify.stack-bar-bottom .notification-primary {
	background: #cccccc;
}

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
	background: rgba(204, 204, 204, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-primary .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-primary .notification-primary .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary, .ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
	background: #cccccc;
}

.ui-pnotify .notification-success {
	background: rgba(71, 164, 71, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-success .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-success, .ui-pnotify.stack-bar-bottom .notification-success {
	background: #47a447;
}

.ui-pnotify.notification-success .notification,
.ui-pnotify.notification-success .notification-success {
	background: rgba(71, 164, 71, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-success .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-success .notification-success .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-success.stack-bar-top .notification,
.ui-pnotify.notification-success.stack-bar-top .notification-success, .ui-pnotify.notification-success.stack-bar-bottom .notification,
.ui-pnotify.notification-success.stack-bar-bottom .notification-success {
	background: #47a447;
}

.ui-pnotify .notification-warning {
	background: rgba(237, 156, 40, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-warning .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-warning, .ui-pnotify.stack-bar-bottom .notification-warning {
	background: #ed9c28;
}

.ui-pnotify.notification-warning .notification,
.ui-pnotify.notification-warning .notification-warning {
	background: rgba(237, 156, 40, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-warning .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-warning .notification-warning .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-warning.stack-bar-top .notification,
.ui-pnotify.notification-warning.stack-bar-top .notification-warning, .ui-pnotify.notification-warning.stack-bar-bottom .notification,
.ui-pnotify.notification-warning.stack-bar-bottom .notification-warning {
	background: #ed9c28;
}

.ui-pnotify .notification-danger {
	background: rgba(210, 50, 45, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-danger .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-danger, .ui-pnotify.stack-bar-bottom .notification-danger {
	background: #d2322d;
}

.ui-pnotify.notification-danger .notification,
.ui-pnotify.notification-danger .notification-danger {
	background: rgba(210, 50, 45, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-danger .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-danger .notification-danger .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-danger.stack-bar-top .notification,
.ui-pnotify.notification-danger.stack-bar-top .notification-danger, .ui-pnotify.notification-danger.stack-bar-bottom .notification,
.ui-pnotify.notification-danger.stack-bar-bottom .notification-danger {
	background: #d2322d;
}

.ui-pnotify .notification-info {
	background: rgba(91, 192, 222, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-info .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-info, .ui-pnotify.stack-bar-bottom .notification-info {
	background: #5bc0de;
}

.ui-pnotify.notification-info .notification,
.ui-pnotify.notification-info .notification-info {
	background: rgba(91, 192, 222, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-info .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-info .notification-info .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-info.stack-bar-top .notification,
.ui-pnotify.notification-info.stack-bar-top .notification-info, .ui-pnotify.notification-info.stack-bar-bottom .notification,
.ui-pnotify.notification-info.stack-bar-bottom .notification-info {
	background: #5bc0de;
}

.ui-pnotify .notification-dark {
	background: rgba(23, 23, 23, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify .notification-dark .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.stack-bar-top .notification-dark, .ui-pnotify.stack-bar-bottom .notification-dark {
	background: #171717;
}

.ui-pnotify.notification-dark .notification,
.ui-pnotify.notification-dark .notification-dark {
	background: rgba(23, 23, 23, 0.95);
	color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-dark .notification .ui-pnotify-icon > span,
.ui-pnotify.notification-dark .notification-dark .ui-pnotify-icon > span {
	border-color: rgba(255, 255, 255, 0.7);
}

.ui-pnotify.notification-dark.stack-bar-top .notification,
.ui-pnotify.notification-dark.stack-bar-top .notification-dark, .ui-pnotify.notification-dark.stack-bar-bottom .notification,
.ui-pnotify.notification-dark.stack-bar-bottom .notification-dark {
	background: #171717;
}

/* Notification Responsive */
@media only screen and (max-width: 767px) {
	html > body > .ui-pnotify {
		bottom: auto !important;
		left: 0 !important;
		margin: 0 !important;
		right: 0 !important;
		top: 60px !important;
		width: auto !important;
	}

	html > body > .ui-pnotify .notification {
		border-radius: 0 !important;
		height: auto !important;
		position: static !important;
		width: 100%;
	}

	html > body > .ui-pnotify .notification .ui-pnotify-title,
	html > body > .ui-pnotify .notification .ui-pnotify-text {
		padding-right: 35px !important;
	}

	html > body > .ui-pnotify .notification .ui-pnotify-sticker {
		display: none !important;
	}

	html > body > .ui-pnotify .notification .ui-pnotify-closer {
		display: block !important;
		font-size: 24px !important;
		visibility: visible !important;
	}
}