/* CSS Document */

html {
	font: normal normal 12px/1.3em 'Raleway', 'Open Sans', Helvetica, Arial, sans-serif;
}

*, *:before, *:after {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: normal normal 13px/1.3em 'Open Sans', Helvetica, Arial, sans-serif;
	color: #615347;
	background-image: url("https://assets.greenbsn.com/gui/bd-admin.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
	overflow-x: hidden;
}

/* clearfix */
.c:before,.c:after {content: "";display: table;}
.c:after {clear: both;}
.c {zoom: 1;}

a, a:visited {
	text-decoration: none;
	color: #3a7b3f;
}
a:hover {
	text-decoration: none;
	color: #326532;
}

.clear{ clear: both;}
.left {float:left;}
.right{float:right;}

h1 {
	margin: 6px 0 8px;
	padding: 0;
	color: #3C5811;
	font: normal bold 36px/1.3em "Open Sans", Helvetica, Arial, san-serif;
	text-transform: uppercase;
}
h2 {
	margin: -5px 0 0 10px;
	padding: 0;
	color: #3C5811;
	font: 20px/1.3em "Open Sans", Helvetica, Arial, san-serif;
	text-transform: uppercase;
}
h3 {
	margin: 4px 0;
	padding: 0;
	color: #4B7316;
	font: normal 15px/1.3em "Open Sans", Helvetica, Arial, san-serif;
	text-transform: uppercase;
}
h4 {
	margin: 4px 0 6px;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}
h5 {
	margin: 4px 0;
	padding: 0;
	color: #4B7316;
	font-size:18px;
	font-weight: normal;
}
label {
	font-weight: normal;
}

/*Main*/
#main {
	width:100%;
	margin: 0px auto;
	padding:0px;
	min-height: 100%;
	height: auto !important;
}
#maincontent {
	width: 100%;
	margin: 0px auto;
	padding: 0 0 20px;
	color: #615347;
}

.badge {
	background-color: #4b9251;
	color: #d7d7b7;
	opacity: 1;
	transition: all .4s;
}
.badge:empty {
	display: inline-block;
	font-size: 0;
	height: 0;
	width: 0;
	padding: 0;
	opacity: 0;
}
.sidebar .badge {
	float: right;
	margin-right: -10px;
}

/* Header */
#header {
	width: 100%;
	position: fixed;
	background-color: rgba(245, 245, 220, 0.33);
	box-shadow: 0 0px 20px -3px rgba(0, 0, 0, 0.25);
	height: 55px;
	z-index: 2;
}
#header i {
	color: #615347;
	font-size: 22px;
	vertical-align: bottom;
}
#header .badge {
	margin-left: -3px;
}
.logo {
	margin: 5px 10px;
	display: inline-block;
}
.logo img {
	height: auto;
	width: 150px;
}
.logoutSwitch {
	position: fixed;
	top: 11px;
	right: 11px;
}
.logoutSwitch > a {
	background-image: url("gui/tile-switch.png");
	display: block;
	height: 32px;
	width: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	text-indent: -99999px;
}
.badges {
	position: fixed;
	top: 15px;
	right: 10px;
	min-width: 50%;
	text-align: right;
	line-height: 24px;
	color: #615347;
}
.badges .list-inline {
	display: inline-block;
	margin: 0 0 0 10px;
}
.badges .list-inline.datetime {
	float: left;
}
#editor .logoutSwitch {
	display: none;
}
.selectLang {
	/*position: fixed;*/
	/*top: 15px;*/
	/*right: 50px;*/
}
#editor .selectLang {
	display: none;
}


.headercontentwrap{
}

/*------------------------------------------Header left area*/
.pageTitle {
	padding: 19px 0 0 70px;
	display: inline-block;
	vertical-align: top;
}


/* Middle*/
#middle {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border-top: 1px solid green;
}
#sidebar {
	position: fixed;
	top: 55px;
	width: 230px;
	background-color: rgba(245, 245, 220, 0.25);
	bottom: 0;
	box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.25);
	padding-left: 0;
	padding-right: 0;
	z-index: 1;
}
.panel-nav{
	width: 230px;
	background-color: rgba(245, 245, 220, 0.5);
	border-right: 1px solid #DDDDDD;
	position: fixed;
	top: 55px;
	z-index: 1;
	bottom: 0;
}
.panel-content {
	margin: 75px 15px 30px 245px;
	text-align: left;
	/*color: rgb(57, 126, 64);*/
	color: #615347;
	max-width: 80%;
}
.panel-content small.greenID {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 -10px;
	text-align: right;
}
.nav-pills small.greenID:before {
	display: inline-block;
	height: 8px;
	width: 8px;
	margin: 1px 5px;
	border-radius: 50%;
	content: "";
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.nav-pills small.record-associate::before {
	background: none repeat scroll 0 0 rgba(217, 217, 0, 0.95);
}
.nav-pills small.record-customer::before {
	background: none repeat scroll 0 0 rgba(0, 133, 0, 0.50);
}
.nav-pills .mdi::before {
	font-size: 22px;
	line-height: 10px;
}
.nav-pills .fa::before {
	font-size: 20px;
}
h3 .mdi::before {
	font-size: 16px;
}
#editor .panel-content {
	margin: 70px auto 30px;
	max-width: 90%;
}
#editor #lang-string-editor {
	width: 100%;
}
.panel-right {
	width: 3px;
	float: right;
	position: fixed;
	right: 0;
	top: 55px;
	bottom: 0;
}


/* Footer */
#footer{
	position: fixed;
	bottom: 0;
	right: 0;
	height: 30px; margin:10px 0px 0px 0px;
	color: #adadad;
	background-color: transparent;
	z-index: 0;
	transition: all .5s ease-in;
	/*width: 330px;*/
	width: 100vw;
	font-size: 10px;
}
#footer.notice {
	border-bottom: 3px solid darkred;
	z-index: 5;
}
#footer.notice::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 1em;
	font-size: 1rem;
	color: darkred;
}
#footer.notice.devel::before {
	content: 'Development version';
}
#footer.notice.staging::before {
	content: 'Testing version';
}
#footer:hover {
	 color: #111;
 }
.footer-inner {
	position: absolute;
	bottom: 3px;
	right: 10px;
	margin: 0;
	padding: 0;
}
.footercontentbgleft{
}





/* aside navigation */
.navigationTitle {
	padding: 5px 0; font-weight: normal; color: #C59F0C; font-size: 14px; letter-spacing: 2px; text-transform: uppercase;
	text-indent: 10px;
	background-color: rgba(34, 32, 19, 0.79);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	position: relative;
}
.navigationTitle.franchise {
	background-color: rgba(57, 57, 46, 0.91);
	color: #90D642;
}
.navigationTitle.associate {
	background-color: #b56c00;
}
nav {
	margin: 0;
	padding: 0;
	bottom: 0;
	position: relative;
	top: 0;
}
nav ul {
	display: block;
	margin: 0;
	padding: 0;
}
nav li {
	display: block;
}
nav > ul > li {
	border-bottom: 1px solid #DDDDDD;
	text-indent: 10px;
	padding: 0;
	font-size: 14px;
	color: #43382F;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	text-transform: uppercase;
	position: relative;
	line-height: 1.5em;
}
nav > ul > li > span {
	display: block;
	cursor: pointer;
	padding: 10px 0;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: -1px;
	letter-spacing: 2px;
}
nav > ul > li > span.active {
	background-color: rgba(59, 126, 58, 0.88);
	color: #D7D7B7;
}
nav > ul > li > span .clicker {
	display: block;
	position: absolute;
	right: 12px;
	top: 11px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 50%;
	background-color: rgba(57, 126, 64, 0.25);
	background-image: url(gui/icon-go.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	transition: all 0.4s ease 0s;
}
nav > ul > li > span.active .clicker {
	background-image: url(gui/icon-minus.png);
	opacity: .57;
}
nav > ul > li > span:hover .clicker {
	background-color: rgba(57, 126, 64, 0.85);
}
#navigation .clicker {
}
nav li ul {
	/*overflow: hidden;*/
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
	display: none;
	/*border-top: 1px solid #CCCCCC;*/
}
nav li ul li {
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
}
.sidebar nav ul li.separator span {
	background: rgba(59, 126, 58, 0.15) none repeat scroll 0 0;
	display: block;
	height: 1px;
	margin: 0 10px;
}
.sidebar nav .fa {
	font-size: 18px;
	margin-left: -4px;
	opacity: 0.5;
}
.sidebar nav .material-icons {
	font-size: 20px;
	margin-left: -6px;
	opacity: 0.3;
	vertical-align: -15%;
	text-align: center;
	width: 1.28571em;
}
.sidebar nav .mdi::before {
	font-size: 20px;
	margin-left: -6px;
	opacity: 0.5;
	vertical-align: -15%;
	text-align: center;
	width: 1.28571em;
}
nav a {
	color: rgb(57, 126, 64);
	text-decoration: none;
	display: block;
	padding: 6px 0 5px 10px;
	text-indent: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	text-transform: uppercase;
}
nav a:hover {
	color: #113300;
	background-color: rgba(0, 0, 0, 0.10);
}
nav a.active {
	color: #113300;
	background-color: rgba(204, 204, 190, 0.33);
}
.plusImage {
	float: right;
	padding: 5px;
	cursor: pointer;
	background-color: rgba(57, 127, 64, 0.5);
}
.minusImage {
	float: right;
	margin-top: 3px;
	display: none;
	padding: 5px;
	cursor: pointer;
	background-color: rgba(57, 127, 64, 0.5);
}


#list {
	width: 100%;
}
.row.cards {
	display: flex;
	justify-content: space-evenly;
}
.panel-content .listing,
.panel-right .listing {
	padding: 20px 0 0;
	position: relative;
}
.panel-content .listing h3,
.panel-right .listing h3 {
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	color: #615347;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 5px 32px;
	border-bottom: 1px solid #A4BE9C;
}
.panel-content .page-printshop h3 {
	background-image: url("gui/tile-id-card.png");
}
.panel-content .page-db-export h3 {
	background-image: url("gui/tile-db-export.png");
}
.panel-content .page-db-import h3 {
	background-image: url("gui/tile-db-import.png");
}
.panel-content .page-levels h3 {
	background-image: url("gui/tile-finance.png");
}
.panel-content .page-user-migrate h3 {
	background-image: url("gui/tile-user-migrate.png");
}
.panel-content .page-associate h3 {
	background-image: url("gui/tile-user.png");
}
.panel-content .page-account h3 {
	background-image: url("gui/tile-account-box-outline.png");
}
.panel-content .page-associates h3 {
	background-image: url("gui/tile-users.png");
}
.panel-content .page-registrations h3 {
	background-image: url("gui/tile-users-add.png");
}
.panel-content .page-associate-tree h3 {
	background-image: url("gui/tile-foldertree.png");
}
.panel-content .page-create-bill h3 {
	background-image: url("gui/tile-cart-plus.png");
}
.panel-content .page-create-order h3 {
	background-image: url("gui/tile-cart-plus.png");
}
.panel-content .page-cancel-bill h3 {
	background-image: url("gui/tile-block.png");
}
.panel-content .page-create-invoice h3 {
	background-image: url("gui/tile-invoice2.png");
}
.panel-content .page-franchise h3 {
	background-image: url("gui/tile-location.png");
}
.panel-content .page-collections h3 {
	background-image: url("gui/tile-collections.png");
}
.panel-content .page-franchise-to h3 {
	background-image: url("gui/tile-franchises.png");
}
.panel-content .page-orders h3 {
	background-image: url("gui/tile-cart.png");
}
.panel-content .page-points h3 {
	background-image: url("gui/tile-speedometer.png");
}
.panel-content .page-products h3 {
	background-image: url("gui/tile-barcode.png");
}
.panel-content .page-currency h3 {
	background-image: url("gui/tile-currency.png");
}
.panel-content .page-wallet h3 {
	background-image: url("gui/tile-wallet.png");
}
.panel-content .page-cashback h3 {
	background-image: url("gui/tile-cashback.png");
}
.panel-content .page-revenue h3 {
	background-image: url("gui/tile-payment-revenue.png");
}
.panel-content .page-country h3 {
	background-image: url("gui/tile-earth.png");
}
.panel-content .page-agency h3 {
	background-image: url("gui/tile-agency.png");
}
.panel-content .page-langs h3 {
	background-image: url("gui/tile-langs.png");
}
.panel-content .page-percentage h3 {
	background-image: url("gui/tile-gauge.png");
}
.panel-content .page-password h3 {
	background-image: url("gui/tile-password-reset.png");
}
.panel-content .page-presents h3 {
	background-image: url("gui/tile-gift.png");
}
.panel-content .page-stats h3 {
	background-image: url("gui/tile-bars.png");
}
.panel-content .page-invoice h3 {
	background-image: url("gui/tile-invoice1.png");
}
.panel-content .page-salary h3 {
	background-image: url("gui/tile-salary.png");
}
.panel-content .page-settings h3 {
	background-image: url("gui/tile-settings.png");
}
.panel-content .page-turnover h3 {
	background-image: url("gui/tile-chart-line.png");
}

