/* Form elements */
/* -------------------------------------------------- */

input[type='text'],
input[type='password'],
input[type='number'] {
	padding: 4px 8px;
	font-size: 14px;
}

.select-wrapper:before {
	width: 20px;
}
.select-wrapper > select {
	padding: 4px 28px 4px 8px;
	font-size: 14px;
}

.cb-wrapper {
	width: 27px;
	height: 27px;
}


/* Buttons */
/* -------------------------------------------------- */

button.edit,
button.blue,
button.orange,
button.green {
	padding: 8px 16px;
	font-size: 14px;
}


/* Login */
/* -------------------------------------------------- */

#login-box {
	outline: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px 8px rgba(0,0,0,0.05);
}
#login-box > input {
	font-size: 14px;
	padding: 4px 8px;
}
#login-box > button {
	margin-top: 12px;
}


/* Main navigation */
/* -------------------------------------------------- */

#nav {
	height: 50px;
	padding: 12px 40px;
}

#nav li {
	width: initial;
	height: initial;
	padding: 6px 12px;
	margin: 0 4px;
	font-size: 14px;
	color: rgba(255,255,255,0.5);
	background-image: none !important;
	opacity: 1;
}
#nav li:hover {
	color: rgba(255,255,255,0.8);
	opacity: 1;
}
#nav li.active {
	color: rgba(255,255,255,1);
}
#nav li.active::after {
	bottom: -12px;
}
#nav li#user-button {
	width: 84px;
	height: 50px;
	margin: -12px -40px 0 0;
	background-image: url('img/ic_account_box_white_48.png') !important;
}
#nav li#user-button.visit .visit-duration {
	right: 98px;
	line-height: 54px;
}


/* User menu */
/* -------------------------------------------------- */

#crm.user-menu-open {
	margin-left: -200px;
}
#crm.user-menu-open #body {
	margin-right: 240px;
}
#crm.user-menu-open #user-menu ul {
	width: 200px;
}
#crm.user-menu-open #user-menu li {
	font-size: 13px;
}


/* Breadcrumb */
/* -------------------------------------------------- */

#breadcrumb {
	top: 50px;
	padding: 12px 56px;
	font-size: 14px;
}
#breadcrumb li+li:before {
	padding: 0 12px;
}
#breadcrumb li > span {
	padding: 6px 0;
}


/* General */
/* -------------------------------------------------- */

#body {
	margin: 100px 40px;
}
.action-bar {
	margin: 30px 0;
}

/* Table Listview */
/* -------------------------------------------------- */

table.list-view {
	margin-top: 32px;
	font-size: 12px;
}
table.list-view.regions {
	margin-top: 20px;
}


/* Shopping cart */
/* -------------------------------------------------- */

#cart-list {
	margin-top: 32px;
}
#cart-list > li {
	padding: 7px 0 4px 0;
}
#cart-list .product-id {
	display: inline-block;
}
#cart-list > li > .entry-group.group-1 {
	display: inline-block;
	width: 45%;
}
#cart-list input.amount {
	width: 46px;
	margin-left: 0;
}
#cart-list .select-wrapper {
	width: 100px;
}
#cart-list .select-wrapper::after,
#cart-list .total::before {
	line-height: 26px;
}
#cart-list .total {
	width: 80px;
	padding: 6px 5px 5px 5px;
	font-size: 14px;
}


/* Visit Single */
/* -------------------------------------------------- */

.visit-single .details {
	margin-top: 16px;
	max-width: 600px;
}
.visit-single .title {
	margin-bottom: 8px;
	font-size: 22px;
}
.visit-single .id {
	font-size: 16px;
	line-height: 22px;
}
.visit-single span {
	font-size: 14px;
	line-height: 18px;
	color: rgba(0,0,0,0.6);
}
.visit-single .description {
	max-width: 600px;
}
.visit-single .time-details {
	text-align: left;
}
.visit-single > .edit-area {
	margin-top: 30px;
}
.visit-single > .edit-area > label {
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 18px;
}
.visit-single > .edit-area > textarea {
	margin-bottom: 10px;
	width: 440px;
	height: 100px;
	padding: 4px 8px;
	font-size: 14px;
}


/* Search area */
/* ---------------------------------------- */

