html {
	width:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
}
body {
	width:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	font-family:'Adobe Clean';
	font-size:14px;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}
*::-webkit-scrollbar { width: 5px; height: 5px; }
*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.15); }
*::-webkit-scrollbar-thumb { background-color: #606060; outline: 1px solid #606060; }
.transition { -o-transition:all 150ms linear; -ms-transition:all 150ms linear; -moz-transition:all 150ms linear; -webkit-transition:all 150ms linear; transition:all 150ms linear; }
.border-radius { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input,select,textarea,button { outline:none;font-family:'Adobe Clean'; font-size:14px;-o-transition:all 150ms linear; -ms-transition:all 150ms linear; -moz-transition:all 150ms linear; -webkit-transition:all 150ms linear; transition:all 150ms linear;}
input:focus,select:focus,textarea:focus {-webkit-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35);}
input.no-shadow-on-focus:focus,select.no-shadow-on-focus:focus,textarea.no-shadow-on-focus:focus {-webkit-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0); -moz-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0); box-shadow: 0px 0px 5px 0px rgba(169,169,169,0);}
.float-right {float:right;}
.text-right {text-align:right;}
.flex-wrap { flex-wrap:wrap; }
.modal-outer {
	position:fixed;
	width:100vw;
	height:100vh;
	background:rgba(0,71,101,0.85);
	left:0;top:0;bottom:0;right:0;
	text-align:center;
	padding-top:100px;
}
.modal-inner {
	top:40px;
	position:relative;
	padding:25px;
}
.modal-close {
	color:#C11B17;
	cursor:pointer;
}

.modal-outer.right-side-panel {
	text-align:right;
}
.modal-side-panel {
	display:inline-block;
	position:relative;
	height:100%;
	right:-1000px;
	width:100%;
	max-width:700px;
	background:#fff;
	text-align:left;
}
.document-form {
	text-align:left;
	height:100%;
}
.document-form .heading {
	padding:25px;
}
.document-form .heading h1 {
	margin:0px;
	font-size:20px;
	padding:0px 0px 25px 0px;
}
.document-form .footer {
	padding:15px 0px 25px 0px;
	border-top:1px solid #ddd;
	margin:15px 25px 0px 25px;
}
.document-form .body {
	padding:0px 25px;
	flex-grow:1;
	overflow-y:auto;
}