.modal-content .modal-header h3 {
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	color: #615347;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 5px 32px;
}
.modal-content .page-order-redate h3 {
	background-image: url("gui/tile-redate.png");
}
.modal-content .page-withdraw h3 {
	background-image: url("gui/tile-withdraw.png");
}
.modal-content .page-settings h3 {
	background-image: url("gui/tile-settings.png");
}
.modal-content .tab-pane {
	padding-top: 10px;
}
.modal-content .form-group.row {
	margin-bottom: 5px;
}

.modal-content .nav > li > a {
	color: #615347;
	background-color: transparent;
	transition: all .2s;
	opacity: 0.5;
}
.modal-content .nav > li.active > a {
	color: #615347;
	background-color: transparent;
	transition: all .2s;
	opacity: 1;
}
.modal-content .nav > li > a:hover,
.modal-content .nav > li > a:focus {
	color: #615347;
	background-color: transparent;
	opacity: 1;
}

.modal-content .nav > li small.greenID {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 -10px;
	text-align: right;
}
.modal-content .vcard img.avatar {
	margin: 0 10px 10px 0;
}
.modal-content .vcard .contact {
	border: medium none;
}
.modal-content .vcard.row {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 auto;
	padding: 20px 0;
}
.modal-content .order-dates {
	display: flex;
	align-items: stretch;
}
.modal-content .order-details {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.modal-content .order-details p {
	display: flex;
	justify-content: space-between;
}
.modal-content .datetime-picker {
	text-align: right;
}

.modal-content .report {
	display: none;
}
.modal-content .control-label {
	height: 30px;
	line-height: 32px;
	margin: 0;
}
.modal-content .modal-balance {
	font-size: 14px;
	margin-right: 1.4em;
	cursor: pointer;
}
.modal-content .modal-currency {
	font-size: 14px;
}
.create .input-group {
	display: inline-block;
	width: 330px;
}
.create .input-group input:first-child {
	width: 290px;
	border-right: 1px solid #DED0C4;
}
.create .input-group-addon:last-child {
	height: 31px;
	border: 1px solid #C7B9AD;
	border-left: none;
}
.input-group-addon.modal-clear {
	background: transparent none repeat scroll 0 0;
	cursor: pointer;
}
.modal-content .cmd-print {
	display: inline-block;
	height: 32px;
	width: 32px;
	background-image: url("/styles/gui/tile-print.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px auto;
	opacity: 0;
}
.modal-content #delivery-details {
	display: none;
}
.modal-content #date-completed,
.modal-content #date-processed {
	cursor: pointer;
}
.modal-footer.order-redate-footer {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.modal-footer.order-redate-footer > div {
	text-align: left;
}
.modal-footer.order-redate-footer > div:first-child {
	width: 12%;
}
.modal-footer.order-redate-footer > div:nth-child(2) {
	width: 38%;
	align-self: center;
}
.modal-footer.order-redate-footer > div:last-child {
	width: 50%;
	text-align: right;
}
.modal-footer.order-redate-footer label {
	cursor: pointer;
}

.list-commands .cmd,
.controls-bottom .cmd {
	display: inline-block;
	background-position: 0 1px;
	background-repeat: no-repeat;
	background-size: 16px auto;
	padding: 0 0 0 20px;
	cursor: pointer;
	/*
	border: 1px solid rgba(47, 186, 70, 0.80);
	*/
}
.controls-bottom input[type="submit"],
.controls-bottom input[type="button"],
.controls-bottom input[type="reset"],
.controls-bottom button {
	line-height: 20px;
	padding: 6px 21px 5px;
}
.list-commands .cmd span {
	display: block;
}
.list-commands .cmd-search {
	display: none;
}
.dataTable td .cmd {
	display: inline-block;
	height: 16px;
	width: 20px;
	padding: 0;
	/*background-image: url(gui/tile-view.png);*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-blend-mode: normal;
	opacity: .75;
	cursor: pointer;
	position: relative;
}
.dataTable td .cmd.cmd-blank {
	cursor: default;
}
.dataTable td .cmd > span {
	display: block;
	height: 100%;
	min-width: 20px;
	position: absolute;
	text-align: center;
	width: 100%;
}
.dataTable tr:hover .cmd {
	opacity: 1;
}
.dataTable td.icon:not(:empty) {
	cursor: help;
}
.dataTable td.icon .cmd {
	cursor: help;
}
.cmd-customer {
	background-image: url("gui/tile-barcode.png");
	background-size: 12px auto;
}
.cmd-associate {
	background-image: url("gui/tile-gauge.png");
	background-size: 12px auto;
}
.cmd-advance {
	background-image: url("gui/tile-gauge.png");
	background-size: 12px auto;
}
.cmd-list {
	background-image: url("gui/tile-list.png");
}
.cmd-go {
	background-image: url("gui/tile-next.png");
}
.cmd-confirm {
	background-image: url("gui/tile-ok.png");
}
.cmd-view {
	background-image: url("gui/tile-view.png");
}
.cmd-edit {
	background-image: url("gui/tile-edit.png");
}
.cmd-textedit {
	background-image: url("gui/tile-textedit.png");
}
.cmd-delete {
	background-image: url("gui/tile-trash.png");
}
.cmd-cancel {
	background-image: url("gui/tile-block.png");
}
.cmd-block,
.cmd-deactivate{
	background-image: url("gui/tile-block.png");
}
.cmd-unblock,
.cmd-activate {
	background-image: url("gui/tile-unblock.png");
}
.cmd-bill {
	background-image: url("gui/tile-invoice-new.png");
}
.cmd-checkout {
	background-image: url("gui/tile-checkout2.png");
}
.cmd-shop {
	background-image: url("gui/tile-cart-plus.png");
}
.cmd-draw {
	background-image: url("gui/tile-withdraw.png");
}
.cmd-settings {
	background-image: url("gui/tile-settings.png");
}
.cmd-notes {
	background-image: url("gui/tile-comment.png");
}
.cmd-floater {
	opacity: 0 !important;
	float: right;
	margin-right: -3px;
	/*height: 12px !important;*/
	/*width: 12px !important;*/
	/*background-size: 12px !important;*/
}
.cmd-cal-edit {
	background-image: url("gui/tile-calendar-edit.png");
}
.dataTable tr td .cmd-floater {
	position: absolute;
	right: 3px;
	z-index: 10;
}
.dataTable tr:hover td .cmd-floater {
	opacity: .35 !important;
}
.dataTable tr td:hover .cmd-floater {
	opacity: 1 !important;
	transition: opacity .5s;
}
.dataTable td .cmd-signup {
	background-size: 14px;
}
.dataTable td .cmd-signup.cmd-customer {
	box-shadow: 0 -3px 2px -2px rgba(0, 133, 0, 0.95) inset;
}
.dataTable td .cmd-signup.cmd-associate {
	box-shadow: 0 -3px 2px -2px rgba(218, 218, 12, 0.95) inset;
}

#main .dataTable tbody td.icon.notes:hover:before {
/*	display: block;
	position: absolute;
	top: 0;
	right: -25px;
	width: 10px;
	height: 0;
	margin-right: 40px;
	margin-top: 13px;
	white-space: pre;
	background-color: #F5F5F5;
	border: 5px solid #C7B9AD;
	content: "";
	padding: 0;
	border-radius: 3px;
	overflow: hidden;
	z-index: 1;*/
}
#main .dataTable tbody td.icon.notes:not(:empty)::after {
	position: absolute;
	top: 0;
	right: 30px;
	max-width: 190px;
	min-height: 20px;
	min-width: 200px;
	display: none;
	margin-top: -5px;
	content: attr(data-notes) "\a ";
	text-align: left;
	font-style: normal;
	font-weight: normal;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	background-position: right 7px;
	background-repeat: no-repeat;
	background-size: 24px auto;
	border: 2px solid rgba(199, 185, 173, 0.58);
	border-radius: 3px;
	box-shadow: 1px 0 10px -6px rgba(0, 0, 0, 0.55);
	box-sizing: content-box;
	opacity: 0;
	overflow: hidden;
	padding: 10px 10px 5px;
	z-index: 2;
}
#main .dataTable tbody td.icon.notes:not(:empty):hover::after {
	padding: 10px 15px;
	opacity: 1;
	display: inline-block;
}
#main .dataTable tbody tr:last-child td.icon.notes:not(:empty):hover::after {
	top: auto;
	bottom: 5px;
}
#main .dataTable tbody tr:nth-last-child(2) td.icon.notes:not(:empty):hover::after {
}


#list img {border: none;}
#list a {text-decoration: none;
}
#main .dataTable {
	text-align: left;
	width: 100%;
	border: 1px solid #C7B9AD;
	border-collapse: separate;
	overflow: hidden;
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.2);
}
.dataTable tr:nth-child(even) {
	background-color: #FFFFFF;
}
.dataTable tr:nth-child(odd) {
	background-color: #FFFBE4;
}
.dataTable tr:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.20);
}
#main .dataTable tbody tr.selected {
	background-color: #b2d3ab;
}
#main .dataTable tbody tr.selected > .sorting_1 {
	background-color: rgba(167, 205, 159, 0.98);
}
#main .dataTable th {
	padding-left: 5px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #4B9251;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.50);
	font-weight: normal;
	text-transform: uppercase;
	box-shadow: 2px 0 1px -2px rgba(0, 0, 0, 0.20);
	position: relative;
	font-size: 12px;
}
#main .dataTable th:hover {
	color: #d7d7b7;
}
#main .dataTable td {
	padding: 8px 5px;
	position: relative;
	font-size: 12px;
}
#main .dataTable td:first-child,
#main .dataTable th:first-child{
}
#main .dataTable td:last-child, .dataTable th:last-child {
	max-width: 6em !important;
	width: auto;
	text-align: right;
}
#main .dataTable a {color: #FFFFFF;
}

#files {text-align: left;}

#tree {
}
#lineView {
	margin-left: 15px;
}
#treeView {
    margin-top: 5px;
    margin-left: 5px;
}

#associateActions {
    margin-top: 20px;
}

#actions {
    text-align: left;
    margin-top: 5px;
}

#actions input {
    margin-left: 10px;
}

#associatePoints {
    margin-top: 20px;
}

#points {
    text-align: left;
    margin-top: 5px;
}
/*  R I G H T   P A N E L  */
.panel-right > *:first-child {
	margin-top: 100px;
}

/* C O N T E N T */

/* M E S S A G E S */
.message {
	display: block;
	position: fixed;
	right: 200px;
	top: -1px;
	margin: 10px auto 0;
	padding: 0 32px;
	font-size: 13px;
	line-height: 32px;
	text-shadow: 0 1px 0 rgba(77, 44, 7, 0.5);
	color: darkred;
	border: 1px solid transparent;
	border-radius: 5px;
	z-index: 5;
	box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.5);
}
.message.error {
	border-color: #D21811;
	background-color: rgba(194, 30, 25, 0.66);
	color: #FFFFFF;
}
.message.warning {
	border-color: #F48E0B;
	background-color: rgba(181, 108, 0, 0.41);
	color: #FFFFFF;
	text-shadow: 0 1px 0 rgba(77, 44, 7, 0.5);
}
.message.notice {
	border-color: goldenrod;
	color: goldenrod;
}
.message.info {
	border-color: #00A1CD;
	background-color: rgba(0, 44, 71, 0.43);
	color: #FFFFFF;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.50);
}
.message.success {
	border-color: #4B9251;
	background-color: rgba(29, 119, 37, 0.54);
	color: #FFFFFF;
}

/* dashboard */
.dashboard {
	display: block;
}
.summary.mini-stat th, .summary.mini-stat td {
	padding: 4px 10px;
	max-width: 120px;
	font-size: 14px;
	color: #615347;
	font-variant: small-caps;
	font-weight: normal;
	text-transform: lowercase;
}
.summary.mini-stat td {
	font-size: 20px;
}
.clocks {
	height: 150px;
	padding: 25px 25px;
	position: relative;
	width: 150px;
	display: inline-block;
}
.clocks:hover {
	background-color: beige;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(63, 105, 30, 0.33);
}
.clocks canvas {
	border-radius: 50%;
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.17), 0 0 12px 0 rgba(0, 0, 0, 0.32);
	opacity: 0.7;
}
.clocks canvas:hover,
.clocks canvas:focus {
	opacity: 1;
}
.jinn-tile {
	position: relative;
	display: inline-block;
	transition: all .5s;
	vertical-align: middle;
	min-height: 150px;
}
.jinn-tile:hover {
	background-color: rgba(245, 245, 220, 0.26);
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(63, 105, 30, 0.33);
}
.jinn-tile .number-of {
	font-size: 20px;
	line-height: 28px;
	display: block;
}
.jinn-tile-small {
	text-align: center;
	vertical-align: middle;
	width: 150px;
}
.jinn-tile .mini-stat {
	display: block;
	padding: 2px 5px;
	width: 100%;
	text-align: right;
}
.jinn-tile .string {
	display: table-cell;
	text-align: left;
	font-variant: small-caps;
	height: 30px;
	max-width: 50%;
	vertical-align: bottom;
}
.jinn-tile .count {
	display: table-cell;
	font-size: 20px;
	text-align: right;
	width: 50%;
	 vertical-align: middle;
 }