#search-area {
	padding: 24px 0 16px 0;
}
#form-search {
	text-align: center;
	margin: 0;
}
#form-search > .field-group {
	display: inline-block;
	margin: 0;
	width: 50%;
}
.stores #form-search > .field-group {
	width: 50%;
}
#search-search {
	font-size: 20px;
	padding: 8px 12px;
}
#search-submit {
	margin-left: -37px;
	margin-top: 5px;
	width: 32px;
	height: 32px;
}
#search-location {
	margin-top: 3px;
	background-position: 6px 50%;
	padding: 8px 16px 8px 32px;
	font-size: 14px;
}
#search-imp_exp {
	position: relative;
	margin-top: 3px;
	margin-left: 20px;
	vertical-align: top;
	padding: 8px 16px 8px 16px;
	font-size: 14px;
}
#search-product_imp_exp {
	position: relative;
	margin-top: 3px;
	margin-left: 20px;
	vertical-align: top;
	padding: 8px 16px 8px 16px;
	font-size: 14px;
}
#visit-filter-imp_exp {
	margin:16px;
	padding: 8px 16px 8px 16px;
	font-size: 14px;
}
#order-filter-order_imp_exp {
	margin:16px;
	padding: 8px 16px 8px 16px;
	font-size: 14px;
}
#search-area > .filter-area > .title {
	font-size: 12px;
}
#search-area.stores > .filter-area > .title {
	margin-left: 25%;
}
#search-area > .filter-area > .title::before{
	font-size: 14px;
}
#form-filter {
	width: 50%;
	margin-left: 25%;
}


/* Store / Product / Order / Visit list */
/* -------------------------------------------------- */

#store-list-tbody > tr,
#product-list > li,
#employee-list > li,
#employee-statistics > li,
#order-list > li,
#visit-list-tbody > li {
	padding: 7px 0 4px 0;
}
#store-list-tbody .store-id,
#product-list > li > .product-id,
#employee-list > li > .employee-id,
#employee-statistics > li > .employee-id,
#order-list > li > .order-id,
#visit-list-tbody .visit-id {
	display: inline-block;
	width: 3%;
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
	text-align: right;
	color: rgba(0,0,0,0.4);
}
#store-list-tbody .store-id.has-location {
	color: rgba(0,160,0,0.7)
}
#store-list-tbody .store-id.invalid-location {
	color: rgba(160,0,0,0.7)
}

#store-list-tbody > tr > td > .entry-group.group-1,
#product-list > li > .entry-group.group-1 {
	width: 50%;
}
#store-list-tbody > tr > td > .entry-group.group-2,
#product-list > li > .entry-group.group-2 {
	width: 30%;
}
#visit-list-tbody > tr > td > .entry-group.group-2 {
	width: 20%;
}
#employee-list > li > .entry-group.group-1,
#employee-statistics > li > .entry-group.group-1 {
    width: 150px;
}
#store-list-tbody .store-name,
#store-list > li > .entry-group > .store-region,
#product-list > li > .entry-group > .product-name,
#product-list > li > .entry-group > .product-price,
#employee-list > li > .entry-group > .employee-name,
#employee-statistics > li > .entry-group > .employee-name,
#order-list > li > .entry-group > .order-employee,
#order-list > li > .entry-group > .order-sum,
#visit-list-tbody .visit-employee,
#visit-list-tbody .visit-store {
	font-size: 14px;
	line-height: 20px;
}
#store-list-tbody .store-address,
#store-list-tbody .store-zip,
#store-list-tbody .store-city,
#store-list-tbody .store-region,
#store-list-tbody .store-lastvisit,
#product-list > li > .entry-group > .product-category,
#product-list > li > .entry-group > .product-in-stock,
#product-list > li > .entry-group > .product-unit,
#employee-list > li > .entry-group > .employee-role,
#employee-statistics > li > .entry-group > .employee-role,
#order-list > li > .entry-group > .order-created,
#order-list > li > .entry-group > .order-store,
#visit-list-tbody .visit-started,
#visit-list-tbody .visit-ended,
#visit-list-tbody .visit-duration,
#visit-list-tbody .visit-city {
	font-size: 12px;
	line-height: 18px;
}

#product-list > li > .entry-group > .product-in-stock {
	display: block;
}
.store-results-title,
.product-results-title,
.order-results-title,
.visit-results-title {
	padding: 40px 0 16px 0;
	font-size: 14px;
}
.store-results-title > .location {
	font-size: 14px;
}
.store-results-end,
.product-results-end,
.order-results-end,
.visit-results-end {
	margin-top: 16px;
	font-size: 14px;
}


