@charset "utf-8";
@font-face {
	font-family:"Trebuchet";
	src:url("../font/Trebuchet Italic.otf") format("opentype");
	font-weight:100;
	font-style:normal;
}
html {
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
	--beige:#e7dec8;
	--sand:#cbaf87;
	--blue:#7e8a97;
	--navy:#30475e;
	--black:#222222;
	--table-border:#ddd;
	--silver:#777;
	--gunmetal:#2a3439;
	--cherry:#c11b17;
	--porcelain:#f3f1ef;
	--grey:#aaa;
	--khaki:#5e6f64;
}
body {
	display:flex;
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100vh;
	font-family:'Adobe Clean';
	font-size:14px;
	position:relative;
	vertical-align:top;
}
.cursor-pointer, .cursor-pointer * {
	cursor:pointer !important;
}
.text-right {
	text-align: right !important;
}
.popup-outer {
	display:block;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:rgba(243,241,239,.70);
	vertical-align:top;
	z-index:25;
}
.popup-outer .popup-inner {
	display:table;
	width:100%;
	z-index:26;
	height:100%;
	vertical-align:middle;
	text-align:center;
}
.popup-outer .popup-inner .popup-window {
	display:table-cell;
	width:100%;
	z-index:26;
	height:100%;
	vertical-align:top;
	padding-top:150px;
	text-align:center;
}
.popup-outer .popup-inner .popup-close {
	color:#fff;
	cursor:pointer;
	position:absolute;
	z-index:27;
	top:20px;
	right:25px;
	opacity:0.7;
}
.popup-outer .popup-inner .popup-close:hover {
	color:#fff;
	opacity:1;
}
.popup-outer .popup-inner .popup-box {
	background:#fff;
	border:1px solid #ddd;
	max-width:50%;
	margin:0px auto;
	text-align:left;
	padding:80px 25px 25px 25px;
	position:relative;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.7);
	-moz-box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.7);
	box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.7);
}
.popup-main-header {
	margin:0px 0px 0px 0px;
	padding:15px 25px 15px 25px;
	font-size:18px;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	background-image: linear-gradient(to top,#e93f33,#ea4b32,#eb5632,#ec6032,#ec6a33)!important;
	color:#fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
.porcelain-block {
	background:var(--porcelain);
	padding:25px;
}
.modal-outer {
	position:absolute;
	width:100vw;
	height:100vh;
	background:rgba(243,241,239,1);
	left:0;top:0;bottom:0;right:0;
	text-align:center;
	padding:0px;
}
.modal-outer.right-side-panel {
	text-align:right;
}
.modal-inner {
	top:50px;
	position:relative;
	padding:25px;
}
.modal-side-panel {
	display:inline-block;
	position:relative;
	height:100%;
	right:-1000px;
	width:100%;
	max-width:700px;
	background:#fff;
	text-align:left;
}
.modal-inner .loader-outer {

}
.modal-close {
	color:#555;
	cursor:pointer;
	position: absolute;
	top:18px;
	right:25px;
	z-index:9999;
}
.modal-close:hover {
	color:#c11b17;
}
.loader-outer {
	text-align:center;
}
.loader {
	margin:0px auto;
	display:inline-block;
	padding:25px;
}
.main-hide-trigger.fa-toggle-on {
	color:green;
}
.main-hide-trigger {
	display: inline-block;
	padding-top: 3px;
	margin-left: 5px;
	font-size: 24px;
	cursor: pointer;
	vertical-align: top;
	color:#555;
}
.loader .spinner {
	background-image:url('/css/loader.gif');
	background-repeat:no-repeat;
	background-position:center center;
	height:150px;
	width:150px;
	position:relative;
	z-index:12;
	margin:0px auto;
}
.loader .progress-percent {
	position:absolute;
	z-index:13;
	font-weight:800;
	display:block;
	text-align:center;
	margin:0px auto;
	left:0;
	right:0;
	font-size:20px;
	top:63px;
	color:var(--khaki);
}
.loader .progress-status {
	font-weight:bold;
	color:var(--khaki);
	font-size:14px;
}
.loader .progress-bar {
margin:25px 0px;
}
.loader .progress-bar progress {
	display:block;
	-webkit-appearance: none;
	appearance: none;
	width:100%;
	height:10px;
	min-width:300px;

}
.loader .progress-bar progress::-webkit-progress-bar {
	background-color:var(--beige);
	border-radius: 4px;
}
.loader .progress-bar progress::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg,
	                           transparent 33%, rgba(0, 0, 0, .1) 33%,
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top,
	                           rgba(255, 255, 255, .25),
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, var(--sand), var(--sand));

    border-radius: 5px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}