.startupTile {
	float: left;
	padding: 0;
	text-align: center;
	width: auto;
	cursor: pointer;
}
.jinn-tile:hover,
.startupTile:hover {
	background-color: rgba(245, 245, 220, 0.26);
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(63, 105, 30, 0.13);
}
.jinn-tile .startupIcon {
	background-image: none;
	display: inline-block;
	margin: 0;
	max-width: 150px;
	min-height: 150px;
	padding: 0px;
	transition: all 0.25s ease 0s;
	height: 150px;
	position: relative;
	width: 150px;
}
.jinn-tile:hover .startupIcon {
	font-size: 130%;
}
.startupIcon .jinn-icon,
.startupIcon img {
	height: 48px;
	margin: 20px 43px 0;
	opacity: 0.5;
	padding: 8px;
	width: 48px;
	box-sizing: content-box;
	background-image: url("gui/tile-linux.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 48px auto;
	display: inline-block;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
.startupIcon:hover .jinn-icon,
.startupIcon:hover img {
	opacity: 1;
}
.startupIcon span.jinn-name {
	display: block;
	margin: 0 15px 10px;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}

.jinn-tile-mini {
	min-height: 30px;
}
.jinn-tile-mini .jinn-icon,
.jinn-tile-mini img {
	height: 24px;
	margin: 0;
	opacity: 0.5;
	padding: 0;
	width: 24px;
	box-sizing: content-box;
	background-image: url("gui/tile-linux.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	display: inline-block;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
.startupIcon span.jinn-name {
	display: block;
	margin: 0 auto 10px;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}
.startupIcon span.jinn-value {
	position: absolute;
	text-shadow: 2px 2px 0 rgba(245, 245, 220, 0.50), -2px -2px 0 rgba(245, 245, 220, 0.50), 2px -2px 0 rgba(245, 245, 220, 0.50), -2px 2px 0 rgba(245, 245, 220, 0.50);
	top: 80px;
	width: 100%;
	z-index: 1;
}

#jinn-registrants .jinn-icon {
	background-image: url("gui/tile-users-add.png");
}
#jinn-orders .jinn-icon {
	background-image: url("gui/tile-cart-new.png");
}
#jinn-wallet .jinn-icon {
	background-image: url("gui/tile-wallet.png");
}
#jinn-gifts .jinn-icon {
	background-image: url("gui/tile-gift.png");
}
#jinn-new-ass .jinn-icon {
	background-image: url("gui/tile-user-add.png");
}
#jinn-bill .jinn-icon {
	background-image: url("gui/tile-invoice.png");
}
#jinn-bill-new .jinn-icon {
	background-image: url("gui/tile-invoice-new.png");
}
#jinn-order-new .jinn-icon {
	background-image: url("gui/tile-cart-plus.png");
}
#jinn-stats .jinn-icon {
	background-image: url("gui/tile-stats.png");
}
#jinn-members .jinn-icon {
	background-image: url("gui/tile-users.png");
}
#jinn-franchises .jinn-icon {
	background-image: url("gui/tile-location.png");
}
#jinn-countires .jinn-icon {
	background-image: url("gui/tile-earth.png");
}
#jinn-collections .jinn-icon {
	background-image: url("gui/tile-collections.png");
}
#jinn-products .jinn-icon {
	background-image: url("gui/tile-barcode.png");
}
#jinn-levels .jinn-icon {
	background-image: url("gui/tile-gauge.png");
}
#jinn-currency .jinn-icon {
	background-image: url("gui/tile-currency.png");
}
#jinn-langs .jinn-icon {
	background-image: url("gui/tile-langs.png");
}
.jinn-tile .badge {
	float: right;
	margin-right: -20px;
	font-size: 22px;
	text-align: right;
	color: #615347;
	border-radius: 50%;
	background-color: beige;
	border: 2px solid #4b9251;
}