#employee-list > li > .employee-id,
#employee-statistics > li > .employee-id {
	width: 40px;
}
#employee-list,
#employee-statistics {
	margin-top: 32px;
}
#employee-list > li.title,
#employee-statistics > li.title {
	font-size: 13px;
}
#employee-list > li.title > .employees,
#employee-list > li.sum > .totals,
#employee-statistics > li.title > .employees,
#employee-statistics > li.sum > .totals {
	width: 190px;
}
#employee-list > li.title .visit-count,
#employee-statistics > li.title .visit-count {
	width: 86px;
	font-size: 13px;
}
#employee-list > li .group-today,
#employee-list > li .group-week,
#employee-list > li .group-month,
#employee-list > li .group-quarter,
#employee-list > li .group-year,
#employee-list > li .group-total,
#employee-statistics > li .group-period {
	display: inline-block;
	width: 95px;
	margin: -7px 0 -4px 0;
	padding: 8px 5px;
	font-size: 13px;
}
#employee-list > li .group-month,
#employee-list > li .group-quarter,
#employee-list > li .group-year,
#employee-list > li .group-total,
#employee-statistics > li .group-period {
    width: 120px;
}
#employee-list > li .visit-count,
#employee-list > li .order-sum,
#employee-statistics > li .visit-count,
#employee-statistics > li .order-sum {
	line-height: 18px;
    width: 100%;
}
#employee-list > li .visit-count,
#employee-statistics > li .visit-count {
	margin-right: 9px;
}
#employee-list > li.sum .group-year,
#employee-list > li.sum .group-quarter,
#employee-list > li.sum .group-total,
#employee-statistics > li.sum .group-period,
#employee-list > li .group-visit-intervals > .group-year,
#employee-list > li .group-visit-intervals > .group-quarter,
#employee-list > li .group-visit-intervals > .group-total,
#employee-statistics > li .group-visit-intervals > .group-period {
	display: inline-block;
}

/* Map */
/* -------------------------------------------------- */

.map-canvas {
	height: 220px;
}
.map-canvas.not-found{
	padding: 20px;
	font-size: 13px;
	line-height: 18px;
}
.map-canvas.not-found > .title {
	margin-bottom: 8px;
}
.map-canvas.not-found > button {
	margin-top: 8px;
}


/* Store / Product single */
/* -------------------------------------------------- */

.store-single,
.product-single,
.employee-single,
.order-single {
	padding-top: 20px;
	font-size: 14px;
}
.store-single > .cover-image,
.product-single > .cover-image {
	width: 200px;
	height: 150px;
}
.product-single > .cover-image {
    margin-bottom: 0px;
}
.store-single > .details,
.product-single > .details {
	top: 20px;
	left: 232px;
}
.store-single > .details > .cc{
	width: 18px;
	height: 18px;
	margin-right: 6px;
}
.store-single > .details > .title,
.product-single > .details > .title,
.employee-single > .details > .title {
	margin-bottom: 6px;
	font-size: 18px;
}
.store-single > .details > .id,
.product-single > .details > .id,
.employee-single > .details > .id {
	font-size: 14px;
	line-height: 18px;
}
.product-single > .details > .category,
.employee-single > .details > .level {
	font-size: 12px;
	line-height: 18px;
}
.store-single > .details > .address {
	margin-top: 6px;
	font-size: 14px;
	line-height: 18px;
}
.store-single > .details > .region-label {
	margin-top: 10px;
	padding: 6px 10px;
	font-size: 11px;
}
.store-single > .details .spriority {
	margin-top: 10px;
	padding: 6px 10px;
	font-size: 11px;
}
.store-single > .details > .price-group {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
}

.product-single > .details > .product-details,
.employee-single > .details > .contact-details {
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
}


.product-details .pg-row,
.product-details > .price-table > .pg-row {
	line-height: 20px;
}
.product-details .pg-row > .label {
	width: 50px;
}
.product-details .pg-row > .price {
	width: 80px;
}
.product-details .pg-row > .tax-price {
	width: 90px;
}
.product-details .pg-row > .discount {
	width: 60px;
}