input,select,textarea {outline:none;font-family:'Adobe Clean';font-size:10pt;}
input.has-error,select.has-error,textarea.has-error {border:1px solid red;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*::-webkit-scrollbar { width: 5px; height: 5px; }
*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.15);border-radius: 5px; }
*::-webkit-scrollbar-thumb { background-color: #606060; outline: 1px solid #606060; border-radius: 5px; }
.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; }
.flex-grow { flex-grow:1; }
.float-right { float:right; }
.bold-font {font-weight:bold;}
.soft-shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.ul-flex-row {
	display:flex;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.ul-flex-row.flex-rows-2 > li { flex:0 1 50% !important; }
.ul-flex-row.flex-rows-2.columns > li:first-child { padding-right:15px; }
.ul-flex-row.flex-rows-2.columns > li:last-child { padding-left:15px; }
.ul-flex-row.flex-rows-3 > li { flex:0 1 33.33333333333333% !important; }
.ul-flex-row.flex-rows-4 > li { flex:0 1 25% !important; }
.ul-flex-row.flex-rows-5 > li { flex:0 1 20% !important; }
.ul-flex-row.flex-rows-6 > li { flex:0 1 16.66666666666667% !important; }
.ul-flex-row.flex-rows-7 > li { flex:0 1 14.28571428571429% !important; }
.ul-flex-row.flex-rows-8 > li { flex:0 1 12.5% !important; }
.ul-flex-row.flex-rows-9 > li { flex:0 1 11.11111111111111% !important; }
.ul-flex-row.flex-rows-10 > li, .ul-flex-row.flex-rows-10 > span { flex:0 1 10% !important; }

.ul-flex-row.flex-rows-32 > li:nth-child(1) { flex:0 1 37.5% !important; }
.ul-flex-row.flex-rows-32 > li:nth-child(2) { flex:0 1 37.5% !important; }
.ul-flex-row.flex-rows-32 > li:nth-child(3) { flex:0 1 25% !important; }

.ul-flex-row.flex-rows-312 > li:nth-child(1) { flex:0 1 37.5% !important; }
.ul-flex-row.flex-rows-312 > li:nth-child(3) { flex:0 1 37.5% !important; }
.ul-flex-row.flex-rows-312 > li:nth-child(2) { flex:0 1 25% !important; }

.ul-flex-row.flex-rows-42 > li:nth-child(1) { flex:0 1 35% !important; }
.ul-flex-row.flex-rows-42 > li:nth-child(2) { flex:0 1 35% !important; }
.ul-flex-row.flex-rows-42 > li:nth-child(3) { flex:0 1 20% !important; }
.ul-flex-row.flex-rows-42 > li:nth-child(4) { flex:0 1 10% !important; }
.ul-flex-column {
	display:flex;
	flex-direction: column;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.border-radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.body-left {
	min-width: 250px;
	background: #383e4c;
	color: #fff;
}
.body-right {
	flex-grow:1;
	max-height: 100vh;
	background: #fff;
}
.main-menu-container {
	display: flex;
	flex-direction: column;
	height:100%;
	max-height: 100vh;
	position: relative;
}
.main-menu {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 25px 0px;
	display: flex;
	flex-direction: column;
	vertical-align: top;
	flex-grow: 1;
	max-height: 100vh;
}
.main-menu.menu-collapsed {

}
.main-menu > li {
	display: block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: top;
}
.main-menu > li.logo-outer {
	display: flex !important;
	width:100%;
	padding:15px 15px 15px 15px;
	border-bottom: 1px solid #555;
	max-height: 60px;
}
.main-menu > li.items {
	overflow-y: auto;
	scrollbar-color: #555 #383e4c;
  scrollbar-width: thin;
}
.main-menu > li.items::-webkit-scrollbar { width: 3px; height: 3px; }
.main-menu > li.items::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.15); }
.main-menu > li.items::-webkit-scrollbar-thumb { background-color: #555; outline: 1px solid #606060; }
.logo-text {
	font-size:27px;
	font-weight: 800;
	line-height: 30px;
	font-family: 'Noah Text';
	letter-spacing:1px;
}
.logo-link {
	text-decoration: none;
	flex-grow:1;
	color:#fff;
	vertical-align: top;
	display: inline-block;

}
.logo-link .logo-icon {
	font-size: 25px;
	vertical-align: top;
	display: inline-block;
	line-height: 30px;
	margin-right: 10px;
	color:#ff902c;
}
.menu-title-toggle {
	font-size:18px;
	display: none !important;
	vertical-align: top;
	padding:4px 0px 4px 10px;
	top:-1px;
	color:#555;
	position: relative;
	margin-left:15px;
	cursor: pointer;
}
.menu-title-toggle:hover {
	color:#ff902c;
}
.menu-footer {
	font-family: 'Noah Text';
	font-size: 12px;
	font-weight: 800;
	margin:0px 0px 0px 0px;
	text-align: center;
	padding:5px 15px;
	background: #383e4c;
	color:#555;
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
}
.menu-items {
	display: block;
	vertical-align: top;
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px;
	list-style: none;
}
.menu-items > li {
	display: block;
	vertical-align: top;
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.menu-items > li > .menu-item {
	display: block;
	vertical-align: top;
	position: relative;
	margin:0px 0px 0px 0px;
	padding:10px 0px 8px 15px;
	border-left:5px solid #383e4c;
	color:#aaa;
	cursor: pointer;
}
.menu-items > li > .menu-item:hover, .menu-items > li > .menu-item.active-item {
	border-left:5px solid #ff902c;
	background: #fff;
}
.menu-items > li > .menu-item > i { cursor: pointer; }
.menu-items > li > .menu-item:hover > i, .menu-items > li > .menu-item.active-item > i {
	color:#ff902c;
}
.menu-items > li > .menu-item:hover > label, .menu-items > li > .menu-item.active-item > label {
	color:#383e4c;
}
.menu-items > li > .menu-item > label {
	font-weight: 900;
	font-size:14px;
	display: inline-block;
	padding-left: 10px;
	cursor: pointer;
}
.crm-content-outer {
	display: flex;
	flex-direction: column;
	width:100%;
	height:100%;
	position:relative;
}
.feedback {
	display:block;
	padding:85px 25px 25px 25px;
	position:absolute;
	width:100%;
	z-index:3;
	

}
.feedback.error {
	background:#c11b17;
	color:#fff;
}
.feedback.success {
	background:#049372;
	color:#fff;
}
.feedback .close-button {
	position:absolute;
	z-index:4;
	bottom:25px;
	right:25px;
	color:#fff;
	font-size:14px;
	cursor:pointer;
}
.feedback .close-count {
	position:absolute;
	z-index:4;
	bottom:22px;
	right:60px;
	color:#fff;
	opacity:0.85;
}
.feedback .close-button:hover {
	opacity:0.75;
}
.feedback .text:first-child {
	padding:0px 0px 0px 0px;
}
.feedback .text {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 0px 0px 0px;
}
.content-header {
	display: flex;
	width:100%;
	position: relative;
	z-index:7;
	vertical-align: top;
	padding: 0px 25px 0px 25px;
	border-bottom:1px solid #ddd;
	background: #f3f1ef;
}
.content-header > h1 {
	display: inline-block;
	margin:0px 0px 0px 0px;
	padding: 21px 0px 16px 0px;
	font-size:18px;
	color:#555;
	font-weight: 800;
	flex-grow: 1;
}
.content-header > h1 > .heading-triangle {
	display:inline-block;
	font-size:12px;
	line-height:18px;
	margin:0px 15px;
	color:#aaa;
}
.content {
	flex-grow: 1;
	overflow-y: auto;
	padding:15px 25px;
}
.menu-sub-items {
	display: block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
	background: #fff;
	height:0px;
	overflow: hidden;
}
.menu-sub-items > li {
	display: block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-left:5px solid #ff902c;
}
.menu-sub-items > li:first-child {
	padding:10px 0px 0px 0px;
}
.menu-sub-items > li:last-child {
	padding:0px 0px 10px 0px;
}
.menu-sub-items > li > a.active-item, .menu-sub-items > li > a.active-item:hover {
	font-weight:bold;
	color:#ff902c;
	padding:5px 15px 5px 30px;
}
.menu-sub-items > li > a.active-item > i, .menu-sub-items > li > a.active-item:hover > i {
	opacity:1;
}
.menu-sub-items > li > a {
	color:#505050;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding:5px 25px 5px 20px;
	display: block;
	position:relative;
}
.menu-sub-items > li > a:hover > i {
	opacity:0.5;
}
.menu-sub-items > li > a > i {
	display:inline-block;
	font-size:10px;
	line-height:14px;
	position:absolute;
	left:20px;
	opacity:0;
}
.menu-sub-items > li > a:hover {
	color:#383e4c;
	padding:5px 15px 5px 30px;
}
.menu-items > li > .menu-item.active-item + .menu-sub-items {
	height:auto;
}
.user-menu {
	display: inline-block;
	vertical-align: top;
	position: relative;
	list-style:none;
	margin:13px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:7;
}
.user-menu-toggle {
	display:flex;
	width:100%;
	vertical-align: top;
	cursor: pointer;
}
.user-menu-toggle .user-icon {
	display: inline-block;
	width: 35px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #aaa;
	vertical-align: top;
}
.user-menu-toggle .user-expand-arrow {
	color:#808080;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top:10px;
}
.user-menu-toggle .user-title {
	color:#808080;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top:10px;
	font-weight: 800;
}
.user-menu-items {
	display: none;
	position: absolute;
	top:46px;
	width:100%;
	min-width:150px;
	right:0px;
	opacity: 0;
	border-bottom:1px solid #ddd;
	z-index: 15;
	background: #f3f1ef;
}
.user-menu-items > a {
	display: block;
	text-decoration: none;
	background: #f3f1ef;
	padding:10px 15px 10px 15px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	color:#808080;
	font-weight: 800;
}
.user-menu-items > a:hover {
	color:#383e4c;
}
.user-menu:hover .user-menu-items {
	display: block;
	opacity: 1;
}
.main-login-link {
	text-decoration:none;
	color:#555;
	display:block;
	margin-top:19px;
}
.login-box {}
.login-box .login-input {
	border:1px solid #ddd;
	display:block;
	width:300px;
	margin-bottom:15px;
	padding:10px 20px;
}
.login-box .login-submit-button, .simple-default-button {
	border:0px;
	padding:15px 25px;
	cursor:pointer;
	background:#383e4c;
	color:#fff;
}
.login-box .login-submit-button:hover, .simple-default-button:hover {
	background:#ff902c;
	color:#383e4c;
}
.listing-no-result {

}
.media.kb-media {
	max-width: 50%;
}
.media.kb-media img {
	width:100%;
}
.listing-item-link {
	display: block;
	margin:0px 0px 10px 0px;
	text-decoration: none;
	border:1px solid #ddd;
	color:#383e4c;
	background: #f3f1ef;
}
.listing-item-link .notes {
	padding:0px 15px 0px 15px;
}
.listing-item-link:hover {
	background: #30475e;
	border:1px solid #30475e;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.listing-item-link:hover .notes {
	color:#f3f1ef;
}
.listing-item-link:hover > ul > li > p.title {
	color:#f3f1ef;
}
.listing-item-link:hover > ul > li > p.title-btm {
	color:#aaa;
}
.listing-item-link:hover > ul > li > p.user-title {
	color:#aaa;
}
.listing-item-link > ul {
	display: flex;
	width:100%;
	vertical-align: top;
	position: relative;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.listing-item-link > ul > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-top:4px;
}
.listing-item-link > ul > li.left {
	flex-grow:1;
}
.listing-item-link > ul > li.right {
	text-align: right;
}
.listing-item-link > ul > li.left > p {
	padding:0px 5px 0px 15px;
	margin:5px 0px 5px 0px;
}
.listing-item-link > ul > li.right > p {
	padding:0px 15px 0px 5px;
	margin:5px 0px 5px 0px;
}
.listing-item-link > ul > li > p.title {
	font-size:16px;
	line-height: 18px;
	font-weight: bold;
	color:#383e4c;
}
.listing-item-link > ul > li > p.created {
	line-height: 18px;
	font-weight: bold;
	color:#aaa;
}
.helpdesk-index .form-create {
	flex:0 1 40%;
}
.request-form {
	border:1px solid #ddd;
	background:#f3f1ef;
}
.request-form-plain {}
.request-form-plain .block-input label {
	display: block;
	color:#555;
	margin-bottom: 5px;
}
.request-form-plain .block-input  select {
	width:100%;
	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 0px;
	border:1px solid #ddd;
	cursor:pointer;
}
.request-form-plain .block-input  textarea.flex-fullwidth {
	margin:0px 0px 0px 0px;
	width:100%;
}
.request-form-plain .block-input  textarea {
	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 20px;
	border:1px solid #ddd;
}
.request-form-plain .block-input  input[type="date"],.request-form-plain .block-input  input[type="file"] {
	cursor:pointer;
}
.request-form-plain .block-input  input[type="file"] {
	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 0px;
}
.request-form-plain .block-input  input[type="text"], .request-form-plain .block-input  input[type="number"], .request-form-plain .block-input  input[type="date"] {
	width:100%;

	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 0px;
	border:1px solid #ddd;
}
.penalty-issue > li:first-child {
	margin:0px 0px 0px 0px;
}
.penalty-issue > li {
	margin:0px 0px 0px 15px;
}
.request-form-plain .submit-request {
	border:0px;
	padding:15px 25px;
	cursor:pointer;
	background:#383e4c;
	color:#fff;
	display:inline-block;
	margin:0px 0px 0px 0px;
}
.request-form-plain .submit-request:hover {
	background:#ff902c;
	color:#383e4c;
}
.orange-header-gradient {
	background: rgb(227,108,0);
	background: linear-gradient(0deg, rgba(227,108,0,1) 0%, rgba(255,144,44,1) 100%);
	color:#383e4c;
}
.request-form h1 {
	margin:0px 0px 0px 0px;
	padding:15px 20px 15px 20px;
	font-size:16px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom:1px solid #ddd;
	position: relative;
}
.request-form .row-input, .request-form .row-input-radios {
	position:relative;
}
.request-form .row-input label, .request-form .row-input-radios label {
	flex-grow:1;
	color:#555;
	padding:0px 0px 0px 20px;
	line-height:32px;
}
.request-form .block-input label {
	color:#555;
	padding:0px 20px 5px 20px;
}
.request-form .block-input select {
	width:100%;
	padding:7px 10px 7px 10px;
	border:1px solid #ddd;
	cursor:pointer;	
}
.request-form .block-input input {
	width:100%;
	padding:7px 10px 7px 10px;
	border:1px solid #ddd;	
}
.request-form .row-input select {
	width:100%;
	max-width:350px;
	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 0px;
	border:1px solid #ddd;
	cursor:pointer;
}
.request-form .row-input-radios > .radios > input {
	margin:0px 0px 0px 0px;
	display:inline-block;
}
.request-form .row-input-radios > .radios > label {
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	display:inline-block;
	line-height:12px !important;
	position:relative;
	top:-2px;
}
.request-form .row-input-radios > .radios {
	width:100%;
	max-width:350px;
	padding:6px 10px 6px 10px;
	margin:0px 20px 0px 0px;
	cursor:pointer;
}
.request-form .block-input textarea {
	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 20px;
	border:1px solid #ddd;
}
.request-form .row-input input[type="date"] {
	cursor:pointer;
}
.has-quick-insert {
	padding:7px 30px 7px 10px;
}
.has-quick-insert:hover + .input-quick-insert, .has-quick-insert + .input-quick-insert:hover {
	opacity:1;
}
.has-quick-insert + .input-quick-insert {
	opacity:0;
	position:absolute;
	z-index:1001;
	right:30px;
	top:10px;
	color:#aaa;
	cursor:pointer;
}
.request-form .row-input input[type="checkbox"] {
	padding:0px 0px 0px 0px;
	margin:10px 20px 7px 0px;
}
.request-form .row-input input[type="email"], .request-form .row-input input[type="text"], .request-form .row-input input[type="number"], .request-form .row-input input[type="date"], .request-form .row-input input[type="file"] {
	width:100%;
	max-width:350px;
	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 0px;
	border:1px solid #ddd;
}
.request-form .row-input-history {
	width:100%;
	max-width:350px;
	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 0px;
}
.request-form .row-input-history .single-item {
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
}
.request-form .row-input-history .single-item > b {
	float:right;
}
.request-form .fieldset .textarea-input textarea {
	border:1px solid #ddd;
	padding:7px 10px 7px 10px;	
	width:100%;
}
.request-form .fieldset .textarea-input {
	width:100%;
	padding:25px;
	margin:0px;
	
}
.request-form .fieldset {
	padding:10px 0px 10px 0px;
}
.request-form .fieldset > li {
	padding:5px 0px 5px 0px;
}
.request-form .submit-request {}
.request-form .submit-request {
	border:0px;
	padding:15px 25px;
	cursor:pointer;
	background:#383e4c;
	color:#fff;
	display:inline-block;
	margin:0px 20px 20px 0px;
}
.request-form .submit-request:hover {
	background:#ff902c;
	color:#383e4c;
}
.curve-chart > div > div > div > svg > g > g > g {
	font-size:10px !important;
}
.helpdesk-index .main-diagram {
	padding-left: 25px;
}
.helpdesk-index .main-diagram > div {
	border:1px solid #ddd;
	padding:25px 25px 25px 25px;
}
#RequestResult {
	padding-left: 20px;
	padding-bottom: 20px;
}
.hr-labeled {
	display: flex;
	padding:0px 0px 0px 0px;
	margin:35px 0px 35px 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;
	z-index:2;
}

.hr-labeled .line {
	flex-grow:1;
	border-top:1px solid #aaa;
	margin-top:6px;
	position:relative;
}
.hr-labeled .line > span {
	position:absolute;
	right:10px;
	top:-7px;
	padding:0px 10px;
	background:#fff;
}
.xsped-division-text {
	font-weight:bold;
	color:#ff902c;
	cursor:pointer;
}
.xsped-status-2 {
	font-weight: bold;
	color:#cf000f;
}
.xsped-status-3 {
	font-weight: bold;
	color:#ff902c;
}
.helpdesk-status-2 {
	font-weight: bold;
	color:#ff902c;
}
.helpdesk-status-3 {
	font-weight: bold;
	color:#049372;
}
.helpdesk-status-4 {
	font-weight: bold;
	color:#cf000f;
}
.helpdesk-buttons {
	position:relative;
	vertical-align:top;
	margin-bottom:25px;
}
.helpdesk-buttons a {
	text-decoration:none;
	display:inline-block;
	vertical-align:top;
	background:#30475e;
	color:#fff;
	border:1px solid #30475e;
	padding:10px 20px;
	margin-right:15px;
	cursor: pointer;
}
.helpdesk-buttons a:hover {
	background:#34495e;
	color:#fff;
	border:1px solid #34495e;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.helpdesk-buttons a > i {
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
	font-size:12px;
	line-height:14px;
}
.filters-box {
	padding:25px;
	border:1px solid #cbaf87;
	margin-bottom: 25px;
	background: #e7dec8;
	display: none;
}
.filters-box .buttons .result-text, .form-box .buttons .result-text, .quick-insert-error .result-text{
	float:left;
	font-weight:bold;
	
}
.quick-insert-error .result-text {
	padding-left:20px;
}
.form-box .buttons .result-text > .error, .quick-insert-error .result-text > .error {
	color:#c11b17;
}
.form-box .buttons .result-text > .success, .quick-insert-error .result-text > .success {
	color:#049372;
}
.request-result.error {
	color:#c11b17;
}
.request-result.success {
	color:#049372;
}
.filters-box .buttons, .form-box .buttons {
	text-align: right;
	border-top:1px solid #cbaf87;
	margin-top:25px;
	padding-top:25px;
	position:relative;
}
.filters-box .buttons .filter-button {

}
.filter-button {
	text-decoration:none;
	display:inline-block;
	vertical-align:top;
	background:#cbaf87;
	color:#383e4c;
	border:1px solid #cbaf87;
	padding:10px 20px;
	margin-left:15px;
	cursor: pointer;
}
.filter-button:hover {
	background:#34495e;
	color:#fff;
	border:1px solid #34495e;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.filters-box .report-filer-ul {
	width:100%;
}
.filters-box .report-filer-ul > li:first-child {
	padding-left: 0px;
}
.filters-box .report-filer-ul > li {
	flex-grow: 1;
	padding-left: 15px;
}
.filters-box .report-filer-ul label {
	display: block;
	color:#505050;
	padding: 0px 0px 5px 0px;
}
.filters-box .report-filer-ul select, .filters-box .report-filer-ul input {
	width:100%;
	max-width:350px;
	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 0px;
	border:1px solid #ddd;
	cursor:pointer;
}
.heading-icons {
	display:inline-block;
	vertical-align:top;
}
.ticket-heading {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-size:20px;
}
.ticket-information {
	padding:0px 0px 0px 0px;
	margin:0px 0px 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
	color:#555;
}
.ticket-information > i {
	display: inline-block;
	margin:0px 10px 0px 10px;
	font-size:10px;
	line-height: 14px;
	color:#aaa;
}
.ticket-box {
	padding:25px;
	border:1px solid #cbaf87;
	background: #e7dec8;
}
.ticket-box > p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.ticket-box .note label {
	display: block;
	color:#555;
	font-weight: bold;
	margin-bottom: 5px;
}
.ticket-box .note span {
	display: inline-block;
	margin-bottom: 15px;
}
.ticket-box .info {
	border-top:1px solid #cbaf87;
	padding-top:15px;
}
.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;
}
.registry-list {
	display:table;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
	background:#fff;
}
.registry-list.table-fixed {
	table-layout:fixed;
}
.registry-list > thead > tr > th {
	padding:5px 10px;
	text-align:left;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#383e4c;
	color:#fff;
}
.penalty-row {cursor: pointer;}
.registry-list.table-fixed > thead > tr > th:first-child {
	text-align:left;
	width:auto;
}
.registry-list.table-fixed > thead > tr > th:nth-child(2) {
	text-align:left;
	width:auto;
}
.registry-list.table-fixed > tbody > tr > td:first-child, .registry-list.table-fixed > tbody > tr > td:nth-child(2) {
	text-align:left;
}
.registry-list > thead > tr > th:first-child {
	text-align:center;
	width:40px;
}
.registry-list > thead > tr > th:nth-child(2) {
	text-align:center;
	width:100px;
}
.registry-list > tbody > tr > td > label {
	display:block;
	color:#aaa;
	font-size:12px;
	margin-top:3px;
}
.registry-list > tbody > tr.level-1 > td {
	background:#f3f1ef;
}
.registry-list > tbody > tr > td {
	padding:5px 10px;
	border-collapse:collapse;
	border:1px solid #ddd;
}
.registry-list > tbody > tr:hover > td {
	background:#fafafa;
}
.registry-list > tbody > tr > td:first-child, .registry-list > tbody > tr > td:nth-child(2) {
	text-align:center;
}
.penalties-manager {
    position: relative;
		height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    vertical-align: top;
    text-align: left;
		border: 1px solid #ddd;
		background: #fff;
		padding: 25px 0px;
}
.penalties-manager .heading {
	text-align: center;
	padding:0px 25px;
}
.penalties-manager .footer {
	padding:25px 25px 0px 25px;
}
.penalties-manager .heading h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:20px;
	color:#383e4c;
}
.penalty-item-box {
	padding:25px 25px;
	border-bottom:1px solid #ddd;
}
.penalty-delete {
	cursor:pointer;
	display:inline-block;
	background:#cf000f;
	padding:7px 15px;
	border:1px solid #ddd;
	font-weight:bold;
	color:#fff;
	vertical-align:top;
	margin:0px 25px 0px 0px;
}
.penalty-delete:hover {
	background:#ddd;
	color:#202020;
}
.penalty-restore,.penalty-autosubmit {
	cursor:pointer;
	display:inline-block;
	background:#e36c00;
	padding:7px 15px;
	border:1px solid #ddd;
	font-weight:bold;
	color:#fff;
	vertical-align:top;
	margin:0px 25px 0px 0px;
}
.penalty-restore:hover,.penalty-autosubmit:hover {
	background:#ddd;
	color:#202020;
}
.trigger-control-officers.disable-button {
	background:#cf000f;
}
.trigger-control-officers.enable-button {
	background:#049372;
}
.trigger-control-officers {
	cursor:pointer;
	display:inline-block;
	padding:7px 15px;
	border:1px solid #ddd;
	font-weight:bold;
	color:#fff;
	vertical-align:top;
	margin:0px 25px 0px 0px;
}
.trigger-control-officers:hover {
	background:#ddd;
	color:#202020;
}
.penalty-nav {
	cursor:pointer;
	display:inline-block;
	background:#f3f1ef;
	padding:7px 15px;
	border:1px solid #ddd;
	font-weight:bold;
	color:#707070;
	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-0 { color:#808080; }
.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;
}
.penalty-info {
	flex-wrap:wrap;
}
.penalty-info > li.label {
	flex:0 1 15%;
	margin:5px 0px;
	font-weight:bold;
	color:var(--khaki);
}
.penalty-info > li.data {
	flex:0 1 35%;
	margin:5px 0px;
}
.penalty-info > li.label-block {
	flex:0 1 15%;
	margin:5px 0px;
	font-weight:bold;
	color:var(--khaki);
}
.penalty-info > li.data-block {
	flex:0 1 85%;
	margin:5px 0px;
}
.penalty-item-inner > li {}
.penalty-item-inner > li.media { min-width:600px;}
.penalty-item-inner > li.info {
	margin-right:25px;
}
.penalty-log {

}
.penalty-log > label {
	display:inline-block;
	margin:0px 10px 5px 0px;
	color:#555;
}
.add-comment {
	margin:25px 0px 0px 0px;
	position:relative;
}
.add-comment input[type="text"] {
	width:100%;
	padding:7px 10px 7px 10px;
	margin:0px 0px 0px 0px;
	border:1px solid #ddd;
}
.files-outer {
	max-width:600px;
}
.files-outer .main-file {
	width:100%;
}
.common-values-edit {

}
.common-values-edit > li {
	display: block;
	margin-bottom: 15px;
}
.common-values-edit > li > label {
	display: inline-block;
	margin-right: 25px;
	min-width: 275px;
}
.common-values-edit > li .input-field {
	max-width:100px;
	padding:7px 10px 7px 10px;
	margin:0px 0px 0px 0px;
	border:1px solid #ddd;
}
.common-values-edit > li .submit-button {
	border:0px;
	padding:15px 25px;
	cursor:pointer;
	background:#383e4c;
	color:#fff;
	display:inline-block;
	margin:0px 20px 20px 0px;
}
.common-values-edit > li .submit-button:hover {
	background:#ff902c;
	color:#383e4c;
}
.search-inline {
	width:100%;
	padding:7px 10px 7px 10px;
	margin:0px 0px 0px 0px;
	border:1px solid #ddd;
}
.search-inline-box {
	opacity: 0;
	display: none;
}
.search-inline-box li {
	position:relative;
}
.search-inline-box.visible {
	opacity: 1;
	display: block;
	margin: 0px 0px 25px 0px;
}
.crm-module-nav {
	display: inline-block;
	vertical-align: top;
	margin:0px 0px 0px 25px;
	padding:0px 0px 0px 25px;
	border-left:1px solid var(--table-border);
}
.crm-module-nav .action-button-link {
	text-decoration: none;
	font-size:14px;
	vertical-align: top;
	display: inline-block;
	margin:3px 15px 0px 0px;
	cursor: pointer;
	color:var(--grey);
}
.crm-module-nav .action-button-link:hover {
	color:var(--sand);
}

.crm-module-nav .action-button-link i {
	margin-right: 5px;
}
.crm-module-nav .action-button-link:hover {
	color:var(--khaki);
}
.content-heading {
	display:block;
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
	color:#555;
	vertical-align:top;
}
.content-heading > span {
	display:inline-block;
	margin:0px 15px;
	vertical-align:top;
	color:var(--grey);
	font-size:12px;
	line-height:20px;
}
.form-create-filter {
	width:100%;
	margin:25px 0px 0px 0px;
}
.form-create-filter:first-child {
	margin:0px 0px 0px 0px;
}

.form-create-filter > li {}
.form-create-filter > li:first-child > label { margin-left: 0px; }
.form-create-filter > li > label { margin-left: 15px; line-height: 32px; display: inline-block; }
.form-create-filter > li > input[type="text"], .form-create-filter > li > input[type="date"], .form-create-filter > li > input[type="datetime-local"], .form-create-filter > li > select, .form-create-filter > li > textarea {
	width:100%;
	padding:7px 10px 7px 10px;
	margin:0px 0px 0px 0px;
	border:1px solid #ddd;
}
.form-create-filter > li:nth-child(2n) {
	flex:0 1 35%;
}
.form-create-filter > li:nth-child(2n-1) {
	flex:0 1 15%;
}
.form-create-filter > li.flex-grow:nth-child(2n-1) {
	flex:0 1 100%;
}
.listinv-link {
	text-decoration:none;
	color:#222;
	font-size:14px;
	border-top:1px solid #ddd;
}
.listinv-link:hover {
	background:#f3f1ef;
}
.listinv-link:first-child {
	border-top:0px;
}
.listinv-link > span {
	display:inline-block;
	padding:5px;
}
.listinv-link > span:nth-child(1) { width:55px; }
.listinv-link > span:nth-child(2) { width:85px; }
.listinv-link > span:nth-child(3) { flex-grow:1;}
.listinv-title > li:nth-child(1) { width:55px; }
.listinv-title > li:nth-child(2) { width:85px; }
.listinv-title > li:nth-child(3) { flex-grow:1;}
.listinv-title > li {
	font-weight:bold;
	padding:5px;
	background:#eee;
}
.listinv-box {
	max-height:500px;
	overflow-y:auto;
	margin-bottom:25px;
}
.admin-menu {
	margin:10px 0px 25px 0px;
}
.admin-menu nav a {
	display:inline-block;
	margin:0px 10px 0px 0px;
	text-decoration:none;
	color:#30475e;
	font-weight:bold;
	border-left:1px solid #ddd;
	padding:0px 0px 0px 10px;
}
.admin-menu nav a:first-child {
	border-left:0px solid #ddd;
	padding:0px 0px 0px 0px;
}
.admin-menu nav a:hover {
	color:#aaa;
}
.admin-list {}
.admin-list > li {}
.admin-list .admin-list-link {
	text-decoration:none;
	display:block;
	position:relative;
}
.user-link {
	background-color:#f3f1ef;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:65px 65px;
	color:#222;
	border:1px solid #ddd;
	padding:10px 10px 10px 80px;
	margin:0px 0px 10px 0px;
}
.user-link:hover {
	background-color:#eee;
}
.user-link > p {
	margin:0px 0px 0px 0px;
	padding:0px;
	
}
.user-link .user-title {
	font-weight:bold;
	font-size:18px;
	margin:0px 0px 4px 0px;
}
.user-link .user-status {
	vertical-align:top;
	display:inline-block;
	position:absolute;
	top:22px;
	right:10px;
	z-index:3;
}
.user-link .user-status > i {
	display:inline-block;
	font-size:18px;
	line-height:18px;	
}
.user-link .user-status > i.fa-check-circle { color:#049372; }
.user-link .user-status > i.fa-times-circle { color:#c11b17; }
.admin-user-card {
	position:relative;
	background:#ff902c;
	margin:35px 0px 0px 0px;
}

.admin-user-card .user-avatar {
	position:absolute;
	right:15px;
	top:11px;
	border:1px solid #ddd;
	border-radius:50%;
	width:60px;
	height:60px;
}
.admin-user-card .user-title {
	margin:0px 0px 10px 0px;
	padding:16px 0px 0px 15px;
	font-weight:bold;
	font-size:18px;
	color:#fff;
}
.admin-user-card .user-data {
	margin:0px 0px 0px 0px;
	padding:0px 0px 16px 15px;	
	color:#ffc896;
}
.text-with-label {
	margin:5px 0px 0px 0px;
}
.input-with-label.userindex, .text-with-label.userindex {
	padding:0px 0px 0px 25px;

}
.input-with-label label {
	font-size:14px;
	display:inline-block;
	margin-right:25px;
	line-height:30px;
	min-width:250px;
}
.text-with-label label {
	font-size:14px;
	display:inline-block;
	margin-right:25px;
	min-width:250px;
}
.input-with-label select {
	margin:0px 0px 0px 0px;
	padding:6px 15px 6px 15px;
	border:1px solid var(--sand);
	background: white;
	cursor: pointer;
}
.input-with-label input {
	margin:0px 0px 0px 0px;
	padding:6px 15px 6px 15px;
	border:1px solid var(--sand);
	background: white;
	cursor: pointer;
}
.text-with-label b {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	cursor: pointer;
	display:inline-block;
	vertical-align:top;
}

.text-with-label b i {
	opacity:0;
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	font-size:8px;

}
.text-with-label b:hover i {
	padding:0px 0px 0px 5px;

	opacity:1;
}
.settings-submit-button {
	display:block;
	border:1px solid #ddd;
	padding:10px 15px;
	cursor:pointer;
	background:var(--sand);
	color:white;
}
.admin-tab-nav {
	border-bottom:1px solid #ddd;
}
.admin-tab-nav > a {
	text-decoration:none;
	color:#aaa;
	font-size:14px;
	display:inline-block;
	padding:10px 15px;
	border-bottom:1px solid #fff;
}
.admin-tab-nav > a.item-active {
	background:#fff;
	font-weight:bold;
	border-bottom:1px solid #ddd;
}
.admin-tab-nav > a:hover, .admin-tab-nav > a.item-active:hover {
	color:#ff902c;
}
.controller-menu {
	border-right:1px solid #ddd;
	padding:0px 25px 0px 0px;
	
}
.permissions-manager .menu {
	padding:0px 25px 0px 0px;
	min-width:20%;
}
.controller-menu > li {
	padding:5px 0px 5px 0px;
}
.controller-menu > li > span > label.frame-action, .controller-menu > li > ul > li > span > label.frame-action {
	cursor:pointer;
}
.controller-menu > li > ul > li {
	padding:5px 0px 5px 0px;
}
.permission-item {
	background:#f3f1ef;
	padding:25px;
	margin-bottom:25px;
	position:relative;
}
.permission-item > p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-weight:bold;
	font-size:16px;
}
.permission-item > b {
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	color:#ff902c;
}
.frame-action.active-item {
	font-weight:bold;
	color:#ff902c;
}
.division-selector {
	background:#f3f1ef;
}
.division-selector > li > i {
	display:inline-block;
	position:absolute;
	left:15px;
	font-size:11px;
	line-height:37px;
	top:0px;
	opacity:0;
}
.division-selector > li {
	border-left:1px solid #fff;
	text-align:center;
	font-weight:bold;
	padding:10px 0px;
	cursor:pointer;
	position:relative;
}
.division-selector > li:first-child {
	border-left:0px solid #fff;
}
.division-selector > li.active-item > i, .division-selector > li.active-item:hover > i {
	color:#fff;
	opacity:1;
}
.division-selector > li.active-item, .division-selector > li.active-item:hover {
	background:#049372;
	color:#fff;
}
.xsped-form-container {
	position:relative;
}
.xsped-form-container .xsped-form-box {
	opacity:0;
	padding-top:50px;
}
.row-inputs {
	margin:25px 0px 0px 0px;
}
.row-inputs:first-child {
	margin:0px 0px 0px 0px;
}
.row-inputs > li:first-child {
	padding:0px 0px 0px 0px;
}
.row-inputs > li {
	padding:0px 0px 0px 20px;
}
.row-inputs > li > label {
	display:block;
	padding-bottom:7px;
}
.row-inputs > li > input[type="date"].text-input {
	padding:6px 15px;
}
.row-inputs > li > .text-input {
	border:1px solid #ddd;
	width:100%;
	display:block;
	padding:7px 15px;
}
.xsped-add-product {
	background:#049372;
	display:block;
	width:100%;
	text-align:center;
	cursor:pointer;
}
.xsped-add-product > i {
	display:inline-block;
	line-height:57px;
	color:#fff;
}
.submit-align-right {
	margin:50px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	text-align:right;
	border-top:1px solid #ddd;
}
.ui-widget {
	font-family:'Adobe Clean' !important;
	font-size:10pt;
}
.ui-autocomplete-category {
	font-weight:bold;
	background:#383e4c;
	color:#fff;
}
.ui-menu-item-wrapper:hover, .ui-menu-item:hover .ui-menu-item-wrapper {
	border:0px !important;
	padding: 3px 1em 3px .4em;
}
.json-line {
	padding:10px 20px 10px 0px;
	border-top:1px solid #ddd;
}
.json-line:first-child {
	padding:0px 20px 10px 0px;
	border-top:0px;
}
.json-line > span { 
	display:inline-block;
}
.json-line > span.id {
	width:35px;
}
.json-line > span.title {
	flex-grow:1;
}
.json-line > span.pickup_point { 
	padding-left:25px;
}
.json-line > span.delete {
	text-align:right;
	width:50px;
}
.json-line > span.delete i {
	cursor:pointer;
	color:#c11b17;
}
.json-line-container {
	max-height:250px;
	overflow-y:auto;
}
.json-line > span > b {}
.json-line > span > b > i {}
.json-line > span.pickup_point > label {
	text-align:right;
}
.json-line > span > label {
	display:block;
	color:#aaa;
	font-style:italic;
}
.xsped-delivery-info {
	color:#aaa;
	margin-top:15px;
}
.xsped-delivery-info > p {
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.xsped-delivery-info > p.contacts-notes {
	text-align:right;
}
.xsped-delivery-info > p > span {
	display:block;
}
.xsped-order-heading {
	font-size:18px;
}
.xsped-items {}
.xsped-items .item-row:nth-child(2) {
	border-top:0px dashed #eee;
}
.xsped-items .item-row {
	border-top:1px dashed #eee;
}
.xsped-items .item-row > p {
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 20px;
	vertical-align:top;
}
.xsped-items .item-row .rownum {
	width:60px;
}
.xsped-items .item-row .title {
	flex-grow:1;
}
.xsped-items .item-row .foreman {
	width:15%;
	min-width:150px;

}
.xsped-items .item-row.heading-row {
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #ddd;
	border-top:0px dashed #eee;
	color:#2a3439;
}
.edit-button {
	display:inline-block !important;
	vertical-align:top;
	font-size:10px !important;
	line-height:27px !important ;
}
.service-order {}
.service-order .heading {}
.service-order .heading span {
	font-size:18px;
	font-weight:bold;
	display:inline-block;
}
.service-order .order-data {}
.service-order .order-data {}
.modal-autocomplete-result {
	padding:0px 20px;
}
.listing-item-expandable {
	border-top:1px solid #ddd;
	padding:7px 0px 7px 0px;
}
.listing-item-expandable .group-title {
	font-weight:bold;
	font-size:16px;
	cursor:pointer;
}
.listing-item-expandable .expand-list-button {
	font-size:11px;
	line-height:16px;
	cursor:pointer;
}
.listing-item-expandable .expand-list-text {
	font-size:14px;
	line-height:16px;
	cursor:pointer;
	color:#aaa;
}
.listing-item-expandable:first-child {
	border-top:0px solid red;
	padding:0px 0px 7px 0px;
}
.listing-item-expandable .inner-item.visible {
	display:flex;
}
.listing-item-expandable .inner-item .add-item-button {
	background:#049372;
	color:#fff;
	padding:5px 12px;
	display:inline-block;
	margin:0px 0px 10px 0px;
	cursor:pointer;
}
.listing-item-expandable .inner-item {
	display:none;
	padding:5px 0px 0px 0px;
	border-top:1px dashed #eee;
	font-size:14px;
}
.listing-item-expandable .inner-item:nth-of-type(1) {
	padding:7px 0px 0px 0px;
	border-top:0px dashed #eee;
}
.listing-item-expandable > .inner-item > .indent {
	width:30px;
}
.repairdata > li {
	margin:0px 0px 20px 0px;
}
.repairdata h3 {
	padding:5px 15px 5px 15px;
	background:#383e4c;
	color:#fff;
}
.delete-row {
	cursor:pointer;
	color:#aaa;
	font-size:12px;
	line-height:14px;
}
.delete-row:hover {
	color:#c11b17;
}
.edit-row {
	cursor:pointer;
	color:#aaa;
	font-size:10px;
	line-height:14px;
	display:inline-block;
	margin-left:5px;
	position:relative;
	top:-1px;
}
.edit-row:hover {
	color:#30475e;
}
.render-json-edit-log {
	display:inline-block !important;
	cursor:pointer;
	color:#c11b17;
	font-weight:bold;
}
.render-json-edit-log:hover {
	color:#aaa;
}
.link-filename { margin:0px 25px 25px 0px; border:1px solid #ddd; padding:25px;text-align:center;cursor:pointer; min-width:160px;}
.link-filename:hover {border:1px solid #aaa; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}
.link-filename > i { display:block;font-size:30px;margin:0px 0px 25px 0px;}
.link-filename > p { margin:0px 0px 0px 0px;font-size:16px;}
.link-filename > p > b { padding:5px 0px 0px 0px;display:block;font-size:10px;color:#aaa;}
.with-sideblock {
	
}
.with-sideblock > div {
	vertical-align:top;
	position:relative;
}
.with-sideblock > .left { 
	flex-grow:1; 
	padding:0px 25px 0px 0px;
}
.with-sideblock > .right { 
	flex:0 1 20%; 

}
.with-sideblock > .right > .box { 
	background:#f3f1ef;
	padding:25px 25px 25px 25px;
	min-width:300px;
}
.with-sideblock > .right > .box > h4 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
}
.with-sideblock > .right > .box > hr {
	margin:25px 0px 25px 0px;
	padding:0px 0px 0px 0px;	
	height:0px;
	border-top:1px dashed #aaa;
}
.side-items-nav .side-item-action:hover {
	color:#aaa;
}
.side-items-nav .side-item-action {
	vertical-align:top;
	color:#383e4c;
	display:block;
}
.side-items-nav .side-item-action > * {
	cursor:pointer;
	
}
.side-items-nav .side-item-action > i {
	display:inline-block;
	vertical-align:top;
	font-size:10px;
	line-height:14px;
	margin:0px 10px 0px 0px;
}
.side-items-nav .side-item-action > label {
	display:inline-block;
	vertical-align:top;	
} 
.side-items-nav {

}
.side-items-nav > a {
	display:block;
	text-decoration:none;
	color:#2a3439;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	border-top:1px dashed #ddd;
}
.side-items-nav > a:first-child {
	border-top:0px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
.side-items-nav > a:hover {
	color:#aaa;
}
.inline-fas-button {
	color:#aaa;
	cursor:pointer;
	display: inline-block !important;
	vertical-align: top;
	font-size: 11px !important;
	line-height: 1.1em !important;	
}
.inline-fas-button:hover {
	color:#30475e;
}
.foreman-actions {
	
}
.foreman-actions > li {
	border:1px solid #ddd;
	margin:0px 0px 25px 0px;
	padding:15px 25px 15px 25px;
	background:#f3f1ef;
}
.foreman-actions .order-data > p > label { 
	font-weight:bold;
}
.foreman-actions .order-data > p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.foreman-actions .items-data > p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	display:flex;
	border-top:1px dashed #ddd;
}
.foreman-actions .items-data > p:first-child {
	border-top:0px;
	padding:0px 0px 5px 0px;
}
.foreman-actions .items-data > p:last-child {
	padding:5px 0px 0px 0px;
}
.foreman-actions .items-data > p > span {
	vertical-align:top;
	display:inline-block;
}
.foreman-actions .order-data {
	border-bottom:1px solid #ddd;
	padding:0px 0px 15px 0px;
}
.foreman-actions .items-data {
	padding:15px 0px 0px 0px;
}

.item-action-buttons-modal {
	padding:0px 25px 25px 25px;
}
.item-action-buttons-modal .item-action {
	display:block;
	margin:15px 0px;
	background:#fff;
	padding:7px 0px;
	text-align:center;
	cursor:pointer;
	
}
.item-action-buttons-modal .item-action > i {
	display:inline-block;
	margin-right:5px;
	font-size:11px;
	line-height:14px;
}
.item-action-buttons-modal .item-action.item-action-2 { background:#c11b17; color:#fff; }
.item-action-buttons-modal .item-action.item-action-3 { background:rgba(255,144,44,1); color:#222; }
.item-action-buttons-modal .item-action.item-action-4 { background:#049372; color:#fff; }
.user-index {}
.user-index .left {

}
.user-index .left .avatar {

}
.user-index .left .avatar img {
	width:100%;
	min-width:150px;
}
.user-index .right {
	padding:0px 0px 0px 25px;
}
.xsped-item-foreman-action {
	display:inline-block;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:14px;
}
.xsped-item-foreman-action.fa-times-circle {
	color:#c11b17;	
}
.xsped-item-foreman-action.fa-check-circle {
	color:#049372;
}
.span-with-edit:hover {
	color:#383e4c;
	padding-right:25px;
}
.span-with-edit:hover > span {
	opacity:1;
}
.span-with-edit {
	vertical-align:top;	
	cursor:pointer;
	position:relative;
}
.span-with-edit > span {
	display:inline-block;
	padding-left:5px;
	vertical-align:top;	
	position:absolute;
	right:0px;
	opacity:0;
}
.span-with-edit.heading-icon > span {
	font-size:12px;
	line-height:18px;
}
.ui-autocomplete.ui-front {
	max-height:300px;
	overflow-y:auto;
}
.default-submit-button {
	border:0px;
	padding:15px 25px;
	cursor:pointer;
	background:#383e4c;
	color:#fff;
	display:inline-block;
	margin:0px 0px 0px 0px;
	
}
.default-submit-button:hover {
	background:#ff902c;
	color:#383e4c;
}
.tab-controls {
	display:block;
	padding:15px 0px 25px 0px;
	vertical-align:top;
}
.tab-controls > nav > a.item-active, .tab-controls > nav > a.item-active:hover {
	color:#383e4c;
	cursor:auto !important;
}
.tab-controls > nav > a {
	text-decoration:none;
	color:#aaa;
	display:inline-block;
	margin:0px 10px 0px 0px;
	text-decoration:none;
	font-weight:bold;
	border-left:1px solid #ddd;
	padding:0px 0px 0px 10px;	
}
.tab-controls > nav > a:hover {
	color:#30475e;
}
.tab-controls > nav > a:first-child {
	border-left:0px solid #ddd;
	padding:0px 0px 0px 0px;
}
.tab-content {
	width:100%;
	white-space:nowrap;
}
.tab-content > li {
	width:100%;
	white-space:nowrap;
	display:none;	
}
.tab-content > li.active-item {
	display:block;
}
.tab-content > li > div {
	white-space:normal;
}
.tab-content .tab-content-inner {
	
}
.registry-items > li {
	margin:0px 0px 0px 0px;	
	padding:5px 0px 5px 0px;	
	border-top:1px solid #ddd;	
}
.registry-items > li:first-child {
	border-top:0px;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 5px 0px;	
}
.registry-items .item {
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	vertical-align:top;	
}
.registry-items .item .num {
	padding:0px 10px;
	min-width:50px;
	text-align:center;
	vertical-align:top;	
}
.registry-items .item .title {
	font-weight:bold;
	padding:0px 15px;
}
.registry-items .item .controls {
	vertical-align:top;	
}
.registry-items .item .controls > i:hover {
	color:#383e4c;
}
.registry-items .item .controls > i {
	vertical-align:top;	
	font-size:10px;
	line-height:14px;
	display:inline-block;
	margin:0px 10px 0px 0px;
	color:#aaa;
	cursor:pointer;
}
.link-list-item > * {
	cursor:pointer;
}
.link-list-item {
	position:relative;
	padding:15px 0px 15px 0px !important;
	border:1px solid #fff;
	text-decoration:none;
	display:block;
}
.link-list-item:hover {
	padding:15px 60px 15px 25px !important;
	background:#f3f1ef;
	border:1px solid #ddd;
}
.link-list-item:hover > .fa-angle-right {
	display:inline-block;
	padding:15px 25px 15px 0px;
	right:0;
	opacity:1;
}
.link-list-item > .fa-angle-right {
	display:inline-block;
	line-height:39px;
	padding:15px 25px 15px 0px;
	font-size:16px;
	color:#a0a0a0;
	position:absolute;
	right:50px;
	top:0;
	opacity:0;
}
.link-list-item label {
	display:block;
	color:#aaa;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
.link-list-item span {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#383e4c;
}
.ticket-description {
	padding:15px 0px 25px 0px;	

}
.ticket-description.last-item {
		border-bottom:1px solid #ddd;

}
.ticket-description .description-block {
	padding:0px 25px 0px 0px;
	margin:0px 0px 0px 0px;
}
.ticket-description .description-block .label {
	display:block;
	color:#555;
	padding:0px 0px 5px 0px;
}
.ticket-description .description-block .text {
	display:block;
	font-weight:bold;
	font-size:15px;
}
.ticket-content {
	padding:25px;
	border:1px solid #ddd;
	background:#f3f1ef;
	margin-bottom:15px;
}
.ticket-content .ticket-heading {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
}
.ticket-content .ticket-text {
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	font-size:14px;	
}
.ticket-content .ticket-text.footer {
	margin:25px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	font-size:14px;	
	font-weight:bold;
	color:#555;
	border-top:1px dashed #ddd;
}
.ticket-log-item {
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	font-size:14px;	
	border-bottom:1px dashed #ddd;
}
.ticket-log-item:last-child {
	padding:0px 0px 0px 0px !important;	
	margin:0px 0px 0px 0px !important;	
	border-bottom:0px dashed #ddd;
}
.ticket-log-item > .created { 
	color:#555;
}
.ticket-log-item > .text { 
	display:block;
	padding:5px 0px 0px 0px;
}
.ticket-log-item > .created > i {
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	color:#aaa;
	line-height:14px;
}
.comment-input-field {
	position:relative;
	z-index:1;
}
.comment-field-loading {
	position:absolute;
	top:2px;
	right:30px;
	z-index:2;
	width:30px;
	display:none;
}
.with-sideblock.is-modal {
	border:1px solid #ddd;
	background:#fff;
	padding:25px;
	text-align:left;
}
.modal-ticket-notes {
	margin:15px 20px 15px 20px;
	padding:10px 10px 10px 10px;
	background:#ddd;
	border:1px solid #aaa;
}
.modal-ticket-notes > span {
	display:block;
	font-weight:bold;
}
.quality-mark-outer {
	margin:0px 0px 20px 0px;
	padding:0px 20px 20px 20px;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.quality-mark-outer .quality-mark-box {
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
.quality-mark-outer .quality-mark-box h4 {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;	
}
.quality-mark-outer .quality-mark-box .quality-mark {
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;	
}
.quality-mark-outer .quality-mark-box .quality-mark .mark {
	margin:0px 2px 0px 2px;
	padding:0px 0px 0px 0px;
	height:10px;
	background:#aaa;
	width:100%;
	cursor:pointer;
}
.quality-mark-outer .quality-mark-box .quality-mark .mark.hovered-red {
	background:#c11b17;
}
.quality-mark-outer .quality-mark-box .quality-mark .mark.hovered-yellow {
	background:#e36c00;
}
.quality-mark-outer .quality-mark-box .quality-mark .mark.hovered-green {
	background:#049372;
}
.filter-open-outer {
	padding:0px 0px 25px 0px;
	margin:0px 0px 25px 0px;
	border-bottom:1px solid #ddd;
}
.filter-open-outer > ul > li {
	margin:0px 0px 0px 25px;
	position:relative;
}
.filter-open-outer > ul > li:first-child {
	margin:0px 0px 0px 0px;
}
.filter-open-outer .filter-param {
	
}
.filter-open-outer .filter-param > label {
	display:block;
	color:#aaa;
	padding:5px 0px;
}
.filter-open-outer .filter-param > span {}
.filter-open-outer .filter-param > span > input {
	border:1px solid #ddd;
	padding:7px 15px 7px 15px;
}
.filter-open-outer .filter-param > span > select {
	border:1px solid #ddd;
	padding:7px 15px;
	cursor:pointer;
}
.filter-open-outer .filter-param > span > input[type="date"] {
	cursor:pointer;
	padding:5px 15px 6px 15px;
}
.filter-expand-button {
	display:inline-block;
	padding:0px 15px;
	line-height:30px;
	background:#f3f1ef;
	position:relative;
	top:27px;
	border:1px solid #ddd;
	cursor:pointer;
	color:#555;
}
.filter-expand-button:hover {
	color:#fff;
	background:#383e4c;
	border:1px solid #383e4c;
}
.filter-expand-button > i {
	display:inline-block;
	font-size:12px;
	margin-left:5px;
}
.ajax-report-item:hover {
	background:#f3f1ef;
}
.ajax-report-item:first-child {border-top:0px;}
.ajax-report-item {
	display:flex;
	width:100%;
	vertical-align:top;
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#383e4c;
	border-top:1px dashed #ddd;
}
.ajax-report-item > span {
	display:inline-block;
}
.ajax-report-item > span.id {
	margin:0px 25px 0px 0px;
}
.ajax-report-item > span.created {
	margin:0px 25px 0px 0px;
}
.ajax-report-item > span.source {
	margin:0px 25px 0px 0px;
	min-width:120px;
}
.ajax-report-item > span.right {
	margin:0px 0px 0px 25px;
}
.inside-openmodal-link {
	display:inline-block;
	cursor:pointer;
}
.inside-openmodal-link:hover {
	color:#fabe58;
}
.ext-doc-inforow.first-child {
	padding:0px 0px 0px 0px;
}
.ext-doc-inforow {
	display:flex;
	width:100%;
	vertical-align:top;
	padding:7px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.ext-doc-inforow > label {
	flex:0 1 25%;
	display:inline-block;
	margin:0px 0px 0px 20px;
	padding:5px 0px;
}
.ext-doc-inforow > label:first-child {
	margin:0px 0px 0px 0px;
}
.ext-doc-inforow > .value {
	background:#f3f1ef;
	border:1px solid #ddd;
	padding:5px 12px;
	flex:0 1 75%;
	flex-wrap:wrap;
}
.ext-doc-inforow > .value .accessory-value {
	margin-left:15px;
}
.ext-doc-inforow > .value .accessory-value:first-child {
	margin-left:0px;
}
.ext-doc-inforow > .value .accessory-value > i {
	display:inline-block;
	font-size:11px;
	line-height:14px;
	vertical-align:top;
	margin-right:4px;
}
.ext-doc-inforow > .value .accessory-value > i.fa-check-circle {
	color:#049372;
}
.ext-doc-inforow > .value .accessory-value > i.fa-times-circle {
	color:#aaa;
}
.ext-doc-inforow > .value .accessory-value > label {
	display:inline-block;
	font-size:14px;
	vertical-align:top;	
}
.tabbed-container {}
.tabbed-container .tab-navigation {
	position:relative;
	z-index:2;
	display:block;
	vertical-align:top;
	margin-left:15px;
}
.tabbed-container .tab-navigation .tab-link, .tabbed-container .tab-navigation .tab-links {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #ddd;
	padding:7px 15px;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	color:#a0a0a0;
	background:#f3f1ef;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;		
}
.tabbed-container .tab-navigation .tab-link.active-item, .tabbed-container .tab-navigation .tab-links.active-item {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #fff;
	color:#383e4c;
	background:#fff;
}
.tabbed-container .tabbed-content {
	position:relative;
	z-index:1;
	top:-1px;
	display:block;
	vertical-align:top;	

}
.tabbed-container .tabbed-content .tab {
	display:none;
	border:1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
	padding:25px;
}
.tabbed-container .tabbed-content .tab.active-item {
	display:block;
	border:1px solid #ddd;
}
.tabbed-container .tabbed-content {}
.ticket-list-item {
	font-weight:bold;
	text-decoration:none;
	color:#a0a0a0;
}
.history-item {
	padding-bottom:25px;
}
.queue-monitor {}
.queue-monitor .file {
	max-width:500px;
	margin-left:25px;
	flex-grow:1;
}
.queue-monitor .information {
	flex:0 1 70%;
}
.sales-survey-box {
	padding:20px 15px;
	position:relative;
	text-align:left;
}
.sales-survey-box > h3 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.sales-survey-box > h3 > span {
	float:right;
}
.sales-survey-box > .info {
	vertical-align:top;
	
}
.sales-survey-box > .info > li {
	flex: 0 1 50%;
}
.sales-survey-box > .info > li:first-child > div {
	padding:0px 20px 0px 0px;
}
.sales-survey-box > .info > li:last-child > div {
	padding:0px 0px 0px 20px;
}
.sales-survey-box > .buttons {
	border-top:1px dashed #e0e0e0;
	padding:20px 0px 0px 0px;
}
.sales-survey-box > .buttons > li:last-child {
	text-align:right;
}
.sales-survey-box > .buttons > li:first-child {
	margin-right:25px;
}
.sales-survey-box > .buttons > li > select {
	padding:7px 15px;	
	display:inline-block;
	border:1px solid #ddd;
	cursor:pointer;
}
.sales-survey-box > .buttons > li > input {
	padding:7px 15px;	
	display:inline-block;
	border:1px solid #ddd;
	
	width:100%;
}
.sales-survey-box > .buttons > li > span {
	display:inline-block;
	background:#30475e;
	padding:7px 15px;
	color:#fff;
	margin-left:15px;
	cursor:pointer;
}
.inline-smileys-box {
	min-width:25%;
	padding-bottom:15px;
}
.inline-smileys {
	justify-content:flex-end;
}
.inline-smileys > li {
	text-align:center;
	margin:0px 0px 0px 5px;
	cursor:pointer;
	padding:10px;
	
}
.inline-smileys > li:hover, .inline-smileys > li.selected {
	background:#f3f1ef;
}
.inline-smileys > li > span {
	display:block;
	font-size:28px;
	color:#aaa;
	cursor:pointer;
	min-width:50px;
}
.inline-smileys > li:hover > span.fa-angry, .inline-smileys > li.selected > span.fa-angry { color:#f41528; }
.inline-smileys > li:hover > label.angry, .inline-smileys > li.selected > label.angry { color:#f41528; }
.inline-smileys > li:hover > span.fa-frown, .inline-smileys > li.selected > span.fa-frown { color:#fe612c; }
.inline-smileys > li:hover > label.frown, .inline-smileys > li.selected > label.frown { color:#fe612c; }
.inline-smileys > li:hover > span.fa-meh, .inline-smileys > li.selected > span.fa-meh { color:#f4de30; }
.inline-smileys > li:hover > label.meh, .inline-smileys > li.selected > label.meh { color:#f4de30; }
.inline-smileys > li:hover > span.fa-smile, .inline-smileys > li.selected > span.fa-smile { color:#99e930; }
.inline-smileys > li:hover > label.smile, .inline-smileys > li.selected > label.smile { color:#99e930; }
.inline-smileys > li:hover > span.fa-grin-hearts, .inline-smileys > li.selected > span.fa-grin-hearts { color:#19ab2c; }
.inline-smileys > li:hover > label.grin-hearts, .inline-smileys > li.selected > label.grin-hearts { color:#19ab2c; }
.inline-smileys > li > label {
	display:block;
	margin:5px 0px 0px 0px;
	color:#aaa;
	cursor:pointer;
	min-width:50px;
}
.quality-mark-outer .quality-mark-box .quality-mark .mark.hovered-red-new { background:#f41528; }
.quality-mark-outer .quality-mark-box .quality-mark .mark.hovered-orange-new { background:#fe612c; }
.quality-mark-outer .quality-mark-box .quality-mark .mark.hovered-yellow-new { background:#f4de30; }
.quality-mark-outer .quality-mark-box .quality-mark .mark.hovered-salad-new { background:#99e930; }
.quality-mark-outer .quality-mark-box .quality-mark .mark.hovered-green-new { background:#19ab2c; }
.queue-report .branch-item {
	vertical-align:top;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 25px 0px;
}
.queue-report .branch-item h3 .queue-items-expand:hover {
	color:#383e4c;
}
.queue-report .branch-item h3 .queue-items-expand {
	line-height:20px;
	position:relative;
	font-size:14px;
	display:inline-block;
	margin-left:10px;
	cursor:pointer;
	vertical-align:top;
	color:#aaa;
	top:1px;
}
.queue-report .branch-item h3 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	font-size:20px;
	vertical-align:top;
}
.queue-report .branch-item .queue-totals {
	display:block;
	margin:30px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
.queue-report .branch-item .queue-totals > span {
	vertical-align:top;
	margin:0px 25px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
}
.queue-report .branch-item .queue-totals > span > label {
	display:block;
	font-size:12px;
	color:#aaa;
	font-style:italic;
	border-top:1px solid #ddd;
	vertical-align:top;
	margin:5px 0px 0px 0px;
	padding:5px 0px 0px 0px;	
}
.queue-report .branch-item .queue-totals > span > b {
	display:block;
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	font-weight:900;
	color:#ec6602;
}
.queue-report .branch-item .queue-stats {}
.queue-report .branch-item .queue-stats .queue-stats-item:last-child {
	border-bottom:0px solid #ddd;
}

.queue-report .branch-item .queue-stats .queue-stats-item {
	padding:7px 0px 7px 0px;
	margin:0px 0px 0px 0px;	
	border-bottom:1px dashed #ddd;
}
.queue-report .branch-item .queue-stats .queue-stats-item.header > span {
	position:relative;
}
.queue-report .branch-item .queue-stats .queue-stats-item.header > span .row-filter-trigger {
	float:right;
	font-size:10px;
	line-height:14px;
	cursor:pointer;
}
.queue-report .branch-item .queue-stats .queue-stats-item.header {
	font-weight:bold;
	border-bottom:1px solid #ddd;
	position:relative;
}
.queue-report .branch-item .queue-stats .queue-stats-item.footer {
	font-weight:bold;
	border:0px solid #ddd;
}
.queue-report .branch-item .queue-stats .queue-stats-item .text-right {
	text-align:right;
}
.queue-report .branch-item .queue-stats .queue-stats-item .title {
	flex-grow:1;
}
.queue-report .branch-item .queue-stats .queue-stats-item .title-max {
	max-width:350px;
	width:100%;
}
.queue-report .branch-item .queue-stats .queue-stats-item .duration {
	width:150px;
}
.queue-report .branch-item .queue-stats .queue-stats-item .id {
	width:70px;
}
.queue-report .branch-item .queue-stats .queue-stats-item .totals {
	width:90px;
}
.queue-report .branch-item .queue-stats .queue-stats-item .dt {
	width:100px;
}
.queue-report .branch-item .queue-stats .queue-stats-item .dtime {
	width:150px;
}
.queue-report .branch-item .queue-stats .queue-stats-item .n {
	width:50px;
}
.queue-report .branch-item .queue-stats .queue-stats-item .chk > i.unchecked {
	color:#aaa;
}
.queue-report .branch-item .queue-stats .queue-stats-item .chk > i:hover, .queue-report .branch-item .queue-stats .queue-stats-item .chk > i.checked {
	color:#383e4c;
}
.queue-report .branch-item .queue-stats .queue-stats-item .chk > i {
	font-size:10px;
	line-height:14px;
	cursor:pointer;
}
.queue-report .branch-item .queue-stats .queue-stats-item .chk {
	width:30px;
}
.queue-report .branch-item .queue-stats .queue-stats-item .chk.text-right {
	width:30px;
	margin-left:25px;
}
.button-group {
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	min-width:220px;
	height:39px;
	position:relative;
	z-index:1;
	list-style:none;
	margin:0px 25px 0px 0px;
	padding:0px 0px 0px 0px;
}
.button-group.expanded > li.toggle {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;		
}
.button-group > li.toggle {
	display:block;
	background:#383e4c;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button-group > li:last-child {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
}
.button-group.expanded > li.item {
	display:block;
}
.button-group > li.item:hover {
	background:#ecf0f1;
}
.button-group > li.item {
	display:none;
	background:#f3f1ef;
	color:#383e4c;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.button-group > li > span > i {
	float:right;
	font-size:12px;
	line-height:14px;
	display:inline-block;
}
.button-group > li > span {
	display:block;
	cursor:pointer;
	padding:10px 25px;
}
.installation-filters {
	margin:0px 0px 25px 0px;
	vertical-align:top;
}
.installation-filters .filters {
	text-align:right;
	vertical-align:top;
}
.installation-filters .filters input {
	position:relative;
	margin:0px 0px 0px 10px;
	padding:9px 15px 8px 15px;	
	border:1px solid #ddd;
	vertical-align:top;
}
.installation-filters .filters select {
	position:relative;
	margin:0px 0px 0px 10px;
	padding:11px 15px 10px 15px;	
	border:1px solid #ddd;
	vertical-align:top;
	cursor:pointer;
}
.installation-filters .filters span {
	position:relative;
	margin:0px 0px 0px 10px;
	padding:10px 25px 10px 25px;	
	border:1px solid #383e4c;
	vertical-align:top;
	display:inline-block;
	cursor:pointer;
	font-weight:bold;
	background:#383e4c;
	color:#fff;
}
.pagination-outer {
	width:100%;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
}
.default-pagination {
	display:inline-block;
	margin:0px auto;
}
.default-pagination .item.active, .default-pagination .item.active:hover {
	background:#383e4c;
	color:#fff;
}
.default-pagination .item:hover {
	border:1px solid #383e4c;
	color:#383e4c;
}
.default-pagination .item {
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	width:25px;
	line-height:25px;
	border:1px solid #ddd;
	text-align:center;
	text-decoration:none;
	margin:0px 5px;
	color:#aaa;
}
.popup-inputs {
	margin:0px 0px 15px 0px;
}
.popup-inputs > label {
	display:inline-block;
	width:30%;
	margin:0px 25px 0px 0px;
	line-height:31px;
}
.popup-inputs > input[type="text"], .popup-inputs > input[type="number"], .popup-inputs > select {
	flex-grow:1;
	border:1px solid #ddd;
	padding:6px 10px;
	
}
.popup-confirmation {
	margin:15px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	text-align:right;
	border-top:1px solid #ddd;
}
.popup-confirmation > span {
	display:inline-block;
	padding:10px 25px;
	cursor:pointer;
	background:#ddd;
	border:1px solid #ddd;
	color:#a0a0a0;
	font-weight:bold;
}
.popup-confirmation > span:hover {
	background:#383e4c;
	border:1px solid #383e4c;
	color:#fff;	
}


.boss-filters {
	width:100%;
	vertical-align:top;
	position:relative;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
.boss-filters .input-field {
	display:block;
	margin:0px 0px 10px 0px;
	padding:7px 15px 7px 15px;
	border:1px solid #ddd;
	width:100%;	
}
.boss-filters label {
	display:none;
	color:#aaa;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
.boss-filters .input-submit {
	margin:0px 0px 0px 0px;
	padding:9px 15px 8px 15px;
	border:1px solid #ddd;
	font-weight:bold;
	cursor:pointer;
	width:100%;	
	display:block;
}
.boss-row-totals.first-child {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	border-top:0px;
}
.boss-row-totals {
	display:block;
	position:relative;
	padding:25px 0px 0px 0px;
	margin:25px 0px 0px 0px;
	vertical-align:top;
	font-size:16px;
	border-top:1px solid #ddd;
}
.boss-row-total.level-1 {
	padding:0px 0px 0px 20px;
	margin:10px 0px 0px 0px;	
}
.boss-row-total.level-2 {
	padding:0px 0px 0px 38px;
	margin:5px 0px 0px 0px;	
	color:#555;
}
.boss-row-total {
	display:block;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	font-size:14px;
}
.boss-row-totals .fas {
	display:inline-block;
	font-size:12px;
	vertical-align:top;
	line-height:16px;
	padding:0px 8px 0px 0px;
	cursor:pointer;
}
.boss-row-totals .fas.unchecked {
	color:#a0a0a0;
}
.boss-row-total .fas {
	display:inline-block;
	font-size:10px;
	vertical-align:top;
	line-height:11px;
	padding:0px 8px 0px 0px;
	cursor:pointer;	
}
.boss-row-total .fas.unchecked {
	color:#a0a0a0;
}
.boss-wrap .boss-block {
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;	
}
.boss-wrap .boss-block h3 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #ddd;
}
.boss-wrap .boss-block p:last-child {
	border-bottom:0px solid #ddd;
}
.boss-wrap .boss-block p {
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	border-bottom:1px dashed #ddd;	
}
/*
.boss-wrap {
	
}
.boss-wrap .boss-block {
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;	
}
.boss-wrap .boss-block h3 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #ddd;
}
.boss-wrap .boss-block p:last-child {
	border-bottom:0px solid #ddd;
}
.boss-wrap .boss-block p {
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	border-bottom:1px dashed #ddd;	
}
.boss-filters {
	display:flex;
	width:100%;
	vertical-align:top;
	position:relative;
	margin:0px 0px 25px 0px;
	padding:0px 0px 25px 0px;
	border-bottom:1px solid #ddd;
}
.boss-filters > div:first-child {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
.boss-filters > div {
	margin:0px 0px 0px 25px;
	padding:0px 0px 0px 0px;	
}
.boss-filters label {
	display:block;
	color:#aaa;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
.boss-filters .input-field {
	margin:0px 0px 0px 0px;
	padding:7px 15px 7px 15px;
	border:1px solid #ddd;
	display:block;
	width:100%;
}
.boss-filters .input-submit {
	margin:0px 0px 0px 0px;
	padding:9px 15px 8px 15px;
	border:1px solid #ddd;
	font-weight:bold;
	cursor:pointer;
}
*/
.parts-pricelist {
	position:relative;
}
.parts-pricelist .filter {
	vertical-align:top;
	margin:0px 0px 25px 0px;
	padding:0px 0px 25px 0px;
	border-bottom:1px dashed #ddd;
}
.parts-pricelist .filter .filter-selector:last-child {
	border-right:0px solid #ddd;
	padding:0px 0px 0px 0px;
}
.parts-pricelist .filter .filter-selector {
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 25px 0px 0px;
	border-right:1px solid #ddd;
	max-height:300px;
	overflow-y:auto;
}
.parts-pricelist .filter .filter-selector span {
	display:block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 25px 0px 0px;
	cursor:pointer;
	vertical-align:top;
}
.parts-pricelist .filter .filter-selector span > label {
	display:inline-block;
	cursor:pointer;
}
.parts-pricelist .filter .filter-selector span > i.is-checked {
	color:#1e824c;
}
.parts-pricelist .filter .filter-selector span > i {
	font-size:11px;
	line-height:14px;
	vertical-align:top;
	display:inline-block;
	margin:0px 5px 0px 0px;
	color:#aaa;
}
#route-to-department {
	font-size:11px;
	line-height:32px;
	vertical-align:top;
	display:inline-block;
	margin:0px 15px 0px 0px;
	color:#aaa;
	cursor:pointer;
}
#route-to-department.is-checked {
	color:#1e824c;
}
.route-to-department-input {
	width: 250px;
	padding: 7px 10px 7px 10px;
	margin: 0px 20px 0px 0px;
	border: 1px solid #ddd;	
	vertical-align:top;
	display:inline-block;	
}
.employee-listview-edit {
	display:inline-block;
	cursor:pointer;
}
.request-user-form {
	background:#f3f1ef;
	padding:25px;
	margin:25px 0px 0px 0px;
}
.request-user-form h1 {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:20px;
}
.request-user-form .form-outer {
	
}
.request-user-form .form-outer .info {
	margin:0px 0px 0px 25px;
	padding:0px 0px 0px 0px;
	min-width:40%;
}
.request-user-form .form-outer .form {}

.dashboard-block {
	margin:0px 0px 20px 0px;
}
.dashboard-block h3 {
	margin:0px 0px 0px px;
	padding:0px 0px 0px 0px;	
}
.dashboard-block .links {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
}
.dashboard-block .links a {
	margin:0px 15px 0px 15px;
	padding:10px 20px 10px 20px;
	text-decoration:none;
	vertical-align:top;
	display:inline-block;
	flex:0 1 50%;
	border:1px solid #ddd;
	text-align:center;
	background:#f3f1ef;
	color:#383e4c;
}
.dashboard-block .links a:hover {
	background:#383e4c;
	color:#fff;
}
.checkboxradio-outer {
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.checkboxradio-outer .label {
	border:1px solid #ddd;
	display:block;
	padding:10px 15px 10px 15px;
	margin-left:10px;
	cursor:pointer;
}
.checkboxradio-outer .label .label-text {
	display:inline-block;
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.checkboxradio-outer .label .label-data {
	display:inline-block;
	vertical-align:top;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	font-weight:800;
}
.checkboxradio-outer .content.align-center {
	text-align:center;
}
.checkboxradio-outer .content.nowrap {
	white-space:nowrap;
}
.checkboxradio-outer .content.inline-block {
	display:inline-block;
}
.checkboxradio-outer .content {
	display:none;
	position:absolute;
	background:#fff;
	border:1px solid #ddd;
	padding:15px;
	top:50px;
	left:50%;
	transform:translateX(-50%);
}
.checkboxradio-outer:last-child .content {
	right:0;
	left:auto;
	transform: none;
}
.checkboxradio-outer .content .checkboxradio-label:first-child {
	margin:0px 0px 0px 0px !important;
}
.checkboxradio-outer .content .checkboxradio-label.nowrap:first-child {
	margin:0px 0px 0px 0px !important;
}
.checkboxradio-outer .content.nowrap .checkboxradio-label {
	margin:0px 0px 0px 10px !important;
}
.checkboxradio-outer .content .checkboxradio-label {
	margin:10px 0px 0px 0px !important;
	white-space:nowrap;
}
.checkboxradio-outer .content .checkboxradio {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	border:0px !important;
}
.ui-menu .ui-menu-item-wrapper {
    white-space: pre-wrap;
}
.taube-manager {
	position:absolute;
	top:60px;
	left:0px;
	right:0px;
	bottom:0px;
}
.taube-manager .taube-manager-inner {
	height:100%;
	position:relative;
}
.taube-manager .header {
	padding:0px 30px 0px 25px;
	margin-bottom:15px;
}
.taube-manager .menu-outer {
	margin-top:25px;
	margin-bottom:25px;
}
.taube-manager .taube-menu .dot {
	font-size:20px;
	line-height: 15px;
	margin-right: 15px;
	margin-left:15px;
	font-weight: 800;
	vertical-align: top;
	display:inline-block;
	color:#aaa;
}
.taube-manager .taube-menu .menu-tab-item i {
	display:inline-block;
	font-size:12px;
	line-height: 12px;
	margin-right:4px;
	vertical-align: top;
	cursor: pointer;
	color:#aaa;
}
.taube-manager .taube-menu .menu-tab-item label {
	vertical-align: top;
	display:inline-block;
	font-size:14px;
	line-height: 15px;	
	cursor: pointer;
	font-weight: 800;
	color:#aaa;
}
.taube-manager .taube-menu .menu-tab-item {
	cursor: pointer;
	vertical-align: top;
	display:inline-block;
	line-height: 15px;
	position: relative;
}

.taube-manager .taube-top-menu .menu-nav-item.active-item label {
	color: #fff;
	cursor: auto;
}
.taube-manager .taube-top-menu .menu-nav-item.active-item i {
	color:#fff;
	cursor: auto;
}
.taube-manager .taube-menu .menu-tab-item:hover {
	
}

.taube-manager .taube-top-menu {
	background: #383e4c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	font-size:0px;
}
.taube-manager .taube-top-menu .logo {
	margin-left: 20px;
	display:inline-block;
	vertical-align:top;
	width:160px;
	height:40px;
	background:#fff;
	/*670х84*/
}
.taube-manager .taube-top-menu .logo img {
	display:inline-block;
	vertical-align: top;
	width:100%;
	margin-top:12px;
	padding:0px 20px;
}
.taube-manager .taube-top-menu .menu-nav-item {
	display:inline-block;
	vertical-align:top;
	padding:0px 15px;
	border-left: 1px solid #fff;
	cursor: pointer;
	position: relative;
}
.taube-manager .taube-top-menu .menu-nav-item i {
	display:inline-block;
	vertical-align: top;
	line-height: 37px;
	font-size:12px;
	margin-right:4px;
	color:#aaa;
	cursor: pointer;
}
.taube-manager .taube-top-menu .menu-nav-item label {
	display:inline-block;
	vertical-align: top;
	font-weight: 800;
	font-size:14px;
	line-height: 40px;
	color:#aaa;
	cursor: pointer;
}
.taube-manager .taube-top-menu .menu-nav-item:hover i, .taube-manager .taube-top-menu .menu-nav-item:hover label {
	color:#fff;
}
.taube-manager .taube-top-menu .menu-nav-item.active-item:after {
	display:inline-block;
	position: absolute;
	left:50%;
	top:45px;
	transform: translateY(-50%);
	content:'';
	border-bottom:5px solid transparent;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #383e4c;
}
.taube-manager .search-box {
	display:block;
	font-size:0px;
}
.taube-manager .search-box .taube-search {}
.taube-manager .search-box .taube-search .report-selector {
	display:inline-block;
	vertical-align:top;
	font-size:0px;
}
.taube-manager .search-box .taube-search .report-selector .item {
	display:inline-block;
	vertical-align:top;
	font-size:13px;	
}
.taube-manager .search-box .taube-search .report-selector .item:hover {}
.taube-manager .search-box .taube-search input {
	display:inline-block;
	vertical-align: top;
	border:1px solid #ddd;
	padding:8px 15px;
	font-size:13px;
	outline:none;
	width:100%;	
}
.taube-manager .search-box .taube-filter {
	padding-left:10px;
}
.taube-manager .search-box .taube-filter select {
	display:inline-block;
	vertical-align: top;
	border:1px solid #ddd;
	padding:9px 15px 8px 15px;
	font-size:13px;
	outline:none;
	cursor:pointer;
}
.taube-manager .search-box .taube-filter input {
	display:inline-block;
	vertical-align: top;
	border:1px solid #ddd;
	padding:7px 15px;
	font-size:13px;
	outline:none;
	margin-right:10px;
}
.taube-manager .search-box .taube-filter span {
	display: inline-block;
	vertical-align: top;
	font-size:13px;
	line-height: 35px;
	background-color: #383e4c;
	color:#aaa;
	cursor: pointer;
	padding:0px 20px;
	font-weight: 800;
}
.taube-manager .search-box .taube-filter span:hover {
	color:#fff;
}

.taube-manager .body {
	position: relative;
}
.taube-grid {
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: repeat(3,1fr);
	grid-gap:25px;
}
.taube-manager .taube-top-menu .logo b {
	vertical-align: top;
	font-size:12px;
	letter-spacing: 2px;
	position: relative;
	float:right;
	color:#808080;
	font-weight: 800;
	padding-right:17px;
	font-family: 'Noah Head';
}
.taube-manager .taube-top-menu.admin .menu-nav-item label {
	font-family: 'Noah Head';
}
.taube-manager .taube-timeline .item .id:first-child {
	border-left:0px;
}
.taube-manager .taube-timeline .item .id {
	border-left:1px solid #ddd;
}
.taube-manager .search-box .taube-filter span > i {
	display:inline-block;
	font-size:12px;
	line-height: 14px;
	margin-right: 4px;
}
.checkboxradio-label.ui-checkboxradio-checked.ui-state-active {
	background:#383c4e !important;
	color:#ececec !important;
	font-weight: 800 !important;
}
.installation-filters .filters.justify-right {
	justify-content: end;
	margin:0px 0px 20px 0px;
	position: relative;
	z-index: 4;
}
@media only screen and (max-width: 1500px) {
	.taube-grid {
		grid-template-columns: repeat(2,1fr);
	}
	
}
@media only screen and (max-width: 1100px) {
	.taube-grid {
		grid-template-columns: repeat(1,1fr);
	}	
}
.taube-grid .foreman-item {
	border:1px solid red;
}
.taube-grid .item {
	border:1px solid #383e4c;
	background:#f3f1ef;
}
.taube-grid .item .sales-info {
	background-color: #383e4c;
	color: #eee;
	font-weight: 800;
	padding:0px 15px;
	margin:0px;
	line-height: 40px;
}
.taube-grid .item .store-info {
	padding:0px 15px;
	margin:0px;	
	line-height: 40px;
	font-style:italic;
}
.taube-grid .item .service-info {
	padding:10px 10px;
	margin:20px 0px 0px 0px;	
	background: #383e4c;
}
.taube-grid .item .service-info.no-foreman {
	background: #c22525;
}
.taube-grid .item .service-info.no-foreman p {
	color:#fff;
}
.taube-grid .item .service-info p {
	padding:0px;
	margin:0px;	
	line-height:20px;	
	color:#ddd;
	font-weight: 800;
}
.taube-grid .item .client-info.first {
	border-top:1px solid #ddd;
	padding:15px 15px 0px 15px;
}
.taube-grid .item .client-info.last {
	padding:0px 15px 15px 15px;
	border-bottom:1px solid #ddd;
}
.taube-grid .item .client-info {
	padding:0px 15px 0px 15px;
	margin:0px;	
	line-height: 20px;

	font-weight: 800;
}
.taube-grid .item .products {
	padding:10px 15px;
	background-color: #f3f1ef;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
}
.taube-grid .item .products .taube-combi-item {
	border-top:1px dashed #ddd;
}
.taube-grid .item .products .taube-combi-item:first-child {
	border-top:0px;
}
.taube-grid .item .products .icon {
	display:none;
}
.taube-grid .item .products .icon a {
	display:block;
	height:60px;
}
.taube-grid .item .products .icon img {
	height:60px;
}
.taube-grid .item .products .description {padding:12px 10px 8px 0px;}
.taube-grid .item .products .description span {
	display:block;
	line-height: 20px;
	color:#383c4e;
}
.taube-grid .item .products .status {
	position: relative;
}
.taube-grid .item .products .status span {
	display: block;
}
.taube-grid .item .products .status span i {
	display:inline-block;
	cursor: pointer;
	position: relative;
	font-size:15px;
	line-height:20px;
	margin: 20px 0px;
	animation: blink-combi-status 750ms linear infinite;
}
@keyframes blink-combi-status {
	50% { opacity:0.25; }
}
.taube-grid .item .products .comment {
	position: relative;
}
.taube-grid .item .products .comment span {
	display: block;
}
.taube-grid .item .products .comment span i {
	display:inline-block;
	cursor: pointer;
	position: relative;
	font-size:15px;
	line-height:20px;
	margin: 20px 10px 20px 10px;
	color:#808080;
}
.scrolling-log-window {
	display:block;
	padding:25px;
	max-height: 250px;
	overflow-y:auto;
}
.scrolling-log-window-header.first-child {
	padding:20px 25px 10px 25px;
}
.scrolling-log-window-header {
	margin:0px 0px 0px 0px;
	padding:0px 25px 10px 25px;
	font-size:16px;
	line-height: 20px;
}
#CommentBox .log-row {
	background-color: white;
	padding:10px 25px;
	margin:0px 0px 0px 0px;
}
#CommentBox {
	max-height: 230px;
	overflow-y:auto;
}
.taube-foreman-grid {
	display:flex;
	flex-direction:column;
	width:100%;
	
}
.foreman-item {
	border:1px solid #ddd;
	margin-bottom:20px;
	font-size:0px;
}
.taube-foreman-grid > .foreman-item > li {
	vertical-align:top;
	padding:10px 0px;
}
.taube-foreman-grid > .foreman-item > li .doc-number {
	display:inline-block;
	vertical-align:top;
	padding:0px 20px;
	line-height:40px;
	font-size:14px;
	
}
.taube-foreman-grid > .foreman-item > li .product {
	margin:0px;
	padding:0px 20px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.taube-foreman-grid > .foreman-item > li .ProductName {
	display:block;
	padding:0px 0px;
	line-height:20px;
	font-size:14px;
}
.taube-foreman-grid > .foreman-item > li .ProductCode {
	display:block;
	padding:0px 0px;
	line-height:20px;
	font-size:14px;	
	font-weight:800;
}
.taube-foreman-grid > .foreman-item > li .action-button {
	display:inline-block;
	vertical-align:top;	
}
.taube-foreman-grid > .foreman-item > li .action-button > i {
	display:inline-block;
	vertical-align:top;	
	padding:0px 25px;
	font-size:15px;
	line-height:40px;
	cursor:pointer;
}
.input-popup-comment {
	border-top:1px solid #ddd;
	padding:0px 20px 20px 20px;
}
.scrolling-log-window-description {
	padding:0px 25px;
	margin:0px;
}
.taube-assign-buttons {
	display:flex;
	justify-content: right;
	width:100%;
	margin:0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
.taube-assign-buttons > li {
	padding:0px 20px;
}
.taube-assign-buttons > li .assign-button {
	display:inline-block;
	line-height: 45px;
	padding:0px 20px;
	cursor: pointer;
	background: #aaa;
	color:#fff;
}
#selfService.assign-button {
	background: #ccc;
	color:#808080;	
	margin: 0px 20px 10px 0px;
	cursor: pointer;
	line-height: 45px;
	padding:0px 20px;
	display:inline-block;
}
#selfService.assign-button:hover {
	background:#16a085;
	color:#fff;
}
#isReturned.assign-button {
	background: #ccc;
	color: #808080;
	margin: 0px 20px 10px 0px;
	cursor: pointer;
	line-height: 45px;
	padding:0px 20px;
	display:inline-block;
}
#isReturned.assign-button:hover {
	background:#16a085;
	color:#fff;
}
#RejectButton.assign-button {
	background: #ccc;
	color: #808080;
	margin: 0px 20px 10px 0px;
	cursor: pointer;
	line-height: 45px;
	padding:0px 20px;
	display:inline-block;
}
#RejectButton.assign-button:hover {
	background:#16a085;
	color:#fff;
}
#reportProblem.assign-button {
	background: #ccc;
	color: #808080;
	margin: 0px 20px 10px 0px;
	cursor: pointer;
	line-height: 45px;
	padding:0px 20px;
	display:inline-block;
}
#reportProblem.assign-button:hover {
	background:#c22525;
	color:#fff;
}
#AssignButton.assign-button {
	background: #383c4e;
	color: #fff;
	margin: 0px 20px 10px 0px;
	cursor: pointer;
	line-height: 45px;
	padding:0px 20px;
	display:inline-block;
}
#AssignButton.assign-button:hover {
	background:#16a085;
	color:#fff;
}
.modal-autocomplete-result {
	font-weight:bold;
	line-height:50px;
}
.combi-status-color-1 { color:#808080; }
.combi-status-color-2 { color:#e56420; }
.combi-status-color-3 {}
.combi-status-color-4 {}
.combi-status-color-5 {}
.taube-manager .body-scroll {
	position: absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow-y: scroll;
}
.taube-pagination {}
.taube-pagination .totals {
	flex-grow:1;
	font-weight: 800;
	color:#808080;
	line-height: 34px;	
}
.taube-pagination .pagination {}
.taube-pagination .pagination label {
	display:inline-block;
	line-height: 34px;
	margin-right: 4px;
}
.taube-pagination .pagination select {
	border:1px solid #ddd;
	padding:8px 15px;
	cursor: pointer;
}
.taube-manager .taube-timeline {
	margin:25px 0px;
}
.taube-manager .taube-timeline .item {
	display:flex;
	margin:0px 0px 10px 0px;
	padding:10px;
	width:100%;
	border:1px solid #ddd;
}
.taube-manager .taube-timeline .item .s, .taube-manager .taube-timeline .item .t {
	display:block;
}
.taube-manager .taube-timeline .item .id {
	width:150px;
	padding:0px 15px;
	white-space: nowrap;
}
.taube-manager .taube-timeline .item .product {
	flex-grow:1;
	border-left:1px solid #ddd;
	padding:0px 20px;
}
.taube-manager .taube-timeline .item .type {
	text-align: right;
	padding:0px 15px;
}
.taube-manager .taube-content {
	padding:15px 25px 25px 25px;
}
.taube-manager .footer {
	padding:0px 25px;
}
.popup-win-divider {
	display:block;
	height: 25px;
	margin:0px 0px 15px 0px;
	position: relative;
}
.popup-win-divider .line {
	border-bottom:1px solid #ddd;
	position:absolute;
	top:11px;
	left:20px;
	right:20px;
	z-index: 3;
}
.popup-win-divider .text {
	position:absolute;
	top:0px;
	left:50%;
	z-index: 4;
	font-size:12px;
	line-height: 25px;
	font-weight: 800;
	color:#808080;
	transform: translateX(-50%);
	padding:0px 15px;
	background: #f3f1ef;
}


@media only screen and (max-width: 600px) {
	.modal-outer {position:fixed;}
	.dashboard-block .links {
		flex-direction:column;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
	}
	.dashboard-block .links a { flex:0 1 100% !important; margin:0px 15px 20px 15px;}
	body {
		flex-direction:column;
	}
	.ul-flex-row {
		flex-direction: column;
	}
	.player > .ul-flex-row {
		flex-direction: row;
	}
	.body-left {
		min-width: 100%;
		width:100%;
	}
	.body-right {
		flex-grow:1;
		max-height: 100vh;
	}
	.main-menu {
		padding:0px 0px 0px 0px;
	}
	.main-menu > li.items {
		display:none;
		position:fixed;
		top:60px;
		bottom:25px;
		z-index:171;
		width:100%;
		background:#383e4c;
	}
	.menu-footer {
		display:none;
		position:fixed;
		width:100%;
		background:#383e4c;
		bottom:0px;
	}
	.menu-title-toggle {
		display:inline-block !important;
	}
	.user-menu-toggle .user-title {
		display:none;
	}
	.user-menu-items {
		right:-25px;
		text-align:right;
	}
	.listing-item-link > ul {
		display: flex;
		flex-direction:column;
		width:100%;
		vertical-align: top;
		position: relative;
		list-style:none;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.listing-item-link > ul > li {
		display: inline-block;
		vertical-align: top;
		position: relative;
		padding-top:4px;
	}
	.listing-item-link > ul > li.left {
		flex-grow:1;
	}
	.listing-item-link > ul > li.right {
		text-align: left;
		border-top:1px solid #ddd;
	}
	.listing-item-link > ul > li.left > p {
		padding:0px 15px 0px 15px;
		margin:5px 0px 5px 0px;
	}
	.listing-item-link > ul > li.right > p {
		padding:0px 15px 0px 15px;
		margin:5px 0px 5px 0px;
	}
	.touch-scroll {}
	.touch-scroll > .ul-flex-row {
		flex-direction:row !important;
	}
	.helpdesk-buttons {
		position:relative;
		vertical-align:top;
		margin-bottom:25px;
		width:100%;
	}
	.helpdesk-buttons a {
		text-decoration:none;
		display:inline-block;
		vertical-align:top;
		background:#30475e;
		color:#fff;
		border:1px solid #30475e;
		padding:10px 20px;
		margin-right:15px;
		cursor: pointer;
		flex-grow:1;
		text-align:center;
	}
	.helpdesk-buttons a:hover {
		background:#34495e;
		color:#fff;
		border:1px solid #34495e;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}
	.helpdesk-buttons a > i {
		display:block;
		margin:0px auto 15px auto;
		vertical-align:top;
		font-size:26px;
		line-height:26px;
	}
	.request-form .row-input label {
		flex-grow:1;
		color:#555;
		padding:0px 0px 5px 0px;
		line-height:32px;
	}
	.request-form .block-input label {
		color:#555;
		padding:0px 0px 5px 0px;
	}
	.request-form .row-input select {
		width:100%;
		max-width:100%;
		padding:7px 10px 7px 10px;
		margin:0px 0px 0px 0px;
		border:1px solid #ddd;
		cursor:pointer;
	}
	.request-form .block-input textarea {
		padding:7px 10px 7px 10px;
		margin:0px 0px 0px 0px;
		border:1px solid #ddd;
	}
	.request-form .row-input input[type="date"] {
		cursor:pointer;
	}
	.request-form .row-input input[type="text"], .request-form .row-input input[type="number"], .request-form .row-input input[type="date"] {
		width:100%;
		max-width:100%;
		padding:7px 10px 7px 10px;
		margin:0px 0px 0px 0px;
		border:1px solid #ddd;
	}
	.request-form .fieldset {
		padding:10px 20px 10px 20px;
	}
	.request-form .fieldset > li {
		padding:5px 0px 5px 0px;
	}
	.request-form .submit-request {}
	.request-form .submit-request {
		border:0px;
		padding:15px 25px;
		cursor:pointer;
		background:#383e4c;
		color:#fff;
		display:inline-block;
		width:100%;
		margin:0px 0px 20px 0px;
		text-align:center;
	}
	.helpdesk-index .form-create {
		flex:0 1 100%;
	}
	.helpdesk-index .main-diagram {
		padding-left: 0px;
		margin-top:25px;
	}
	.helpdesk-index .main-diagram > div {
		border:1px solid #ddd;
		padding:25px 25px 25px 25px;
	}
	.filters-box .report-filer-ul select, .filters-box .report-filer-ul input {
		width:100%;
		max-width:100%;
		padding:7px 10px 7px 10px;
		margin:0px 0px 0px 0px;
		border:1px solid #ddd;
		cursor:pointer;
	}
	.filters-box .report-filer-ul > li {
		flex-grow: 1;
		padding-left: 0px;
		margin-top:15px;
	}
	.filters-box .report-filer-ul > li:first-child {
		margin-top:0px;
	}
	.ticket-box .info span:first-child {
		margin-bottom:7px;
	}
	.ticket-box .info span {
		display:block;
		float:none !important;
	}
	.responsible-stats > .queue-stats-item {
		flex-direction:row !important;
	}
	.boss-wrap .boss-block p {
		flex-direction:row !important;
	}
}






.printdoc_outer { 
	padding:10px;
	vertical-align:top;
}
.printdoc_outer > h1 { 
	font-size:20px;
}
.printdoc_outer > h1 > span { 
	font-size:9pt;
	float:right;
	color:#a9a9a9;
	font-style:italic;
	line-height:20px;
}
.printdoc_outer > table { 
	border-collapse:collapse;
	background:#fff;
	border:1px solid #a9a9a9;
	padding:0px;
	margin:0px;
	width:100%;
}
.printdoc_outer > table > tbody > tr > td.title_td { 
	font-weight:bold;
}
.printdoc_outer > table > tbody > tr > td { 
	font-size:11pt;
	padding:5px;
	border-collapse:collapse;
	border:1px solid #a9a9a9;	
	vertical-align:top;
}
.printdoc_usernote > p { 
	margin:0px;
	padding:0px;
}
.printdoc_notes { 
	margin:15px 0px;
	padding:15px;
	border:1px dashed #a9a9a9;
	background:#eee;
}
.printdoc_signature { 
	font-size:10pt;
	font-style:italic;
	color:#a9a9a9;
	display:block;
	margin-top:30px;
	padding-top:5px;
	border-top:1px solid #ddd;
	text-align:center;
}
.printdoc_scissors { 
	padding:5px 0px;
	position:relative;
}
.printdoc_scissors > .fa.fa-cut{ 
	display:inline-block;
	float:left;
	font-size:12pt;
}
.printdoc_scissors > .border-cut{ 
	display:block;
	border-bottom:1px dashed #a9a9a9;
	position:relative;
	top:9px;
}
.company-management {
	min-width:1200px;
}
.company-management .person-box {
	position:relative;
	text-align:center;
}
.company-management .person-box > .img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
	border:1px solid #ddd;
	padding:3px;
	display:inline-block;
	margin:0px auto;
}
.company-management .person-box > .img > img {
	display:block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
	width:100%;	
	max-width:80px;
	
}
.company-management .ceo-box {
	display:flex;
	flex-direction:column;
	height:100%;
}
.company-management .ceo-box .branch-line {
	flex-grow:1;
	border-right:1px solid #ddd;
	width:42px;
}
.company-management .person-box > .title {
	font-weight:800;
	padding:10px 0px 7px 0px;
}
.company-management .person-box > .position {
	color:#a9a9a9;
	padding:0px 0px 10px 0px;
}
.company-management .person-box > .position.with-border {
	border-bottom:0px solid #ddd;
}
.company-management .person-box > .hidden-info { display:none; }
.company-management .person-lineup > .lines-t {
	height:80px;
	vertical-align:top;
}
.company-management .person-lineup > .lines-t > .h {
	display:inline-block;
	width:100%;
	border-bottom:1px solid #ddd;
	position:relative;
	padding-top:35px;
	vertical-align:top;
}
.company-management .person-lineup > .lines-t > .v {
	display:block;
	width:50%;
	border-right:1px solid #ddd;
	height:45px;
	vertical-align:top;
}
.company-management .person-lineup > .lines-cr > .h {
	display:inline-block;
	width:50%;
	border-bottom:1px solid #ddd;
	position:relative;
	padding-top:35px;
	vertical-align:top;
}
.company-management .person-lineup > .lines-cr > .v {
	display:block;
	width:50%;
	border-right:1px solid #ddd;
	height:45px;
	vertical-align:top;
}
.company-management .person-lineup > li {
	flex:1 1 0px;
}
.company-management .person-lineup > .lines-x {
	vertical-align:top;
}
.company-management .person-lineup > .lines-crx > .v {
	display:inline-block;
	width:50%;
	border-right:1px solid #ddd;
	padding:25px 0px;
	vertical-align:top;	
}
.company-management .person-lineup > .lines-clx > .v {
	display:inline-block;
	width:50%;
	border-right:1px solid #ddd;
	padding:25px 0px;
	vertical-align:top;	
}
.company-management .person-lineup > .lines-x > .v {
	display:inline-block;
	width:50%;
	border-right:1px solid #ddd;
	padding:25px 0px;
	vertical-align:top;
}
.company-management .person-lineup > .lines-x > .h {
	display:block;
	width:100%;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}
.company-management .person-lineup > .lines-crx > .h {
	display:block;
	width:50%;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}
.company-management .person-lineup > .lines-clx > .h {
	display:block;
	width:50%;
	margin-left:50%;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}
.company-management .person-lineup > li {
		
}
.company-management .person-lineup .department-box-outer {
	padding:0px 10px 0px 10px;
	
}
.company-management .person-lineup .department-box-outer .department-separator {
	display:block;
	padding:15px 0px;
	border-right:1px solid #ddd;
	width:50%;
	
}
.company-management .person-lineup .department-box {
	border:1px solid #ddd;
	padding:5px 10px 5px 10px;
	background:#f3f1ef;
}
.company-management .person-lineup  .department-box > .img {
	width:50px;
}
.company-management .person-lineup  .department-box > .img > img {
	display:block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;		
	max-width:40px;
	width:100%;
	
}
.company-management .person-lineup  .department-box > .info {
	flex-grow:1;
	text-align:right;
}
.company-management .person-lineup  .department-box > .info > .title {
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	font-weight:bold;
}
.company-management .person-lineup  .department-box > .info > .manager {
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;	
	color:#a9a9a9;
}
.company-branches {}
.company-branches .branches-box {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:10px 0px 0px 25px;
}
.company-branches .branches-outer {
	flex-wrap:wrap;
}
.company-branches .branches-outer > li {
	flex: 0 1 20%;
}
.company-branches .branches-outer .branch-box {
	padding:7px 10px 7px 10px;
	margin:0px 10px 25px 10px;
	background:#f3f1ef;
	border:1px solid #ddd;
	text-align:center;
}
.company-branches .branches-outer .branch-box > h3 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.company-branches .branches-outer .branch-box > p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
}
.report-print-outer {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:15px;
	background:#fff;
	z-index:999;
	
}
.asan-form {}
.asan-form .left {}
.asan-form .right {}
.asan-form .right .information {
	margin-left:25px;
}
.asan-form .right .information > h3 {
	padding:0px 0px 8px 0px;
	margin:0px;
}
.asan-form .right .information > p {
	padding:7px 0px 0px 0px;
	margin:0px;
}
.uppercase-input {
	text-transform:uppercase;
}
.sidebox-searchbar {
		width:100%;

	padding:7px 10px 7px 10px;
	margin:0px 20px 0px 0px;
	border:1px solid #ddd;
}
.crypt-dashboard {}
.crypt-dashboard .crypt-avg {
	flex-wrap:wrap;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.crypt-dashboard .crypt-avg > li {
	flex:0 1 50%;
	
}
.crypt-dashboard .crypt-avg > li:nth-child(2n-1) .item {
	margin:0px 10px 20px 0px;	
}
.crypt-dashboard .crypt-avg > li:nth-child(2n) .item {
	margin:0px 0px 20px 10px;
		
}
.crypt-dashboard .crypt-avg .item {
	display:block;
	vertical-align:top;
	background:#f3f1ef;
	padding:25px 25px 25px 25px;
}
.crypt-dashboard .crypt-avg .item .heading {
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;	
	vertical-align:top;
}
.crypt-dashboard .crypt-avg .item .heading > span {
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	vertical-align:top;	
}
.crypt-dashboard .crypt-avg .item .heading > span > label {
	display:inline-block;
	margin:0px 0px 0px 7px;
	padding:5px 0px 0px 0px;	
	vertical-align:top;
	font-size:18px;	
	line-height:18px;
font-weight:bold;	
	color:#383e4c;
}
.crypt-dashboard .crypt-avg .item .heading > span > img {
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	vertical-align:top;
	width:24px;
	height:24px;
}
.crypt-dashboard .crypt-avg .item .heading > b > i {
	display:inline-block;
	margin:0px 7px 0px 0px;
	padding:0px 0px 0px 0px;	
	vertical-align:top;	
	font-size:16px;
	line-height:18px;	
}
.crypt-dashboard .crypt-avg .item .heading > b {
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;	
	vertical-align:top;
	float:right;
	font-size:22px;
	line-height:22px;
	color:#383e4c;
}

.crypt-dashboard .crypt-avg .item .heading > p {
	display:block;
	margin:15px 0px 0px 0px;
	padding:15px 0px 0px 0px;	
	vertical-align:top;
	border-top:1px solid #ddd;
	color:#aaa;
	font-weight:bold;
	font-style:italic;
}
.crypt-dashboard .crypt-avg .item .info-row {
	display:flex;
	width:100%;
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
.crypt-dashboard .crypt-avg .item .info-row > label {
	flex-grow:1;
	color:#555;
}
.crypt-dashboard .crypt-avg .item .info-row > b {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;	
}
.crypt-dashboard .crypt-avg .item .info-row {}
/*

.crypt-dashboard .crypt-avg .item > p {
	display:flex;
	width:100%;
	margin:0px 0px 5px 0px;
	padding:5px 0px 0px 0px;
}
.crypt-dashboard .crypt-avg .item > p > b {
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	flex-grow:1;
	text-align:right;
}
.crypt-dashboard .crypt-avg .item > p > span {
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
*/



.crypt-dashboard .row-filter-criteria {
	display:block;
	position:absolute;
	right:0px;
	padding:10px 15px;
	background:#f3f1ef;
	display:none;
}
.crypt-dashboard .row-filter-criteria p {
	display:flex;
	width:100%;
	padding:5px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	vertical-align:top;
}
.crypt-dashboard .row-filter-criteria p > input {
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 25px;	
}
.crypt-dashboard .row-filter-criteria p > label {
	flex-grow:1;
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
}
.crypt-dashboard .body {
	padding:0px 25px 0px 0px;
}
.crypt-dashboard .right-column-heading {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:18px;
}
.crypt-dashboard .right-column .right-column-form .form-item label { display:none;}
.crypt-dashboard .right-column .right-column-form .form-item select {
	border:0px;
	padding:7px 15px;
	margin-right:15px;
}
.crypt-dashboard .right-column .right-column-form .form-item input.has-error {
	border:1px solid red;
}
.crypt-dashboard .right-column .right-column-form .form-item input {
	border:1px solid white;
	padding:7px 15px;
	flex-grow:1;
	text-transform:uppercase;
}
.right-error.hidden { display:none; }
.right-success {
	background:#049372;
	padding:15px;
	margin-top:15px;
	color:#fff;
	font-size:13px;

}
.right-error {
	padding:15px;
	margin-top:15px;
	background:#c11b17;
	color:#fff;
	font-size:13px;
}
.crypt-dashboard .right-column .right-column-form .form-item {
	padding:7px 0px 0px 0px;
	margin:7px 0px 0px 0px;	
	display:flex;
}
.crypt-dashboard .right-column .right-column-form {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
}
.crypt-dashboard .right-column {
	min-width:20%;
}
.crypt-dashboard .quick-menu {
	background:#f3f1ef;
	padding:25px;
		
}
.crypt-dashboard .quick-menu .box:first-child {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-top:0px solid #aaa;	
}
.crypt-dashboard .quick-menu .box .block-input-number {
	padding:4px 0px 4px 10px;
	cursor:pointer;
	width:100%;
	display:block;
	margin-top:7px;
	border:1px solid #ddd;	
}
.crypt-dashboard .quick-menu .box .block-action-button:hover {
	background:#ec6a33;
	border:1px solid #ec6a33;	
}
.crypt-dashboard .quick-menu .box .block-action-button {
	padding:7px 10px;
	cursor:pointer;
	width:100%;
	display:block;
	margin-top:15px;
	border:1px solid #383e4c;	
	background:#383e4c;
	color:#fff;
	text-align:center;
}
.crypt-dashboard .quick-menu .box .block-select {
	padding:4px 10px;
	cursor:pointer;
	width:100%;
	display:block;
	margin-top:7px;
	border:1px solid #ddd;
}
.crypt-dashboard .quick-menu .box {
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border-top:1px solid #ccc;	
}
.crypt-dashboard .quick-menu .box .title {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#808080;
}
.crypt-dashboard .quick-menu .box .inside-openmodal-link {
	display:block;
	margin-bottom:7px;
}
.crypt-dashboard .quick-menu .box .inside-openmodal-link i {
	font-size:12px;
	line-height:14px;
	margin-right:5px;
	display:inline-block;
}

.listing-table {
	border:1px solid #ddd;
	border-collapse:collapse;
	width:100%;
}
.listing-table .employee-item:hover td, .listing-table .employee-item:hover td.fin-input .hr-input-user-fin  {
	background:#eee;
}
.listing-table td {
	border:1px solid #ddd;
	border-collapse:collapse;
	padding:3px 5px;
}
.listing-table th {
	border:1px solid #ddd;
	border-collapse:collapse;	
	padding:3px 5px;
	text-align:left;
	background:#f3f1ef;
}
.hr-employee-list > .listing-table#fixed-header {
    position: fixed;
    top: 137px; 
	display:none;
}
.listing-table td.fin-input {
	position:relative;
	vertical-align:top;
	width:150px;
}
.listing-table .span-submit {
	position:relative;
	vertical-align:top;
	text-align:center;
	width:50px;
}
.listing-table .span-submit .hr-employee-list-submit {
	display:inline-block;
	cursor:pointer;
	color:#a0a0a0;
}
.listing-table .span-submit .hr-employee-list-submit:hover {
	color:#383e4c;
}
.listing-table td.fin-input .hr-input-user-fin {
	border:0px;
	width:100%;
	text-transform:uppercase;
}
.hr-employee-filter {
	padding:0px 0px 0px 0px;
	margin:10px 0px 25px 0px;
}
.hr-employee-filter > li:last-child {
	margin:0px 0px 0px 20px;
}
.hr-employee-filter > li.reset-cursor {
	cursor:auto;
}
.hr-employee-filter > li {
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;	
	cursor:pointer;
}
.hr-employee-filter > li > i {
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 0px;	
	display:inline-block;
	font-size:10px;
	line-height:13px;
	vertical-align:top;
}
.hr-employee-filter > li > i.active {
	color:#049372;
}
.hr-employee-filter > li > i.inactive {
	color:#a9a9a9;
}
.hr-employee-scroll {
	height:100%;
}
.hr-employee-scroll > li {
	position:relative;
}
.hr-employee-list {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	overflow-y:auto;
}
.filter-by-fin {
	padding:4px 10px;
	border:1px solid #ddd;
	
}
.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;
}
.hr-confirmation, .egov-confirmation {
	cursor:pointer;
}
.product-item-selector {
	display:block;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	cursor:pointer;
}
.product-item-selector.select-active > span, .product-item-selector.select-active:hover > span {
	color:#049372;
}
.product-item-selector:hover > span {
	color:#222;
}
.product-item-selector > span {
	display:inline-block;
	font-size:10px;
	margin-right:7px;
	vertical-align:top;
	line-height:14px;
	color:#a0a0a0;
	cursor:pointer;
}
.product-item-selector > label {
	display:inline-block;
	vertical-align:top;
	line-height:14px;
	cursor:pointer;
}
.radio-box {
	font-size:0px;
}
.radio-box .song-title {
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 20px;
	background:#f3f1ef;
	border-bottom:1px solid #fff;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}
.radio-box .demo-radio { width:100%; outline:none; }
.radio-box .demo-radio::-webkit-media-controls-enclosure {
    background-color: #f3f1ef;
	border-radius:0px !important;
	color:#383e4c;
}
.demo-radio::-webkit-media-controls-current-time-display {
	font-family:'Nunito';
	color:#808080;
	font-weight:bold;
}
.demo-radio::-webkit-media-controls-time-remaining-display {
	font-family:'Nunito';
	font-weight:bold;
}
.demo-radio::-webkit-media-controls-panel {}
.demo-radio::-webkit-media-controls-mute-button {}
.demo-radio::-webkit-media-controls-play-button {}
.demo-radio::-webkit-media-controls-timeline-container {}
.demo-radio::-webkit-media-controls-timeline {}
.demo-radio::-webkit-media-controls-volume-slider-container {}
.demo-radio::-webkit-media-controls-volume-slider {}
.demo-radio::-webkit-media-controls-seek-back-button {}
.demo-radio::-webkit-media-controls-seek-forward-button {}
.demo-radio::-webkit-media-controls-fullscreen-button {}
.demo-radio::-webkit-media-controls-rewind-button {}
.demo-radio::-webkit-media-controls-return-to-realtime-button {}
.demo-radio::-webkit-media-controls-toggle-closed-captions-button {}
.radio-box .track-list {
	border:1px solid #f3f1ef;
}
.radio-box .track-list .song {
	margin:0px 0px 0px 0px;
	padding:7px 20px 7px 20px;
	font-size:14px;
	border-top:1px solid #f3f1ef;
	cursor:pointer;
}
.radio-box .track-list .song:hover {
	border-top:1px solid #fff;
	background:#f3f1ef;	
}
.radio-box .track-list .song.currently-playing {
	border-top:1px solid #fff;
	background:#f3f1ef;
	font-weight:bold;
	padding:7px 20px 7px 30px;
}
.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;
	position:relative;
}
.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;
}
.flex-table .flex-table-checkbox {
	display:inline-block;
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	cursor:pointer;
}
.flex-table .flex-table-input.to-uppercase {
	text-transform:uppercase;
}
.flex-table .flex-table-input {
	width:100%;
	border:0px;
	margin-right:7px;
	background:#f3f1ef;
	padding:3px 5px 3px 5px;
}
.flex-table td.is-input {
	padding:4px 4px 0px 4px;	

}
.index-grid {
	display:grid;
	width:100%;
	list-style:none;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:50px 0px 50px 0px;
	vertical-align:top;	
	row-gap:5px;
	column-gap:5px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	justify-items: stretch;	
}
.index-grid .grid-item:hover {
	background:#f3f1ef;
	border:1px solid #f3f1ef;
}
.index-grid .grid-item {
	padding:25px 25px;
	cursor:pointer;
	border:1px solid #ddd;
	vertical-align:top;
	position:relative;
}
.index-grid .grid-item-heading {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;	
}
.index-grid .grid-item-text {
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;	
	border-bottom:1px dashed #ddd;
}
.index-grid .grid-item-text:last-child {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	border-bottom:0px dashed #ddd;
}





























.online-radio {
	width:100%;
	height:100%;
	overflow:hidden;
	vertical-align:top;
}
.online-radio .box {
	display:flex;
	flex-direction:column;
	height:100%;
	max-width:600px;
	margin:0px auto;
}
.online-radio .box .gfx-equalizers {
	background:#f3f1ef;
	height:180px;
}
.online-radio .box .radio-controls {
	text-align:center;
	padding:0px 50px;
}
.online-radio .box .radio-controls .play-pause {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#f3f1ef;
	width:80px;
	height:80px;
	text-align:center;
	cursor:pointer;
	line-height:80px;
	margin:25px auto;
	color:#a0a0a0;
	position:relative;
	z-index:2;
}
.online-radio .box .radio-controls .play-pause.play:before {
	content:"\25B6";
	font-size:50px;
}
.online-radio .box .radio-controls .play-pause.pause:before {
	content:"\23F8";
	font-size:39px;
}
.online-radio .box .radio-controls .track-info {
	flex-grow:1;
	margin:25px 0px;
	font-size:0px;
}
.online-radio .box .radio-controls .track-info > p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.online-radio .box .radio-controls .track-info > p.now-playing {
	font-weight:800;
	font-size:14px;	
	line-height:14px;
	padding:11px 0px 10px 0px;
}
.online-radio .box .radio-controls .track-info > p.track-position {
	font-weight:800;
	font-size:14px;
	line-height:14px;
	padding:10px 0px 0px 0px;
}
.online-radio .box .radio-controls .track-info > progress {
	-webkit-appearance: none;
	appearance: none;	
	width:100%;
	height:10px; 
	position:relative;
}
.online-radio .box .radio-controls .track-info > progress::-webkit-progress-bar {
	background-color:#f3f1ef;
	border-radius: 0px;		
}
.online-radio .box .radio-controls .track-info > progress::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg,
	                           transparent 33%, rgba(0, 0, 0, .1) 33%,
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top,
	                           rgba(255, 255, 255, .25),
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, #a0a0a0, #a0a0a0);

    border-radius: 5px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}
.online-radio .box .radio-playlist {
	flex-grow:1;
	position:relative;
}
.online-radio .box .radio-playlist .box-outer {
	position:absolute;
	width:100%;
	height:100%;
	overflow-y:auto;
}
.online-radio .box .radio-playlist .box-outer .song {
	line-height:25px;
	padding:0px 10px 0px 10px;
}

.song.currently-playing {
	background:#f3f1ef;
	font-weight:bold;
	padding:0px 10px 0px 10px;
}




.radio-box-outer {
	min-width:250px;
	max-width:500px;
	margin:25px auto 25px auto;
	position:relative;
}
.player-window-overlay {
	position:absolute;
	opacity:0;
	background:#383e4c;
	color:#fff;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:7;
	display:table;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:100%;
}
.player-window-overlay .content {
	display:table-cell;
	vertical-align:middle;
	text-align:center;	
}
.radio-box-outer .equalizer {
	position: relative;
	margin:0 auto 50px auto;
	height:150px;
	width:100%;
	text-align:center;
}
.radio-box-outer .equalizer .equalizer_bar .equalizer_bar_component:first-child {

}
.radio-box-outer .equalizer .equalizer_bar:last-child .equalizer_bar_component:first-child {
		
}
.radio-box-outer .equalizer .equalizer_bar {
	float: left;
}
.radio-box-outer .equalizer .equalizer_bar .equalizer_bar_component {
	float: left;
	width: 100%;
	-o-transition:all 50ms linear; 
	-ms-transition:all 50ms linear; 
	-moz-transition:all 50ms linear; 
	-webkit-transition:all 50ms linear; 
	transition:all 50ms linear;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	border:1px solid #f3f1ef;
}
.radio-box-outer .gfx-equalizer {
	height:150px;
	background:#f3f1ef;
	border:1px solid #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display:none;
}
.radio-box-outer .gfx-equalizer .bars {
	list-style:none;
	display:grid;
	width:100%;
	height:100%;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	column-gap:1px;
	justify-items:end;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.radio-box-outer .gfx-equalizer .bars > li {
	display:inline-block;
	height:100%;
	vertical-align:bottom;
	position:relative;
	width:100%;
}
.radio-box-outer .gfx-equalizer .bars > li:first-child > span {
	-webkit-border-bottom-left-radius: 10px;
	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;	
}
.radio-box-outer .gfx-equalizer .bars > li:last-child > span {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;

	border-bottom-right-radius: 10px;	
}
.radio-box-outer .gfx-equalizer .bars > li > span {
	display:inline-block;
	position:absolute;
	height:0%;
	width:100%;
	vertical-align:bottom;
	background:#a0a0a0;
	bottom:0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
.radio-box-outer .player {
	color:#383e4c;
	text-align:center;
	margin-top:35px;
}
.radio-box-outer .player .play-pause {
	text-align:center;
	font-size:35px;
	margin:20px auto 0px auto;
	cursor:pointer;
	display:inline-block;
	
}
.radio-box-outer .player .play-progress {
	font-size:0px;
	flex-grow:1;
	padding:0px 0px;
	max-width:100%;
}
.radio-box-outer .player .play-progress > p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.radio-box-outer .player .play-progress > p.now-playing {
		display:block;
		white-space:nowrap;
		overflow:hidden;
}
.radio-box-outer .player .play-progress > p.now-playing #SongTitle {
	font-weight:800;
	font-size:18px;	
	line-height:18px;
	padding:10px 0px 10px 0px;
	position:relative;
	text-transform:uppercase;	
}
.radio-box-outer .player .play-progress > p.now-playing #AlbumTitle {
	color:#a0a0a0;
	text-transform:uppercase;
	font-size:12px;	
	line-height:12px;
	padding:0px 0px 25px 0px;	
}
.radio-box-outer .player .play-progress > p.now-playing > span {
	position:relative;
	font-family:'Noah Text';
	display:block;
}
.radio-box-outer .player .play-progress> p.track-position {
	color:#a0a0a0;
	font-size:14px;
	line-height:14px;
	padding:25px 0px 10px 0px;
	font-family:'Noah Text';
}
.radio-box-outer .player .play-progress> p.track-position .left {
	text-align:left;
	display:inline-block;
	width:50%;
}
.radio-box-outer .player .play-progress> p.track-position .right {
	text-align:right;
	display:inline-block;
	width:50%;	
}
.radio-box-outer .player .play-progress > progress {
	-webkit-appearance: none;
	appearance: none;	
	width:100%;
	height:10px; 
	position:relative;
}
.radio-box-outer .player .play-progress > progress::-webkit-progress-bar {
	background-color:#f3f1ef;
	border-radius: 5px;		
}
.radio-box-outer .player .play-progress > progress::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg,
	                           transparent 33%, rgba(0, 0, 0, .1) 33%,
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top,
	                           rgba(255, 255, 255, .25),
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, #ff902c, #ff902c);

    border-radius: 5px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}
.radio-setup {
	margin:15px 0px 0px 0px;
}
.radio-setup .left {
	min-width:175px;
	margin:0px 25px 0px 0px;
	padding:0px 0px 0px 0px;
}
.radio-setup .right {
	margin:0px 0px 0px 25px;
	padding:0px 0px 0px 25px;
	border-left:1px solid #ddd;
}
.radio-setup .left .nav-menu-item {
	display:block;
	margin:0px 0px 15px 0px;
	cursor:pointer;
}
.radio-setup .left .nav-menu-item:hover {
	color:#ff902c;
}
.radio-setup .left .nav-menu-item.active-item, .radio-setup .left .nav-menu-item.active-item:hover {
	color:#ff902c;
	font-weight:bold;
}
.radio-setup-buttons {
	margin:0px 0px 25px 0px;
	display:flex;
}
.radio-setup-buttons .button {
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    background: #30475e;
    color: #fff;
    border: 1px solid #30475e;
    padding: 10px 20px;    
	margin-right: 15px;
    cursor: pointer;	
}
.radio-setup-buttons .select {
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    background: #f3f1ef;
    color: #383e4c;
    border: 1px solid #ddd;
    padding: 10px 20px;    
	margin-right: 15px;
    cursor: pointer;
	min-width:250px;	
}
.upload-window {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	padding:25px;
	overflow-y:auto;
}
.upload-window .upload-grid {
	display:grid;
	width:100%;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	column-gap:25px;
	row-gap:25px;
	justify-items:start;
	grid-template-columns:1fr 1fr 1fr;	
}
.music-ready-for-upload {
	display:flex;
	vertical-align:top;
	overflow:hidden;
	width:100%;
}
.music-ready-for-upload .fas {
	display:inline-block;
	vertical-align:top;
	font-size:25px;
	line-height:33px;
	margin-right:15px;
}
.music-ready-for-upload .file-info {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	flex-grow:1;
}
.music-ready-for-upload .file-info .filename {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	white-space:nowrap;
}
.music-ready-for-upload .file-info .file-upload-progress {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	width:100%;
}
.equalizer-bar {
  transition: transform 150ms linear;
  display: inline-block;
  background: linear-gradient(to bottom, #fff, #383e4c, #fff);
  width: 3px;
  height: 150px;
  border-radius: 4px;
  margin: 0 1px;
  transform: scaleY(0.1);
  transform-origin: center center;
}














.radio-container {}
.radio-container .index-grid {}
.radio-container .index-grid .item:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.7);
	-moz-box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.7);
	box-shadow: 0px 0px 10px 0px rgba(121,121,121,0.7);	
}
.radio-container .index-grid .item > * {
	cursor:pointer;
}
.radio-container .index-grid .item.playing {
	background:#f3f1ef;
}
.radio-container .index-grid .item {
	border:1px solid #ddd;
	padding:25px;
	cursor:pointer;
}
.radio-container .index-grid .item .fas {
	display:block;
	text-align:center;
	font-size:50px;
	color:#a0a0a0;
	margin-bottom:10px;
}
.radio-container .index-grid .item .info {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.radio-container .index-grid .item .info > span {
	display:block;
	width:100%;
	padding-top:5px;
	margin-top:5px;
	border-top:1px solid #ddd;
}
.radio-container .index-grid .item .info .title, .radio-container .index-grid .item .info .uid {
	text-align:center;
	
}
.radio-container .index-grid .item .info .dt {
	display:flex !important;
	width:100%;
}
.radio-container .index-grid .item .info .dt label {
	display:inline-block;
	flex-grow:1;
}
.radio-container .index-grid .item .info .dt b {
	display:inline-block;
}
.radio-container .index-grid .item .info .delete {
	text-align:right;
	padding-top:10px;
}
.radio-container .index-grid .item .info .delete span {
	background:#c11b17;
	color:#fff;
	font-weight:bold;
	padding:4px 10px;
	cursor:pointer;
	display:inline-block;
}
#startFileUpload {


	text-align:center;
}
.courtitem-body {
	padding:25px;
	margin:10px;
	border:1px solid #ddd;
	width:100%;
}
.courtitem-body .heading {
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #ddd;
	font-size:20px;
}
.courtitem-content {
	vertical-align:top;
	display:flex;
	flex-wrap:wrap;
}
.courtitem-content .info:nth-child(2n-1) {
	padding:0px 15px 15px 0px;
}
.courtitem-content .info:nth-child(2n) {
	padding:0px 0px 15px 15px;
}
.courtitem-content .info {
	vertical-align:top;
	margin:0px 0px 0px 0px;	
	display:inline-block;
	flex:0 1 50%;
	font-size:0px;
}
.courtitem-content .info span {
	display:block;
	vertical-align:top;
	font-size:11pt;
	font-weight:800;
}
.courtitem-content .info label {
	display:block;
	vertical-align:top;
	border-top:1px dashed #ddd;
	font-size:10pt;
	color:#a0a0a0;
	font-style:italic;
}
.courtitem-comments {
	position:relative;
	margin-top:25px;
	border-top:1px solid #ddd;
	padding-top:25px;
}
.courtitem-comments .comment:first-child {
	padding:0px 0px 0px 0px;
}
.courtitem-comments .comment {
	padding:10px 0px 0px 0px;		
	margin:0px 0px 0px 0px;
	display:flex;
	width:100%;
	vertical-align:top;
}
.courtitem-comments .comment label {
	display:inline-block;
	vertical-align:top;
	flex:0 1 15%;
	font-weight:800;
	color:#808080;
	white-space:nowrap;
	
}
.courtitem-comments .comment span {
	display:inline-block;
	vertical-align:top;
	flex-grow:1;
	text-align:left;
	margin-left:25px;
}
.courtitem-comments .add-comment-button {
	display:none;
	opacity:0;
	position:absolute;
	top:15px;
	right:25px;
	cursor:pointer;
	padding:10px;
	border:1px solid #ddd;
}
.courtitem-comments:hover  .add-comment-button {
	display:inline-block;
	opacity:1;
}
.boss-wrap .boss-block p.boss-capital-details {
	padding:5px 0px 5px 15px;
	color:#171717;
	font-size:12px;
	line-height:14px;
	border:0px;
}
.satisfaction-stars {
	display: block;
	text-align: center;
}
.satisfaction-stars > i {
	display:inline-block;
	line-height: 14px;
	font-size:11px;
	margin:0px 2px;
}
.satisfaction-stars.star-5 > i { color:#19ab2c; }
.satisfaction-stars.star-4 > i { color:#99e930; }
.satisfaction-stars.star-3 > i { color:#f4de30; }
.satisfaction-stars.star-2 > i { color:#fe612c; }
.satisfaction-stars.star-1 > i { color:#f41528; }
.text-no-wrap {
	white-space: nowrap;
}
.ps-25 {
	padding-left:25px;
}
.clerk-container {
	display:flex;
	width:100%;
	vertical-align: top;
	margin:0px;
	padding:0px;
}
.clerk-container .left {
	flex-grow:1;
	padding-right:25px;
}
.clerk-container .right {
	min-width: 350px;
	max-width: 25%;
}
.clerk-container .box-sticky {
	position:sticky;
	top:0px;
}
.clerk-container .box-sticky .sticky-content {
	background-color: #f3f1ef;
	padding:25px;
	position: relative;
}
.clerk-container .box-sticky .sticky-content h3 {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
.clerk-container .box-sticky .sticky-content .toggle {
	background-color: #013243;
	color:#fff;
	display: block;
	font-size:0;
}
.clerk-container .box-sticky .sticky-content .toggle span {
	display: inline-block;
	width:50%;
	text-align: center;
	font-size:12px;
	line-height: 14px;
	padding:15px;
	cursor: pointer;
	border-top: 1px solid #013243;
	border-bottom: 1px solid #013243;
	border-right: 1px solid #013243;
	
}
.clerk-container .box-sticky .sticky-content .toggle span label {
	display: inline-block;
	font-weight: bold;
	margin-left:5px;
	cursor: pointer;
}
.clerk-container .box-sticky .sticky-content .toggle span:last-child {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.clerk-container .box-sticky .sticky-content .toggle span:first-child {
	border-right: 1px solid #f3f1ef;
	border-left: 1px solid #013243;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;	
}
.clerk-container .box-sticky .sticky-content .toggle span:hover {
	background-color: #f3f1ef;
	color:#013243;	
}
.clerk-container .box-sticky .sticky-content .toggle span.active {
	background-color: #ddd;
	color:#013243;	
	border:1px solid #ddd;
}
.clerk-container .box-sticky .sticky-content .form-input {
	display:block;
	margin-top: 10px;
}
.clerk-container .box-sticky .sticky-content .form-input .field {
	display:block;
	width:100%;
	padding:7px 10px;
	border:1px solid #ddd;
}
.clerk-container .box-sticky .sticky-content .form-input .input-checkbox {
	display:inline-block;
	vertical-align: top;
	margin:0px;
	padding:0px;	
}
.clerk-container .box-sticky .sticky-content .form-input label {
	margin-bottom: 7px;
	display:block;
	color:#505050;
}
.fileinfo {
	display:inline-block;
	vertical-align: top;
	margin:0px;
	padding:0px;
}
.clerk-container .box-sticky .sticky-content .form-input .form-submit {
	padding:10px 15px;
	font-size:12px;
	line-height: 14px;
	background-color: #383e4c;
	color:#fff;
	cursor: pointer;
}
.clerk-container .box-sticky .sticky-content .form-input .form-submit:hover {
	background-color: #ec6602;
}
.clerk-upload-progress {
	display:block;
	position:absolute;
	z-index: 4;
	background-color: #ddd;
}

.clerk-upload-progress .load {
	display: inline-block;
	position:relative;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.clerk-upload-progress .load label {
	display:block;
	margin-top:15px;
	text-align: center;
}
.clerk-container .filters {
	margin-bottom: 15px;
}
.clerk-container .filters .filter-input {
	display:inline-block;
	padding:7px 15px;
	border:1px solid #ddd;
	margin-right: 10px;
}
.clerk-container .filters .filter-toggle {
	cursor: pointer;
	display:inline-block;
	padding:0px 10px;
	background-color: #f3f1ef;
	margin-right: 15px;
}
.clerk-container .filters .filter-toggle i {
	display:inline-block;
	line-height: 32px;
}
.clerk-container .filters .filter-submit {
	cursor: pointer;
	display:inline-block;
	padding:0px 10px;
	background-color: #f3f1ef;
	margin-left: 15px;
}
.clerk-container .filters .filter-submit i {
	display:inline-block;
	line-height: 32px;
}
.clerk-container .filters .more-filters {
	margin-top: 15px;
	padding-top: 15px;
	border-top:1px solid #ddd;
}
.tr-region-delivery td {
	background-color: #ecf0f1;
}


/*
.loader .spinner {
	background-image:url('/css/loader.gif');
	background-repeat:no-repeat;
	background-position:center center;
	height:150px;
	width:150px;
	position:relative;
	z-index:12;
	margin:0px auto;
}
.loader .progress-percent {
	position:absolute;
	z-index:13;
	font-weight:800;
	display:block;
	text-align:center;
	margin:0px auto;
	left:0;
	right:0;
	font-size:20px;
	top:63px;
	color:var(--khaki);
}
.loader .progress-status {
	font-weight:bold;
	color:var(--khaki);
	font-size:14px;
}
.loader .progress-bar {
margin:25px 0px;
}
.loader .progress-bar progress {
	display:block;
	-webkit-appearance: none;
	appearance: none;
	width:100%;
	height:10px;
	min-width:300px;

}
.loader .progress-bar progress::-webkit-progress-bar {
	background-color:var(--beige);
	border-radius: 4px;
}
.loader .progress-bar progress::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg,
	                           transparent 33%, rgba(0, 0, 0, .1) 33%,
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top,
	                           rgba(255, 255, 255, .25),
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, var(--sand), var(--sand));

    border-radius: 5px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}
*/
.queue-chk  .fas {
	display:inline-block;
	font-size: 10px;
    line-height: 14px;
    cursor: pointer;	
	color:#aaa;
}
.queue-chk  .fas:hover {
	color:#383e4c;	
}
.queue-chk  .fas.blinking {
	animation: blinking_icon 1s infinite;
}
@keyframes blinking_icon {
	50% {
		opacity:0.15;
	}
}
.search-by-phone-form-box {
    padding:15px;
    background-color:#f3f1ef;
    margin-bottom:25px;
}
.search-by-phone-form {
    position:relative;
}
.search-by-phone-form input {
    display:block;
    width:100%;
    border:1px solid #ddd;
    padding:7px 15px;
    z-index: 1;
    font-size:1rem;
}
.search-by-phone-form span {
    position:absolute;
    color:#aaa;
    right:0px;
    top:0px;
    padding:10px 15px 10px 15px;
    z-index: 2;
    cursor:pointer;
    border-left:1px solid #ddd;
}
.search-by-phone-form span:hover {
    color:#888;
}
.search-by-phone-result {
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid #ddd;
}
.da-app {
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
}
.da-app .da-app-header {
	padding-bottom:1rem;
	margin-bottom:1rem;
	border-bottom:1px solid #dee2e6;
}
.da-app .da-app-header .inputbox h4 {
	margin:0;
	padding:0;
	color:#777;
	margin-bottom:.5rem;
}
.da-app .da-app-header .inputbox .order-input {
	display:block;
	padding:0.5rem 1rem;
	border:1px solid #dee2e6;
	border-radius:6px;
	min-width:350px;
	margin-bottom:1.5rem;
}
.da-app .da-app-header .inputbox select {
	display:block;
	padding:0.5rem 1rem;
	cursor:pointer;
	border:1px solid #dee2e6;
	border-radius:6px;
	min-width:350px;
	margin-bottom:1.5rem;
}
.da-app .da-app-header .inputbox .submit-button:disabled {
	cursor:auto;
	opacity:0.5;
}
.da-app .da-app-header .inputbox .submit-button {
	font-family: 'Adobe Clean';
	outline:none;
	border:1px solid #383c4e;
	background-color:#383c4e;
	color:#fff;
	text-align:center;
	padding:0.5rem 1rem;
	display:block;
	cursor: pointer;
	border-radius:6px;
	margin-top:1.5rem;
}
.da-app .da-app-header .products-results .item-row {
	display:flex;
	line-height:1rem;
	margin:0.25rem 0 0 0;
	padding:0;
}
.da-app .da-app-header .products-results .item-row .checkbox {
	display:inline-block;
}
.da-app .da-app-header .products-results .item-row .checkbox i {
	display:inline-block;
	font-size:0.75rem;
	line-height:1rem;
	cursor:pointer;
	color:#999;
}
.da-app .da-app-header .products-results .item-row .checkbox i.checked {
	color:#049372;
}
.da-app .da-app-header .products-results .item-row .titlebox {
	display:inline-block;
	margin-left:0.5rem;
}
.da-app .da-app-body {
	position:relative;
	flex-grow:1;
}
.da-app .da-app-body .app-content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow-y:auto;
}
.lottery-index {
	display:flex;
	width:100%;
	min-height:100%;
	margin:0;
	padding:0;
}
.lottery-index .left {
	display:inline-block;
	width:80%;
}
.lottery-index .left .participants-list {
	padding-right:1rem;
}
.lottery-index .left .participants-list .search {
	display:none;
	border-left:1px solid #ddd;
	margin-left:1rem;
	padding-left:1rem;
}
.lottery-index .left .participants-list .search input {
	border:1px solid #ddd;
	padding:0.25rem 0.5rem;
	min-width:350px;
}
.lottery-index .left .participants-list .search button {
	border:0px;
	outline:0;
	background:transparent;
    cursor:pointer;
    margin-left:0.5rem;
}
.lottery-index .left .participants-list .search button:hover i {
color:#383e4c;
}
.lottery-index .left .participants-list .search button:hover label { 
color:#383e4c;
}
.lottery-index .left .participants-list .search button i {
	display:inline-block;
	padding-right:0.5rem;
	color: #808080;
	cursor:pointer;
}
.lottery-index .left .participants-list .search button label {
	font-family: 'Adobe Clean';
	color: #808080;
	line-height:2rem;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 2px;
	cursor:pointer;
}
.lottery-index .left .participants-list .header {
	color:#383e4c;
	margin:0 0 0.5rem 0;
	padding:0.6rem 0 0 0;
	font-size:1rem;
	font-weight:bold;
	letter-spacing:2px;
}
.lottery-index .left .participants-list table {
	border-collapse:collapse;
	border:0px;
	width:100%;
	margin-top:2rem;
}
/*
.lottery-index .left .participants-list table tr:nth-child(2n) td {
	background:#f3f1ef;
}
.lottery-index .left .participants-list table tr:first-child td {
	border-top:0px;
}
*/
.lottery-index .left .participants-list table td:nth-child(6n) {
	border-right:0px;
}
.lottery-index .left .participants-list table td:nth-child(6n-5) {
	border-left:0px;
}
.lottery-index .left .participants-list table td {
	color:#383e4c;
	font-size:13px;
	font-weight:bold;
	padding:10px 7px;
	border-collapse:collapse;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	/* border-top:1px solid #ddd; */
	white-space:nowrap;
}
.lottery-index .left .participants-list table td label {
	display:block;
	padding-top:2px;
	font-size:10px;
	font-style:italic;
	color:#a0a0a0;
	font-weight:400;
}
.lottery-index .left .participants-list table td.id {
	width:60px;	
}
.lottery-index .left .participants-list table td.created {
	width:130px;	
}
.lottery-index .left .participants-list table td.title {}
.lottery-index .left .participants-list table td.fin {
	width:130px;
	text-align:end;	
}
.lottery-index .left .participants-list table td.document {
	width:130px;
	text-align:end;
}
.lottery-index .left .participants-list table td.phone {
	width:130px;
	text-align:end;
}
.lottery-index .right {
	display:inline-block;
	width:20%;
}
.lottery-index .right .box {
	padding:1rem 1rem 0rem 1rem;
	background:#f3f1ef;
	position:sticky;
	top:0;
}
.lottery-index .right .box .section:first-child {
	border-top:0;
	margin-top:0;
	padding-top:0;	
}
.lottery-index .right .box .section {
	border-top:1px solid #ddd;
	margin-top:1rem;
	padding-top:1rem;
	margin-bottom:0.5rem;
	padding-bottom:0.5rem;
}
.lottery-index .right .box .section .error {
	padding:0.5rem 0rem;
	color:#c11b17;
	font-weight:bold;
}
.lottery-index .right .box .section .info {
	padding:0.5rem 0rem;
	font-weight:bold;
}.lottery-index .right .box .section .success {
	padding:0.5rem 0rem;
	color:#049372;
	font-weight:bold;
}
.lottery-index .right .box .section .header {
	color:#383e4c;
	margin:0 0 0.5rem 0;
	padding:0;
	font-size:1rem;
	font-weight:bold;
	letter-spacing:2px;
}
.lottery-index .right .box .section .inputforms {}
.lottery-index .right .box .section .inputforms .form-item:first-child {
	padding:0 0 0 0;
}
.lottery-index .right .box .section .inputforms .form-item {
	display:block;
	position:relative;
	width:100%;
	margin:0.5rem 0 0 0;
}
.lottery-index .right .box .section .inputforms .form-item .form-inputfield::-webkit-input-placeholder {
	 color: transparent !important;
}
.lottery-index .right .box .section .inputforms .form-select {
	display:block;
	margin:0.5rem 0.5rem 0 0;	
	border:1px solid #ddd;
	padding:0.9rem 0.7rem 0.9rem 0.7rem;	
	color:#777;
}
.lottery-index .right .box .section .inputforms .form-item .submit-request {
	margin-top:1rem;
	padding:0.5rem 1rem !important;
	text-transform:uppercase;
	letter-spacing:1px;
	width:100%;
	font-weight:bold;
}
.lottery-index .right .box .section .inputforms .form-item .form-inputfield.has-error {
	border:1px solid #c11b17;
	color:#c11b17;
}
.lottery-index .right .box .section .inputforms .form-item.has-error label {
	color:#c11b17;
}
.lottery-index .right .box .section .inputforms .form-item .form-inputfield.lowercase-text {
	text-transform: lowercase !important;
}
.lottery-index .right .box .section .inputforms .form-item .form-inputfield {
	border:1px solid #ddd;
	padding:1.25rem 0.7rem 0.5rem 0.7rem;
	width:100%;
	text-transform: uppercase;

}
.lottery-index .right .box .section .inputforms .form-item label {
	display:inline-block;
	position:absolute;
	top:0.4rem;
	left:0.7rem;
	z-index:2;
	font-size:11px;
	text-transform:uppercase;
	color:#a0a0a0;
	letter-spacing:1px;
	pointer-events:none;
}
.lottery-index .right .box .section .information {}
.lottery-index .right .box .section .information p {
	color:#666;
	margin:0;
	padding:0;
	line-height:1.5rem;
}
.export-link {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#909090;
	letter-spacing:1px;
	font-weight:bold;
	padding-top:1rem;
	padding-bottom:1rem;
	border-top:1px solid #ddd;
}
.export-link:hover {
	color:#383e4c;
}
.loader-dots-box {
	display:inline-block;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}
.loader-dots {
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
	position: relative;
	width: 100%;
}
.loader-dots b {
	display: inline-block;
	animation: dot ease-in-out 750ms infinite;
	background-color:#383e4c;
	width:5px;
	height:5px;
	margin:5px;
	opacity:0.5;
}
.loader-dots b:nth-of-type(2) {
	animation-delay:0.25s;
}
.loader-dots b:nth-of-type(3) {
	animation-delay: 0.5s;
}
@keyframes dot {
  0% { background-color: #383e4c; transform: scale(1); opacity:0.25; }
  50% { background-color: #383e4c; transform: scale(1.5); opacity:0.75; }
  100% { background-color: #383e4c; transform: scale(1); opacity:0.25; }
}