.dataTable tr:nth-child(2n+1) {
	background-color: #EEFFE4;

}
.user-chooser {
	width: 330px;
	margin-top: 0 !important;
	padding-top: 20px;
}
/* select2 overrides */
#header .select2-container .select2-choice {
	height: 24px;
	line-height: 24px;
	background-color: transparent;
	background-image: none;
	border: none;
	min-width: 85px;
	font-size: 14px;
	font-variant: small-caps;
	text-transform: uppercase;
}
#header .select2-container .select2-choice div b {
	background-position: 0px -2px;
}
#header .select2-dropdown-open .select2-choice div b {
	background-position: -18px -2px;
}
#header .select2-container .select2-choice .select2-arrow b {
	background: url("gui/select2.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0);
	display: block;
	height: 100%;
	width: 100%;
}
#header .select2-search {
	height: 20px !important;
	min-height: 20px !important;
}
#header .select2-search input {
	height: 20px !important;
	min-height: 20px !important;
	padding: 1px 20px 1px 5px !important;
	font-size: 9px;
}
#header .select2-container .select2-choice .select2-arrow {
	border-left: 1px solid #C7B9AD;
	border-radius: 0 4px 4px 0;
	display: inline-block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
	background: none;
}
#header .select2-container .select2-choice .flag {
	display: inline-block;
	float: left;
	margin: 7px 4px 0;
}
#header .select2-container:hover {
	box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.15);
}
.select2-drop {
	width: auto;
	background-color: rgba(249, 249, 249, 0.75);
	font-size: 13px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.select2-drop.lang-switch {
	background-color: beige;
	font-size: 11px;
	border: none;
	border-radius: 0;
	box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.25),
	0 0 0 1px rgba(0, 0, 0, 0.10);
	min-width: 12em;
}
.select2-products .select2-result-label {
	/*min-height: 40px;*/
}
.select2-result-label .record {
	white-space: nowrap;
}
.select2-products .record {
	min-height: 1em;
	display: flex;
	align-items: center;
}
.select2-products .select2-results-dept-0 .select2-result-label {
	min-height: 2em;
}
.select2-products .select2-results-dept-1 .select2-result-label {
	padding-left: 0;
}
.record .icon {
	/* clear: left; */
	display: inline-block;
	/* float: left; */
	margin: 0 5px 0 0;
}
.select2-container-multi .select2-choices {
	background-color: transparent;
	background-image: none;
	border: none;
	cursor: text;
	height: auto !important;
	margin: 0;
	overflow: hidden;
	padding: 0 5px 0 0;
	position: relative;
}
.select2-container-multi .select2-choices .select2-search-field input {
	background-image: url("gui/tile-franchises.png");
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 16px auto;
	box-shadow: none;
	color: #615347 !important;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	margin: 0;
	min-width: 100px;
	max-width: 150px;
	outline: 0 none;
	padding: 3px 5px 0px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
}
.select2-container.select2-container-multi.select2-dropdown-open {
	outline: medium none;
	border: medium none !important;
}
.select2-container-multi.select2-container-active .select2-choices {
	border: none;
	box-shadow: none;
	outline: medium none;
}
.select2-container-multi .select2-choices .select2-search-choice > div {
	padding: 2px 0 0;
}
.select2-container-multi .select2-choices .select2-search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	background-image: url("gui/tile-location.png");
	background-repeat: no-repeat;
	background-position: 5px 8px;
	background-size: 16px auto;
	line-height: 28px;
	text-indent: 18px;
	max-width: 150px;
}
.table-trigger {
	/*margin: 6px 0 -38px;*/
	min-width: 200px;
	position: relative;
	z-index: 1;
	float: left;
}
.table-trigger select {
	min-width: 250px;
}
.date-picker {
	margin: 0px 0 0;
	position: relative;
	z-index: 5;
	display: inline-block;
	float: left;
	width: auto;
	cursor: pointer;
}
.table-trigger .date-picker {
}
.date-picker .date-range {
	border: 1px solid #C7B9AD;
	border-radius: 5px;
	font-size: 12.3px;
	padding: 0 0 0 20px;
	text-align: center;
	height: 29px;
	background-color: rgba(249, 249, 249, 0.50);
	cursor: pointer;
	position: relative;
	background-image: url("gui/tile-calendar-day.png");
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 20px;
	transition: all .5s ease-in;
	line-height: 30px;
}
.date-picker .date-range:focus,
.date-picker:hover .date-range {
	opacity: 1;
}
.date-picker label:first-child {
	display: inline-block;
	margin-right: 0.5em;
	font-size: 13px;
}
/* datatables overrides */
.dataTables_wrapper {
	/*overflow-x: hidden;*/
}
.dataTables_wrapper .dataTables_processing {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	font-size: 2em;
	height: 60px;
	left: 50%;
	margin-left: -50%;
	margin-top: -25px;
	padding-top: 20px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	box-shadow: 0 0 100px 100px rgba(0, 0, 0, 0.2);
	color: #FFFFFF !important;
	line-height: 100%;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	color: inherit;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	border: 1px solid transparent;
	box-sizing: border-box;
	color: inherit !important;
	cursor: pointer;
	display: inline-block;
	margin-left: 2px;
	min-width: 1.5em;
	padding: 0.5em 1em;
	text-transform: lowercase;
	text-align: center;
	text-decoration: none !important;
	font-variant: small-caps;
}
.dataTables_wrapper .dataTables_info {
	clear: both;
	float: left;
	padding: 1em 0 0 5px;
}
.dataTables_wrapper .dataTables_info .select-info {
	margin-left: 20px;
}
.dataTables_wrapper .dataTables_length {
	float: right;
	padding: 0;
	margin: 7px 0 2px;
}
.dataTables_wrapper .dataTables_length > label {
	line-height: 28px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.dataTables_wrapper .dataTables_length select {
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	font-size: 14px;
	padding: 2px 2px;
	/*border: 1px solid #999;*/
}
.dataTables_length .select2-container .select2-choice {
	width: 5em;
	margin: 0px 0 0;
	padding: 2px 5px;
	font: normal normal 14px/24px "Open Sans", Helvetica, Arial, sans-serif;
	height: 28px;
	text-align: right;
	background-color: rgba(249, 249, 249, 0.66);
	background-image: none;
	color: #615347;
	border: 1px solid #C7B9AD;
	border-radius: 5px;
	opacity: 0.5;
	transition: all 0.5s ease-in;
}
.dataTables_length .select2-container .select2-choice:hover {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
}
.dataTables_length .select2-container .select2-choice .select2-arrow {
	background: none;
	border: none;
}
.dataTables_wrapper:hover .dataTables_length .select2-container .select2-choice {
	opacity: 0.90;
}
.dataTables_wrapper .dataTables_filter {
	padding: 2px 2px;
	margin: 5px 0 0;
	position: absolute;
	right: 70px;
	top: 1px;
	z-index: 5;
}
.dataTables_wrapper .dataTables_filter > label {
	line-height: 28px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.dataTables_wrapper .dataTables_filter input {
	width: 28px;
	margin: 0px 2px 0px;
	padding: 3px 5px;
	border: 1px solid #C7B9AD;
	border-radius: 5px;
	font: 14px "Open Sans", Helvetica, Arial, sans-serif;
	background-color: rgba(249, 249, 249, 0.50);
	background-image: url("/styles/gui/tile-search.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	opacity: 0.50;
	z-index: 6;
	transition: all 0.5s ease-in;
}
.dataTables_wrapper .dataTables_filter input:hover {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
	opacity: 0.90;
	transition-duration: .2s;
}
.dataTables_wrapper .dataTables_filter input.active {
	width: auto;
}
.dataTables_wrapper .dataTables_filter input:focus {
	width: 155px;
	opacity: 1;
	cursor: text;
	box-shadow: 0 0 0 1px rgba(58, 123, 63, 0.25);
}
.dataTables_wrapper .dataTables_filter input:focus-visible {
	outline: none;
}
.dataTables_wrapper:hover .dataTables_filter input {
	opacity: 0.90;
}
.dataTables_wrapper .dataTables_filter input:not(empty) {
	cursor: text;
	/*width: 200px;*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(136, 136, 136, 0.27) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #cccccc;
	color: darkgreen !important;
	border-radius: 5px;
}
.dataTable span.origin-user {
	background-image: url("gui/tile-user.png");
	opacity: .5;
}
.dataTable span.origin-advisor {
	background-image: url("gui/tile-kb.png");
	opacity: .5;
}
.dataTable span.origin-office {
	background-image: url("gui/tile-location.png");
	opacity: .5;
}
.dataTable span.origin-admin {
	background-image: url("gui/tile-shield.png");
	/*background-size: 14px auto;*/
	opacity: .5;
}
.dataTable span.origin-website {
	background-image: url("gui/tile-globe.png");
	opacity: .5;
}
.dataTable .status-unread {
	font-weight: 600;
}
.dataTable .status-opened {
	font-weight: 500;
}
.dataTable .status-confirmed {
	/*font-style: italic;*/
}
.dataTable .status-confirmed .status::after {
/*	content: "✔";
	position: relative;
	right: -4px;
	font-style: normal;
	opacity: .75;*/
}
.dataTable .status-confirmed .orderID::before {
	content: "✔";
	position: relative;
	left: -4px;
	font-style: normal;
	opacity: .75;
}
.dataTable .status-confirmed:hover .orderID::before {
	opacity: 1;
	color: darkgreen;
}
.dataTable .status-void,
.dataTable .status-canceled {
	color: #888888;
	text-decoration: line-through;
	transition: all .4s;
}
.dataTable .status-void td:after,
.dataTable .status-canceled td:after {
	opacity: .5;
}
.dataTable .status-void:hover,
.dataTable .status-canceled:hover {
	color: darkred;
	text-decoration: none;
	border-bottom: darkred;
}
.dataTable .status-void:hover, td:after,
.dataTable .status-canceled:hover td:after {
	opacity: 1;
}
.dataTable .status-void .orderID::before,
.dataTable .status-canceled .orderID::before {
	content: "✘";
	/*content: "\u2718";*/
	position: relative;
	right: 5px;
	font-weight: bold;
	opacity: .75;
}
.dataTable .status-void .status::after,
.dataTable .status-canceled .status::after {
/*	content: "✘";
	position: relative;
	right: -5px;
	font-weight: bold;
	opacity: .75;*/
}
/*
.dataTable .status-void:hover .orderID::before,
.dataTable .status-canceled:hover .orderID::before {
	content: "x";
	position: relative;
	right: 5px;
	font-weight: bold;
	opacity: .75;
	color: darkred;
}*/
.dataTable tr:hover  {
	font-style: normal;
}
.dataTable tr:hover .status {
	font-weight: bold;
}
.dataTable .status-void:hover .status,
.dataTable .status-canceled:hover .status {
	font-weight: bold;
}
.dataTable .payment {
	position: relative;
}
.dataTable .payment:after {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	border-radius: 5px;
	content: "";
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	right: 3px;
}
.dataTable  .cmd.payment-cash {
	background-image: url("gui/tile-payment-cash.png");
}
.dataTable .cmd.payment-cheque {
	background-image: url("gui/tile-payment-cheque.png");
}
.dataTable .cmd.payment-bank {
	background-image: url("gui/tile-payment-bank.png");
}
.dataTable .cmd.payment-revenue {
	background-image: url("gui/tile-payment-revenue.png");
}
.dataTable .cmd.payment-wallet{
	background-image: url("gui/tile-payment-wallet.png");
}
.dataTable .record-inactive {
	color: #c7b9ad;
}
.dataTable .record-inactive:hover {
	color: #A29489;
}
.dataTable .record-unqualified {
	color: #97897F;
}
.dataTable .record-unqualified:hover {
	color: #80736C;
}
.record-active .percPoints:before,
.record-active .currName:before,
.record-active .langName:before,
.record-active .countryName:before,
.record-active .franchiseName:before,
.record-active .productName:before {
	background: none repeat scroll 0 0 rgba(153, 217, 0, 0.35);
	border-radius: 50%;
	content: "";
	display: block;
	height: 8px;
	margin-left: -17px;
	margin-top: 5px;
	position: absolute;
	width: 8px;
}
.record-active:hover .percPoints:before,
.record-active:hover .currName:before,
.record-active:hover .langName:before,
.record-active:hover .countryName:before,
.record-active:hover .franchiseName:before,
.record-active:hover .productName:before {
	background: none repeat scroll 0 0 rgba(153, 217, 0, 0.95);
}
.record-inactive .percPoints:before,
.record-inactive .currName:before,
.record-inactive .langName:before,
.record-inactive .countryName:before,
.record-inactive .franchiseName:before,
.record-inactive .productName:before {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	content: "";
	display: block;
	height: 8px;
	margin-left: -17px;
	margin-top: 5px;
	position: absolute;
	width: 8px;
}
.record-inactive:hover .percPoints:before,
.record-inactive:hover .currName:before,
.record-inactive:hover .langName:before,
.record-inactive:hover .countryName:before,
.record-inactive:hover .franchiseName:before,
.record-inactive:hover .productName:before {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
.record-associate .regID:after,
.record-associate .greenID:after {
	background: none repeat scroll 0 0 rgba(217, 217, 0, 0.50);
	border-radius: 50%;
	content: "";
	display: inline-block;
	position: absolute;
	width: 8px;
	height: 8px;
	margin-left: 5px;
	margin-top: 5px;
}
.record-associate:hover .regID:after,
.record-associate:hover .greenID:after {
	background: none repeat scroll 0 0 rgba(217, 217, 0, 0.95);
}
.record-customer .regID:after,
.record-customer .greenID:after {
	background: none repeat scroll 0 0 rgba(0, 133, 0, 0.50);
	border-radius: 50%;
	content: "";
	display: inline-block;
	position: absolute;
	width: 8px;
	height: 8px;
	margin-left: 5px;
	margin-top: 5px;
}
.record-customer:hover .regID:after,
.record-customer:hover .greenID:after {
	background: none repeat scroll 0 0 rgba(0, 133, 0, 0.95);
}
.dataTable .cell-nums {
	text-align: right;
}
.dataTable .cell-text {
	text-align: left;
}
.fa.fa-circle.record-associate {
	color: rgba(217, 217, 0, 0.95);
}
.fa.fa-circle.record-customer {
	color: rgba(0, 133, 0, 0.95);
}
.user-info-left .text-center {
	background-color: rgba(255, 255, 255, 0.39);
	padding: 10px;
	margin-left: -9px;
}
.user-info-left .img.avatar {
	border-radius: 50%;
}
.user-info-left h4 {
	margin: 10px auto 15px;
}
/* siteos ips form elements */
.create .required:after {
	content: "*";
	color: #D92A1A;
	display: inline-block;
	font-size: small;
	text-indent: 2px;
}
.create {
	margin-top: 20px;
	min-width: 250px;
	font-size: 13px;
}
.create > div {
	display: block;
	position: relative;
	min-height: 36px;
	vertical-align: top;
	/*max-width: 540px;*/
}
.create input {
	display: inline-block;
}
.create label {
	display: inline-block;
	font-size: 14px;
	color: #615347;
	font-variant: small-caps;
}
.create label:first-child,
.create > div > span:first-child {
	display: inline-block;
	font-size: 14px;
	min-width: 200px;
	width: 200px;
	line-height: 1.3em;
	margin-top: 5px;
	vertical-align: top;
}
input.text,
input[type="text"],
input[type="password"],
textarea,
select,
.select2-container .select2-choice {
	height: 31px;
	font: normal normal all-small-caps 14px/1.3em "Open Sans", Helvetica, Arial, sans-serif;
	line-height: 30px;
	color: #615347;
	background-color: rgba(249, 249, 249, 0.5);
	border: 1px solid #CCCCCC;
	/*margin-bottom: 10px;*/
	padding: 2px 5px;
	border-radius: 5px;
	/*vertical-align: top;*/
}
input.unit,
select.unit,
.select2-container.unit .select2-choice {
	/*width: 94px !important;*/
	text-align: right;
}
input.mini,
select.mini,
.select2-container.mini .select2-choice {
	/*width: 94px !important;*/
	text-align: right;
}
.create input.text,
.create input[type=text],
.create input[type=password],
.create textarea,
.create select,
.create .select2-container .select2-choice,
.dataTables_length .select2-container .select2-choice,
.table-trigger .select2-container .select2-choice {
	width: 330px;
	font: normal normal 16px/1.3em "Open Sans", Helvetica, Arial, sans-serif;;
	color: #615347;
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 2px 5px;
	border-radius: 5px;
}
.create input.text:focus,
.create input[type=text]:focus,
.create input[type=password]:focus,
.create textarea:focus,
.create select:focus {
	box-shadow: 0 0 3px rgba(0,0,32,0.2);
}
.create input.text,
.create input[type=text],
.create input[type=password] {
	height: 32px;
}
form label.error {
	background-color: rgba(139, 0, 0, 0.44);
	border-radius: 4px;
	color: white;
	display: inline-block;
	font-size: 12px;
	font-variant: normal;
	line-height: 24px;
	margin: 0 0 0 5px;
	padding: 0 5px;
}
.create .date-full {
	width: 100px;
}
.create .date-year {
	width: 4em !important;
	text-align: center;
}
.create .date-month {
	text-align: center;
	width: 5em !important;
	display: inline-block;
	overflow: hidden;
}
.create .date-month .select2-choice {
	width: 4em !important;
}
.create .date-month .select2-chosen {
	width: 3em !important;
}
.create input.date-day {
	width: 20px;
}
.create input[disabled] {
	color: #AEAEAE;
	background-color: rgba(0, 0, 0, 0.03);
	border-color: #DDDDDD;
}
.create input.disabled {
	color: #615347;
	background-color: #F9F9F9;
}

/* radio button groups */
.radio-group {
	display: inline-block;
	margin: 0 0 0 -1px;
	padding: 0;
}
.radio-group:focus,
.radio-group > *:focus {
	box-shadow: 0 0 3px rgba(0, 0, 32, 0.42);
}
.radio-group > input {
	opacity: 0;
}
.radio-group > label {
	background-color: #F3F3F3;
	color: #94867A;
	border: 1px solid #c7b9ad;
	border-radius: 5px 0 0 5px;
	display: inline-block;
	line-height: 30px;
	margin: 0 -4px 0 -17px;
	text-align: center;
	width: 165px;
	cursor: pointer;
	box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.15) inset;
	position: relative;
	transition: all 0.5s ease 0s;
}
.radio-group > label:hover {
	color: #615347;
	background-color: #F9F9F9;
}
.radio-group > label:before {
	background-image: url("gui/tile-user.png");
	background-position: center 6px;
	background-repeat: no-repeat;
	background-size: 16px auto;
	content: " ";
	display: inline-block;
	height: 30px;
	margin-left: -24px;
	position: absolute;
	width: 20px;
	opacity: 0.33;
	transition: all 0.05s ease-in 0s;
}
.radio-group > label:after {
	transition: all 0.5s ease-out 0s;
	position: absolute;
	right: 11px;
	transition: all 0.2s ease-out 0s;
}
.radio-group > label:hover:before {
	opacity: 1;
}
.radio-group > input#memberCustomer + label:before {
	background-image: url("gui/tile-barcode.png");
}
.radio-group > input#memberAssociate + label:before {
	background-image: url("gui/tile-gauge.png");
}
.radio-group > input#male + label:before {
	background-image: url("gui/tile-male.png");
}
.radio-group > input#female + label:before {
	background-image: url("gui/tile-female.png");
}
.radio-group > #memberCustomer + label {
	box-shadow: 0 -3px 2px -2px rgba(0, 133, 0, 0.95) inset;
}
.radio-group > #memberAssociate + label {
	box-shadow: 0 -3px 2px -2px rgba(218, 218, 12, 0.95) inset;
}
.radio-group > label:last-child {
	border-radius: 0 5px 5px 0;
	/*width: 166px;*/
}
.radio-group input:checked + label {
	background-color: #FCFCFC;
	color: #615347;
	box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.33) inset;
	opacity: 1;
}
.radio-group input:checked + label:before {
	opacity: 1;
}
.radio-group input:checked + label:after {
	content: "✔";
	width: 10px;
}
.radio-group > input:disabled + label:before {
	opacity: .3;
}
.radio-group > input:disabled + label {
	cursor: default;
	color: #ccc;
	background-color: #EEEEEE;
}
.create select option {
}
.create select {
}
.create .select2-container .select2-choice {
	line-height: 26px;
	height: 31px;
	background-image: none;
	margin: 0 0 0px;
}
.create .select2-container .select2-choice .select2-arrow {
	background: none;
	border: none;
}
.select2-container .select2-choice .select2-arrow b {
	background-position: 0 3px;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
	background-position: -18px 3px;
}
.select2-results .select2-highlighted {
	background-color: #3B7E3A;
}
.select2-container .select2-choice > .select2-chosen {
	/*text-transform: uppercase;*/
	white-space: nowrap;
}

.select2-result .greenid {
	color: #b6a89c;
	float: right;
	position: absolute;
	right: 2px;
}
.select2-result .flag {
	height: 13px;
	margin: 0 0 2px;
	width: 18px;
}
.select2-chosen {
	position: relative;
}
.select2-chosen .record-passive:before,
.select2-result .record-passive:before {
	background: none repeat scroll 0 0 rgba(0, 133, 0, 0.95);
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	left: 0;
	bottom: 5px;
	position: absolute;
	width: 8px;
	box-shadow: 0 0 0px 1px rgba(249, 249, 249, 0.50);
	opacity: 1;
	z-index: 1;
}
.select2-chosen .record-active:before,
.select2-result .record-active:before {
	background: none repeat scroll 0 0 rgba(218, 218, 12, 0.95);
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	left: 0;
	bottom: 5px;
	position: absolute;
	width: 8px;
	box-shadow: 0 0 0px 1px rgba(249, 249, 249, 0.50);
	opacity: 1;
	z-index: 1;
}
.select2-chosen .greenid {
	color: #b6a89c;
	display: inline-block;
	position: absolute;
	right: 0;
}
.select2-chosen .flag {
	display: inline-block;
	position: relative;
	top: -2px;
	z-index: 0;
}
.dataTables_length .select2-container .select2-choice,
.table-trigger .select2-container .select2-choice {
	width: 5em;
	font-size: 14px;
	background-image: none;
	height: 28px;
	line-height: 24px;
	text-align: right;
	margin: -5px 0 0;
}
.dataTables_length .select2-container .select2-choice .select2-arrow,
.table-trigger .select2-container .select2-choice .select2-arrow {
	background: none;
	border: none;
}

