html {overflow:auto;}
body, input, select, textarea, html {font: 0.9em Verdana, Tahoma, Arial, sans-serif; }
input, select, button	{height:22px;border:1px solid #B3E5FC;border-radius:2px;padding:0 1px;background:#fcfcfc;}
body {margin:0;padding:0;}
a {color:#0d47a1;text-decoration:none;}
a:hover {text-decoration:underline;color:#000;}
span.empty {font-style:italic;color:#aaa;}
a img {border:0px solid transparent;}
.hidden {display:none;}
.disabled {opacity:0.5;}
.invisible {visibility:hidden;}
.loading-indicator {
	display: none;
	position: absolute;
	background: transparent url('img/loading.gif') 50% 50% no-repeat;
}
.has-loading-indicator {
	position: relative;
}
acronym {cursor:help;color:#0d47a1;}
th a acronym {color:#fff;}
/*
 *	Insert/Update/Delete buttons
 */
.recordInsert, .recordExport, .deletedRecordsButton {display:inline-block;outline:1px solid #A5D6A7;margin:6px 4px;border:1px solid #fff;border-radius:2px;color:#555;text-decoration:none;text-align:center;font-weight:bold;width:250px;padding:3px 4px;background-color:#E8F5E9;}
.recordExport {width:200px;}
.deletedRecordsButton {width:170px;outline-color:#BDBDBD;background-color:#eee;}
.recordInsert:hover, .recordExport:hover {text-decoration:none;outline-color:#33691E;background-color:#C5E1A5;}
.deletedRecordsButton:hover	{text-decoration:none;outline-color:#757575;background-color:#E0E0E0;}
.recordInsert img, .recordExport img, .deletedRecordsButton img {vertical-align:top;padding:0;}
.clear {clear:both;}
/*
 *	Navigation bar and table
 */

.htmlTableContainer {
	background-color: #F8F6fA;
}
table.htmlTable {
	text-align: left;
	/* width: 100%; */
}

div.tableNavigation {padding:6px;background-color:#bbdefb;}
div.tableNavigation .active {font-weight:bold;padding:3px;}
span.navArrows {padding:3px;}
.autoListerTable td, .autoListerTable th {
	padding: 2px;
}
.htmlTableHeader th {color:#fff;font-weight:bold;background-color:#2196f3;}
.has-operations .htmlTableHeader th.first {width:20px;}
.htmlTableHeader th a {color:inherit;transition:background-color 0.5s ease;}
.htmlTableHeader th a:hover	{background-color:#1976d2;}
.sum-row td {
	background-color: #FFEB3B !important;
	font-weight: bold;
}
.htmlTableRow0 td {background-color: #e3f2fd;}
.htmlTableRow1 td {background-color: #fff;}

.htmlTable .handled-by-office.row-active td,
.htmlTable .htmlTableRow0.handled-by-office.row-active td,
.htmlTable .htmlTableRow1.handled-by-office.row-active td {
	background-color: #bbdefb;
}

.htmlTableRow0.passive-client td {
	background-color: #F2F5A9;
}
.htmlTableRow1.passive-client td {
	background-color: #F2F5A9;
}

.htmlTableRow1.uses-dermatology-products td {
	background-color: transparent;
}

.htmlTableRow0.uses-dermatology-products td {
	background-color: transparent;
}

.htmlTableRow1.uses-dermatology-products {
	background-color: #8dd0f3;
	color: #000;
	background: -webkit-repeating-linear-gradient(135deg, #D9EFFB, #D9EFFB 4px, #B3DFF7 4px, #B3DFF7 8px) !important;
	background: repeating-linear-gradient(135deg, #D9EFFB, #D9EFFB 4px, #B3DFF7 4px, #B3DFF7 8px) !important;
}

.htmlTableRow0.uses-dermatology-products {
	background-color: #8dd0f3;
	color: #000;
	background: -webkit-repeating-linear-gradient(135deg, #D9EFFB, #D9EFFB 4px, #B3DFF7 4px, #B3DFF7 8px) !important;
	background: repeating-linear-gradient(135deg, #D9EFFB, #D9EFFB 4px, #B3DFF7 4px, #B3DFF7 8px) !important;
}

.htmlTable .htmlTableRow0.handled-by-office td {
	background-color: #25261a;
	color: #ccc;
}
.htmlTable .htmlTableRow1.handled-by-office td {
	background-color: #2e2f21;
	color: #ccc;
}

.htmlTable td {
}
.htmlTable .row-active td,
.htmlTable .htmlTableRow1.row-active td,
.htmlTable .htmlTableRow0.row-active td {
	background-color: #bbdefb;
}

.htmlTable .htmlTableRow1.inactive td {
	background-color: #ccc;
	color: #777;
}
.htmlTable .htmlTableRow0.inactive td {
	background-color: #e3e3e3;
	color: #777;
}

/*
 *	Describe Common Form styles
 */
.form {}
.formTable,
.key-value-table {
	width: 100%;
	border: 1px solid #bbdefb;
}
.formTable th, .formTable td,
.key-value-table th, .key-value-table td {
	padding: 3px 5px;
}
.formCaption {
	font-weight: bold;
	padding: 3px;
	color: white;
	border:3px solid #2196f3;
}

.formCaption a {
	color: #fa6;
}

.formColLabel,
.key-value-table th.label {
	padding: 2px 10px 2px 2px;
	font-weight: bold;
	width: 20%;
}
.formColField,
.key-value-table td.field {
	width: 80%;
	margin: 1px;
	padding: 1px;
}

.formColLabel small {
	font-size: 10px;
	font-weight: normal;
}

.key-value-table th.label {
	padding: 2px 20px 2px 2px;
	font-weight: normal;
	color: #555;
}

.formTable.horizontal .formColField {
	width: auto;
}
.formTable.horizontal .formColLabel {
	width: auto;
}

.field-with-errors .formColLabel,
.field-with-errors.formColLabel {
	color: #f00;
}

.field-with-errors .formColField input,
.field-with-errors .formColField select,
.field-with-errors.formColField input,
.field-with-errors.formColField select {
	border-color: #f00;
}


/* exceptions for the horizontal and/or embedded forms */
.formTable.embedded .formCol0,
.formTable.embedded .formCol1 {
	background-color: transparent;
}

.formTable.horizontal .formCol0.formColLabel, .formTable.horizontal .formCol1.formColLabel {color:#fff;background-color:#2196f3;}

.formTable.horizontal .field-with-errors {
	background-color: #fdd;
}

.formTable.embedded {
	width: auto;
	border-width: 0;
}

.formTable.embedded .formSelector {
	width: 200px;
}

.formTable.embedded th {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.formTable.embedded th,
.formTable.embedded td {
	padding: 1px 5px;
}



/* blue */
/*
.formCaption {
	background-color: #4C4C76;
}
.formRow0 .formColField, .formRow0 .formColLabel {
	background-color: #D4D4FF;
}
.formRow1 .formColField, .formRow1 .formColLabel {
	background-color: #AAAAFF;
}
*/

/* yellow */
/*
.formCaption {
	background-color: #AA8000;
}
.formRow0 .formColField, .formRow0 .formColLabel {
	background-color: #FFFFD4;
}
.formRow1 .formColField, .formRow1 .formColLabel {
	background-color: #FFFFAA;
}
*/

/* green */
.formCaption {
	background-color: #2196f3;
}
.formRow0 .formColField,
.formRow0 .formColLabel,
.row0 > .field,
.row0 > .label {
	background-color: #E1F5FE;
}
.formRow1 .formColField,
.formRow1 .formColLabel,
.row1 > .field,
.row1 > .label {
	background-color: #E1F5FE;
}
.row0 > .label, .row1 > .label, .formRow0 > .formColLabel, .formRow1 > .formColLabel {
	background-color: #E1F5FE;
}

form .focused, form .formSave:hover {
	background-color: #fff;
	border-color: #03A9F4;
}

form input[type="button"].focused,
form input[type="reset"].focused,
form input[type="submit"].focused {
    padding: 0;
}

form input.scanner {
	width: 25px;
	background: white url('img/barcode.png') 50% 50% no-repeat;
	color: rgba(88, 88, 88, 0.5);
}

.ac_input.ac_invalid {
	background-color: #ffd9d7;
}

.formControls {
	text-align: right;
	padding: 7px;
}
.formSave, .formSaveCustom, .formCancel {height:30px;border:1px solid #fff;outline:1px solid #42a5f5;border-radius:2px;margin-right:7px;padding:2px 4px;color:black;font-weight:bold;background-color:#bbdefb;}
.formSave {width:200px;outline-color:#A5D6A7;background-color:#E8F5E9;}
.formSaveCustom {}
.formCancel {outline-color:#BDBDBD;background-color:#eee;}
.formButton, .formBtnAdd, .formBtnBrowse {
	background-color: #E4E0D8;
	border-top: 1px solid #EDECE9;
	border-left: 1px solid #EDECE9;
	border-right: 1px solid #6C6A66;
	border-bottom: 1px solid #6C6A66;
	color: black;
	padding: 0px 6px 0px 6px;
}
.formInput, .formSelect, .formTextarea, .formUpload {
	width: 99%;
	max-width: 99%;
}
.formDatetime {
	width: 200px;
}
a.clear-date {
	margin-left: 6px;
}
.formSelector {
	width: 250px;
	max-width: 70%;
}
.formColField button {
	font-size: 0.89em;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 5px;
}
.formBtnAdd {
	width: 60px;
}
.formBtnBrowse,
.formBtnConfirm,
.formBtnClear {
	width: 90px;
}
.formColField button span {
	padding: 0px;
	margin: 0px 0px 0px auto;
}
.formTypeImage {
	padding: 1px 3px 1px 3px;
}

/*
 *	Describe Specific Forms
 */
.formLogin {
	width: 400px;
	margin: 20px auto 20px auto;
}

/*
 *	Headers and footers, main data containers
 */
h1, h2 {
	margin: 0px;
	padding: 0px;
}
h1.section, h2.section {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
h1.section {
	margin-top: 30px;
}
.header h2 {
	font-weight: bold;
	color: #fff;
}
.header {padding: 5px 5px 5px 26px; background-color: #90caf9; }
.header .translate-widget {
	position: fixed;
	top: 10px;
	right: 10px;
}

.logo {
	font: bold 18px Verdana, Tahoma, Arial;
}
.headerLine {
	color: #777;
}
div.toolbar {
	float: right;
}
.toolbar img {
	max-width: 25px;
}
.toolbar a {
	display: block;
	float: left;
	padding: 0 5px;
	border-bottom: 0px solid transparent;
}
.toolbar a:hover,
.toolbar a:hover img {
	background-color: white;
}
.toolbar a.expired_visits_info {
	background-color: red;
	color: #fff; font-size: 0.7em;
	padding: 1px 5px;
	margin-top: 2px;
	margin-right: 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}

.header .unread-announcements {
	background-color: #ff7938;
	color: #FFF;
	border-bottom: none;
	padding: 1px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/* Announcements */
ul.announcements {
	list-style: none;
	margin: 20px 0 40px 0;
	padding: 0;
}
ul.announcements > li {
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	margin: 0;
}
ul.announcements > li.unread {
	border-bottom: 2px solid #fff;
}
ul.announcements > li:last-child {
	border-bottom: none;
}
ul.announcements .announcement-content :first-child {
	margin-top: 0;
}
ul.announcements .announcement-content :last-child {
	margin-bottom: 0;
}
.announcements-pagination {
	margin: 15px 0;
}
.announcement-content p,
.announcement-content ul,
.announcement-content ol {
	margin: 8px 0;
}
.announcement-content span.meta {
	margin-left: 8px;
	color: #aaa;
}
.unread-announcement {
	background-color: #fff7eb;
}
.announcement-content .new {
	font-weight: bold;
	color: #ff202a;
}
.announcement-content p.meta span.meta {
	margin-left: 0;
}

/**
 *	Content Containers, Menus
 */
.topmenu {clear:both;text-align:left;padding:10px 0 0 20px;background-color:#90caf9;}
.topmenu a {display:inline-block;margin-right:4px;border:0px solid white;padding:6px 15px;text-decoration:none;color:#0d47a1;font-size:12px;background-color:#90caf9;transition:background-color 0.5s ease;}
.topmenu a:hover {color:#fff;background-color:#64b5f6;}
.topmenu .active {color:#fff;text-decoration:none;font-weight:bold;background-color:#2196f3;transition:background-color 0.5s ease;}
.topmenu a.active:hover {background-color:#2196f3;}
.menurow {color:#fff;padding:5px 30px;font-size:11px;background-color:#2196f3;}
.menu {position:relative;clear:both;text-align:left;padding:5px 20px;}
.menu a {display:inline-block;margin:2px;border:1px solid white;font-size:12px;padding:4px 8px;text-decoration:none;color:#0d47a1;background-color:#e3f2fd;transition:background-color 0.5s ease;}
.menu a:hover {color:#fff;background-color:#64b5f6;}
.menu .active {color:#fff;background-color:#2196f3;}
.menu a.active:hover {background-color:#2196f3;}
.content {
	padding: 20px 3px;
	text-align: center;
	clear: both;
}

.content-data {
	text-align: left;
	margin: 0px auto;
	width: 98%;
}

.footer {
	text-align: center;
	font-size: 0.76em;
}

/**
 *	Message Box Styles
 */
.perror {
	color:#550000;
	padding: 8px;
	margin: 1px 0px 1px 0px;
	border:1px solid #CF543A;
	background-color: #Fccdb9;
}
.pmessage {
	color: #23458F;
	padding: 8px;
	margin: 1px 0px 1px 0px;
	border: 1px solid #0A246A;
	background-color: #E4E6EE;
}
.psuccess {
	color:#0E630A;
	padding: 8px;
	margin: 1px 0px 1px 0px;
	border:1px solid #1E731A;
	background-color: #B5DFAC;
}

.perror code {
	background-color: #fff;
	padding: 1px 3px;
}

div.filter {padding:3px;background-color:#bbdefb;}
div.filter form {
	display: inline;
}
div.filter td {
	padding: 1px;
}
div.filter td input.active,
div.filter td .active {
	background-color: #FFFFAA;
}

table.htmlTable.selector-mode tbody tr.selectable:hover,
table.htmlTable.selector-mode tbody tr.selectable:hover td {
	background-color: #FFFFAA !important;
	cursor: pointer !important;
	color: black !important;
}

table.htmlTable.selector-mode tbody tr.unselectable:hover,
table.htmlTable.selector-mode tbody tr.unselectable:hover td {
	cursor: not-allowed;
}

.month-report .report-header {
	text-align: center;
}
.month-report .report-header h2, h3 {
	margin: 3px 0px;
}
.month-report ul li h2 {
	margin: 0.7em 0em;
}
.month-report .report-total {
	padding: 3px;
	background-color: #eee;
}
.formRadio input {
	vertical-align: top;
}
label.formRadio {
	margin-right: 10px;
	line-height:22px;
}

form label.inline-checkbox {
	display: block;
	margin: 2px 0;
}


.edit-full {
	display: block;
	margin: 10px 0px;
	padding: 15px 15px 15px 70px;
	background: #FFFFCC url(img/pencil.png) no-repeat 10px 50%;
	border: 1px solid orange;
	color: #000;
}
.edit-partial {
	display: block;
	margin: 10px 0px;
	padding: 15px 15px 15px 70px;
	background: #CCFFCC url(img/pencil.png) no-repeat 10px 50%;
	border: 1px solid green;
	color: #000;
}

.htmlTableRow0.bad-client td,
.htmlTableRow0.status-rejected td,
.deleted-records .htmlTableRow0 td {
	background-color: #fcc;
	color: red;
}

.htmlTableRow1.bad-client td,
.htmlTableRow1.status-rejected td,
.deleted-records .htmlTableRow1 td {
	background-color: #fdd;
	color: red;
}

.htmlTableRow0.status-pending td {
	background-color: #ffd;
	color: #6F6C01;
}

.htmlTableRow1.status-pending td {
	background-color: #eeb;
	color: #6F6C01;
}

a.clear-row {
	display: block;
	padding-left: 16px;
	text-decoration: none;
	border-bottom: 0px solid white;
	background: transparent url(img/delete.gif) 0px 0px no-repeat;
}
a.clear-row:hover {
	background-color: red;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

form.order-form .formSelector.ac_input {
	width: 160px;
}

form.order-form .formBtnConfirm,
form.order-form .formBtnClear {
	width: auto;
}

form.order-form .row-prices {
	display: block;
	text-align: right;
}

form.order-form .row-prices del {
	text-decoration: line-through;
	color: #777;
}

form.order-form .row-prices ins {
	margin-left: 2px;
	text-decoration: none;
	font-weight: bold;
}

form.order-form .row-prices.zero-price {
	color: #aaa;
}

/* Custom widths for the order form */
form.order-form .formTable.embedded .field-itemIds input.ac_input {
	width: 150px;
}

form.order-form .formTable.embedded .field-warehouseIds input.ac_input {
	width: 80px;
}

form.order-form .formTable.embedded .field-amounts input {
	width: 33px;
}

form.order-form .formTable.embedded .field-orderItemNames input {
	width: 60px;
}

form.order-form .formTable.embedded .formBtnBrowse.autocomplete-browse {
	width: 25px;
}

form.order-form .formTable.embedded .formBtnBrowse.autocomplete-browse span {
	display: none;
}


/* Record history UI */

.record-history h2 {
	margin: 10px 0;
}

.crud-event .key-value-table {
	margin-bottom: 10px;
}

.crud-event .event {
	padding: 0px 2px;
}

.crud-event .event.delete {
	color: #f00;
	background-color: #fdd;
}

.crud-event .event.insert {
	color: #080;
	background-color: #dfd;
}

.crud-event .event.restore {
	color: #000F88;
	background-color: #C5D3FF;
}

.crud-event .event.edit {
	color: #c80;
	background-color: #eee;
}

.crud-event .event.custom {
	color: #fff;
	background-color: #384039;
	padding: 2px;
}

.crud-event .formCaption {
	font-weight: normal;
}

.crud-event .formCaption .event,
.crud-event .formCaption a {
	font-weight: bold;
}

.crud-event .formCaption .anchor {
	font-weight: normal;
	margin-left: 8px;
	font-size: 12px;
	color: #aca;
}

.crud-event .formCaption .referenced {
	font-weight: normal;
	margin-left: 8px;
	font-size: 12px;
}

.crud-event del,
.crud-event ins {
	display: block;
	color: #000;
	font-family: 'consolas', monospace;
	border-style: solid;
	border-width: 1px;
	padding: 1px 2px;
	min-height: 14px;
	white-space: pre;
}

.crud-event .del.ins del { border-bottom-width: 0; }
.crud-event .del.ins ins { border-top-width: 0; }

.crud-event del {
	border-color: #c00;
	background-color: #fdd;
	color: #a00;
	text-decoration: none;
}

.crud-event ins {
	border-color: #0a0;
	background-color: #dfd;
	color: #060;
	text-decoration: none;
}

.crud-event code {
	color: #999;
	background-color: #FFF;
	padding: 0px 1px;
}

.key-value-table .field .formCaption {
	padding: 1px 3px;
	font-weight: normal;
	background-color: #83984a;
}

.key-value-table .field .key-value-table .label {
	width: 10%;
	white-space: nowrap;
}

form div.comment-text {
	white-space: pre;
}

/* Icons */
img.icon, .with-icon img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.left-space {
	margin-left: 15px;
}

.amount.neutral  { color: #aaa; }
.amount.positive { color: #1a6d22; }
.amount.negative { color: #a91116; font-weight: bold; }

.centered-box {
	width: 80%;
	max-width: 650px;
	margin: 20px auto;
}

.email-container {
	padding: 10px;
	max-width: 580px;
	margin: 0 auto;
}

.page-break {
	page-break-after: always;
}

.mark {
	font-weight: bold;
}
.mark.good {
	color: #393;
}
.mark.bad {
	color: #e33;
}

.nowrap {
	white-space: nowrap;
}

.order-form .formTable.embedded td.field-orderItemDiscountPercentages {
	color: #555;
	white-space: nowrap;
}
.order-form .formTable.embedded .field-orderItemDiscountPercentages .formInput {
	width: auto;
	margin-right: 3px;
}

.price {
	white-space: nowrap;
	display: block;
	text-align: right;
}

.price-discount {
	white-space: nowrap;
}

.price-discount del,
.price-discount ins {
	padding: 0;
	margin: 0;
	display: inline;
	font-family: verdana, tahoma, arial, sans-serif;
}

.price-discount del {
	text-decoration: line-through;
	margin-right: 4px;
	color: #99929d;
}

.price-discount ins {
	text-decoration: none;
	border: none;
	color: #2f312d;
}

.client-flags {
	display: block;
	text-align: center;
}

.client-flags span {
	display: inline-block;
	width: 1em;
	height: 1em;
	border: 0.4em solid transparent;
	border-radius: 50%;
	background: white;
	opacity: 0.5;
}

.vip-client .client-flags span {
	background: green;
	opacity: 1;
}

.floating-client .client-flags span {
	/*outline: 0.4em solid orange;*/
	box-shadow: 0 0 0 0.4em orange;
}

.special-handling .client-flags span {
	border-color: red;
	cursor: help;
	opacity: 1;
}