.store-single > .main-details > .equipment,
.store-single > .main-details > .owner,
.store-single > .main-details > .pricecategory,
.store-single > .main-details > .openhours {
	margin-right: 32px;
}
.store-single > .main-details > .equipment > .title,
.store-single > .main-details > .equipment > .humidor,
.store-single > .main-details > .equipment > .refrigerator,
.store-single > .main-details > .owner > .title,
.store-single > .main-details > .owner > .name,
.store-single > .main-details > .owner > .phone,
.store-single > .main-details > .pricecategory > .title,
.store-single > .main-details > .pricecategory > .prioritet,
.store-single > .main-details > .pricecategory > .basprioritet,
.store-single > .main-details > .openhours > .title,
.store-single > .main-details > .openhours > .hours {
	font-size: 13px;
	line-height: 16px;
}
.store-single > .main-details > .equipment > .title,
.store-single > .main-details > .owner > .title,
.store-single > .main-details > .pricecategory > .title,
.store-single > .main-details > .openhours > .title {
	margin-bottom: 4px;
}


/* New user */
/* -------------------------------------------------- */
.employee-new {
	padding: 20px 16px;
	font-size: 14px;
	line-height: 18px;
}
.prop-group {
	font-size: 12px;
	line-height: 22px;
}
.prop-group > .value {
	padding: 2px 8px;
	font-size: 13px;
}


/* Collapse-list */
/* -------------------------------------------------- */

.collapse-list {
	margin-top: 20px;
	padding: 16px 0;
	font-size: 12px;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.025);
}
.collapse-list > .title {
	padding: 0 22px 8px 22px;
	font-size: 14px;
}
.collapse-list > .none {
	padding: 0 22px;
}
.collapse-list > ul {
	display: block;
	padding: 0;
}
.collapse-list > ul > li {
	padding: 16px 24px;
}
.collapse-list > ul > li.more-visits {
	margin-bottom: -10px;
}
.collapse-list.info > ul > li {
	display: inline-block;
	border-top: none;
}
.collapse-list.images > ul > li {
	width: 96px;
	height: 96px;
}
.collapse-list.images > ul > li > img {
	max-width: 96px;
	max-height: 96px;
}
.collapse-list > ul > li > span {
	display: block;
}
.collapse-list > ul > li > .ended {
	margin-bottom: 8px;
	color: rgba(0,0,0,0.5);
}
.collapse-list > ul > li > .name {
	margin-bottom: 4px;
}
.collapse-list > ul > li > .description {
	line-height: 16px;
}
.collapse-list > ul > li > .duration {
	margin-top: 8px;
	color: rgba(0,0,0,0.4);
}


/* Info box */
/* -------------------------------------------------- */

.info-box {
	padding: 0;
	font-size: 12px;
	line-height: 16px;
}


/* Edit details */
/* -------------------------------------------------- */
.edit-details {
	text-align: left;
	background-color: rgba(0,0,0,0.025);
}


/* Edit view */
/* -------------------------------------------------- */

.edit-view > .field-group > label {
	padding: 0 0 4px 8px;
	font-size: 12px;
}


/* Overlay */
/* -------------------------------------------------- */

#overlay > .box > .content > span.caption {
	font-size: 12px;
}


/* Admin view */
/* -------------------------------------------------- */

.admin-view {
	padding: 20px 16px;
	font-size: 14px;
}


/* Region editor */
/* -------------------------------------------------- */

#region-editor {
	float: right;
	width: initial;
	margin-top: 20px;
	padding: 24px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 8px;
	background-color: rgba(0,0,0,0.025);
}
#region-editor > .title {
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: bold;
}
#region-editor > .input-group {
	display: table-cell;
}
#region-editor > .input-group > label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	color: rgba(0,0,0,0.75);
}
#region-editor > .input-group > input[type='color'] {
	width: 80px;
	opacity: 0;
}
#region-editor > .input-group > .color-selector {
	width: 80px;
	height: 27px;
	margin-top: -23px;
	border: 1px solid rgba(0,0,0,0.25);
	background-color: red;
}
#region-editor > button {
	display: block;
	margin-top: 18px;
}

.order-amount-editor > input {
	font-size: 20px;
	padding: 5px 8px;
}

.order-amount-editor > .decrease,
.order-amount-editor > .increase {
	width: 35px;
	height: 35px;
	font-size: 28px;
	line-height: 28px;
}
#store-list tr > *:nth-child(1),
#store-list tr > *:nth-child(3),
#store-list tr > *:nth-child(4),
#store-list tr > *:nth-child(5),
#visit-list tr > *:nth-child(1),
#visit-list tr > *:nth-child(3),
#visit-list tr > *:nth-child(5),
#visit-list tr > *:nth-child(7) {
    display: table-cell;
}
#store-list .mobileView,
#visit-list .mobileView {
    display: none;
}

.choices{
	width: 400px;
}
#crm ul > li > .stock-group{
	display: inline-block;
}