.create .operator {
	font-size: 16px;
}
.create input.mini,
.create select.mini,
.create .select2-container.mini .select2-choice {
	width: 175px !important;
	text-align: right;
}
.create input.unit,
.create select.unit,
.create .select2-container.unit .select2-choice {
	width: 94px !important;
	text-align: right;
}
.create input.micro,
.create select.micro,
.create .select2-container.micro .select2-choice {
	width: 55px !important;
}
.create .short {
	width: 278px !important;
}
.create label.condition {
	display: inline-block;
	width: 136px;
}
.create .notes {
	min-height: 4em;
	width: auto !important;
	height: auto !important;
}
.list-commands {
	margin: 0 0 5px;
}
.controls-bottom {
	border-top: 1px solid #A4BE9C;
	padding: 5px 0;
	clear: both;
	margin: 5px 0 0;
}
.controls-bottom > *,
.controls-bottom > .input-group,
.controls-bottom .select2-choice {
	vertical-align: top;
	height: 34px !important;
	font-variant: all-small-caps;
}
.totals {
	float: right;
	padding-right: 5px;
	font-size: 16px;
	font-variant: small-caps;
	text-transform: lowercase;
}
.totals > div {
	float: right;
	margin-left: 2em;
}

.bttn > input {
	/*opacity: 0;*/
}
.bttn > label {
	background-color: #F3F3F3;
	color: #94867A;
	border: 1px solid #c7b9ad;
	border-radius: 5px;
	display: inline-block;
	height: 34px;
	line-height: 30px;
	margin: 0 -4px 0 -16px;
	text-align: center;
	width: auto;
	cursor: pointer;
	box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.15) inset;
	position: relative;
	transition: all 0.05s ease-in 0s;
	padding: 0 30px;
	text-transform: lowercase;
	font-variant: small-caps;
}
.bttn > label:hover {
	color: #615347;
	background-color: #F9F9F9;
}
.bttn > label:before {
	background-position: center 7px;
	background-repeat: no-repeat;
	background-size: 16px auto;
	content: " ";
	display: inline-block;
	height: 30px;
	margin-left: -24px;
	position: absolute;
	width: 20px;
	opacity: 0.33;
	transition: all 0.05s ease-in 0s;
}
.bttn > label:after {
	position: absolute;
	right: 11px;
	transition: all 0.2s ease-out 0s;
}
.bttn > label:hover:before {
	opacity: 1;
}

.bttn input:checked + label {
	background-color: #FCFCFC;
	color: #615347;
	box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.33) inset;
	opacity: 1;
}
.bttn input:checked + label:before {
	opacity: 1;
}
.bttn input:checked + label:after {
	content: "✔";
	width: 10px;
}
.bttn > input:disabled + label:before {
	opacity: .3;
}
.bttn > input:disabled + label {
	cursor: default;
	color: #ccc;
	background-color: #EEEEEE;
}
.bttn.payment-gateway > label:before {
	background-image: url("gui/tile-wallet.png");
	background-position: center 8px;
}
.bttn.final > label:before {
	background-image: url("gui/tile-lock-open.png");
}
.bttn.final input:checked + label:before {
	background-image: url("gui/tile-lock-closed.png");
}

/* siteos ips buttons */
input[type="submit"],
input[type="button"],
input[type="reset"],
button[type="submit"],
button[type="button"],
button[type="reset"] {
	padding: 7px 21px;
	/*background-color: #E8E8D9;*/
	border: 1px solid #D8CABE;
	border-radius: 4px;
	box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.10);
	font-size: 13px;
	font-variant: small-caps;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	cursor: pointer;
	transition: all 150ms ease-in 0s;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.20);
	background-color: #F5F5E6;
	/*border-color: #51a351 #51a351 #387038;*/
}
input[type="button"]:active,
input[type="reset"]:active,
button:active {
	background: linear-gradient(to bottom, #dddddd 0%, #e0e0e0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #666666;
	outline: medium none;
}
input[type="button"]:disabled,
input[type="reset"]:disabled,
button:disabled {
	background: rgba(238, 238, 238, 0) none repeat scroll 0 0;
	border: 1px solid #615347;
	color: #615347 !important;
	opacity: .34;
}
input[type="reset"]:hover,
.controlset button[type="reset"]:hover {
	border-color: #800000;
}
.create input[type="button"]:disabled:hover,
.create input[type="submit"]:disabled:hover,
.create input[type="reset"]:disabled:hover,
.create button:disabled:hover {
}

input[type="submit"].submit,
input[type="button"].submit,
input[type="reset"].submit,
button.submit {
	background: #3A7B3F;
	border: 1px solid #3A7B3F;
	border-radius: 1px;
	box-shadow: 0 0 3px rgba(128, 128, 128, 0.3);
	font-size: 13px;
	font-variant: small-caps;
	padding: 5px 13px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	text-transform: lowercase;
	cursor: pointer;
	color: #FFFFFF;
}
label input {
	margin: 5px 10px 0;
}

input.submit[type="submit"],
input.submit[type="button"],
input.submit[type="reset"],
button.submit {
	border-radius: 4px;
	font-variant: small-caps;
	line-height: 1.3em;
	padding: 7px 21px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	text-transform: uppercase;
	border: 1px solid #3A7B3F;
	font-size: 13px;
	box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.1);

}
input.submit[type="submit"]:hover,
input.submit[type="button"]:hover,
input.submit[type="reset"]:hover,
button.submit:hover {
	background: none repeat scroll 0 0 #4B9251;
	border-color: #4B9251;
	box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.2);
}
input.submit[type="submit"]:focus,
input.submit[type="button"]:focus,
input.submit[type="reset"]:focus,
button.submit:focus {
	color: white;
	text-shadow: 0 0 5px white;
}
input[type="button"]:disabled,
input[type="reset"]:disabled,
button:disabled {
	background: rgba(238, 238, 238, 0) none repeat scroll 0 0;
	color: #625413;
	border: 1px solid #615347;
	opacity: .34;
}
input[type="button"]:disabled:hover,
input[type="reset"]:disabled:hover,
button:disabled:hover {
	background: transparent none repeat scroll 0 0;
	/*color: #ccc;*/
	/*border: 1px solid #ddd;*/
	box-shadow: none;
	cursor: default;
}
button .mdi::before {
	font-size: 16px;
	vertical-align: -7%;
}
.cart {
	position: relative;
}
.cart > .create > div {
	display: inline-block;
}

.cart .radio-group {
	display: inline-block;
	position: absolute;
	margin: 0 0 0 14px;
}
.cart .radio-group > label {
	background-color: #F3F3F3;
	color: #94867A;
	border: 1px solid #c7b9ad;
	border-radius: 5px 0 0 5px;
	display: inline-block;
	line-height: 30px;
	margin: 0 -4px 0 -16px;
	text-align: left;
	text-indent: -99999px;
	width: 29px;
	cursor: pointer;
	box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.15) inset;
	position: relative;
	transition: all 0.5s ease 0s;
}
.cart .radio-group > label:first-of-type {
	border-radius: 5px 0 0 5px;
	box-shadow: 0 -3px 2px -2px rgba(0, 133, 0, 0.95) inset;
}
.cart .radio-group > label:last-of-type {
	border-radius: 0 5px 5px 0;
	box-shadow: 0 -3px 2px -2px rgba(218, 218, 12, 0.95) inset;
}
.cart .radio-group > label:hover {
	color: #615347;
	background-color: #F9F9F9;
}
.cart .radio-group > label:before {
	background-image: url("gui/tile-user.png");
	background-position: 6px 6px;
	background-repeat: no-repeat;
	background-size: 16px auto;
	content: " ";
	display: inline-block;
	height: 30px;
	margin-left: 0;
	position: absolute;
	left: 0;
	width: 30px;
	opacity: 0.33;
	transition: all 0.05s ease-in 0s;
}
.cart .radio-group > label:after {
	position: absolute;
	right: 11px;
	transition: all 0.2s ease-out 0s;
}
.cart .radio-group > label:hover:before {
	opacity: 1;
}
.cart .radio-group > input#memberCustomer + label:before {
	background-image: url("gui/tile-barcode.png");
}
.cart .radio-group > input#memberAssociate + label:before {
	background-image: url("gui/tile-gauge.png");
}
/* todo: month & year to bootstrap (button) dropdowns */

