@charset "utf-8";

/**
 * Tags
 */

body {
	background: #181818;
}

a,
.content-title-icon,
.nmi-icon.nmi-active, 
.page-nav-active,
.a-default,
.action-icon-edit,
.action-icon-location,
.foo-phone,
.foo-email,
.foo-location,
.foo-product,
.foo-machine,
.foo-button,
.action-icon-edit-dt,
.action-icon-location-dt,
.action-icon-edit-dt-mleft,
.hero-card-icon,
.footer-icon {
	color: #bf94ff;
}

.a-fp {
	color: #bf94ff;
}

.nmi-bar-inner.nmi-active, 
.page-nav-active 
.page-nav-bar-inner {
	border-bottom: 4px solid #bf94ff;
}

.stats-header-column-active {
	color: #bf94ff;
	border-bottom: 3px solid #bf94ff;
}

button,
.default-button.blue {
	background: #bf94ff;
}


.border-top {
	border-top: 1px solid #555;
}

.input-default,
.dataTables_wrapper .dataTables_filter input {
	border: 1px solid #555;
	color: #dfdfdf;
	background: #202020;
}

.select-default,
.dataTables_wrapper .dataTables_length select {
	border: 1px solid #555;
	color: #dfdfdf;
	background: #202020;
}

.input-default-error {
	border: 1px solid #E12F2F;
}

.grid-cell {
	border: 1px solid #444444;
	background: #2e2e2e;
	box-shadow: 0 2px 4px rgba( 0, 0, 0, .1 ), 0 8px 16px rgba( 0, 0, 0, .1 );
}

.grid-cell-header,
.grid-cell-content {
	border-bottom: 1px solid #555;
}

.header-container {
	background: #202020;
	color: #ffffff;
	box-shadow: none;
	border-bottom: 1px solid #2e2e2e;
}

.header-logo {
	color: #ffffff;
}

.content-container {
	color: #dfdfdf;
	background: #272727;
	box-shadow: 0 0px 4px rgba( 255, 255, 255, .1 ), 0 0px 16px rgba( 255, 255, 255, .1 );
	border: 1px solid #444444;
}

.pop-up-divider-line {
	border-top: 1px solid #2e2e2e;
}

.content-row {
	color: #2FE1E1;
}

.mob-fixed-nav {
	background: #202020;
	border: 0px;
	border-top: 1px solid #2e2e2e;
}

.mob-fixed-nav-item {
	color: #2FE1E1;
}

.page-profile-pro {
	border-bottom: 1px solid #2e2e2e;
}

.grid-cell-header-img,
.profile-picture-container-img img {
	box-shadow: 0 0px 4px rgba( 255, 255, 255, .2 ), 0 0px 16px rgba( 255, 255, 255, .2 );
	border: 1px solid #2e2e2e;
}

.user-menu-bars {
	color: #ffffff;
}

.pop-up-container-inner {
	color: #ffffff;
	background: #272727;
	box-shadow: 0 0px 4px rgba( 255, 255, 255, .1 ), 0 0px 16px rgba( 255, 255, 255, .1 );
	border: 1px solid #444444;
}

.user-menu {
	box-shadow: 0 0px 4px rgba( 255, 255, 255, .1 ), 0 0px 16px rgba( 255, 255, 255, .1 );
}

.user-menu-item {
	color: #ffffff;
	background: #272727;
	border-bottom: 1px solid #2e2e2e;
}

.ul-permissions-container {
	border: 1px solid #444444;
	color: #dfdfdf;
}

.ul-permissions-header,
.ul-permission-sub-header {
	color: #dfdfdf;
}

.stats-inventory-product {
	border: 1px solid #444444;
	background: #2e2e2e;
}

.stats-inventory-product-columns,
.stats-inventory-product-items {
	border-top: 1px solid #444444;
}

.subscription-container {
	border: 1px solid #444444;
	background: #2e2e2e;
}

.subscription-container-inner {
	border-bottom: 1px solid #555;
}

.subscription-eq-container {
	border-bottom: 1px solid #555;
}

.subscription-card-container {
	border: 1px solid #555;
}

.features-container {
	color: #dfdfdf;
}

.support-heading,
.marketing-heading {
	color: #dfdfdf;
}

.marketing-heading-sub-text {
	color: #dfdfdf;
}

.footer-container {
	border-top: 1px solid #2e2e2e;
	color: #dfdfdf;
	background: #202020;
}

.footer-col-header {
	color: #dfdfdf;
}

.footer-columns {
	border-bottom: 1px solid #2e2e2e;
}

.pp-title,
.faq-title {
	border-bottom: 1px solid #444;
}

.pricing-header-sub-text,
.pricing-header,
.pricing-plus {
	color: #dfdfdf;
}