.block {
	width:100%;
	padding:25px;
	vertical-align:top;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ddd;
	background:#fff;
}
.block  .header > i {
	display:inline-block;
	color:#aaa;
	margin:0px 10px;
	font-size:12px;
	line-height:23px;
	vertical-align:top;
}
.block  .header {
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
	font-size:20px;
	vertical-align:top;
}
.mainframe {
	display:flex;
	width:100%;
	height:100vh;
}
.menu {
	background:#2a3439;

}
.container {
	background:#f3f1ef;
	flex-grow:1;
}
.container-wrap {
	width:100%;
	vertical-align:top;
	margin:0px;
	padding:25px;
	height:100vh;
	overflow-y:auto;
}
.ul-flex-row {
	display:flex;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.ul-flex-column {
	display:flex;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	flex-direction:column;
}
.flex-rows-2 > li { flex:0 1 50% !important; }
.flex-rows-3 > li { flex:0 1 33.33333333333333% !important; }
.flex-rows-4 > li { flex:0 1 25% !important; }
.flex-rows-5 > li { flex:0 1 20% !important; }
.flex-rows-6 > li { flex:0 1 16.66666666666667% !important; }
.flex-rows-7 > li { flex:0 1 14.28571428571429% !important; }
.flex-rows-8 > li { flex:0 1 12.5% !important; }
.flex-rows-9 > li { flex:0 1 11.11111111111111% !important; }
.flex-rows-10 > li { flex:0 1 10% !important; }
.flex-grow { flex-grow:1; }
.menu-container {
	min-width:250px;
}
.logo-menu {
	display:inline-block;
	vertical-align:top;
}
.logo-menu > a {
	margin-left:5px;
	text-decoration:none;
	font-size:12px;
	color:#fff;
	vertical-align:top;
	padding:10px 10px;
}
.menu-container > .logo {
	color:#fff;
	font-weight:800;
	font-size:18px;
	background:url('/css/logo-crmx.png') left center no-repeat;
	background-size:35px 35px;
	height:50px;
	line-height:30px;
	white-space:nowrap;
	padding:10px 5px 10px 35px;
	border-bottom:1px solid #f3f1ef;
}
.menu-items {
	overflow-y:auto;
}
.crm-menu {
	padding:15px 0px;
}
.crm-menu > p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
	white-space:nowrap;
	vertical-align:top;
}
.crm-menu > p:hover {
	background:#39464c;
}
.crm-menu > p > a {
	color:#fff;
	text-decoration:none;
	display:block;
	flex-grow:1;
	padding:7px 0px 7px 7px;
	vertical-align:top;
}
.crm-menu > p > a.child-item  {
	display:none;

}
.crm-menu > p > a.child-item > span.icon {
	opacity:0;
}
.crm-menu > p > a > span.icon {
	display:inline-block;
	font-size:12px;
	line-height:14px;
	vertical-align:top;
}
.crm-menu > p > a > span.label {
	display:inline-block;
	padding:0px 15px 0px 5px;
	font-size:14px;
	line-height:14px;
	vertical-align:top;
	position:relative;
	top:1px;
}
.crm-menu > p > span.menu-toggle {
	display:inline-block;
	padding:7px 7px 7px 7px;
	color:#fff;
	font-size:10px;
	line-height:14px;
	vertical-align:top;
	margin:0px 10px 0px 0px;
	cursor:pointer;
}
.login-page-box {
	display:block;
	width:50%;
	padding:0px 0px 0px 0px;
	background:#fff;
	border:1px solid #ddd;
	margin:0px auto;
}
.login-page-box > .heading {
	padding:25px 50px 25px 85px;
	background:#2a3439;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	color:#fff;
	font-size:22px;
	font-weight:800;
	background-image:url('/css/logo-crmx.png');
	background-repeat:no-repeat;
	background-position:50px 19px;
	background-size:35px 35px;
}
.login-page-box > .body {
	padding:25px 50px 50px 50px;
}
.login-page-box > .body > h1 {
	font-size:22px;
	margin:0px 0px 20px 0px;
}
.login-input {
	display:block;
	margin-bottom:20px;
	border:1px solid #ddd;
	padding:10px 15px;
	min-width:75%;
}
.login-submit-button {
	display:block;
	border:1px solid #ddd;
	padding:10px 15px;
	cursor:pointer;
}
.doc-list {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
.doc-list > li {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:1px solid #eee;
}
.doc-list > li > p {
	margin:0px 0px 0px 0px;
	padding:7px 0px 0px 0px;
	display:flex;
	width:100%;
	vertical-align:top;
}
.doc-list > li > p:hover {

}
.doc-list > li > p > .n {
	color:#a0a0a0;
	line-height:2em;
	padding-right:15px;
}
.doc-list > li > p > .doc-title {
	flex-grow:1;
}
.doc-list > li > p > .doc-title > .doc-date {
	color:#a0a0a0;
	display:block;
}
.doc-list > li > p > .doc-title > .doc-desc {
	display:block;
}
.doc-list > li > p > .id {
	line-height:2em;
	font-weight:800;
}
.doc-list > li > p > .value {
	line-height:2em;
	font-weight:800;
}
.doc-list > li > p > .icons {
	line-height:2em;
	padding-right:15px;
}
.doc-list > li > p > .icons > i.fa-times:hover {
	color:#c00;
}
.doc-list > li > p > .icons > i.fa-edit:hover {
	color:#2a3439;
}
.doc-list > li > p > .icons > i.fa-eye:hover {
	color:#D35400;
}

.doc-list > li > p > .icons > i {
	font-size:10px;
	margin-left:15px;
	color:#a0a0a0;
	cursor:pointer;
}
.doc-list > li > p > span {
	display:inline-block;
	vertical-align:top;
}
.doc-list-create {
	float:right;
	color:#a0a0a0;
	line-height:1em;
	font-size:0.75em;
	position:relative;
	top:4px;
	cursor:pointer;
}
.doc-list-create > i {
	display:inline-block;
	margin-right:5px;
	line-height:1em;
	font-size:0.7em;
	position:relative;
	top:-1px;
}
.doc-list-create:hover {
	color:#1E8449;
}
.create-new-menu {
	flex-wrap:wrap;
	font-size:0px;
}
.create-new-menu > li {
	flex:0 1 16.66666666666667%;
}
.create-new-menu .item {
	display:block;
	text-align:center;
	margin:10px;
	padding:25px;
	border:1px solid #ddd;
	cursor:pointer;
	text-decoration:none;
}
.create-new-menu .item > i {
	display:block;
	font-size:32px;
	color:#aaa;
}
.create-new-menu .item > p {
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px;
	padding:20px 0px 0px 0px;
	color:#aaa;
}
.create-new-menu .item:hover {
	border:1px solid #aaa;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35);
}
.create-new-menu .item:hover > i {
	color:#2a3439;
}
.create-new-menu .item:hover > p {
	color:#2a3439;
}
table.list-items, .document-rows{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ddd;
}
table.list-items th, table.document-rows th {
	text-align:left;
	padding:5px;
	border:1px solid #ddd;
	background:#f3f1ef;
}
table.list-items tr:nth-child(2n+1) td {
	background:#f7f7f7;
}
table.list-items.paymentschedule td, table.list-items.paymentschedule th {
	font-size:9pt;
}
table.list-items td {
	text-align:left;
	padding:5px;
	border:1px solid #ddd;
}
td.docN {font-size:12px !important;}
th.docN, th.docD, td.docN, td.docD {
	width:30px;
	text-align:center !important;
}
td.docQ {
	width:50px;
}
td.docP {
	width:100px;
}
td.docS {
	width:300px;
}
.doc-row-delete {
	font-size:12px;
	color:#aaa;
	cursor:pointer;
}
.doc-row-delete:hover {
	color:#C11B17;
}
table.document-rows td {
	position:relative;
	font-size:0px;
	border:1px solid #ddd;
	text-align:left;
}
.doc-input-field {
	width:100%;
	padding:5px;
	border:0px;
}
.doc-input-select {
	width:100%;
	padding:5px;
	border:0px;
}
.document-top-selection > li {
	padding-left:15px;
}
.document-top-selection > li:first-child {
	padding-left:0px;
}

.document-top-selection .doc-input-select {
	border:1px solid #ddd !important;

}
.custom-combobox {
	position: relative;
	display: inline-block;
	width:100%;
	font-size:14px;
	font-family:'Noah Text';
}
.ui-widget {
	font-family:'Adobe Clean' !important;
    font-size: 1 em !important;
}
.custom-combobox-toggle {
	position: absolute !important;
	top: 0;
	right:0;
	bottom:0;
	margin-right:-1px !important;
	border:0px !important;
	background:#fff !important;
}
.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
	width:100%;
	border:0px !important;
	background:#fff !important;
}
.checkbox-row{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	vertical-align:top;
}
.checkbox-row > input[type="checkbox"] {
	margin:1px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;
}
.checkbox-row > label {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	display:inline-block;
}
.doc-add-lines {
	vertical-align:top;
	display:inline-block;
	margin:10px 0px 0px 0px;
	padding:0px 0px 15px 0px;
}
.doc-add-lines > label {}
.doc-add-lines > span {
	padding:5px;
	border:1px solid #ddd;
	margin-left:5px;
	cursor:pointer;
}
.doc-add-lines > span:hover {
	background:#f3f1ef;
}
.document-button {
	padding:10px 25px;
	background:#2a3439;
	border:0px;
	color:#fff;
	margin-left:15px;
}
.document-button-left {
	padding:10px 25px;
	background:#2a3439;
	border:0px;
	color:#fff;
	cursor:pointer;
}
.row-dbclick {
	cursor:pointer;
}
.modal-block {
	width:50%;
	margin:0px auto;
	padding:25px;
	vertical-align:top;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ddd;
	background:#fff;
}
.modal-block .header {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:20px;
	vertical-align:top;
	text-align:left;
}
.quick-add-row{
	text-align:left;
	position:relative;
	background:#fff;
	margin:15px 0px 0px 0px;
}
.quick-add-row-flex{
	text-align:left;
	position:relative;
	background:#fff;
	margin:15px 0px 0px 0px;
	display:flex;
}
.quick-add-row-flex > span {
	flex:0 1 30%;
}
.quick-add-row-flex > select {
	flex:0 1 70%;
	border:1px solid #ddd;
	padding:5px 10px;
	cursor:pointer;
}
.flex-hidden {
	height:0px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
.quick-add-row-flex > input {
	flex:0 1 70%;
	border:1px solid #ddd;
	padding:5px 10px;
	cursor:pointer;
}
.quick-add-input.fw, .quick-add-select.fw {
	width:100%;
}
.quick-add-input {
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid #ddd;
	background:transparent;
	z-index:2;
	width:50%;
	display:block;
	padding:10px 0px;
}
.quick-add-select {
	border:1px solid #ddd;
	background:transparent;
	z-index:2;
	width:50%;
	display:block;
	margin-top:0px;
	padding:10px 0px;
}
.quick-add-label.select-label {
	top:-30px;
}
.quick-add-label {
	position:absolute;
	z-index:1;
	left:0px;
	top:-20px;
	padding:10px 0px 0px 0px;
	color:#ccc;
}
.quick-add-input:focus + .quick-add-label {
	color:#aaa;
	padding:10px 0px 0px 0px;
}
.quick-add-select:focus + .quick-add-label {
	color:#aaa;
	padding:10px 0px 0px 0px;
}
.add-row-label {
	position:relative;
	padding:8px;

}
.add-row-label .add-item {
	float:right;
	cursor:pointer;
	color:#aaa;
	font-size:12px;
	padding:4px;
	display:inline-block;

}
.add-row-label .add-item:hover {
	color:green;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	z-index:1003 !important;
}
.doc-create-error {
	font-size:14px;
	font-weight:800;
	color:#C11B17;
}
.doc-input-form-outer {
	display:block;
	vertical-align:top;
	height:100%;
}
.credit-sales {
	height:100%;
}
.page-control-buttons > span {
	padding:15px 19px;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	cursor:pointer;
	background:#f3f1ef;
	margin-left:15px;
	color:#aaa;
	display:inline-block;
}
.page-control-buttons > span:hover {
	background:#2a3439;
	color:#fff;
}
.step-outer {
	background:#f3f1ef;
	display:flex;
	width:100%;
	height:100%;
}
.step-outer.expanded {
	background:#fff;
}

.credit-sales .page-control-buttons {
	text-align:right;
	padding-bottom:25px;
}
.step-outer > .step_n {
	position:relative;
	text-align:center;

}
.step-outer > .step_n > span {
	font-size:32px;
	background:#f3f1ef;
	font-weight:bold;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	top:50%;
	display:inline-block;
	position:relative;
	padding:19px 25px 11px 25px;
	transform:translate(0%,-50%);
	color:#a0a0a0;
}
.step-outer > .step_f {
	flex-grow:1;
	height:100%;
}
.step-outer > .step_f > .step-form > .form-fields, .step-outer > .step_f > .step-form > .page-control-buttons {
	display:none;
}
.step-outer.expanded > .step_f > .step-form > .page-control-buttons {
	display:inline-block;
}
.step-outer.expanded > .step_f > .step-form {
	display:flex;
	flex-direction:column;
	height:100%;
}
.step-outer.expanded > .step_f > .step-form > .form-fields {
	display:block;
	vertical-align:top;
}
.step-form .form-fields {
	flex-grow:1;
	padding:25px;
}
.step-outer > .step_f > .step-form > h1 {
	font-size:16px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 25px;
	color:#a0a0a0;
	line-height:47px;
}
.step-outer.expanded > .step_f > .step-form > h1 {
	border-bottom:1px dashed #ddd;
	margin:0px 0px 10px 0px;
	padding:10px 0px 10px 25px;
}
.credit-sales > li:first-child > .step-outer.expanded > .step_f > .step-form > h1 {
	border-bottom:1px dashed #ddd;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 25px;
}
.customer-form {

}
.customer-form .block-label {
	display:block;
	padding:0px 0px 10px 0px;
}
.autocomplete-field {
	border-left:0px solid #ddd;
	border-top:0px solid #ddd;
	border-right:0px solid #ddd;
	border-bottom:1px solid #ddd;
	min-width:300px;
	padding:10px 0px;
	margin:0px 0px 20px 0px;
	font-weight:bold;
	width:100%;
}
.autocomplete-field.result-found {

}
.customer-information-scroll {
	overflow-y:auto;
	position:relative;
	display:block;
	max-width:100%;
}
.customer-information {
	padding:0px 0px 0px 0px;
}
.customer-information > p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	display:flex;
	width:100%;
}
.customer-information > p > .item-title {
	flex:0 1 20%;
	color:#777;
}
.customer-information > p > .item-value {
	font-weight:bold;
}
.information-row {
	opacity:1;
}
.information-row.hidden {
	opacity:0;
}
.label-select-field {
	border:1px solid #ddd;
	min-width:300px;
	padding:10px 0px;
	margin:10px 0px 0px 0px;
	font-weight:bold;
	display:block;
}
.document-sale-total {
	display:block !important;
	padding:15px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
}
.calculator-outer {
	padding:10px 0px 0px 0px;
}
#product_search_result {
	margin-bottom:15px;
}
.calculator-outer .title {
	margin:0px 0px 0px 0px;
	padding:5px 20px 0px 0px;
	display:inline-block;
}
.calculator-outer .param-input {
	display:inline-block;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
.calculator-outer .param-input label {
	display:inline-block;
	vertical-align:top;
	padding:7px 5px 7px 0px;
}
.calculator-outer .param-input select, .calculator-outer .param-input input {
	display:inline-block;
	border:1px solid #ddd;
	padding:5px 15px;
}
.calc-row-button {
	cursor:pointer;
}
.calc-row-button:hover {
	background:#2a3439;
	color:#fff;
}
.payments-outer {
	padding:25px 0px 0px 0px;
}
.calculator-heading {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.calc-row-inv {
	margin:10px 0px 0px 0px;
}
.calc-row {
	margin:0px 0px 15px 0px;
}
.calc-row > label {
	display:block;
	padding:0px 0px 5px 0px;
}
.calc-row > .calc-row-select {
	width:100%;
	border:1px solid #ddd;
	padding:5px 10px;
}
.calc-row > .calc-row-input {
	width:100%;
	border:1px solid #ddd;
	padding:5px 10px;
}
.validation-row {
	display:flex;
	padding:0px 10px 10px 10px;
	margin:0px;
	position:relative;
}
.column-heading {
	display:block;
	text-align:center;
	margin-bottom:15px;
	margin-left:10px;
	margin-right:10px;
	background:#2a3439;
	color:#fff;
	padding:10px 0px;
}
.validation-row > span {
	display:inline-block;
}
.validation-row > span.icon {
	display:inline-block;
}
.validation-row > span.icon.invalid {
	color:red;
}
.validation-row > span.icon.valid {
	color:green;
}
.validation-row > span.title {
	padding:0px 5px;
	display:inline-block;
}
.validation-row > span.value {
	flex-grow:1;
	font-weight:bold;
}

.report-filter-outer {
	padding:10px 25px;
	background:#2a3439;
	color:#fff;
	margin-bottom:25px;
}
.reports-filter {
	flex-wrap:wrap;
}
.reports-filter .title {
	padding-top:8px;
	flex:0 1 10%;
	margin-bottom:25px;
}
.reports-filter .input {
	flex:0 1 40%;
	margin-bottom:25px;
}
.report-filter-input {
	border:0px;
	background:transparent;
	color:#fff;
	width:100%;
	padding:5px 10px;
}
.report-filter-select > option {
	color:#2a3439 !important;
}
.report-filter-select {
	border:0px;
	background:transparent;
	color:#fff;
	width:100%;
	padding:5px 10px;
}
.report-filter-multiselect {
	width:98%;
	padding:5px 10px;	
}
.new-filter {

}
.new-filter .title {
	font-weight:bold;
	padding:0px 15px 0px 0px;
	line-height:38px;
}
.new-filter .input {}
.new-filter .submit {
	padding-left:15px;
}
.report-header-link {
	text-decoration:none;
	color:#a0a0a0;
}
.report-header-link:hover {
	color:#2a3439;
}
.tdpadder {
	width:25px;
}
.doc-return-button {
	margin:15px 15px 0px 0px;
	padding:10px 25px;
	background:#c11b17;
	color:#fff;
	display:inline-block;
	cursor:pointer;
}
.doc-warrant-button {
	margin:15px 15px 0px 0px;
	padding:10px 25px;
	background:#013243;
	color:#fff;
	display:inline-block;
	cursor:pointer;
}
.doc-print-button:hover {
	background:#2a3439;
}
.doc-print-button {
	margin:15px 0px 0px 0px;
	padding:10px 25px;
	background:rgb(0, 62, 152);
	color:#fff;
	display:inline-block;
	cursor:pointer;
}
.doc-print-button > i {
	display:inline-block;
	margin-right:5px;
	font-size:10px;
	line-height:14px;
}




















.document-rows th {
	white-space:nowrap;
}
#toggle-mobile-menu > i {
	display:none;
}
#toggle-mobile-menu {
	cursor:auto;
}
.list-items-container {
	overflow-y:auto;
}
.list-items-container .list-items th, .list-items-container .list-items td {
	white-space:nowrap;
}
.feedback {
	padding:25px;
	font-weight:bold;
	color:#fff;
}
.feedback.error {
	background:red;
}
.feedback.success {
	background:green;
}
.document-requisites > li {
	padding-bottom:7px;
}
.document-tab-controls {
	margin-top:25px;
	width:100%;
}
.document-tab-controls > li {
	display:inline-block;
	border-top:0px solid #ddd;
	border-left:0px solid #ddd;
	border-right:0px solid #ddd;
	border-bottom:1px solid #ddd;
	color:#a0a0a0;
	font-weight:bold;
	padding:10px 0px;
	min-width:20%;
	text-align:center;
	cursor:pointer;
	background:#f3f1ef;
}
.document-tab-controls > li.flex-grow {
	background:#fff !important;
	cursor:auto !important;
}
.document-tab-controls > li.active {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:0px solid #ddd;
	color:#2a3439;
	background:#fff;
}
.document-tab-contents {
	display:block;
	margin:0px;
	padding:0px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	list-style:none;
}
.document-tab-contents > li {
	display:block;
	vertical-align:top;
}
.document-tab-contents > li.hidden {
	display:none;
}
.tab-content-outer {
	padding:25px;
}
ul > li:first-child > .fieldset-outer {
	margin-left:0px;
}
ul > li > .fieldset-outer {
	margin-left:20px;
}
.fieldset-outer {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ddd;
	position:relative;
}
.fieldset-outer > label {
	position:absolute;
	left:10px;
	top:-7px;
	font-weight:bold;
	background:#fff;
	color:#a0a0a0;
	padding:0px 5px;
}
.fieldset-inner {
	padding:20px 15px 15px 15px;
}
.add-customer-passport, .customer-job-manager, .akb-agreement-form {
	display:inline-block;
	border:1px solid #ddd;
	color:#a0a0a0;
	padding:10px 25px;
	margin:10px 0px 25px 0px;
	cursor:pointer;
}
.add-customer-passport:hover, .customer-job-manager:hover, .akb-agreement-form:hover {
	border:1px solid #2a3439;
	color:#2a3439;
}
.click-text {
	cursor:pointer;
}
.mobile-phone-row > li > i {
	line-height:38px;
}
.block-heading {
	font-size:16px;
	margin:10px 0px 0px 0px;
}
.customer-search-form {
	margin:0px 25px 0px 0px;
	min-width:15%;
}
.form-fields {
	border-top:1px dashed #ddd;
	padding:10px 0px 0px 0px;
}
@media only screen and (max-width: 600px) {
	.login-page-box {
		width:100%;
	}
	.mainframe {
		flex-direction:column;
	}
	.menu-container {
		height:50px;
		overflow:hidden;
		position:fixed;
		z-index:4;
		width:100%;
		background:#2a3439;
	}
	.container {
		padding-top:50px;
	}
	.menu-container.visible {
		height:auto;
		overflow:visible;
	}
	#toggle-mobile-menu {
		cursor:pointer;
	}
	#toggle-mobile-menu > i {
		font-size:15px;
		display:inline-block;
		padding:0px 5px;
		margin-right:5px;
	}
	.create-new-menu > li {
		flex:0 1 100%;
	}
	.container-wrap {
		padding: 25px;
		height: 100%;
		overflow-y: visible;
	}
	.list-items-collapse tr th:nth-child(n+4), .list-items-collapse tr td:nth-child(n+4) {
		display:none;
	}
	.reports-filter .title {
		padding-top:8px;
		flex:0 1 20%;
		white-space:nowrap;
	}
	.reports-filter .input {
		flex:0 1 80%;
	}
	.modal-block {
		width:100%;
	}
	.quick-add-row-flex, .customer-form, .credit-calculator {
		flex-direction:column;
	}
	.quick-add-row-flex > span {
		flex:0 1 100%;
	}
	.quick-add-row-flex > select {
		flex:0 1 100%;
	}
	.document-top-selection > li {
		padding-left:0px;
		margin-bottom:10px;
		flex:0 1 100% !important;
	}
	.document-top-selection {
		flex-direction:column;
	}
	.calculator-outer {
		max-width:100%;
		width:100%;
	}
	.payments-outer {
		padding:10px 0px 0px 0px;
	}
	.document-form .body .ul-flex-row {
		flex-direction:column;
	}
	.document-form .body .ul-flex-row > li {
		width:100% !important;
	}
	.validation-row.ul-flex-row {
		flex-direction:row !important;
	}
}
.report-form-submit {
	text-align:right;
	padding:10px 0px;
	border-top:1px dashed #f3f1ef;
	margin-top:15px;
}
.filter-submit-report {
	margin-top:10px;
	padding:10px 25px;
	background:#fff;
	color:#2a3439;
	font-weight:bold;
	border:0px;
	cursor:pointer;
}
.filter-submit-report:hover {
	background:#ddd;
}
.print-outer {
	border:0px solid #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:0px;
	font-size:11pt;
}
.print-title {
	font-size:16pt;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.print-date {
	font-weight:bold;
	margin:25px 0px;
}
.print-label {
	margin:25px 0px;
}
.print-contract-section {
	text-align:center;
	font-size:12pt;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:25px 0px 25px 0px;
}
.print-form-empty {
	display:inline-block;
	width:80px;
	background:red;
}
.print-contract-block {
	margin-bottom:15px;

}
.print-document-button {
	display:inline-block;
	cursor:pointer;
}
.print-document-button:hover {
	color:rgb(0, 62, 152);
}
.print-document-button > i {
	font-size:10px;
	line-height:14px;
	display:inline-block;
	margin-right:5px;
}
.print-contract-3sides { width:100%; flex-wrap:wrap;}
.print-contract-3sides > li { flex:0 1 33.3333333333333%; }
.print-contract-sides { width:100%; flex-wrap:wrap;}
.print-contract-sides > li { flex:0 1 50%; }
.print-contract-sides > li > p { margin:0px; padding:5px 0px; }
.print-contract-sides > li.left { padding-right:15px; }
.print-contract-sides > li.right { padding-left:15px; }
.print-contract-3sides > li > p { margin:0px; padding:5px 0px; }
.print-contract-3sides > li.left { padding-right:15px; }
.print-contract-3sides > li.right { padding-left:15px; }
.print-stamp-placeholder {
	display:block;
	max-width:300px;
	width:100%;
	text-align:center;
	color:#505050;
	padding:10px 0px;
	margin:40px auto 0px auto;
	border-top:1px solid #555;
}
.print-page-break {
	page-break-after: always;
}
.payment-cheque {
	padding:25px;
	border:1px solid #ddd;
	background:#fff;
}
.payment-cheque-header {
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 75px;
	background-image:url('/public/img/qebelec.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
}
.payment-cheque-header > span {
	color:#777;
}
.blocktext-with-label {
	text-align:center;
}
.blocktext-with-label > p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}
.blocktext-with-label > label {
	color:#aaa;
	border-top:1px solid #ddd;
	margin:5px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	display:block;
}
@media only print {
	.blocktext-with-label > label {
		color:#777;
		border-top:1px solid #555;
	}
	table.list-items, .document-rows{
		border:1px solid #555;
	}
	table.list-items th, table.document-rows th {
		border:1px solid #555;
	}
	table.list-items td {
		border:1px solid #555;
	}

}
.param-checkbox, .param-radio {
	display:inline-block;
	vertical-align:top;
	margin:7px 3px 0px 0px;
	padding:0px 0px 0px 0px;
}
.checkbox-label {
	display:inline-block;
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.warrant-form-outer {
	padding-top:25px;
}
.warrant-form {
	width:100%;
	flex-direction:column;
}
.select-warrant {
	position:relative;
}
.add-warrant {
	display:none !important;
	color:#555;
	position:absolute;
	cursor:pointer;
	right:0px;
	top:11px;
}
.quick-add-row-flex > input[type="radio"] {
	flex:0 1 25px !important;
}
.download-icon {
	display: inline-block;
	font-size:12px;
	line-height: 14px;
	cursor: pointer;
	color:#aaa;
}
.download-icon:hover {
	color:#2a3439;
}
.add-comment {
	margin:25px 0px 0px 0px;
}
.add-comment input[type="text"] {
	width:100%;
	padding:7px 10px 7px 10px;
	margin:0px 0px 0px 0px;
	border:1px solid #ddd;
}
.penalty-nav {
	cursor:pointer;
	display:inline-block;
	background:#f3f1ef;
	padding:7px 15px;
	border:1px solid #ddd;
	font-weight:bold;
	color:#707070;
	font-size:14px !important;
	vertical-align:top;
}
.penalty-nav:hover {
	background:#ddd;
	color:#202020;
}
.penalty-nav.action-disabled:hover {
	background:#f3f1ef !important;
	border:1px solid #ddd !important;
	color:#707070 !important;
	cursor: auto;
}
.status-color-2 { color:#049372; }
.status-color-3 { color:#cf000f; }
.status-color-4 { color:#fabe58; }
.status-color-5 { color:#013243; }
.status-color-6 { color:#674172; }
.penalty-nav.button-status-2:hover {
	background:#049372;
	color:#fff;
	border:1px solid #049372;
}
.penalty-nav.button-status-3:hover {
	background:#cf000f;
	color:#fff;
	border:1px solid #cf000f;
}
.penalty-nav.button-status-4:hover {
	background:#fabe58;
	color:#303030;
	border:1px solid #fabe58;
}
.penalty-nav.button-status-5:hover {
	background:#013243;
	color:#fff;
	border:1px solid #013243;
}
.penalty-nav i {
	display:inline-block;
	font-size:10px;
	line-height:14px;
	vertical-align:top;
}
.penalty-nav.prev i {
	margin-right:15px;
}
.penalty-nav.next i {
	margin-left:15px;
}
.penalty-item-box {
	overflow-y:auto;
}
.hr-labeled {
	display: flex;
	padding:0px 0px 0px 0px;
	margin:50px 0px 50px 0px;
	width:100%;
	position: relative;
}
.hr-labeled span {
	display: inline-block;
}
.hr-labeled.white-bg .text {
	background: #fff;
}
.hr-labeled .text {
	position: absolute;
	left:10px;
	font-weight: bold;
	font-size:12px;
	color:#555;
	text-transform: uppercase;
	padding:0px 10px 0px 10px;
}
.hr-labeled .line {
	flex-grow:1;
	border-top:1px solid #aaa;
	margin-top:6px;
}
.allow-pay-without-penalty {
	font-weight:bold;
	color:#c11b17;
	cursor:pointer;
}
.log-row {
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-top:1px solid #ddd;
}
.log-row:first-child {
	border-top:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.log-row label {
	display:block;
	color:#aaa;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
.log-row span {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.permission-admin {
	width:100%;
	border-collapse:collapse;
	border:1px solid #ddd;
}
.permission-admin td, .permission-admin th {
	padding:4px;
	border-collapse:collapse;
	border:1px solid #ddd;
}
.permission-admin .module-title {
	text-align:left;
}
.permission-admin .n {
	width:40px;
	text-align:center;
}
.permission-admin .roles {
	width:80px;
	text-align:center;
}
.permission-admin th.rotate-text {
  height: 120px;

}
.permission-admin th.rotate-text div {
	text-align:left;
}
.permission-admin th.rotate-text div span {
	display:block;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
}
.permission-admin th {
	background:#383e4c;
	color:#fff;
}
.permission-admin .parent td {
	background:#f3f1ef;
}
.permission-admin .roles i {
	display:inline-block;
	font-size:10px;
	cursor:pointer;
	line-height:14px;
}
.permission-admin .roles .fa-toggle-on {
	color:#1e824c;
}
.permission-admin .roles .fa-toggle-off {
	color:#aaa;
}
.vacation_request_card {
	height:100%;
	position:relative;
}
.vacation_request_card > li {
	position:relative;	
}
.vacation_request_card > .body > .wrap {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow-y:auto;
	padding:25px;
}
.vacation_request_card > .header {
	padding:25px;
	border-bottom:1px solid #ddd;
}
.vacation_request_card > .footer {
	padding:25px;
	border-top:1px solid #ddd;
	text-align:right;
}
.vacation_request_card > .header > h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:20px;
}
.vacation_request_card > .header > p {
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#a0a0a0;
}
.vacation-request-data {
	display:table;
	width:100%;
	border-collapse:collapse;
}
.vacation-request-data td {
	font-size:0px;
}
.vacation-request-data .label {
	color:#505050;
	width:120px;
	border-collapse:collapse;
	border:1px solid #fff;
	font-size:14px;
}
.vacation-request-data .input {
	border-collapse:collapse;
	border:1px solid #fff;
}
.vacation-request-data .input > input {
	border:0px;
	width:100%;
	font-weight:bold;
	color:#222;
	background:#f3f1ef;
	padding:4px 7px;
	
}
.vacation-request-data .input > input[type="checkbox"] {
	width:25px;
	padding:4px 0px;	
}
.vacation-request-data .input > input.request-approved {
	color:#fff;
	background:#049372;	
}
.vacation-request-data .input > input.request-not-approved {
	color:#fff;
	background:#c11b17;	
}
.vacation-request-data .input > select {
	border:0px;
	width:100%;
	font-weight:bold;
	color:#222;
	background:#f3f1ef;
	padding:4px 3px;
	cursor:pointer;
}
.vacation_request_card > .footer .button {
	padding:7px 15px;
	font-weight:bold;
	background:#383e4c;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	margin-left:10px;
}
.flex-table {
	display:table;
	width:100%;
	border-collapse:collapse;
	vertical-align:top;
	margin:0px;
	padding:0px;
}
.flex-table th {
	display:table-cell;
	border-collapse:collapse;
	vertical-align:top;
	margin:0px;
	padding:0px 0px 10px 0px;	
	text-align:left;
	border-bottom:1px solid #ddd;
}
.flex-table td {
	display:table-cell;
	border-collapse:collapse;
	vertical-align:top;
	margin:0px;
	padding:7px 0px 7px 0px;	
	border-bottom:1px dashed #ddd;
}
.flex-table td.align-right, .flex-table th.align-right { text-align:right; }
.flex-table tr:last-child td { border-bottom:0px dashed #ddd; }
.flex-table .n {
	width:35px;
}
.flex-table .id {
	width:75px;
}
.flex-table .qty {
	width:75px;
}
.flex-table .price {
	width:100px;
}
.flex-table .sm-title {
	width:170px;
}
.flex-table .price-total {
	width:150px;
}
.flex-table .total-value {
	white-space:nowrap;
	width:170px;
}
.flex-table .dt {
	width:150px;
}
.flex-table .item.hover-bg:hover td {
	background:#f3f1ef;
}
.flex-table .item-view-link:hover {
	color:#383e4c;
}
.flex-table .item-view-link {
	text-decoration:none;
	color:#aaa;
	cursor:pointer;
	font-size:10px;
	line-height:14px;
	vertical-align:top;
	display:inline-block;
}
.flex-table .footer {
	font-weight:800;
}