.orders-list {
	display: inline-block;
	float: right;
	margin: 5px;
	border-radius: 10px;
	text-align: center;
}
.order-count {
	display: inline-block;
	height: 48px;
	width: 48px;
	text-align: center;
	font-size: 32px;
	background-image: url("/styles/gui/tile-cart-new.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	z-index: 5;
}
.order-queue {
	position: absolute;
	right: 80px;
	top: 10px;
	display: none;
	width: 0;
	height: 0;
	padding: 10px;
	margin: 0px;
	opacity: 0;
	transition: all .5s ease-in;
	z-index: 3;
	background-color: rgba(249, 249, 249, 0.75);
	font-size: 13px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.order-queue.active {
	display: inline-block;
	width: 300px;
	height: auto;
	opacity: 1;
}
.order-queue-item {
	padding: 3px;
	cursor: pointer;
	list-style: none;
	z-index: 4;
}
.order-queue-item.active {
	color: #f9f9f9;
	background-color: #94867A;
}
.order-queue-item:hover {
	color: #f9f9f9;
	background-color: #3B7E3A;
}
.business-data {
	float: right;
	min-width: 330px;
	border-radius: 10px;
	min-height: 150px;
}
.static {
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(61, 37, 11, 0.16);
	transition: all .5s ease-in 0.4s;
	opacity: 1;
	margin: 5px 0;
	padding: 5px 20px 10px;
	position: relative;
	z-index: 1;
}
.static h6 {
	text-transform: uppercase;
	font-size: smaller;
	color: #94867A;
}
.business-data.static.empty {
	opacity: 0;
}
.vcard {
	position: relative;
	display: inline-block;
	width: 100%;
}
.business-data .cmd.cmd-edit {
	position: absolute;
	right: 0px;
	top: 5px;
	display: inline-block;
	float: right;
	height: 24px;
	width: 24px;
	background-size: 24px auto;
	border: none;
	cursor: pointer;
	transition: all .45s ease-in;
}
.business-data:hover .cmd.cmd-edit {
	opacity: 0.43;
}
.business-data .cmd.cmd-edit:hover {
	opacity: 1;
	transition: all .2s ease-in;
}
.business-card .select2-container:hover {
	background-image: url("/styles/gui/tile-edit.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 16px auto;
}
#s2id_advisor-static {
	margin: -10px 0 0 0;
}
#s2id_advisor-static .select2-choice {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	margin: 0;
	min-height: 38px;
	padding: 0;
	line-height: 1.1;
	max-width: 254px;
	display: inline-block;
	font-size: 13px;
}
.select2-container-active#s2id_advisor-static .select2-choice,
.select2-container-active#s2id_advisor-static .select2-choices {
	border: none;
	box-shadow: none;
}
#s2id_advisor-static .select2-chosen {
	min-height: 50px;
	max-width: 200px;
}
#s2id_franchise-static {
	margin: -5px 0 0 0;
}
#s2id_franchise-static .select2-choice {
	background-color: transparent;
	/*background: transparent url("gui/tile-location.png") no-repeat scroll right 18px / 16px auto;*/
	background-blend-mode: screen;
	border: medium none;
	display: inline-block;
	font-size: 13px;
	line-height: 1.1;
	margin: 0;
	max-width: 290px;
	min-height: 38px;
	padding: 0;
}
.select2-container-active#s2id_franchise-static .select2-choice,
.select2-container-active#s2id_franchise-static .select2-choices {
	border: none;
	box-shadow: none;
}
#s2id_franchise-static .select2-chosen {
	min-height: 50px;
	max-width: 260px;
	padding-left: 5px;
}
#s2id_franchise-static .select2-choice .select2-arrow b {
	background: rgba(0, 0, 0, 0) url("gui/_blank.png") no-repeat scroll 0 1px;
	display: block;
	height: 100%;
	width: 100%;
}
.franchise.name > img {
	opacity: 0.75;
	margin-right: 10px;
}
.locality > img {
	height: 10px;
	margin-right: 10px;
	opacity: 0.75;
	vertical-align: baseline;
}
.vcard img.avatar {
	width: 48px;
	height: 48px;
	display: inline-block;
	float: left;
	margin: 10px 10px 15px 0;
	border-radius: 50%;
	opacity: .5;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
.vcard:hover img.avatar {
	opacity: 1;
}
.vcard img.avatar-active {
	box-shadow: 0 0 0 2px rgba(218, 218, 12, 0.95);
}
.vcard img.avatar-passive {
	box-shadow: 0 0 0 2px rgba(0, 133, 0, 0.95);
}
.vcard img.avatar.advisor {
	width: 24px;
	height: 24px;
	margin: 22px 10px 0 0;
}
.vcard .advisor.title {
	margin-bottom: 5px;
}
.account-edit .vcard img.avatar {
	width: 24px;
	height: 24px;
}
.account-edit .vcard img.avatar.advisor {
	margin-top: 30px;
}
.account-edit .vcard img.avatar.store {
	margin-top: 30px;
}
.vcard p {
	margin: 0;
	padding: 0;
}

.vcard .name {
	font-size: large;
	color: #615347;
	margin-left: -10px;
	margin-right: -10px;
	transition: all .5s ease-in;
}
.vcard .select2-choice .name {
	margin: 0;
}
.business-data:hover .vcard-active .name {
	/*background-color: rgba(218, 217, 12, 0.15);*/
	/*border-right: 10px solid rgba(218, 218, 12, 0.95);*/
}
.business-data:hover .vcard-passive .name {
	/*background-color: rgba(0, 133, 0, 0.15);*/
	/*border-right: 10px solid rgba(0, 133, 0, 0.95);*/
}
.vcard h6 {
	text-transform: uppercase;
	font-size: smaller;
	color: #94867A;
}
.vcard .contact {
	clear: left;
	border-top: 1px solid #C7B9AD;
	padding-top: 3px;
	display: inline-block;
	float: left;
	width: 100%;
}
.vcard .contact i {
	font-size: smaller;
	margin-left: -15px;
}
.vcard .contact h6 {
	border-top: 1px solid #C7B9AD;
	padding-top: 4px;
	margin: 5px 0;
}
.vcard .label {
	color: #83AD82;
	font-weight: normal;
	padding: 0 2px;
}
.vcard .contact {
	text-align: left;
	display: inline-block;
	float: left;
	margin-top: 0;
	width: 100%;
}
.vcard .contact .phone span,
.vcard .contact .email a {
	display: inline-block;
	/*height: 1em;*/
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: .8;
}
.vcard .contact .email a {
	color: #625143;
	font-weight: normal;
	line-height: 1.5em;
	overflow: visible;
}
.vcard .wallet.virtual {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 77px;
	text-align: right;
}
.vcard .wallet.revenue {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 117px;
	text-align: right;
}
.vcard .wallet h6 {
	margin: 0;
}
.vcard .user-pp {
	position: absolute;
	top: 60px;
	font-size: 11px;
	margin: -2px 0 0;
	min-width: 48px;
	text-align: right;
}
.vcard.vcard-passive .user-pp {
	display: none;
}

.business-data.buyer {
	float: right;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 5px 20px 10px;
	min-width: 330px;
	border-radius: 10px;
	box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(61, 37, 11, 0.16);
	transition: all .5s ease-in 0.4s;
	opacity: 1;
	margin: -10px 0 5px;
	position: relative;
}
.buyer .cmd-edit {
	background-image: url("gui/tile-edit.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	display: inline-block;
	height: 32px;
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	cursor: pointer;
	opacity: 0.50;
	transition: all .5s ease-in;
}
.buyer .cmd-edit:hover {
	opacity: 1;
}

.create input.text, .create input[type="text"], .create input[type="password"] {
	height: 31px;

}

.create input.text, .create input[type="text"], .create input[type="password"], .create textarea, .create select {

}

.create input.text,
.create input[type="text"],
.create input[type="password"],
.create textarea,
.create select,
.create .select2-container .select2-choice,
.table-trigger .select2-container .select2-choice {
	font: 14px/26px "Open Sans", Helvetica, Arial, sans-serif;
	display: inline-block;
	margin: 0;
	padding: 2px 5px;
	position: relative;

}

.create textarea {
	margin-bottom: 3px;
}
.create input.text,
.create input[type="text"],
.create input[type="password"],
.create textarea,
.create select,
.create .select2-container .select2-choice,
.table-trigger .select2-container .select2-choice {
	width: 330px;
	border: 1px solid #C7B9AD;
	position: relative;

}
.table-trigger .select2-container .select2-choice,
.dataTables_length .select2-container .select2-choice {
	width: 5em;
	text-align: right;
	border: 1px solid #C7B9AD;
	font-size: 14px;
	height: 28px;
	line-height: 24px;
	margin: -5px 0 0;

}
.table-trigger .select2-container .select2-choice {
	min-width: 250px;
	text-align: left;
}
.table-trigger .date-picker .select2-choice {
	min-width: auto;
	width: auto;
}
.table-trigger .date-period .select2-choice {
	background-image: url("/styles/gui/tile-calendar.png");
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	font: 14px/28px "Open Sans", Helvetica, Arial, sans-serif;
	height: 28px;
	margin-left: 0;
	margin-top: 0;
	padding: 0 0 0 34px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	background: none repeat scroll 0 0 transparent;
	border: 1px solid transparent;
	box-shadow: none;
	color: #C7B9AD !important;
	cursor: default;
}
.dataTable thead th.sorting {
	background: url("gui/sort-both-light.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.dataTable thead th.sorting_asc {
	background: url("gui/sort-asc-light.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	color: #d7d7b7 !important;
}
.dataTable thead th.sorting_desc {
	background: url("gui/sort-desc-light.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	color: #d7d7b7 !important;
}
.dataTable thead th .mdi::before {
	font-size: 18px;
	margin-top: 3px;
	/* margin-bottom: -1px; */
}
table.dataTable.display tbody th,
table.dataTable.display tbody td {
	border-top: 1px solid #e8e8d9;
}

.navigationTitle > span {
	color: #000000;
	font-size-adjust: 0.5;
	font-weight: bold;
	opacity: 0.15;
	right: 0;

}
.jinn-tile ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	max-height: 120px;
	text-align: left;
}
.jinn-tile li {
	display: block;
	padding: 2px 10px;
}

.jinn-tile-full {
	max-width: 1000px;
	min-width: 700px;
	padding: 0 10px;

}

.date-picker > input[type="submit"] {
	border-radius: 5px;
	font-size: 12px;
	height: 28px;
	line-height: 12px;

}

/**
 * custom column classes
 */

#main .dataTable thead th.count,
#main .dataTable tbody td.count {
	width: 20px !important;
	padding-left: 5px;
	padding-right: 15px;
	text-align: right;
}
#main .dataTable thead th.code,
#main .dataTable tbody td.code {
	width: 20px !important;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
#main .dataTable thead th.percLevel,
#main .dataTable tbody td.percLevel {
	width: 20pt !important;
	padding-left: 0;
	padding-right: 15px;
	text-align: right;
}
#main .dataTable thead th.percActivity,
#main .dataTable tbody td.percActivity {
	width: 100pt !important;
	text-align: right;
}
#main .dataTable thead th.percPoints,
#main .dataTable tbody td.percPoints {
	width: 100pt !important;
	text-align: right;
}
#main .dataTable thead th.countryCode,
#main .dataTable tbody td.countryCode {
	width: 45pt !important;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
#main .dataTable thead th.langCode,
#main .dataTable tbody td.langCode {
	width: 45pt !important;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
#main .dataTable thead th.currCode,
#main .dataTable tbody td.currCode {
	width: 45pt !important;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
#main .dataTable thead th.transID,
#main .dataTable tbody td.transID {
	word-break: keep-all;
	max-width: 10em;
	text-align: right;
}
#main .dataTable thead th.greenID,
#main .dataTable tbody td.greenID {
	width: 50pt !important;
	text-align: center;
}
#main .dataTable thead th.regID,
#main .dataTable tbody td.regID {
	width: 30pt !important;
	text-align: center;
}
#main .dataTable thead th.mentorID,
#main .dataTable tbody td.mentorID {
	width: 50pt !important;
	text-align: center;
}
#main .dataTable thead th.prodID,
#main .dataTable tbody td.prodID {
	width: 30pt !important;
	text-align: right;
	padding-right: 15px;
}
#main .dataTable thead th.orderID,
#main .dataTable tbody td.orderID {
	width: 30pt !important;
	text-align: right;
}
#main .dataTable thead th.billNo,
#main .dataTable tbody td.billNo {
	width: 60pt !important;
	text-align: center;
}
#main .dataTable thead th.points,
#main .dataTable tbody td.points {
	width: 30pt !important;
	text-align: right;
}
#main .dataTable thead th.price,
#main .dataTable tbody td.price {
	width: 56pt !important;
	text-align: right;
}
#main .dataTable thead th.qty,
#main .dataTable tbody td.qty {
	width: 30pt !important;
	text-align: right;
}
#main .dataTable thead th.present,
#main .dataTable tbody td.present {
	width: 50pt !important;
	text-align: center;
}
#main .dataTable thead th.date,
#main .dataTable tbody td.date {
	width: 50pt !important;
	text-align: right;
}
#main .dataTable thead th.textDate,
#main .dataTable tbody td.textDate {
	width: 100pt !important;
	text-align: left;
}
#main .dataTable thead th.longdate,
#main .dataTable tbody td.longdate {
	width: 80pt !important;
	text-align: left;
}
#main .dataTable thead th.status,
#main .dataTable tbody td.status {
	width: 50px !important;
}
#main .dataTable tbody td.status {
	text-transform: lowercase;
}
#main .dataTable thead th.ops-1,
#main .dataTable tbody td.ops-1 {
	width: 5px !important;
}
#main .dataTable thead th.ops-2,
#main .dataTable tbody td.ops-2 {
	width: 30px !important;
}
#main .dataTable thead th.ops-3,
#main .dataTable tbody td.ops-3 {
	width: 55px !important;
}
#main .dataTable tbody td.article .icon {
	width: 24px;
	height: 24px;
	margin-inline-end: 0.7em;
	cursor: pointer;
}
/*#productOnBill .tooltip > .tooltip-arrow,*/
#productOnBill .tooltip {
	opacity: 1;
}
#productOnBill .tooltip > .tooltip-inner {
	background-color: whitesmoke !important;
	box-shadow: 0 0 .1em 0 rgba(0, 0, 0, 0.5)
;
}
#productOnBill .tooltip .tooltip-arrow {
	border-color: #E4E4E4;
}
#main .dataTable tbody td.franchisePhone {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dataTable td.franchise img {
	filter: grayscale(0.75);
	opacity: .5;
	transition: all 0.25s ease-in 0s;
}
.dataTable tr:hover td.franchise img {
	filter: grayscale(0);
	opacity: 1;
}

#main .dataTable#walletBalance thead th.price,
#main .dataTable#walletBalance tbody td.price {
	width: 66pt !important;
	text-align: right;
}
#main .dataTable#walletTransactions thead th.price,
#main .dataTable#walletTransactions tbody td.price {
	width: 66pt !important;
	text-align: right;
}
#main .dataTable tbody td.mentorID {
	cursor: help;
}
#main .dataTable tbody td.mentorID:hover {
}
#main .dataTable tbody td.mentorID::after {
	display: none;
	content: attr(data-first-name) "\a " attr(data-last-name);
	position: absolute;
	left: 60pt;
	top: 0;
	width: 0;
	height: 0;
	padding: 5px 10px 5px 30px;
	margin-right: -110px;
	margin-top: -5px;
	white-space: pre;
	background-color: #F5F5F5;
	background-image: url("gui/tile-kb.png");
	background-position: 5px 7px;
	background-repeat: no-repeat;
	background-size: 20px auto;
	border-radius: 3px;
	border: 2px solid rgba(199, 185, 173, 0.58);
	box-shadow: 1px 0 15px -6px rgba(0, 0, 0, 0.55);
	box-sizing: content-box;
	overflow: hidden;
	z-index: 2;
	opacity: 0;
	text-align: left;
}
#main .dataTable tbody td.mentorID:hover:after {
	display: inline-block;
	opacity: 1;
	height: auto;
	width: auto;
	min-width: 80px;
	max-width: 150px;
}
#main .dataTable tbody tr:last-child td.mentorID::after {
	margin-top: -15px;
}

#main .dataTable tbody td.mentorID:hover::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #f5f5f5;
	border-bottom: 5px solid transparent;
	border-image: none;
	border-left: 5px solid rgba(199, 185, 173, 0.58);
	border-radius: 0;
	border-top: 5px solid transparent;
	content: "";
	display: block;
	height: 0;
	margin-left: 30px;
	margin-top: 23px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 3px;
	top: 0;
	white-space: pre;
	width: 0;
	z-index: 3;
}
#main .dataTable tbody tr:last-child td.mentorID:hover::before {
	margin-top: 13px;
}
#main .dataTable tbody td.address {
	cursor: help;
}
#main .dataTable tbody td.address:hover:before {
	display: block;
	position: absolute;
	top: 0;
	right: -25px;
	width: 10px;
	height: 0;
	margin-right: 40px;
	margin-top: 13px;
	white-space: pre;
	background-color: #F5F5F5;
	border: 5px solid #C7B9AD;
	content: "";
	padding: 0;
	border-radius: 3px;
	overflow: hidden;
	z-index: 1;
}
#main .dataTable tbody td.address:after {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 15px 5px;
	margin-right: -190px;
	margin-top: -25px;
	min-height: 100px;
	min-width: 160px;
	max-width: 200px;
	white-space: pre;
	font-weight: normal;
	font-style: normal;
	content: attr(data-street) "\A" attr(data-zip) " " attr(data-city) "\A" attr(data-country) "\A\A" "p: " attr(data-phone) "\A" "e: " attr(data-email);
	background-color: #F5F5F5;
	background-image: url("gui/tile-location.png");
	background-position: right 7px;
	background-repeat: no-repeat;
	background-size: 24px auto;
	border: 2px solid rgba(199, 185, 173, 0.58);
	border-radius: 3px;
	box-shadow: 1px 0px 10px -6px rgba(0, 0, 0, 0.55);
	box-sizing: content-box;
	overflow: hidden;
	z-index: 2;
	opacity: 0;
	display: none;
}
#main .dataTable tbody td.address:hover:after {
	padding: 10px 15px;
	opacity: 1;
	display: inline-block;
}
#main .dataTable tbody tr:last-child td.address:hover:after {
	top: -67px;
}
#main .dataTable tbody tr:nth-last-child(2) td.address:hover::after {
	top: -30px;
}