.pricing-card-wrap {
	border: 1px solid #444;
	background: #2e2e2e;
}

.card-disc {
	color: #dfdfdf;
}

.pricing-card-header,
.pricing-card-mid {
	color: #fff;
	border-bottom: 1px solid #444444;
}

.pricing-card-mid {
	color: #88e12f;
}

.fa-view-type {
	border: 1px solid #444;
	background: #2e2e2e;
	color: #444;
}

.fa-view-type-active {
	border: 1px solid #2FE1E1;
	background: #2e2e2e;
	color: #2FE1E1;
}

.grid-cell-header-img {
	border: 0px;
}

.exp-sym {
	font-size: 90px;
	text-align: center;
	color: #2FE1E1;
	box-shadow: 0 0px 4px rgba( 255, 255, 255, .2 ), 0 0px 16px rgba( 255, 255, 255, .2 );
	border-radius: 50%;
}

.carousel-click {
	color: #dfdfdf;
}

.carousel-click:hover {
	color: #fff;
}

.carousel-img,
.carousel-img-auto {
	border: 1px solid #444;
}

.marketing-a {
	color: #bf94ff;
}

.ap-sec {
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #444444;
	border-radius: 5px;
	background: #2e2e2e;
}

.user-level-permissions-sub-title {
	color: #777777;
}

/**
 * Datepicker
 */

.ui-datepicker-header,
.ui-state-default {
	background: #272727 !important;
	border: 1px solid #444 !important;
	font-size: 14px !important;
	color: #dfdfdf !important;
}

.ui-datepicker.ui-widget {
	background: #272727 !important;
	border: 1px solid #444 !important;
}

.ui-datepicker .ui-state-active {
	border: 1px solid #4444 !important;
	font-family: 'Arimo-Bold', 'Open Sans', 'Arial', 'sans-serif' !important;
}

.ui-datepicker-calendar th {
	color: #dfdfdf !important;;
}

.ui-datepicker-calendar th {
	padding: 10px;
	font-size: 12px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-state-default:hover {
	cursor: pointer;
	background: transparent;
	border: 1px solid #bf94ff !important;
}

#ui-datepicker-div {
	font-family: 'Arimo-Regular', 'Open Sans', 'Arial', 'sans-serif' !important;
}


/**
 * Datatables
 */

table.dataTable.no-footer {
	border-bottom: 1px solid #444;
}

.dataTables_scrollBody {
	border-bottom: 1px solid #444 !important;
}

table.dataTable thead tr {
	background: #2e2e2e;
}

table.dataTable thead tr th {
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

table.dataTable tbody tr td:first-child {
	border-left:1px solid #444;
}

table.dataTable tbody tr:hover {
	background: #272727;
}

table.dataTable thead tr th:last-child,
table.dataTable tbody tr td:last-child {
	border-right: 1px solid #444;
}

table.dataTable tr.odd { 
	background-color: #444; 
}

table.dataTable tr.even { 
	background-color: #2e2e2e; 
}

/**
 * Focus
 */

.input-default:focus,
.select-default:focus,
.dataTables_wrapper .dataTables_length select:focus,
.dataTables_wrapper .dataTables_filter input:focus {
	background: #555;
	box-shadow: 0px 0px 4px rgba( 0, 0, 0, 0.2 );
}

/**
 * Hover
 */

.nav-menu-item:hover,
.page-nav-item:hover,
.nav-menu-item:hover .nmi-bar-inner {
	color: #bf94ff;
}

.stats-header-column:hover {
	color: #bf94ff;
	border-bottom: 3px solid #bf94ff;
}

.content-title-icon:hover,
.action-icon-edit:hover,
.action-icon-edit-dt:hover,
.action-icon-edit-dt-mleft:hover,
.action-icon-location:hover,
.action-icon-location-dt:hover {
	color: #A061FF;
}

button:hover,
.default-button.blue:hover {
	background: #A061FF;
}

.nav-menu-item:hover .nmi-bar-inner {
	border-bottom: 3px solid #bf94ff;
}

.page-nav-item:hover .page-nav-bar-inner {
	border-bottom: 4px solid #bf94ff;
}

.card:hover,
.grid-cell:hover {
	cursor: pointer;
	box-shadow: 0px 0px 8px rgba( 255, 255, 255, .1 );
}

.input-default:hover,
.select-default:hover,
.dataTables_wrapper .dataTables_length select:hover,
.dataTables_wrapper .dataTables_filter input:hover {
	background: #555;
}

.fa-view-type-active:hover {
	border: 1px solid #2FE1E1;	
}

/**
 * Mobile
 */

@media only screen and ( max-width: 1200px ) { /* mobile: do things when size is 1200px or less */
	.exp-sym {
		box-shadow: none;
	}
}