span.positive {
	color: #009300;
}
span.empty {
	color: #bbbbbb;
}

.create input.text,
.create input[type="text"],
.create input[type="password"],
.create textarea,
.create select,
.create .select2-container .select2-choice,
.dataTables_length .select2-container .select2-choice {
	background-color: rgba(249, 249, 249, 0.5);

}

.dataTables_length .select2-container .select2-choice {
	margin: 0px 0 0;

}

.create input.text, .create input[type="text"], .create input[type="password"], .create textarea, .create select, .create .select2-container .select2-choice, .dataTables_length .select2-container .select2-choice, .table-trigger .select2-container .select2-choice {
	border-radius: 5px;
	background-color: rgba(249, 249, 249, 0.5);

}
.select2-stores {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
}
.select2-stores .select2-results {
	background: none;
}
.select2-stores .select2-result {
	display: inline-block;
	float: left;
	max-width: 300px;
	min-width: 250px;
	min-height: 100px;
	margin: 5px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.2);
}
.select2-stores .select2-results .select2-highlighted {
	/*color: inherit;*/
	/*background-color: inherit;*/
	box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.5);
}
.select2-stores .select2-result .icon {
	position: absolute;
	top: 17px;
	right: 0;
	opacity: 0.25;
}
.select2-stores .select2-results .select2-highlighted .icon {
	opacity: 1;
}
.select2-stores .select2-result span {
	display: block;
	color: #B6A89C;
}
.select2-stores .select2-result .title {
	font-size: 16px;
	margin: 15px 0 10px;
	color: #615347;
}
.select2-stores .select2-results .select2-highlighted .title {
	color: #B6A89C;
}

.store-chooser {
	position: absolute;
	right: 0;
	text-align: right;
	top: 20px;
	min-width: 550px;
	max-width: 100%;
}
.store-chooser .select2-container .select2-choice {
	background: none;
	border: none;
	min-width: 550px;
	max-width: 100%;
	font-size: 18px;
}
.store-chooser .select2-container-active,
.store-chooser .select2-container-active .select2-choice {
	background: none;
	border: none;
	box-shadow: none;
}
.store-chooser .select2-container .select2-choice .select2-arrow {
	background: none;
	left: 0;
}
.store-chooser .select2-container .select2-choice > .select2-chosen {
	margin-right: 0;
	padding-right: 5px;
}
.store-chooser .select2-container .select2-choice > .select2-chosen img {
	opacity: .5;
	/*position: absolute;*/
	/*right: 0;*/
	/*top: 5px;*/
}

.payment-chooser {
	width: 330px;
	margin: 20px 0 0;
}
.select2-payment {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
}
.select2-payment .select2-results {
	background: none;
}
.select2-payment .select2-result {
	background-color: #ffffff;
	box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.2);
	display: inline-block;
	margin: 5px;
	max-width: 140px;
	min-height: 70px;
	min-width: 140px;
	float: left;
}
.select2-payment .select2-results .select2-highlighted {
	/*color: inherit;*/
	/*background-color: inherit;*/
	box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.5);
}
.select2-payment .select2-result .icon {
	opacity: 0.25;
	position: absolute;
	right: 10px;
	top: 18px;
}
.select2-payment .select2-results .select2-highlighted .icon {
	opacity: 1;
}
.select2-payment .select2-results .select2-result-unselectable,
.select2-payment .select2-results .select2-result-unselectable * {
	cursor: no-drop;
}
.select2-payment .select2-result span {
	display: block;
	color: #615347;
}
.select2-payment .select2-result .title {
	font-size: 16px;
	margin: 15px 0 10px;
	color: #615347;
}
.select2-payment .select2-results .select2-highlighted .title {
	color: #B6A89C;
}
.payment-gateway > label {
	line-height: 32px;
	margin: 0 -4px 0 -16px;
	padding: 0 30px;
	transition: padding;
	width: auto;

}

.payment-gateway > label:before {
	background-image: url("gui/tile-wallet.png");
	height: 30px;
	opacity: 0.33;

}

.table-trigger .btn {
	margin: -6px 0 0;
	padding: 0;
}
.table-trigger .btn.final > label {
	background-color: rgba(249, 249, 249, 0.5);
	border: 1px solid #c7b9ad;
	border-radius: 5px;
	box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.15) inset;
	color: #94867a;
	cursor: pointer;
	display: inline-block;
	font-variant: small-caps;
	line-height: 26px;
	margin: 0 -4px 0 -16px;
	padding: 0 15px 0 25px;
	position: relative;
	text-align: center;
	text-transform: lowercase;
	transition: all 0.35s ease-in 0s;
	width: auto;
}
.table-trigger .btn.final > label::before {
	left: 0;
	width: 20px;
	background-color: rgba(249, 249, 249, 0.5);

}
.table-trigger .btn.final > label::before {
	background-image: url("gui/tile-lock-open.png");
	background-position: center 6px;
	background-repeat: no-repeat;
	background-size: 16px auto;
	content: " ";
	display: inline-block;
	height: 26px;
	opacity: 0.73;
	position: absolute;
	transition: all 0.05s ease-in 0s;
	width: 20px;
}
.table-trigger .btn.final > input:checked + label {
	background-color: #fcfcfc;
	box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.33) inset;
	color: #615347;
	opacity: 1;
}
.table-trigger .btn.final > input:checked + label::before {
	background-image: url("gui/tile-lock-closed.png");
	opacity: 1;
}
.dataTables_wrapper .table-trigger .btn {
	margin: 0;
}


.dataTable .payment {
	position: relative;

}

#jinn-bill-new .jinn-icon {
	background-image: url("gui/tile-invoice-new.png");

}

.jinn-tile h3 {
	text-align: left;
	text-indent: 10px;

}

.data-row .data-name {
	background-color: rgba(237, 237, 237, 0.08);
	color: #6C645E;
	vertical-align: top;
	font-variant: small-caps;
	letter-spacing: .1em;

}

.data-row .data-name, .data-row .data-value {
	padding: 5px;
	display: inline-block;

}

.data-value .greenid {
	display: block;
}
.data-value .greenid::before {
	content: "(";
}
.data-value .greenid::after {
	content: ")";
}

.data-row {
	display: block;
	min-width: 300px;

}


#is-final {
	opacity: 0;
}

.create .switch {
	display: inline-block;
	/*margin-top: 3px;*/
	/*margin-bottom: -3px;*/
}
.switch.col-sm-6 {
	padding: 0;
}
.cmn-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}
.cmn-toggle + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.db-format {
	display: flex;
	width: 200px;
	justify-content: space-between;
}
.cmn-toggle + label + label {
	display: inline-block;
	line-height: 30px;
	float: none;
}
/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
	padding: 2px;
	width: 60px;
	height: 30px;
	/*background-color: rgba(249, 249, 249, 0.5);*/
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	content: "";
}
input.cmn-toggle-round + label:before {
	right: 1px;
	color: white;
	content: "✓";
	line-height: 24px;
	text-indent: 11px;
	background-color: rgba(249, 249, 249, 0.5);
	border: 1px solid #c7b9ad;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: background 0.35s ease 0.1s;
	-moz-transition: background 0.35s ease 0.1s;
	-o-transition: background 0.35s ease 0.1s;
	transition: background 0.35s ease 0.1s;
}
input.cmn-toggle-round + label:after {
	width: 28px;
	background-color: ivory;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(198, 184, 172, 0.52);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(198, 184, 172, 0.52);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(198, 184, 172, 0.52);
	-webkit-transition: margin 0.3s;
	-moz-transition: margin 0.3s;
	-o-transition: margin 0.3s;
	transition: margin 0.3s;
}
input.cmn-toggle-round:checked + label:before {
	background-color: #79B37E;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
input.cmn-toggle-round:checked + label:after {
	margin-left: 30px;
}
input.cmn-toggle-round:disabled + label::before {
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid transparent;
	cursor: not-allowed;
}
input.cmn-toggle-round:disabled + label::after {
	background-color: rgba(255, 255, 255, 0.03);
	border: 1px solid transparent;
	cursor: no-drop;
}
/* ============================================================
  SWITCH 2 - ROUND FLAT
============================================================ */
input.cmn-toggle-round-flat + label {
	padding: 2px;
	width: 60px;
	height: 30px;
	background-color: #dddddd;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
	display: block;
	position: absolute;
	content: "";
}
input.cmn-toggle-round-flat + label:before {
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	background-color: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
	top: 4px;
	left: 4px;
	bottom: 4px;
	width: 52px;
	background-color: #dddddd;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	-ms-border-radius: 52px;
	-o-border-radius: 52px;
	border-radius: 52px;
	-webkit-transition: margin 0.4s, background 0.4s;
	-moz-transition: margin 0.4s, background 0.4s;
	-o-transition: margin 0.4s, background 0.4s;
	transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
	background-color: #8ce196;
}
input.cmn-toggle-round-flat:checked + label:after {
	margin-left: 30px;
	background-color: #8ce196;
}

/* .squared */
.squared {
	width: 13px;
	height: 13px;
	position: relative;
	margin: 0 auto;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #e5efe6 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #e5efe6 100%);
	box-shadow: inset 0 0 1px white, 0 0 0 1px rgba(0, 0, 0, 0.25);
}
.squared label {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: -webkit-linear-gradient(top, #EEEEEE 0%, #e4efe3 100%);
	background: linear-gradient(to bottom, #EEEEEE 0%, #e4efe3 100%);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5), 0 0 0 rgba(255, 255, 255, 0.11);
}
.squared label:after {
	/*content: '\2713';*/
	content: '';
	width: 100%;
	height: 100%;
	line-height: 89%;
	color: ivory;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background: #79b37e;
	background: -webkit-linear-gradient(top, #79b37e 0%, #4b9251 100%);
	background: linear-gradient(to bottom, #79b37e 0%, #4b9251 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.5);
	opacity: 0;
}
.squared label:hover::after {
	opacity: 0.3;
}
.squared input[type=checkbox] {
	visibility: hidden;
}
.squared input[type=checkbox]:checked + label:after {
	opacity: 1;
}
.squared input[type=checkbox]:indeterminate + label:after {
	background: -webkit-linear-gradient(top, #69BCDE 0%, #517ABA 100%);
	background: linear-gradient(to bottom, #69BCDE 0%, #517ABA 100%);
	opacity: 1;
}

/* end .squared */

hr + .tab-content {
	/*margin-top: -12px;*/
}
.dataTables_wrapper .table-trigger ul li,
.dataTables_wrapper .table-trigger label {
	-webkit-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	-moz-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
	opacity: .5;
}
.dataTables_wrapper:hover .table-trigger ul li,
.dataTables_wrapper:hover .table-trigger label {
	opacity: 1;
}
.dataTables_wrapper .table-trigger ul li.select2-search-choice,
.dataTables_wrapper .table-trigger input:checked + label {
	opacity: 1;
}
.dataTables_wrapper .table-trigger {
	padding: 6px 0 0;
}
.table-trigger .dt-filter {
	display: inline-block;
	margin: 0 0 0 3px;
	position: relative;
}
.table-trigger .dt-filter:first-child {
	margin-left: 0;
}
.table-trigger .dt-filter.chooser {
	margin: 7px 0 0;
}
.table-trigger .dt-filter.chooser + div ul .select2-search-choice {
	margin: -2px 0 0 3px;
}
.table-trigger .dt-filter.chooser + div ul .select2-search-choice .record > img {
	margin: 2px 0 3px;
}


/* ============================================================
  DATATABLES FILTERING BUTTONS
============================================================ */
/* start group labels styling */
.table-trigger .dt-filter input[type="radio"],
.table-trigger .dt-filter input[type="checkbox"] {
	display:none;
}
.table-trigger .dt-filter input[type="radio"] + label,
.table-trigger .dt-filter input[type="checkbox"] + label {
	display: inline-block;
	width: 34px;
	height: 29px;
	margin: 0 -4px 0 0;
	vertical-align: middle;
	text-align: center;
	line-height: 24px;
	font-size: 15px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid #c7b9ad;
	border-radius: 0;
	cursor: pointer;
	transition: background .2s;
}
.table-trigger .dt-filter input[type="radio"]:checked + label,
.table-trigger .dt-filter input[type="checkbox"]:checked + label {
	background-color: rgba(233, 233, 233, 0.5);
	box-shadow: inset 0 0 5px -1px rgba(0, 0, 0, 0.34);
}
.table-trigger .dt-filter input[type="radio"] + label:hover,
.table-trigger .dt-filter input[type="checkbox"] + label:hover {
	background-color: rgba(255, 255, 255, 0.67);
}
.table-trigger .dt-filter input[type="radio"] + label:first-of-type,
.table-trigger .dt-filter input[type="checkbox"] + label:first-of-type {
	border-radius: 5px 0 0 5px;
}
.table-trigger .dt-filter input[type="radio"] + label:nth-last-of-type(2),
.table-trigger .dt-filter input[type="checkbox"] + label:nth-last-of-type(2) {
	border-radius: 0 5px 5px 0;
}
/* end group labels styling  */

.table-trigger .dt-filter input[type="radio"] + label span,
.table-trigger .dt-filter input[type="checkbox"] + label span {
	display: block;
	vertical-align: middle;
	border-radius: 50%;
}
.table-trigger .dt-filter.filter-option-user-status input[type="radio"] + label span,
.table-trigger .dt-filter.filter-option-user-status input[type="checkbox"] + label span {
	height: 10px;
	width: 10px;
	display: block;
	margin: 9px auto 0;
	vertical-align: middle;
	border-radius: 50%;
}
.table-trigger .dt-filter.filter-option-user-status input[type="radio"]:checked + label span,
.table-trigger .dt-filter.filter-option-user-status input[type="checkbox"]:checked + label span {
	height: 15px;
	width: 15px;
	display: block;
	margin: 6px auto 0;
	vertical-align: middle;
	border-radius: 50%;
	opacity: .9;
}
.table-trigger .dt-filter input[type="radio"]#status-customer + label span,
.table-trigger .dt-filter input[type="checkbox"]#status-customer + label span {
	background-color: rgba(0, 133, 0, 0.2);
}
.table-trigger .dt-filter input[type="radio"]#status-customer:checked + label span,
.table-trigger .dt-filter input[type="checkbox"]#status-customer:checked + label span {
	background-color: rgba(0, 133, 0, 1);
}
.table-trigger .dt-filter input[type="radio"]#status-associate + label span,
.table-trigger .dt-filter input[type="checkbox"]#status-associate + label span {
	background-color: rgba(133, 133, 0, 0.3);
}
.table-trigger .dt-filter input[type="radio"]#status-associate:checked + label span,
.table-trigger .dt-filter input[type="checkbox"]#status-associate:checked + label span {
	background-color: rgba(205, 205, 0, 1);
}
.table-trigger .dt-filter.filter-option-payment-type input + label,
.table-trigger .dt-filter.filter-option-order-origin input + label {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
}
.table-trigger .dt-filter input[type="checkbox"]#payment-cash + label,
.table-trigger .dt-filter input[type="radio"]#payment-cash + label {
	background-image: url("/styles/gui/tile-payment-cash.png");
}
.table-trigger .dt-filter input[type="checkbox"]#payment-cheque + label,
.table-trigger .dt-filter input[type="radio"]#payment-cheque + label {
	background-image: url("/styles/gui/tile-payment-cheque.png");
}
.table-trigger .dt-filter input[type="checkbox"]#payment-bank + label,
.table-trigger .dt-filter input[type="radio"]#payment-bank + label {
	background-image: url("/styles/gui/tile-payment-bank.png");
}
.table-trigger .dt-filter input[type="checkbox"]#payment-revenue + label,
.table-trigger .dt-filter input[type="radio"]#payment-revenue + label {
	background-image: url("/styles/gui/tile-payment-revenue.png");
}
.table-trigger .dt-filter input[type="checkbox"]#payment-wallet + label,
.table-trigger .dt-filter input[type="radio"]#payment-wallet + label {
	background-image: url("/styles/gui/tile-payment-wallet.png");
}
.table-trigger .dt-filter input[type="checkbox"]#origin-user + label,
.table-trigger .dt-filter input[type="radio"]#origin-user + label {
	background-image: url("/styles/gui/tile-user.png");
}
.table-trigger .dt-filter input[type="checkbox"]#origin-advisor + label,
.table-trigger .dt-filter input[type="radio"]#origin-advisor + label {
	background-image: url("/styles/gui/tile-kb.png");
}
.table-trigger .dt-filter input[type="checkbox"]#origin-office + label,
.table-trigger .dt-filter input[type="radio"]#origin-office + label {
	background-image: url("/styles/gui/tile-location.png");
}
.table-trigger .dt-filter input[type="checkbox"]#origin-admin + label,
.table-trigger .dt-filter input[type="radio"]#origin-admin + label {
	background-image: url("/styles/gui/tile-shield.png");
}
.table-trigger .dt-filter input[type="checkbox"]#origin-website + label,
.table-trigger .dt-filter input[type="radio"]#origin-website + label {
	background-image: url("/styles/gui/tile-globe.png");
}

.table-trigger .dt-filter.filter-option-bill-canceled input + label {
	text-align: center;
}
.table-trigger .dt-filter.filter-option-bill-canceled input + label span,
.table-trigger .dt-filter.filter-option-bill-canceled input:checked + label span {
	margin: 0 auto;
	padding: 0;
	background: none;
}
.table-trigger .dt-filter.filter-option-bill-canceled input[type="radio"]#canceled + label,
.table-trigger .dt-filter.filter-option-bill-canceled input[type="checkbox"]#canceled + label {
	color: #880000;
}
.table-trigger .dt-filter.filter-option-bill-canceled input[type="radio"]#valid + label,
.table-trigger .dt-filter.filter-option-bill-canceled input[type="checkbox"]#valid + label {
	color: #005F00;
}
.table-trigger .dt-filter input.filter-reset[type="radio"] + label,
.table-trigger .dt-filter input.filter-reset[type="checkbox"] + label {
	display: inline-block;
	width: 100%;
	height: 25px;
	margin: -10px 0 5px 1px;
	vertical-align: top;
	background-color: rgba(0, 0, 0, 0.15);
	border: 1px solid #615347;
	position: absolute;
	top: -25px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);
}
.table-trigger .dt-filter input.filter-reset[type="radio"]:checked + label,
.table-trigger .dt-filter input.filter-reset[type="checkbox"]:checked + label {
	display: none;
}
.table-trigger .dt-filter input.filter-reset[type="radio"] + label span,
.table-trigger .dt-filter input.filter-reset[type="checkbox"] + label span {
	width: 100%;
	height: 22px;
	color: #615347;
	font-size: 14.5px;
	line-height: 1;
	background-color: transparent;
	border-radius: 4px;
	box-shadow: none;
	padding: 2px 5px;
	text-align: right;
	transition: all .2s;
}
.table-trigger .dt-filter input.filter-reset[type="radio"] + label span.filterTitle,
.table-trigger .dt-filter input.filter-reset[type="checkbox"] + label span.filterTitle {
	float: left;
	text-align: left;
	width: auto !important;
	opacity: 1;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
}
.table-trigger .dt-filter input.filter-reset[type="radio"] + label span.close,
.table-trigger .dt-filter input.filter-reset[type="checkbox"] + label span.close {
	float: right;
	width: auto;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 1px;
	margin: 0;
}
.table-trigger .dt-filter input.filter-reset[type="radio"]:checked + label span,
.table-trigger .dt-filter input.filter-reset[type="checkbox"]:checked + label span {
	display: none;
}
/*.table-trigger .dt-filter input.filter-reset[type="radio"] + label span:hover,
.table-trigger .dt-filter input.filter-reset[type="checkbox"] + label span:hover {
	color: #FF0808;
}*/
.table-trigger .dt-filter input.filter-reset[type="radio"] + label:hover span,
.table-trigger .dt-filter input.filter-reset[type="checkbox"] + label:hover span {
	color: #EFE8BD;
}
.table-trigger .dt-filter input[type="radio"] + label span,
.table-trigger .dt-filter input[type="checkbox"] + label span,
.table-trigger .dt-filter input[type="radio"]:checked + label span,
.table-trigger .dt-filter input[type="checkbox"]:checked + label span {
}

.dataTable .bill-canceled {
	text-decoration: line-through;
	opacity: .7;
}
#s2id_franchise.select2-container.select2-container-multi,
#s2id_franchise.select2-container.select2-container-multi ul {
	z-index: 1;
}
/*#s2id_franchise.select2-container.select2-container-multi {*/
	/*max-width: 100px;*/
/*}*/
/*#s2id_franchise.select2-container.select2-container-multi ul {*/
	/*max-width: 140px;*/
	/*min-width: 130px;*/
/*}*/



/* .multi-option */
.multi-option {
	display: inline-block;
	width: 32px;
	height: 32px;
	min-height: 32px !important;
	position: relative;
	margin: 0 auto;
	background-color: rgba(252, 255, 244, 0.3);
	box-shadow: inset 0 0 1px white, 0 0 0 1px rgba(216, 202, 190, 0.25);
	border-radius: 5px;
}
.multi-option label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -99999px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: center;
	cursor: pointer;
	opacity: 0.4;
}
.multi-option label:hover {
	opacity: 0.9;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
}
.multi-option input[type=radio] {
	visibility: hidden;
}
.multi-option input[type=radio]:checked + label {
	opacity: 1;
	background-color: rgba(252, 255, 244, 0.3);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.multi-option input[type=radio]:disabled + label {
	opacity: .1;
	cursor: no-drop;
}
.multi-option input#pay-cash ~ label {
	background-image: url("gui/tile-payment-cash.png");
}
.multi-option input#pay-cheque ~ label {
	background-image: url("gui/tile-payment-cheque.png");
}
.multi-option input#pay-bank ~ label {
	background-image: url("gui/tile-payment-bank.png");
}
.multi-option input#pay-wallet ~ label {
	background-image: url("gui/tile-payment-wallet.png");
}
.multi-option input#pay-revenue ~ label {
	background-image: url("gui/tile-payment-revenue.png");
}

/* end .multi-option */
.table-trigger .dt-filter input#payment-wallet[type="radio"] + label {
	background-image: url("/styles/gui/tile-payment-wallet.png");

}


/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
.offcanvas-toggle {
	display: none;
}
@media screen and (max-width: 768px) {
	#main {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		width:calc(100% + 230px);
	}

	#main.offcanvas-left
	{
		left: -230px;
	}

	#main.offcanvas-left.active {
		left: 0;
	}
	.panel-content {
		 color: #615347;
		 margin: 75px 3px 30px 233px;
		 max-width: 80%;
		 text-align: left;
	 }


	.sidebar-offcanvas {
		position: absolute;
		top: 0;
	}
	.offcanvas-toggle {
		display: block;
		position: absolute;
		top: 57px;
		left: 230px;
	}
	.pageTitle {
		display: none;
	}
	#header .select2-container .select2-choice {
		min-width: 40px;
	}
	.selectLang .select2-choice span span {
		display: none;
	}
	li.datetime {
		display: none !important;
	}
}

.dataTable .payment::after {
	right: 5px;

}

.table-trigger .dt-filter input#status-customer[type="radio"] + label span, .table-trigger .dt-filter input#status-customer[type="checkbox"] + label span {
	background-color: rgba(0, 133, 0, 0.55);

}

.chart-wrapper {
	/*margin: auto 10%;*/
}
.chart-wrapper canvas {
}
.chart-wrapper .node {
	font-variant: all-small-caps;
}
.card {
	max-height: 400px;
	/*overflow-y: scroll;*/
	overflow-x: hidden;
}
.card-content ul {
	padding: 0 0 0 1em ;
	margin: 0;
	list-style-type: none;
}
#franchiseList tbody td {
	vertical-align: top;
}

button .mdi-spin {
	/*margin-left: 2em;*/
}
button[readonly],
button:read-only,
.btn-default[readonly],
.btn-default:read-only {
	cursor: default !important;
	/*color: #999 !important;*/
}
button[readonly]:hover,
button:read-only:hover {
	cursor: default;
	/*color: #999;*/
}
button.payroll {
	min-height: 13em;
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
}
button.payroll .mdi::before {
	font-size: 48px;
	vertical-align: -7%;
}
.payroll .mdi {
	font-size: 48px;
}
.alert {
	position: relative;
	margin: 10px 0;
	padding-left: 60px;
}
.alert::before {
	position: absolute;
	height: 100%;
	width: 50px;
	display: flex;
	content: "";
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	color: white;
	font: normal normal normal 24px/1 "Material Design Icons";
}
.alert-success:before {
	content: '\F05E0';
	background: hsla(135, 18.9%, 49.8%, 0.57);
}
.alert-warning:before {
	content: '\F0028';
	background: rgba(138, 114, 69, 0.53);
}
.alert-danger:before {
	content: '\F0159';
	background: hsla(350, 37%, 43%, 0.57);
}
.listing.page-salary .alert {
	transition: all .5s ease-in-out;
}

.alert-dismissable .close,
.alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -20px;
	color: inherit;
	opacity: 1;
	outline: none;
	border: none;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	line-height: 1;
}
.alert-dismissable .close:hover,
.alert-dismissable .close:focus,
.alert-dismissible .close:hover,
.alert-dismissible .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: none;
	opacity: .5;
	background: transparent;
	border: none;
	outline: none;
	box-shadow: none;
}


button.btn-db .mdi-spin {
	margin-left: 2em;
}