* {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	letter-spacing: 1px;
}

html, body, p {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	color: #000000;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	letter-spacing: 1px;
	cursor: default;
	overflow: hidden;
	background-color: #202020;
	background: url(images/gif_spinner.gif), url(images/loading_dk.png), url(images/ecbg.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 38px auto, 271px auto, cover;
	background-position: center center, center center, center center, center center;
}

html {
	padding-top: -200px;
}

#background {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #b7b7b7 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#b7b7b7));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#b7b7b7 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#b7b7b7 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#b7b7b7 100%);
	background: radial-gradient(ellipse at center,  #ffffff 0%,#b7b7b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7b7b7',GradientType=1 );
}

#btm-warning {
	position: fixed;
    width: 600px;
    left: 50%;
    z-index: 100000;
    background: #8e4545;
    top: 0px;
    margin: -1px 0 0 -300px;
    text-align: center;
    padding: 5px 0 5px 0;
    font-size: 11px;
    color: #DADADA;
    text-shadow: 1px 1px 0 #000000;
    opacity: 0.8;
    border-radius: 0 0 10px 10px;
    border: 1px solid #000000;
}

#btm-warning a {
	color: #fff;
    font-weight: bold;
}

#reloading-files {
	position: fixed;
	width: 500px;
	padding: 50px 0;
	left: 50%;
	margin-left: -250px;
	margin-top: -82px;
	top: 50%;
	z-index: 999999;
	text-align: center;
	color: #FFFFFF;
	background: #101010;
	line-height: 2em;
	opacity: 0.9;
	border-radius: 4px;
	display: none;
}

.opacity-50 {
	opacity: 0.4;
}

.select-ele-noselect {
	color: #909090;
}

#system-updater {
	z-index: 100000000000;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	background-color: #202020;
	background: url(images/ecbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 20px;
	box-sizing: border-box;
	display: none;
}

#system-updater .upd-spinner {
	width: 60px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
}

#system-updater .upd-window {
	width: 300px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 110px 0 0 -150px;
	text-align: center;
}

#system-updater .upd-window-title {
	width: 800px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -220px 0 0 -400px;
	text-align: center;
	font-size: 40px;
	opacity: 0.9;
	color: #F1F1F1;
	text-shadow: 2px 2px 2px #000000;
}

#system-updater .upd-logo {
	width: 60px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 240px 0 0 -30px;
}

#invisible-blur {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	z-index: 14000;
	display: none;
	background-color: transparent;
}

#page-container {
	padding: 14px 17px 0 17px;
	width: 1154px;
}

#dim-wh {
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: 100px;
	display: none;
	z-index: 90000;
	padding: 4px 5px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
	opacity: 0.1;
}

#ucp-wrapper {
	padding-top: 40px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}

.large-text {
	font-size: 16px;
	line-height: 1.5em;
}

.expand-vertical-center {
	display: table-cell;
	vertical-align: middle;
}

.barcode {
	font-family: "Code39AzaleaFont";
	font-size:31pt;
	text-align: center;
}

#barcode-demo {
	position: fixed;
	top: -200px;
}

.xdsoft_datetimepicker {
	margin-top: 5px;
	margin-left: 0px;
	border-color: #000000;
	border-radius: 3px;
	z-index: 32000;
}

input[type="button"] {
	letter-spacing: 1px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.history-back {
	display: block;
	float: left;
	position: absolute;
	font-size: 13px;
	color: transparent;
	background-image: url('icons/back.png');
	background-repeat: no-repeat;
	background-size: auto 40%;
	background-position: center 13px;
	margin-top: -12px;
	border-right: 1px solid #303030;
	width: 46px;
	opacity: 0.6;
	height: 40px;
} .history-back:hover {
	background-image: url('icons/back.png');
	opacity: 0.8;
	cursor: pointer;
}

.big-select-btn {
	display: block;
	border: 1px solid #303030;
	border-radius: 3px;
	margin: 7px 0 0 7px;
	background: #31393b;
	background: -moz-linear-gradient(top,  #31393b 0%, #23282b 22%, #16181a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31393b), color-stop(22%,#23282b), color-stop(100%,#16181a));
	background: -webkit-linear-gradient(top,  #31393b 0%,#23282b 22%,#16181a 100%);
	background: -o-linear-gradient(top,  #31393b 0%,#23282b 22%,#16181a 100%);
	background: -ms-linear-gradient(top,  #31393b 0%,#23282b 22%,#16181a 100%);
	background: linear-gradient(to bottom,  #31393b 0%,#23282b 22%,#16181a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31393b', endColorstr='#16181a',GradientType=0 );
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	padding: 8px 11px 7px 11px;
	width: calc(100% - 13px);
	font-size: 16px;
	text-align: left;
	box-sizing: border-box;
} .big-select-btn:focus, .big-select-btn:hover {
	box-shadow: inset 0 0 10px #151515;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	outline: none;
	text-shadow: -1px -1px 0 #909090;
	cursor: pointer;
}

#main-menu {
	display: none;
	position: fixed;
	z-index: 25000;
	left: 50%;
	width: 1188px;
	margin-left: -594px;
	background-color: #000000;
	top: 100px;
	border-left: 1px solid #404040;
	border-right: 1px solid #181818;
	height: 600px;
	background-color: #1e1f20;
	/* overflow: hidden; */
	color: #F2F2F2;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#main-menu .system-version {
	display: block;
	position: absolute;
	bottom: 8px;
	right: 10px;
	padding-right: 35px;
	padding-top: 8px;
	font-size: 11px;
	background-image: url(images/eCounterV2_logo_128x128.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right center;
	opacity: 0.8;
	height: 28px;
	color: #404040;
	box-sizing: border-box;
}

#main-menu button {
	display: block;
	margin: 0px;
	padding: 0;
	font-size: inherit;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	border: 0px;
	text-align: left;
	font-weight: normal;
}

#main-menu .col-4 {
	display: table-cell;
	height: 100%;
	vertical-align: top;
}

#main-menu .left-col {
	border-right: 1px solid transparent;
	width: 392px;
}

#main-menu .middle-col {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	width: 397px;
}

#main-menu .right-col {
	border-left: 1px solid transparent;
	width: 395px;
}

#ecounter-print-content, #automatic-print, #ecounter-print-multiple-content {
	display: none;
}

#main-menu .submenu-wrapper {
	display: none;
}

#main-menu .menu-point, #main-menu .sub-wrapper {
	display: block;
	border: 1px solid #303030;
	border-radius: 3px;
	margin: 7px 0 0 7px;
	background-color: #252628;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
} #main-menu .menu-point {
	padding: 8px 11px 8px 34px;
	width: 385px;
} #main-menu .sub-wrapper {
	padding: 8px 11px 8px 11px;
	width: 391px;
} #main-menu .menu-point:focus, #main-menu .menu-point:hover, #main-menu .sub-wrapper:focus, #main-menu .sub-wrapper:hover, #main-menu .sec-sub-menu-point:focus, #main-menu .sec-sub-menu-point:hover {
	box-shadow: inset 0 0 10px #151515;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	outline: none;
	text-shadow: -1px -1px 0 #909090;
}

.im-contacts-counter {
	position: absolute;
    top: -14px;
    right: -14px;
    border: 1px solid #AAAAAA;
    border-radius: 30px;
    font-size: 13px;
    z-index: 30000;
    text-shadow: 1px 1px 0px #000000;
    opacity: 1.0;
    padding: 4px 8px 4px 9px;
}

#main-menu .menu-point-info, #top-menu .menu-point-info {
	padding: 4px 7px 4px 8px;
}

.quick-nav-item .menu-point-info {
	padding: 1px 7px 0px 8px
}

#main-menu .menu-point-info, .quick-nav-item .menu-point-info {
	position: absolute;
	top: -11px;
	right: -12px;
	border: 1px solid #AAAAAA;
	border-radius: 30px;
	font-size: 13px;
	z-index: 30000;
	text-shadow: 1px 1px 0px #000000;
}

#top-menu .menu-point-info {
	position: absolute;
	top: 15px;
	left: 100px;
	border: 1px solid #AAAAAA;
	border-radius: 30px;
	font-size: 13px;
	z-index: 30000;
	text-shadow: 1px 1px 0px #000000;
	opacity: 1.0;
}

#main-menu .sub-wrapper .fold-down-symbol {
	display: inline-block;
	position: absolute;
	height: 35px;
	width: 35px;
	margin-top: -8px;
	margin-left: 342px;
	background-image: url('icons/opacity_btn_arr_down.png');
	background-position: center center;
	background-size: 16px auto;
	background-repeat: no-repeat;
}

#main-menu .sub-wrapper .fold-up-symbol {
	display: inline-block;
	position: absolute;
	height: 35px;
	width: 35px;
	margin-top: -8px;
	margin-left: 342px;
	background-image: url('icons/opacity_btn_arr_up.png');
	background-position: center center;
	background-size: 16px auto;
	background-repeat: no-repeat;
}

#main-menu .menu-point img {
	width: 16px;
	height: 16px;
	left: 10px;
	margin-top: 1px;
	position: absolute;
}

#main-menu .triggered {
	background-color: #353638;
	border: 1px solid #3F3F3F;
}

#main-menu .sub-menu-point {
	display: block;
	padding: 8px 11px;
	border: 1px solid #303030;
	border-radius: 3px;
	margin: -7px 7px 14px 7px;
	background-color: #101010;
	text-decoration: none;
	color: #FFFFFF;
}

#main-menu .sec-sub-menu-point {
	display: none;
	position: relative;
	text-decoration: none;
	color: #FFFFFF;
	padding: 6px 11px 7px 11px;
	font-size: 14px;
	border-left: 1px solid #3F3F3F;
	border-right: 1px solid #3F3F3F;
	border-bottom: 1px solid #3F3F3F;
	background-color: #2b2b2e;
	margin: -1px 0px 1px 7px;
	width: 391px;
	cursor: pointer;
}

#main-menu .sec-sub-end {
	border-radius: 0 0 3px 3px;
}

#main-menu-info {
	margin: 7px;
	border: 1px solid #303030;
	padding: 7px 10px;
	display: none;
	border-radius: 3px;
	background-color: #f1f1f1;
	min-height: 197px;
	color: #202020;
	box-shadow: inset 0 0 30px #909090;
	position: absolute;
	width: 360px;
}

#main-menu-info .text {
	display: block;
	position: absolute;
}

.s-cut {
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	border-top: 1px solid #101010;
	display: inline-block;
	width: 54px;
	box-shadow: inset 0 0 5px #101010;
	position: absolute;
	bottom: 0px;
	padding: 4px 0 2px 0;
	font-size: 9px;
	left: 50%;
	margin-left: -27px;
	border-radius: 0 0 3px 3px;
	color: #FFFFFF;
}

.s-cut-exp {
	width: 155px;
	position: absolute;
	top: 0px;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 2px 0;
	left: 50%;
	margin-left: -77.5px;
	background-color: #1e1f20;
	border-radius: 0 0 3px 3px;
	opacity: 0.55;
}

#ajax-search-results-blur {
	position: fixed;
	z-index: 28000;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0;
}

#ajax-search-results {
	position: fixed;
	z-index: 29000;
	overflow-y:scroll;
	overflow-x: hidden;
	border-radius: 0 0 3px 3px;
}

.ajax-search-lines-btm-exp {
	border-left: 1px solid #252525;
	border-right: 1px solid #252525;
	border-bottom: 1px solid #252525;
	border-radius: 0 0 3px 3px;
	position: relative;
	margin-top: -2px;
}

.ajax-result-details-wrapper {
	border-top: 1px solid #101010;
	margin: 7px -10px 0px -10px;
	padding: 5px 10px 7px 10px;
	background-color: #000000;
	color: #606060;
	line-height: 1.5em;
} .ajax-search-line-wrapper-no-btm-pad:hover .ajax-result-details-wrapper {
	border-top: 1px solid #BBBBBB;
	color: #FFFFFF;
	background-color: transparent;
}

.no-outline:focus {
	outline: none;
}

#close-program, .close-content-popup {
	background-image: url('images/exit_ecounter.png');
	background-size: 100% auto;
	position: absolute;
	display: inline-block;
	opacity: 0.8;
} #close-program:hover, .close-content-popup:hover {
	opacity: 1.0;
	cursor: pointer;
}

#close-program {
	top: 3px;
	right: 5px;
	width: 16px;
	height: 16px;
}

.close-content-popup {
	top: 8px;
	right: 7px;
	width: 20px;
	height: 20px;
}

#server-status {
	display: inline-block;
	padding-right: 20px;
	padding-bottom: 1px;
}

#system-title {
	color: #909090;
}

form {
	padding: 0;
	margin: 0;
}

input, textarea {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.no-select {
	-webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.inset-shadow {
	box-shadow: inset 0 0 10px #151515;
}

.remove-underline {
	text-decoration: none;
}

#hide-everything {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #b2b2b2;
	background: -moz-linear-gradient(top,  #b2b2b2 0%, #c9c9c9 62%, #4f4f4f 82%, #0f0f0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(62%,#c9c9c9), color-stop(82%,#4f4f4f), color-stop(100%,#0f0f0f));
	background: -webkit-linear-gradient(top,  #b2b2b2 0%,#c9c9c9 62%,#4f4f4f 82%,#0f0f0f 100%);
	background: -o-linear-gradient(top,  #b2b2b2 0%,#c9c9c9 62%,#4f4f4f 82%,#0f0f0f 100%);
	background: -ms-linear-gradient(top,  #b2b2b2 0%,#c9c9c9 62%,#4f4f4f 82%,#0f0f0f 100%);
	background: linear-gradient(to bottom,  #b2b2b2 0%,#c9c9c9 62%,#4f4f4f 82%,#0f0f0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#0f0f0f',GradientType=0 );
	z-index: 10000;
}

#scroll-box {
	position: fixed;
	width: 100%;
	height: 100%;
	margin-right: -50px;
	padding-right: 50px;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 14;
}

.trf-button {
	width: 100%;
	height: 40px;
	margin: 0px;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 14px;
	color: #DDDDDD;
	padding: 0 11px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	background-color: #303030;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	cursor: pointer;
}

.trf-c-select, .traditional-form-button, #srma-copy-previous {
	width: 100%;
	height: 40px;
	margin: 0px;
	margin-top: 10px;
	font-size: 14px;
	color: #DDDDDD;
	padding: 0 11px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	background-color: #303030;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	cursor: pointer;
}
.traditional-form-button {
	width: 32%;
	height: 40px;
	margin: 0px;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 14px;
	color: #DDDDDD;
	padding: 0 11px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	background-color: #303030;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	cursor: pointer;
} .trf-c-select:hover, .traditional-form-button:hover, .trf-button:hover {
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	outline: none;
} .trf-c-select:focus {
	outline: none;
	background: #f7b947;
	background: -moz-linear-gradient(top,  #f7b947 0%, #cc5902 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b947), color-stop(100%,#cc5902));
	background: -webkit-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: -o-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: -ms-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: linear-gradient(to bottom,  #f7b947 0%,#cc5902 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b947', endColorstr='#cc5902',GradientType=0 );
} .trf-c-selected {
	background: #f7b947;
	background: -moz-linear-gradient(top,  #f7b947 0%, #cc5902 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b947), color-stop(100%,#cc5902));
	background: -webkit-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: -o-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: -ms-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: linear-gradient(to bottom,  #f7b947 0%,#cc5902 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b947', endColorstr='#cc5902',GradientType=0 );
}

.trf-c-edit-cdata {
	margin-right: 0px;
}

.trf-c-inpwrapper {
	display: none;
}

 .trf-c-line {
	font-size: 14px;
	line-height: 1.5em;
 }
 
 .trf-c-box {
	display: none;
	padding: 20px 0;
	position: relative;
 }
 
 .trf-clear-customer {
	position: absolute;
	right: 0px;
	border: 1px solid #FFFFFF;
	padding: 5px 7px;
 }

.content-adjust-margin {
	margin-right: 15px;
}

.app-selector-wrapper {
	overflow: hidden;
	border-left: 1px solid #202020;
	border-top: 1px solid #202020;
	border-bottom: 1px solid #202020;
	border-radius: 3px;
	background: #272d2f;
	background: -moz-linear-gradient(top, #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top, #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top, #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top, #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom, #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
}

.app-selector-btn, .app-selector-btn-dummy {
	width: 100%;
	border: 0;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 14px;
	padding: 7px 0;
	color: #808080;
	background: transparent;
} .app-sel-btn-big {
	padding: 12px 0;
} .app-selector-btn:focus, .app-selector-btn-dummy:focus, .app-selector-btn:hover, .app-selector-btn-dummy:hover {
	outline: none;
	color: #FFFFFF;
	cursor: pointer;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	text-shadow: -1px -1px 0 #909090;
}

.app-selector-btn-selected {
	color: #FFFFFF;
	cursor: pointer;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	text-shadow: -1px -1px 0 #909090;
}

.on-page-toolbar {
	border-top: 1px solid #202020;
	border-right: 1px solid #202020;
	border-bottom: 1px solid #202020;
	border-left: 1px solid #202020;
	height: 40px;
	max-height: 40px;
	position: relative;
	font-size: 18px;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	color: #CCCCCC;
	font-weight: normal;
	text-shadow: 1px 1px 1px #000000;
	border-radius: 3px;
}

.on-page-toolbar .on-page-toolbar-tab, .on-page-toolbar a .on-page-toolbar-tab {
	display: table-cell;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	background: #2c3336;
	color: #FFFFFF;
	text-decoration: none;
	background: -moz-linear-gradient(top,  #2c3336 0%, #1f2427 22%, #111315 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3336), color-stop(22%,#1f2427), color-stop(100%,#111315));
	background: -webkit-linear-gradient(top,  #2c3336 0%,#1f2427 22%,#111315 100%);
	background: -o-linear-gradient(top,  #2c3336 0%,#1f2427 22%,#111315 100%);
	background: -ms-linear-gradient(top,  #2c3336 0%,#1f2427 22%,#111315 100%);
	background: linear-gradient(to bottom,  #2c3336 0%,#1f2427 22%,#111315 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3336', endColorstr='#111315',GradientType=0 );
} .on-page-toolbar .on-page-toolbar-tab:hover {
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	outline: none;
	color: #FFFFFF;
	box-shadow: inset 0 0 10px #151515;
	cursor: pointer;
}

.on-page-toolbar .on-page-toolbar-tab .optt-inner-text {
	padding: 0 12px;
	font-size: 14px;
} .on-page-toolbar .on-page-toolbar-tab:hover .optt-inner-icon, .on-page-toolbar .on-page-toolbar-tab:hover .optt-inner-single-icon {
	opacity: 0.9;
}

.on-page-toolbar .on-page-toolbar-tab .optt-inner-icon, .on-page-toolbar .on-page-toolbar-tab .optt-inner-single-icon,
.ajax-search-header .optt-inner-icon, .ajax-search-header .optt-inner-single-icon {
	display: inline-block;
	border-radius: 16px;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	opacity: 0.7;
	width: 16px;
	height: 16px;
	margin-bottom: -4px;
	margin-right: 12px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
} .on-page-toolbar .on-page-toolbar-tab .optt-inner-single-icon, .ajax-search-header .optt-inner-single-icon {
	margin-bottom: -3px;
	margin-left: 12px;
}

.on-page-toolbar .optt-right-border {
	border-right: 1px solid #000000;
}

.on-page-toolbar .optt-left-border {
	border-left: 1px solid #202020;
}

.on-page-toolbar .optt-end-border {
	border-left: 1px solid #202020;
	display: table-cell;
	height: 40px;
}

.content-top-title {
	text-align: center;
	border-bottom: 1px solid #202020;
	padding: 10px 0;
	font-size: 18px;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	color: #AAAAAA;
	font-weight: normal;
	text-shadow: 1px 1px 1px #000000;
}

#inner-scroll-box {
	width: 1px;
}

#top-bar {
	position: fixed;
	width: 100%;
	height: 23px;
	background: #e8e8e8;
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #d9d9d9 16%, #afafaf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(16%,#d9d9d9), color-stop(100%,#afafaf));
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: -o-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: linear-gradient(to bottom,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#afafaf',GradientType=0 );
	color: #000000;
	font-size: 12px;
	border-bottom: 1px solid #202020;
	z-index: 35000;
	font-size: 14px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
} 

#top-bar-left {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

@media all and (max-width: 1056px) {
	#top-bar-middle, #top-bar-right {
		display: none;	
	}
}

@media all and (min-width: 1057px) and (max-width: 1189px) {
	#top-bar-middle {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		opacity: 0;
	}
	#top-bar-right {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
	}
}

@media all and (min-width: 1190px) {
	#top-bar-middle {	
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#top-bar-right {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
	}
}

#top-bar .inner {
	display: inline-block;
	padding: 1px 7px 0 7px;
}

.top-bar-item {
	display: inline-block;
	padding: 3px 8px;
	margin-top: -1px;
	margin-bottom: 1px;
	margin-left: -7px;
} .top-bar-item:hover, .top-bar-item-active {
	color: #FFFFFF;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
}

.top-bar-dd-wrapper .top-shortcut {
	display: block;
	float: right;
	font-size: 11px;
	margin-right: -13px;
	padding-left: 7px;
	margin-top: 1px;
}

#brand {
	position: fixed;
	font-size: 100px;
	left: 50%;
	top: 50%;
	text-align: center;
	height: 100px;
	width: 860px;
	margin-left: -610px;
	margin-top: -60px;
	color: #D9D9D9;
	z-index: 10;
	opacity: 0.6;
	text-shadow:
    -1px -1px 2px #000000,
    1px -1px 2px #000000,
    -1px 1px 2px #000000,
    1px 1px 2px #000000; 
    display: none;
}

#top-menu {
	width: 100%;
	border-bottom: 1px solid #131313;
	height: 75px;
	overflow-y: hidden;
	overflow-x: hidden;
	background: #373c3e;
	background: -moz-linear-gradient(top,  #373c3e 0%, #222325 78%, #1e1f20 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373c3e), color-stop(78%,#222325), color-stop(100%,#1e1f20));
	background: -webkit-linear-gradient(top,  #373c3e 0%,#222325 78%,#1e1f20 100%);
	background: -o-linear-gradient(top,  #373c3e 0%,#222325 78%,#1e1f20 100%);
	background: -ms-linear-gradient(top,  #373c3e 0%,#222325 78%,#1e1f20 100%);
	background: linear-gradient(to bottom,  #373c3e 0%,#222325 78%,#1e1f20 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373c3e', endColorstr='#1e1f20',GradientType=0 );
	color: #000000;
	box-shadow: 0px 0px 30px #FFFFFF;
	position: fixed;
	top: 24px;
	z-index: 200;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#top-menu .wrapper {
	width: 1189px;
	border-left: 1px solid #000000;
	border-right: 1px solid #404040;
	position: relative;
	left: 50%;
	margin-left: -595px;
	height: 76px;
}

#top-menu .wrapper .inner {
	display: table-cell;
	width: 1189px;
	border-left: 1px solid #404040;
	border-right: 1px solid #000000;
	height: 76px;
	vertical-align: middle;
	position: relative;
}

#top-menu .wrapper .inner .left-1, #top-menu .wrapper .inner .left-2, #top-menu .wrapper .inner .middle, #top-menu .wrapper .inner .right-1, #top-menu .wrapper .inner .right-2 {
	display: table-cell;
	height: 76px;
	vertical-align: middle;
	color: #D7D7D7;
	text-shadow: 1px 1px 0 #000000;
	text-align: center;
	font-size: 12px;
	position: relative;
}

#top-menu .wrapper .inner .left-1, #top-menu .wrapper .inner .left-2 {
	width: 198px;
}

#top-menu .wrapper .inner .left-1 {
	border-right: 1px solid #000000;
}

#top-menu .wrapper .inner .left-2 {
	border-left: 1px solid #404040;
	border-right: 1px solid #000000;
}

#top-menu .wrapper .inner .middle {
	width: 400px;
	border-left: 1px solid #404040;
	border-right: 1px solid #000000;
	font-size: 16px;
	color: #F5F5F5;
	box-shadow: inset 0 0 0px #101010;
	color: #909090;
}
#top-menu .wrapper .inner .right-1, #top-menu .wrapper .inner .right-2 {
	width: 198px;
}

#top-menu .wrapper .inner .right-1 {
	border-left: 1px solid #404040;
	border-right: 1px solid #000000;
}

#top-menu .wrapper .inner .right-2 {
	border-left: 1px solid #404040;
}

.top-icon-menu {
	background-image: url('top-bar-icons/menu.png');
}

.top-icon-quicknav {
	background-image: url('top-bar-icons/quick-launch.png');
}

.top-icon-quicknav-2 {
	background-image: url('top-bar-icons/quick-launch.png');

}

.top-icon-messages {
	background-image: url('top-bar-icons/instant-message.png');
}

.top-icon-search {
	background-image: url('top-bar-icons/search.png');
}

.top-menu-item {
	opacity: 0.8;
} .top-menu-item:hover {
	opacity: 1.0;
	cursor: pointer;
}

.top-icon {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

.top-icon:hover {
	opacity: 1.0;
	cursor: pointer;
}

.top-icon:hover .s-cut-exp {
	opacity: 0.85;
}

.top-bar-dd-wrapper {
	display: none;
	position: fixed;
	z-index: 50000;
	top: 50px;
	background: #e8e8e8;
	box-shadow: 0 0 8px #606060;
	margin-top: 1px;
	border-radius: 0 0 2px 2px;
}

.top-bar-fold-wrapper {
	display: none;
	position: fixed;
	z-index: 50000;
	top: 50px;
	background: #e8e8e8;
	margin-top: 1px;
	border-radius: 0 0 2px 2px;
}

.top-bar-dd-wrapper .seperator {
	border-top: 1px solid #d6d6d6;
}

.top-bar-dd-wrapper .top-bar-dd-item, .top-bar-fold-wrapper .top-bar-dd-item {
	display: block;
	min-width: 130px;
	padding: 3px 20px 3px 8px;
	color: inherit;
	text-decoration: none;
} .top-bar-dd-wrapper .top-bar-dd-item:hover, .top-bar-fold-wrapper .top-bar-dd-item:hover, .top-bar-dd-item-toggle {
	background-color: #d6d6d6;
	box-shadow: inset 0 0 10px #c9c9c9;
}

.top-bar-dd-wrapper .selected, .top-bar-fold-wrapper .selected {
	background-image: url('images/green-checkmark_50x50.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: right center;
}

#btm-bar {
	position: fixed;
	width: 100%;
	bottom: 0px;
	height: 80px;
	color: #CCCCCC;
	z-index: 18;
	visibility: hidden;
}

#content-popup {
	position: fixed;
	top: 50%;
	border-radius: 5px;
	left: 50%;
	font-size: 13px;
	border: 1px solid #121212;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color: #181818;
	opacity: 0.965;
	color: #FFFFFF;
	box-shadow: 0px 0px 30px #000000;
	line-height: 1.4em;
	z-index: 27000;
	display: none;
	/*-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
}

#content {
	position: fixed;
	top: 125px;
	width: 1188px;
	border-radius: 5px;
	left: 50%;
	margin-left: -595px;
	font-size: 13px;
	border: 1px solid #121212;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color: #000000;
	opacity: 0.90;
	color: #FFFFFF;
	box-shadow: 0px 0px 30px #000000;
	line-height: 1.4em;
	z-index: 15;
	display: none;
	/*-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
}

.content-padding {
	padding: 10px 14px 10px 14px;
	width: 1160px;
	min-width: 1160px;
}

.content-no-padding {
	width: 1184px;
	min-width: 1184px;
}

#inner-content {
	overflow-y: scroll;
	position: relative;
	margin-right: -50px;
	padding-right: 50px;
}

.small-content-title {
	width: 619px;
	left: 50%;
	margin-left: -309px;
	text-align: center;
	position: fixed;
	margin-top: -55px;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 1000;
	font-size: 28px;
	text-shadow:
    -1px -1px 1px #000000,
    1px -1px 1px #000000,
    -1px 1px 1px #000000,
    1px 1px 1px #000000;
}

.close-small-content {
	position: absolute;
	z-index: 100;
	width: 50px;
	height: 50px;
	top: 10px;
	right: 10px;
	cursor: pointer;
	opacity: 0.7;
	background-image: url('icons/error2.png');
	background-size: 60% auto;
	background-position: center center;
	background-repeat: no-repeat;
} .close-small-content:hover {
	opacity: 1;
}

.close-small-content-above {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 1200;
	cursor: pointer;
	opacity: 0.7;
	background-image: url('icons/error2.png');
	background-size: 60% auto;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 578px;
	position: fixed;
	margin-top: -67px;
	z-index: 1000;
} .close-small-content-above:hover {
	opacity: 1;
}

.smc-margin {
	margin: 12px;
}

.counter-closed {
	position: absolute;
	background-color: red;
	border: 1px solid #909090;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 5px 0 0 170px;
	box-shadow: inset -3px -3px 2px rgba(0,0,0,.5);
}

.counter-open {
	position: absolute;
	background-color: green;
	border: 1px solid #909090;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 5px 0 0 170px;
	box-shadow: inset -3px -3px 2px rgba(0,0,0,.5);
}

.small-content {
	position: fixed;
	top: 50%;
	border-radius: 5px;
	left: 50%;
	font-size: 16px;
	border: 1px solid #121212;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color: #000000;
	height: 499px;
	max-height: 499px;
	margin-top: -219.5px;
	width: 617px;	
	max-width: 617px;
	margin-left: -308.5px;
	opacity: 0.92;
	color: #FFFFFF;
	box-shadow: 0px 0px 30px #000000;
	line-height: 1.4em;
	z-index: 16;
	display: none;
	/*-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
}

.small-content-title-bar {
	border-bottom: 1px solid #101010;
	background: #131515;
	background: -moz-linear-gradient(-45deg,  #131515 0%, #101114 21%, #0d0e11 49%, #101114 80%, #131515 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#131515), color-stop(21%,#101114), color-stop(49%,#0d0e11), color-stop(80%,#101114), color-stop(100%,#131515));
	background: -webkit-linear-gradient(-45deg,  #131515 0%,#101114 21%,#0d0e11 49%,#101114 80%,#131515 100%);
	background: -o-linear-gradient(-45deg,  #131515 0%,#101114 21%,#0d0e11 49%,#101114 80%,#131515 100%);
	background: -ms-linear-gradient(-45deg,  #131515 0%,#101114 21%,#0d0e11 49%,#101114 80%,#131515 100%);
	background: linear-gradient(135deg,  #131515 0%,#101114 21%,#0d0e11 49%,#101114 80%,#131515 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131515', endColorstr='#131515',GradientType=1 );
	text-shadow:
    -1px -1px 1px #000000,
    1px -1px 1px #000000,
    -1px 1px 1px #000000,
    1px 1px 1px #000000;
	box-shadow: inset 0px 0px 10px #000000;
	padding: 20px 24px;
	font-size: 24px;
}

#note-tab-count, .tab-disp-count {
	display: inline-block;
	border: 1px solid #202020;
	background-color: #272d2f;
	color: #BBBBBB;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000000;
	margin-left: 4px;
	padding: 0 5px;
	font-size: 11px;
	margin-top: -6px;
	margin-bottom: -10px;
	margin-right: -8px;
	border-radius: 3px;
}

.quick-nav-row {
	margin-top: 10px;
	margin-left: 10px;
}

.quick-nav-spacer {
	display: table-cell;
	min-width: 10px;
	max-width: 10px;
	width: 10px;
}

.quick-nav-item {
	display: inline-block;
	position: relative;
	margin: 10px 0 0 10px;
	width: 190px;
	border: 1px solid #303030;
	text-align: center;
	height: 151px;
	border-radius: 3px;
	background: #131515;
	background: -moz-linear-gradient(-45deg,  #131515 0%, #101114 21%, #0d0e11 49%, #101114 80%, #131515 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#131515), color-stop(21%,#101114), color-stop(49%,#0d0e11), color-stop(80%,#101114), color-stop(100%,#131515));
	background: -webkit-linear-gradient(-45deg,  #131515 0%,#101114 21%,#0d0e11 49%,#101114 80%,#131515 100%);
	background: -o-linear-gradient(-45deg,  #131515 0%,#101114 21%,#0d0e11 49%,#101114 80%,#131515 100%);
	background: -ms-linear-gradient(-45deg,  #131515 0%,#101114 21%,#0d0e11 49%,#101114 80%,#131515 100%);
	background: linear-gradient(135deg,  #131515 0%,#101114 21%,#0d0e11 49%,#101114 80%,#131515 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131515', endColorstr='#131515',GradientType=1 );
	vertical-align: middle;
	text-shadow:
    -1px -1px 1px #000000,
    1px -1px 1px #000000,
    -1px 1px 1px #000000,
    1px 1px 1px #000000;
	box-shadow: inset 0px 0px 10px #000000;
} .quick-nav-item:hover {
	background: #3b4141;
	background: -moz-linear-gradient(-45deg,  #3b4141 0%, #32343e 21%, #2b2c35 49%, #33363d 80%, #3b4141 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3b4141), color-stop(21%,#32343e), color-stop(49%,#2b2c35), color-stop(80%,#33363d), color-stop(100%,#3b4141));
	background: -webkit-linear-gradient(-45deg,  #3b4141 0%,#32343e 21%,#2b2c35 49%,#33363d 80%,#3b4141 100%);
	background: -o-linear-gradient(-45deg,  #3b4141 0%,#32343e 21%,#2b2c35 49%,#33363d 80%,#3b4141 100%);
	background: -ms-linear-gradient(-45deg,  #3b4141 0%,#32343e 21%,#2b2c35 49%,#33363d 80%,#3b4141 100%);
	background: linear-gradient(135deg,  #3b4141 0%,#32343e 21%,#2b2c35 49%,#33363d 80%,#3b4141 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4141', endColorstr='#3b4141',GradientType=1 );
	cursor: pointer;
}

.quick-nav-key {
	position: absolute;
	margin-top: -1px;
	width: 40px;
	border-radius: 0px 0px 5px 5px;
	margin-left: 75px;
	border: 1px solid #303030;
	font-size: 11px;
	height: 23px;
	box-shadow: 2px 0px 10px #000000;
}

.quick-nav-label {
	display: table-cell;
	height: 149px;
	vertical-align: middle;
	width: 190px;
	padding: 0 10px;
}

.quick-nav-label-sub {
	display: block;
	font-size: 12px;
}

.inline-select-button {
    display: inline-block;
    border: 1px solid #000000;
    padding: 6px 12px;
    font-size: 11px;
    background: #303030;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 #000000;
    box-shadow: inset 0 0 10px #000000;
}

#widget-bar-outer {
	height: 36px;
	position: fixed;
	bottom: 14px;
	left: 50%;
	margin-left: -630px;
	perspective: 170px;
	-webkit-perspective: 170px;
	-moz-perspective: 170px;
	-ms-perspective: 170px;
	-o-perspective: 170px;
	z-index: 21;
}

#widget-bar-inner {
	width: 100%;
	height: 100%;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background: #3a3a3a;
	background: -moz-linear-gradient(top,  #3a3a3a 0%, #5e5e5e 41%, #a5a5a5 77%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(41%,#5e5e5e), color-stop(77%,#a5a5a5), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(top,  #3a3a3a 0%,#5e5e5e 41%,#a5a5a5 77%,#f8f8f8 100%);
	background: -o-linear-gradient(top,  #3a3a3a 0%,#5e5e5e 41%,#a5a5a5 77%,#f8f8f8 100%);
	background: -ms-linear-gradient(top,  #3a3a3a 0%,#5e5e5e 41%,#a5a5a5 77%,#f8f8f8 100%);
	background: linear-gradient(to bottom,  #3a3a3a 0%,#5e5e5e 41%,#a5a5a5 77%,#f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#f8f8f8',GradientType=0 );
	opacity:0.897;
	border-radius: 5px 5px 10px 10px;
	transform: rotateX(35deg);
	-webkit-transform: rotateX(35deg);
	-moz-transform: rotateX(35deg);
	-ms-transform: rotateX(35deg);
	-o-transform: rotateX(35deg);
	box-shadow: 0px 0px 10px #000000;
	text-align: center;
	margin-left: -3px;
	z-index: 24;
}

#widget-icon-container {
	position: fixed;
	bottom: 14px;
	text-align: center;
	opacity: 1.0;
	z-index: 22;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
}

.widget-icon {
	display: inline-block;
	opacity: 0.80;
	cursor: pointer;
	background-position: -5px 0px;
	background-repeat: no-repeat;
	background-size: 123% auto;
	margin: 0px 6px -7px 0px;
} .widget-icon:hover {
	opacity: 0.95;
	background-size: 115% auto;
	margin: 0px 0px -7px -6px;
}

.widget-title {
	position: fixed;
	bottom: 110px;
	border-radius: 10px;
	border: 2px solid #FFFFFF;
	background-color: #505050;
	opacity: 0.95;
	text-shadow: 1px 1px 0px #000000;
	box-shadow: 0px 0px 10px #000000;
	padding: 4px 6px 4px 8px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	font-size: 13px;
	z-index: 1000;
}

.srma-revision-wrapper {
	background-color: #000000;
	color: #505050;
	line-height: 1.7em;
	padding: 7px 27px;
	font-size: 11px;
}

.srma-next-rev {
	background-image: url('icons/white_icons/Front.png');
	background-position: center right;
}

.srma-prev-rev {
	background-image: url('icons/white_icons/Back.png');
	background-position: center left;
}

.srma-prev-rev, .srma-next-rev {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0.3;
	background-repeat: no-repeat;
} .srma-prev-rev:hover, .srma-next-rev:hover {
	opacity: 0.7;
}

.srma-dl-stat-indicator {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	border-radius: 20px;
	border: 1px solid #101010;
}

.dl-complete {
	background: #79d71b;
	background: -moz-linear-gradient(top,  #79d71b 0%, #41bb11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d71b), color-stop(100%,#41bb11));
	background: -webkit-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -o-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -ms-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: linear-gradient(to bottom,  #79d71b 0%,#41bb11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d71b', endColorstr='#41bb11',GradientType=0 );
}

.dl-surpassed {
	background: #bf171f;
	background: -moz-linear-gradient(top,  #bf171f 0%, #4d160b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf171f), color-stop(100%,#4d160b));
	background: -webkit-linear-gradient(top,  #bf171f 0%,#4d160b 100%);
	background: -o-linear-gradient(top,  #bf171f 0%,#4d160b 100%);
	background: -ms-linear-gradient(top,  #bf171f 0%,#4d160b 100%);
	background: linear-gradient(to bottom,  #bf171f 0%,#4d160b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf171f', endColorstr='#4d160b',GradientType=0 );
}

.dl-coming {
	background: #f7b947;
	background: -moz-linear-gradient(top,  #f7b947 0%, #cc5902 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b947), color-stop(100%,#cc5902));
	background: -webkit-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: -o-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: -ms-linear-gradient(top,  #f7b947 0%,#cc5902 100%);
	background: linear-gradient(to bottom,  #f7b947 0%,#cc5902 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b947', endColorstr='#cc5902',GradientType=0 );
}

.srma-center-vertical {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 30px;
}

.srma-center-vertical b {
	display: inline-block;
	width: 120px;
}

.srma-table {
	display: table; 
	width: 100%; 
	height: 100%; 
	vertical-align: middle;
}

.srma-cell {
	display: table-cell;
	vertical-align: middle;
}

.srma-tool, .srma-tool-no-click {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 4px;
	margin-left: 6px;
	margin-top: 12px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-radius: 22px;
	opacity: 0.25;
} .srma-tool:hover, .srma-tool-no-click:hover {
	opacity: 0.6;
} .srma-tool:hover {
	cursor: pointer;
}

.srma-dl-info {
	background-image: url('icons/white_icons/Info.png');
}

.srma-dl-complete{
	background-image: url('icons/white_icons/Accept.png');
}

.ele-toggled {
	cursor: pointer;
	background: #79d71b;
	background: -moz-linear-gradient(top,  #79d71b 0%, #41bb11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d71b), color-stop(100%,#41bb11));
	background: -webkit-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -o-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -ms-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: linear-gradient(to bottom,  #79d71b 0%,#41bb11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d71b', endColorstr='#41bb11',GradientType=0 );
} .ele-untoggled {
	color: #707070;
} .ele-untoggled:hover {
	cursor: pointer;
	color: #FFFFFF;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	outline: none;
}

.page-title {
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#login-box {
	width: 462px;
	height: 327px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -231px;
	margin-top: -180px;
	z-index: 50;
	border-radius: 5px;
}

#login-box-inner {
	width: 462px;
	background-color: #BBBBBB;
	z-index: 30;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

#login-status {
	padding: 12px 20px;
	border-radius: 0 0 3px 3px;
	color: #FFFFFF;
	display: none;
}

.login-status {
	color: green;
	display: inline-block;
	padding: 8px 10px 8px 0;
}

.login-desc {
	color: #303030;
	padding: 16px 20px 0px 20px;
}

#login-title {
	padding: 14px 24px 16px 20px;
	font-size: 20px;
	width: 418px;
	border-radius: 3px 3px 0 0;
	background: #e8e8e8;
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #d9d9d9 16%, #afafaf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(16%,#d9d9d9), color-stop(100%,#afafaf));
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: -o-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: linear-gradient(to bottom,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#afafaf',GradientType=0 );
	color: #404040;
	z-index: 30;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-top: 1px solid #808080;
}

#login-title .ec-login-title {
	width: 418px;
	height: 25px;
	background-image: url('images/ec_login.png'), url(images/eCounterV2_logo_128x128.png);
	background-position: center left, center right;
	background-repeat: no-repeat, no-repeat;
	background-size: auto 100%, auto 100%;
	display: block;
}

#server-online {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 25px;
	right: 25px;
	z-index: 500;
	background: #14cc20;
	background: -moz-linear-gradient(top,  #14cc20 5%, #1f8f0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#14cc20), color-stop(100%,#1f8f0e));
	background: -webkit-linear-gradient(top,  #14cc20 5%,#1f8f0e 100%);
	background: -o-linear-gradient(top,  #14cc20 5%,#1f8f0e 100%);
	background: -ms-linear-gradient(top,  #14cc20 5%,#1f8f0e 100%);
	background: linear-gradient(to bottom,  #14cc20 5%,#1f8f0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14cc20', endColorstr='#1f8f0e',GradientType=0 );
	border-radius: 8px;
	border: 1px solid #E9E9E9;
	opacity: 0.7;
	display: none;
}

.login-line {
	color: #404040;
	padding-left: 20px;
	margin-top: 20px;
	text-shadow: -1px -1px 1px #CCCCCC;
}

.login-label {
	width: 125px;
	display: inline-block;
}

.login-input {
	display: inline-block;
	width: 270px;
	font-size: 14px;
	padding: 8px 10px;
	border: 1px solid #AAAAAA;
	color: #505050;
	background-color: #E8E8E8;
	border-radius: 3px;
}

.random-input-small {
	display: inline-block;
	width: 70px;
	font-size: 14px;
	padding: 8px 10px;
	border: 1px solid #AAAAAA;
	color: #505050;
	background-color: #E8E8E8;
	border-radius: 3px;
}

.random-select-dd {
	display: inline-block;
	font-size: 14px;
	padding: 8px 10px;
	border: 1px solid #AAAAAA;
	color: #505050;
	background-color: #E8E8E8;
	border-radius: 3px;
}

.password {
	color: #808080;
}

.login-buttons {
	margin-top: 18px;
	margin-bottom: 23px;
}

.login-btn-space {
	display: inline-block;
	width: 141px;
	margin: 0px;
}

.login-button {
	width: 134.5px;
	text-align: center;
	border: 1px solid #AAAAAA;
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	background-color: #CCCCCC;
	color: #808080;
	cursor: pointer;
	border-radius: 3px;
	position: relative;
	margin-right: 18px;
}

.login-btn-submit-f {
	color: #DDDDDD;
	text-align: left;
	padding-left: 32px;
}

.clear-input {
	display: inline-block;
	height: 22px;
	width: 32px;
	border: 1px solid #050505;
	background: #37383d;
	background: -moz-linear-gradient(top,  #37383d 0%, #060606 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37383d), color-stop(100%,#060606));
	background: -webkit-linear-gradient(top,  #37383d 0%,#060606 100%);
	background: -o-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: -ms-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: linear-gradient(to bottom,  #37383d 0%,#181818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383d', endColorstr='#181818',GradientType=0 );
	font-size: 11px;
	color: #FFFFFF;
	border-radius: 3px;
	position: absolute;
	box-shadow: 1px 1px 4px #303030;
	margin-left: -45px;
	opacity: 0.80;
	margin-top: 12px;
	cursor: pointer;
} #clear-add-to-stock, .input-clear-btn {
	display: inline-block;
	height: 22px;
	width: 32px;
	border: 1px solid #050505;
	background: #37383d;
	background: -moz-linear-gradient(top,  #37383d 0%, #060606 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37383d), color-stop(100%,#060606));
	background: -webkit-linear-gradient(top,  #37383d 0%,#060606 100%);
	background: -o-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: -ms-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: linear-gradient(to bottom,  #37383d 0%,#181818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383d', endColorstr='#181818',GradientType=0 );
	font-size: 11px;
	color: #FFFFFF;
	border-radius: 3px;
	position: absolute;
	top: 36px;
	right: 8px;
	box-shadow: 1px 1px 4px #303030;
	opacity: 0.80;
	cursor: pointer;
} .clear-input:hover, #clear-add-to-stock:hover, .input-clear-btn {
	opacity: 0.9;
}

.clear-input .inner, #clear-add-to-stock .inner, .input-clear-btn .inner {
	text-align: center;
	display: table-cell;
	width: 32px;
	height: 22px;
	padding-left: 1px;
	vertical-align: middle;
}

.clear-input.top-title-clear {
	position: absolute;
    top: 23px;
    right: 6px;
	width:22px;
}

#operator-box {
	width: 452px;
	height: 239px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -221px;
	margin-top: -126px;
	z-index: 50;
	display: none;
}

#operator-box-inner {
	width: 450px;
	height: 175px;
	border: 1px solid #202020;
	background-color: #1c1e1f;
	z-index: 30;
	border-radius: 0px 0px 3px 3px;
	box-shadow: 0px 0px 30px #000000;
}

#operator-title {
	padding: 20px 22px 16px 22px;
	font-size: 20px;
	width: 408px;
	border-radius: 3px 3px 0px 0px;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	color: #DDDDDD;
	z-index: 30;
	border-bottom: 1px solid #000000;
	box-shadow: 0px 0px 30px #000000;
}

#operator-text {
	color: #DDDDDD;
	font-size: 11px;
	padding: 20px 22px 16px 22px;
}

#operator-msg {
	position: absolute;
	height: 40px;
	width: 406px;
	margin: 20px 0 0 21px;
	color: #EA0052;
	font-size: 11px;
	background-color: #1c1e1f;
	display: none;
}

#operator-code {
	position: absolute;
	font-size: 20px;
	padding: 10px 0px;
	width: 404px;
	margin-left: 22px;
	margin-top: 5px;
	text-align: center;
	background: #37383d;
	background: -moz-linear-gradient(top,  #37383d 0%, #060606 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37383d), color-stop(100%,#060606));
	background: -webkit-linear-gradient(top,  #37383d 0%,#060606 100%);
	background: -o-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: -ms-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: linear-gradient(to bottom,  #37383d 0%,#181818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383d', endColorstr='#181818',GradientType=0 );
	border: 1px solid #202020;
	color: #202020;
	cursor: default;
	box-shadow: inset 0px 8px 30px #101010;
	border-radius: 2px;
	z-index: 30;
	text-shadow:
    -1px -1px 1px #5B9DD9,
    1px -1px 1px #5B9DD9,
    -1px 1px 1px #5B9DD9,
    1px 1px 1px #5B9DD9;
	letter-spacing: 6px;
	opacity: 0.8;
}

#operator-code-overlay {
	font-size: 20px;
	padding: 10px 0px;
	width: 404px;
	position: absolute;
	color: transparent;
	z-index: 40;
	text-align: center;
	background: transparent;
	border: 0px solid #202020;
	margin-left: 22px;
	margin-top: 5px;
	cursor: default;
	border-radius: 2px;
}

#operator-login-btn {
	border: 1px solid #202020;
	height: 47px;
	width: 50px;
	position: absolute;
	right: 22px;
	top: 64px;
}

#operator-footer {
	position: absolute;
	bottom: 0px;
	color: #DDDDDD;
	font-size: 9px;
	padding: 18px 22px;
	line-height: 1.5em;
}

#operator-close {
	position: absolute;
	z-index: 100;
	width: 50px;
	height: 50px;
	top: 6px;
	right: 5px;
	cursor: pointer;
	opacity: 0.7;
	background-image: url('icons/error2.png');
	background-size: 60% auto;
	background-position: center center;
	background-repeat: no-repeat;
} #operator-close:hover {
	opacity: 1;
}

#operator-component {
	position: absolute;
	color: #FFFFFF;
	font-size: 12px;
	right: 28px;
	bottom: 22px;
}

.login-default {
	background: #060606;
	background: -moz-linear-gradient(top,  #060606 0%, #37383d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#060606), color-stop(100%,#37383d));
	background: -webkit-linear-gradient(top,  #060606 0%,#37383d 100%);
	background: -o-linear-gradient(top,  #060606 0%,#37383d 100%);
	background: -ms-linear-gradient(top,  #060606 0%,#37383d 100%);
	background: linear-gradient(to bottom,  #060606 0%,#37383d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#37383d',GradientType=0 );
}

.login-green {
	background: #79d71b;
	background: -moz-linear-gradient(top,  #79d71b 0%, #41bb11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d71b), color-stop(100%,#41bb11));
	background: -webkit-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -o-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -ms-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: linear-gradient(to bottom,  #79d71b 0%,#41bb11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d71b', endColorstr='#41bb11',GradientType=0 );
	text-shadow: -1px -1px 0 #909090;
}

.login-red {
	background: #781b12;
	background: -moz-linear-gradient(top,  #781b12 0%, #a92519 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#781b12), color-stop(95%,#a92519));
	background: -webkit-linear-gradient(top,  #781b12 0%,#a92519 95%);
	background: -o-linear-gradient(top,  #781b12 0%,#a92519 95%);
	background: -ms-linear-gradient(top,  #781b12 0%,#a92519 95%);
	background: linear-gradient(to bottom,  #781b12 0%,#a92519 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#781b12', endColorstr='#a92519',GradientType=0 );
	text-shadow: -1px -1px 0 #909090;
}

.login-blue {
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	text-shadow: -1px -1px 0 #909090;
}

#function-key-shortcuts {
	visibility: hidden;
}

#blur-spinner {
	position: fixed;
	top: 51px;
	z-index: 25000;
	background-color: transparent;
	opacity: 0.65;
	height: 100%;
	width: 100%;
	display: none;
}
#floatingBarsG {
	position:fixed;
	left: 50%;
	top: 50%;
	margin: -44px 0 0 -42px;
	width:84px;
	height:104px
}
.blockG {
	position:absolute;
	background-color:transparent;
	width:14px;
	height:32px;
	-moz-border-radius:11px 11px 0 0;
	-moz-transform:scale(0.4);
	-moz-animation-name:fadeG;
	-moz-animation-duration:0.8s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-border-radius:11px 11px 0 0;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:fadeG;
	-webkit-animation-duration:0.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-border-radius:11px 11px 0 0;
	-ms-transform:scale(0.4);
	-ms-animation-name:fadeG;
	-ms-animation-duration:0.8s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-border-radius:11px 11px 0 0;
	-o-transform:scale(0.4);
	-o-animation-name:fadeG;
	-o-animation-duration:0.8s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	border-radius:11px 11px 0 0;
	transform:scale(0.4);
	animation-name:fadeG;
	animation-duration:0.8s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}
#rotateG_01 {
	left:0;
	top:38px;
	-moz-animation-delay:0.3s;
	-moz-transform:rotate(-90deg);
	-webkit-animation-delay:0.3s;
	-webkit-transform:rotate(-90deg);
	-ms-animation-delay:0.3s;
	-ms-transform:rotate(-90deg);
	-o-animation-delay:0.3s;
	-o-transform:rotate(-90deg);
	animation-delay:0.3s;
	transform:rotate(-90deg);
}
#rotateG_02 {
	left:11px;
	top:14px;
	-moz-animation-delay:0.4s;
	-moz-transform:rotate(-45deg);
	-webkit-animation-delay:0.4s;
	-webkit-transform:rotate(-45deg);
	-ms-animation-delay:0.4s;
	-ms-transform:rotate(-45deg);
	-o-animation-delay:0.4s;
	-o-transform:rotate(-45deg);
	animation-delay:0.4s;
	transform:rotate(-45deg);
}
#rotateG_03 {
	left:35px;
	top:4px;
	-moz-animation-delay:0.5s;
	-moz-transform:rotate(0deg);
	-webkit-animation-delay:0.5s;
	-webkit-transform:rotate(0deg);
	-ms-animation-delay:0.5s;
	-ms-transform:rotate(0deg);
	-o-animation-delay:0.5s;
	-o-transform:rotate(0deg);
	animation-delay:0.5s;
	transform:rotate(0deg);
}
#rotateG_04 {
	right:11px;
	top:14px;
	-moz-animation-delay:0.6s;
	-moz-transform:rotate(45deg);
	-webkit-animation-delay:0.6s;
	-webkit-transform:rotate(45deg);
	-ms-animation-delay:0.6s;
	-ms-transform:rotate(45deg);
	-o-animation-delay:0.6s;
	-o-transform:rotate(45deg);
	animation-delay:0.6s;
	transform:rotate(45deg);
}
#rotateG_05 {
	right:0;
	top:38px;
	-moz-animation-delay:0.7s;
	-moz-transform:rotate(90deg);
	-webkit-animation-delay:0.7s;
	-webkit-transform:rotate(90deg);
	-ms-animation-delay:0.7s;
	-ms-transform:rotate(90deg);
	-o-animation-delay:0.7s;
	-o-transform:rotate(90deg);
	animation-delay:0.7s;
	transform:rotate(90deg);
}
#rotateG_06 {
	right:11px;
	bottom:9px;
	-moz-animation-delay:0.8s;
	-moz-transform:rotate(135deg);
	-webkit-animation-delay:0.8s;
	-webkit-transform:rotate(135deg);
	-ms-animation-delay:0.8s;
	-ms-transform:rotate(135deg);
	-o-animation-delay:0.8s;
	-o-transform:rotate(135deg);
	animation-delay:0.8s;
	transform:rotate(135deg);
}
#rotateG_07 {
	bottom: 0;
	left: 35px;
	-moz-animation-delay: 0.9s;
	-moz-transform: rotate(180deg);
	-webkit-animation-delay: 0.9s;
	-webkit-transform: rotate(180deg);
	-ms-animation-delay: 0.9s;
	-ms-transform: rotate(180deg);
	-o-animation-delay: 0.9s;
	-o-transform: rotate(180deg);
	animation-delay: 0.9s;
	transform: rotate(180deg);
}
#rotateG_08 {
	left: 11px;
	bottom: 9px;
	-moz-animation-delay: 1s;
	-moz-transform: rotate(-135deg);
	-webkit-animation-delay: 1s;
	-webkit-transform: rotate(-135deg);
	-ms-animation-delay: 1s;
	-ms-transform: rotate(-135deg);
	-o-animation-delay: 1s;
	-o-transform: rotate(-135deg);
	animation-delay: 1s;
	transform: rotate(-135deg);
}
@-moz-keyframes fadeG {
	0% { background-color:#FFFFFF; }
	100% { background-color:transparent; }
}
@-webkit-keyframes fadeG {
	0% { background-color:#FFFFFF; }
	100% { background-color:transparent; }
}
@-ms-keyframes fadeG {
	0% { background-color:#FFFFFF; }
	100% { background-color:transparent; }
}
@-o-keyframes fadeG {
	0% { background-color:#FFFFFF; }
	100% { background-color:transparent; }
}
@keyframes fadeG {
	0% { background-color:#FFFFFF; }
	100% { background-color:transparent; }
}

#counter-container {
	font-size: 13px;
	overflow-y: hidden;
	overflow-x: hidden;
	min-width: 1188px;
	line-height: 1.4em;
	-webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

#counter-top {
	height: 60px;
	padding-top: 9px;
	padding-left: 10px;
	border-bottom: 1px solid #080808;
	background: #37383d;
	background: -moz-linear-gradient(top,  #37383d 0%, #060606 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37383d), color-stop(100%,#060606));
	background: -webkit-linear-gradient(top,  #37383d 0%,#060606 100%);
	background: -o-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: -ms-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: linear-gradient(to bottom,  #37383d 0%,#181818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383d', endColorstr='#181818',GradientType=0 );
}

.counter-top-input {
	padding: 10px 12px;
	font-size: 20px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-radius: 3px;
	color: #FFFFFF;
	box-shadow: inset 0 0 10px #151515;
	margin: 0;
}

#counter-top .search {
	width: 755px;
	margin-top: 2px;
	background: #f8f8f8;
	color: #000000;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
}

#counter-top .counter-mode-wrapper {
	float: right;
	display: inline-block;
	width: 386px;
	padding-top: 2px;
}

#counter-top .counter-mode {
	display: table-cell;
	width: 182px;
	border: 1px solid black;
	text-align: center;
	border-radius: 3px;
	height: 46px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	background-color: transparent;
	margin-right: 7px;
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}

#counter-top .selected {
	box-shadow: inset 0 0 10px #151515;
	background: #79d71b;
	background: -moz-linear-gradient(top,  #79d71b 0%, #41bb11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d71b), color-stop(100%,#41bb11));
	background: -webkit-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -o-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -ms-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: linear-gradient(to bottom,  #79d71b 0%,#41bb11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d71b', endColorstr='#41bb11',GradientType=0 );
}

#counter-top .selected-return {
	cursor: pointer;
	box-shadow: inset 0 0 10px #151515;
	background: #bf171f;
	background: -moz-linear-gradient(top,  #bf171f 0%, #4d160b 100%);
	background: url('images/radio_checkmark.png') 218px 15px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf171f), color-stop(100%,#4d160b));
	background: url('images/radio_checkmark.png') 218px 15px no-repeat, -webkit-linear-gradient(top,  #bf171f 0%,#4d160b 100%);
	background: -o-linear-gradient(top,  #bf171f 0%,#4d160b 100%);
	background: -ms-linear-gradient(top,  #bf171f 0%,#4d160b 100%);
	background: linear-gradient(to bottom,  #bf171f 0%,#4d160b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf171f', endColorstr='#4d160b',GradientType=0 );
}

#counter-top .counter-mode-spacer {
	display: table-cell;
	width: 10px;
}

#counter-index, #counter-search-header{
	width: 768px;
	background-color: #101010;
	padding: 3px 12px 4px 12px;
	border-bottom: 1px solid #151515;
	color: #505050;
}


#counter-index .index-product {
	display: inline-block;
	width: 467px;
}

#counter-index .index-count {
	display: inline-block;
	width: 258px;
}

#counter-index .index-price {
	display: inline-block;
}

#counter-search-header .header-index-product {
	display: inline-block;
	width: 578px;
}

#counter-search-header .header-index-price {
	display: inline-block;
	text-align: right;
	width: 135px;
	margin-right: -10px;
}

#counter-lines {
	height: 200px;
	border-bottom: 1px solid #181818;
	border-right: 1px solid #181818;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-right: -40px;
	padding-right: 20px;
}

#counter-sidebar {
	position: absolute;
	top: 69px;
	border-bottom: 1px solid #181818;
	border-top: 1px solid #080808;
	border-left: 1px solid #181818;
	right: -48px;
	width: 444px;
	background-color: #060606;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-bottom: 10px;
	padding-top: 27px;
}

#counter-sidebar .sidebar-title {
	position: fixed;
	top: 196px;
	background-color: #101010;
	display: table-cell;
	height: 22px;
	padding-top: 3px;
	width: 386px;
	vertical-align: middle;
	border-bottom: 1px solid #151515;
	color: #505050;
	padding-left: 10px;
	z-index: 101;
}

#counter-search-results {
	background-color: #000000;
	position: absolute;
	width: 810px;
	margin-top: 61px;
	margin-left: -10px;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
}

#counter-search-results .counter-search-line-none {
	border-bottom: 1px solid #070707;
	text-decoration: none;
	display: block;
	width: 800px;
	height: 48px;
	vertical-align: middle;
	font-size: 14px;
	background-color: #151515;
} #counter-search-results .counter-search-line {
	border-bottom: 1px solid #070707;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	width: 800px;
	height: 48px;
	vertical-align: middle;
	font-size: 14px;
	background-color: #080808;
} #counter-search-results .counter-search-line:hover, #counter-search-results .counter-search-line:focus {
	outline: none;
	background-color: #121212;
}

#counter-search-results .counter-search-line:hover .counter-search-add-icon, #counter-search-results .counter-search-line:focus .counter-search-add-icon {
	background: #79d71b;
	background: -moz-linear-gradient(top,  #79d71b 0%, #41bb11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d71b), color-stop(100%,#41bb11));
	background: -webkit-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -o-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -ms-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: linear-gradient(to bottom,  #79d71b 0%,#41bb11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d71b', endColorstr='#41bb11',GradientType=0 );
	opacity: 1.0;
}

#counter-search-results .counter-search-product {
	padding-left: 13px;
	width: 569px;
	display: inline-block;
	height: 18px;
	margin-top: 16px;
	overflow: hidden;
	position: relative;
	float: left;
}

#counter-search-results .counter-search-info-line {
	padding-left: 13px;
	display: inline-block;
	height: 18px;
	margin-top: 16px;
	color: orange;
	overflow: hidden;
	position: relative;
	float: left;
}

#counter-search-results .counter-search-price {
	text-align: right;
	width: 135px;
	margin-left: 10px;
	display: inline-block;
	height: 18px;
	margin-top: 15px;
	overflow: hidden;
	float: left;
}

#counter-search-results .counter-search-price .grey-price {
	opacity: 0.2;
}

#counter-search-results .counter-search-add {
	text-align: right;
	width: 47px;
	margin-left: 10px;
	margin-top: 15px;
	display: inline-block;
	height: 24px;
	float: left;
}

#counter-search-results .counter-search-add-icon {
	width: 22px;
	height: 16px;
	box-shadow: inset 0 0 5px #000000;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 1px 0 4px 0;
	margin-bottom: 1px;
	margin-top: -1px;
	margin-right: 10px;
	background: #51a33f;
	background: -moz-linear-gradient(top,  #51a33f 0%, #1a421c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51a33f), color-stop(100%,#1a421c));
	background: -webkit-linear-gradient(top,  #51a33f 0%,#1a421c 100%);
	background: -o-linear-gradient(top,  #51a33f 0%,#1a421c 100%);
	background: -ms-linear-gradient(top,  #51a33f 0%,#1a421c 100%);
	background: linear-gradient(to bottom,  #51a33f 0%,#1a421c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a33f', endColorstr='#1a421c',GradientType=0 );
	font-weight: bold;
	opacity: 0.8;
}

#counter-sidebar .favorite-button, #counter-sidebar .payment-button {
	width: 182px;
	max-width: 182px;
	height: 50px;
	max-height: 50px;
	border: 1px solid #181818;
	display: inline-block;
	font-size: 11px;
	margin: 10px -0px -4px 10px;
	cursor: pointer;
	opacity: 0.8;
	border-radius: 2px;
	box-shadow: inset 0 0 10px #000000;
} #counter-sidebar .favorite-button:hover, #counter-sidebar .payment-button {
	opacity: 1.0;
}

#counter-sidebar .favorite-button .label, #counter-sidebar .payment-button .label {
	display: table-cell;
	width: 182px;
	max-width: 182px;
	height: 50px;
	max-height: 50px;
	vertical-align: middle;
	text-align: center;
}

#counter-sidebar .favorite-button .label .label-inner, #counter-sidebar .payment-button .label .label-inner {
	max-width: 130px;
	max-height: 36px;
	overflow: hidden;
	display: inline-block;
	padding: 0px;
	margin-top: 5px;
}

#counter-summary {
	height: 32px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #181818;
	border-left: 1px solid #181818;
	font-size: 18px;
	background-color: #101010;
	width: 790px;
}

#counter-total {
	padding: 7px 5px 5px 12px;
	display: inline-block;
	float: left;
	font-weight: bold;
}

#counter-total-amount {
	padding: 7px 18px 5px 5px;
	display: inline-block;
	float: right;
}

#counter-db-values {
	padding: 7px 0px 5px 0px;
	display: block;
	text-align: center;
	position: absolute;
	width: 794px;
	opacity: 0.3;
	font-size: 12px;
}

#counter-bottom {
	height: 70px;
	background: #37383d;
	background: -moz-linear-gradient(top,  #37383d 0%, #060606 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37383d), color-stop(100%,#060606));
	background: -webkit-linear-gradient(top,  #37383d 0%,#060606 100%);
	background: -o-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: -ms-linear-gradient(top,  #37383d 0%,#181818 100%);
	background: linear-gradient(to bottom,  #37383d 0%,#181818 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37383d', endColorstr='#181818',GradientType=0 );
	border-top: 1px solid #000000;
	z-index: 10;
}

#counter-bottom .counter-options {
	display: table-cell;
	height: 70px;
	vertical-align: middle;
	text-align: center;
	box-shadow: inset 0 0 10px #202020;
	position: relative;
	font-size: 14px;
	text-shadow: -1px -1px 0 #303030;
}

#counter-bottom .border-right {
	border-right: 1px solid #000000;
}

#counter-bottom .border-left {
/*	border-left: 1px solid #202020; */
}

#counter-bottom .favorites {
	display: inline-block;
}

#counter-lines .counter-line {
	display: block;
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #070707;
} #counter-lines .counter-line:hover, #counter-lines .counter-line:focus {
	background-color: #101010;
	cursor: pointer;
	outline: none;
}

#counter-lines .reciept-split-is-payed {
	text-decoration: line-through;
	color: #BBBBBB;
}

#counter-lines .reciept-split-prepared {
	text-decoration: none;
	color: #44a9ed;
}

#counter-lines .counter-line-cell {
	display: table-cell;
	height: 48px;
	vertical-align: middle;
	font-size: 14px;
	overflow: hidden;
}

#counter-lines .counter-line-productText {
	padding-left: 13px;
	width: 455px;
	max-width: 455px;
	overflow: hidden;
}

.counter-line-productText .text-inner {
	display: inline-block;
	overflow: hidden;
	height: 18px;
	margin: 2px 0 -2px 0;
	white-space: nowrap;
	max-width: 815px;
}

.counter-line-productText .discount-color, .counter-line-productPrice .discount-color {
	color: #f7b947;
	font-size: 13px;
}


.counter-line-productText .coupon-color, .counter-line-productText .coupon-color {
	color: #39ca18;
}

#counter-lines .counter-line-productPcs {
	padding: 0 15px;
	width: 160px;
}

#counter-lines .counter-line-productPcs .counter-price-each {
	font-size: 11px;
	display: inline-block;
	margin-left: 7px;
}

#counter-lines .productPcs-input {
	border: 1px solid #151515;
	background-color: #080808;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	padding: 7px 0;
	border-radius: 13px;
	width: 32px;
 	-webkit-appearance: none;
 	margin: 0;
 	cursor: pointer;
} #counter-lines .productPcs-input:focus {
	outline: none;
}

#counter-lines .counter-line-productPrice {
	padding-right: 14px;
	width: 115px;
	text-align: right;
}

#counter-lines .counter-line-delete {
	width: 22px;
	height: 16px;
	box-shadow: inset 0 0 5px #000000;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 1px 0 4px 0;
	margin-bottom: -1px;
	margin-right: 10px;
}

#counter-bottom .counter-shortcut {
	position: absolute;
	margin-top: -26px;
	font-size: 10px;
	margin-left: 82px;
	border-radius: 0 0 3px 3px;
	height: 17px;
	display: block;
	width: 32px;
	text-align: center;
	color: #FFFFFF;
	background-color: #606060;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	opacity: 0.4;
}

#counter-options .inner {
	display: inline-block;
	position: absolute;
}

#counter-bottom .counter-shortcut-pay {
	position: absolute;
	margin-top: -26px;
	font-size: 10px;
	margin-left: 82px;
	border-radius: 0 0 3px 3px;
	height: 17px;
	display: block;
	width: 32px;
	text-align: center;
	color: #000000;
	background-color: #E9E9E9;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	opacity: 0.4;
}

.trigger-payment {
	z-index: 6000;
}

.counter-payment-btn-wrapper {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 2px;
}

#counter-payment .counter-shortcut-payment {
	position: relative;
	display: block;
	margin: 4px -91px -24px 91px;
	width: 20px;
	overflow: hidden;
	height: 12px;
	border-left: 1px solid #181818;
	border-right: 1px solid #181818;
	border-bottom: 1px solid #181818;
	background-color: #505050;
	opacity: 0.7;
	font-size: 9px;
	text-align: center;
	border-radius: 0 0 2px 2px;
	z-index: 7000;
}

#counter-payment .counter-shortcut-payment .key-name {
	display: block;
	margin-top: -3px;
}

#counter-operator {
	position: absolute;
	color: #505050;
	height: 32px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #181818;
	border-left: 1px solid #000000;
	font-size: 12px;
	background-color: #101010;
	vertical-align: middle;
	width: 396px;
	bottom: 71px;
	right: 0px;
}

#counter-operator .counter-data-right, #counter-operator .counter-data-left {
	width: 177px;
	max-width: 177px;
	white-space: nowrap;
	overflow: hidden;
	display: table-cell;
	height: 32px;
	vertical-align: middle;
	padding: 0 10px;
	text-align: center;
} #counter-operator .counter-data-left {
	border-right: 1px solid #000000;
}

.input-title-top {
	margin-bottom: -3px;
	border: 1px solid #181818;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	width: 100%;
	padding: 4px 8px 6px 8px;
	border-radius: 2px;
	box-sizing: border-box;
	color: #DDDDDD;
}

.input-with-top-title {
	width: 100%;
	padding: 10px 12px;
	font-size: 14px;
	border: 0px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 0 0 2px 2px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	position: relative;
}

.submit-with-top-title {
	width: 100%;
	padding: 10px 12px;
	font-size: 14px;
	border: 0px;
	box-shadow: inset 0 0 10px #151515;
	border-radius: 0 0 2px 2px;
	color: #FFFFFF;
	resize: none;
	-webkit-appearance: none;
	box-sizing: border-box;
}

.counter-sidebar-inner {
	padding: 10px 10px;
}

.sidebar-subtitle {
	margin-bottom: 8px;
	border: 1px solid #181818;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	width: 359px;
	padding: 6px 8px;
	border-radius: 2px;
}

.sidebar-subtitle-nomargin {
	border: 1px solid #181818;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	width: 359px;
	padding: 6px 8px;
	border-radius: 2px;
}

.sidebar-subtitle-zero-margin {
	border-top: 1px solid #181818;
	border-right: 1px solid #181818;
	border-left: 1px solid #181818;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	width: 359px;
	padding: 6px 8px;
	border-radius: 2px 2px 0 0;
}

.sidebar-payment-subtitle {
	display: inline-block;
	border: 1px solid #181818;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	width: 165px;
	padding: 8px 8px;
	border-radius: 2px;
	z-index: 100;
	position: relative;
}

.sidebar-payment-subtitle-shortcut {
	display: block;
	position: absolute;
	right: 5px;
	font-size: 10px;
	padding: 1px 3px 1px 4px;
	border: 1px solid #000000;
	background: #303030;
	opacity: 0.6;
	border-radius: 2px;
	top: 6px;
}

.sidebar-customer-subtitle {
	display: inline-block;
	border: 1px solid #181818;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	width: 115px;
	padding: 8px 8px;
	border-radius: 2px;
	z-index: 100;
}

.sidebar-serial-subtitle {
	display: inline-block;
	border: 1px solid #181818;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	width: 75px;
	padding: 8px 8px;
	border-radius: 2px;
	z-index: 100;
}

.counter-payment-box {
	margin-top: -2px;
	margin-bottom: 10px;
}

.counter-note {
	width: 361px;
	height: 120px;
	padding: 6px 8px;
	font-size: 12px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 0 0 2px 2px;
	margin-bottom: 6px;
	margin-top: -9px;
	margin-left: -1px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
	border: 1px solid #000000;
} .counter-note:focus {
	outline: none;
}

.counter-sidebar-select {
	width: 379px;
	height: 40px;
	padding-left: 10px;
	font-size: 14px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 0 0 2px 2px;
	margin-bottom: 0px;
	margin-top: -9px;
	margin-left: -1px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
	border: 1px solid #000000;
}

.counter-sidebar-input {
	width: 353px;
	padding: 10px 12px;
	font-size: 14px;
	border: 0px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 0 0 2px 2px;
	margin-bottom: 10px;
	margin-top: -9px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
}

.counter-sidebar-payment-input {
	display: inline-block;
	width: 159px;
	padding: 10px 12px 10px 12px;
	font-size: 14px;
	border: 0px;
	/*text-align: right;*/
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 2px;
	margin-left: 6px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
} .counter-sidebar-payment-input:focus {
	outline: none;
}

.counter-sidebar-customer-input {
	display: inline-block;
	width: 209px;
	padding: 10px 12px 10px 12px;
	font-size: 14px;
	border: 0px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 2px;
	margin-left: 6px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
} .counter-sidebar-customer-input:focus {
	outline: none;
}

.counter-sidebar-customer-zip {
	display: inline-block;
	width: 40px;
	padding: 10px 12px 10px 12px;
	font-size: 14px;
	border: 0px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 2px;
	margin-left: 6px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
} .counter-sidebar-customer-zip:focus {
	outline: none;
}

.counter-sidebar-customer-city {
	display: inline-block;
	width: 137px;
	padding: 10px 12px 10px 12px;
	font-size: 14px;
	border: 0px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 2px;
	margin-left: 3px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
} .counter-sidebar-customer-city:focus {
	outline: none;
}


.counter-sidebar-serial-input {
	display: inline-block;
	width: 254px;
	padding: 9px 12px 10px 12px;
	font-size: 14px;
	border: 0px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 2px;
	margin-left: 6px;
	color: #000000;
	resize: none;
	-webkit-appearance: none;
} .counter-sidebar-serial-input:focus {
	outline: none;
}

.counter-payment-types {
	margin: -10px 0 10px -10px;
}

#counter-payments-wrapper {
	margin-bottom: 13px;
}

#counter-complete-sale, #counter-complete-sale-email {
    position: relative;
	padding: 24px;
	border: 0px;
	margin-top: -2px;
	color: #FFFFFF;
	font-size: 22px;
    
}

#counter-complete-sale {
	width: 300px;
	border-radius: 0 0 0 3px;
	color: #FFFFFF;
	font-size: 22px;
}

#counter-complete-sale-email {
	width: 76px;
	border-radius: 0 0 3px 0;
	margin-left:-4px;
}

#counter-complete-sale .complete-sale-shortcut {
	float:left;
	font-size: 10px;
	margin-top: -24px;
	margin-left: 105px;
	padding: 2px 7px;
	opacity: 0.75;
	color: #FFFFFF;
	background-color: #101010;
	border-radius: 0 0 3px 3px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-shadow: 1px 1px 0 #000000;
}

.counter-sidebar-button {
	float: right;
	margin-right: 46px;
	padding: 10px 12px;
	font-size: 14px;
	border: 1px solid #181818;
	border-radius: 2px;
	width: 180px;
	color: #FFFFFF;
} .counter-sidebar-button:focus {
	outline: none;
}

#counter-registered-payments {
	width: 361px;
	padding: 6px 8px 1px 8px;
	font-size: 11px;
	box-shadow: inset 0 0 10px #151515;
	background-color: #E5E5E5;
	border-radius: 0 0 2px 2px;
	margin-top: -9px;
	color: #000000;
	margin-bottom: 4px;
}

.counter-payment-line, #counter-no-payments {
	margin-bottom: 5px;
}

#counter-listed-serials {
	width: 377px;
	max-width: 377px;
	box-shadow: inset 0 0 10px #151515;
	background-color: #E5E5E5;
	border-radius: 0 0 2px 2px;
	margin-top: -9px;
	overflow-y: hidden;
	overflow-x: hidden;
} #counter-listed-serials .scroller  {
	height: 100%;
	min-width: 377px;
	padding-right: 40px;
	margin-right: -40px;
	overflow-y: scroll;
}

#counter-listed-serials a {
	display: block;
	padding: 6px 9px 6px 9px;
	color: #303030;
	font-size: 13px;
	text-decoration: none;
	margin-right: -40px;
	position: relative;
} #counter-listed-serials a:focus, #counter-listed-serials a:hover {
	outline: none;
	color: #FFFFFF;
}

#counter-add-product-serial, #counter-add-product-serial-return {
	width: 377px;
	border: 0px;
	padding: 9px 0 9px 0;
	border: 1px solid blue;
	border-radius: 2px;
	font-size: 14px;
	border: 1px solid #181818;
	background-color: #121212;
	cursor: pointer;
}

.serial-valid {
	color: #39ca18;
}

.serial-invalid {
	color: #8f0222;
}

.serial-valid:hover, .serial-invalid:hover, .serial-valid:focus, .serial-invalid:focus {
	color: #FFFFFF;
}

#counter-listed-serials .indent {
	display: inline-block;
	width: 42px;
}

.counter-payment-name {
	display: inline-block;
}

.counter-payment-value {
	display: inline-block;
	float: right;
	margin-right: 4px;
}

.counter-payment-line-delete, .counter-payment-line-delete-dummy {
	display: inline-block;
	padding: 0 2px;
	float: right;
	margin: -1px 0 1px 0;
} .counter-payment-line-delete {
	color: red;
} .counter-payment-line-delete-dummy {
	color: #A9A9A9;
} .counter-payment-line-delete:hover {
	color: #000000;
	cursor: pointer;
}

#counter-line-options {
	position: absolute;
	margin-top: -18px;
	margin-left: 8px;
	color: #F1F1F1;
	font-size: 11px;
	border: 1px solid #909090;
	border-radius: 3px;
	background-color: #060606;
	z-index: 10000;
	box-shadow: 0px 0px 2px #404040;
	opacity: 0.95;
	max-width: 395px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#counter-line-options:after, #counter-line-options:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#counter-line-options:after {
	border-color: rgba(6, 6, 6, 0);
	border-right-color: #060606;
	border-width: 5px;
	top: 18px;
	margin-top: -5px;
}

#counter-line-options:before {
	border-color: rgba(9, 9, 0, 0);
	border-right-color: #909090;
	border-width: 6px;
	top: 18px;
	margin-top: -6px;
}

.counter-line-options-spacer {
	border-left: 1px solid #303030;
	border-right: 1px solid #606060;
	display: table-cell;
}

.counter-line-options-discount, .counter-line-options-info, .counter-line-options-delete, .counter-line-options-split-payment {
	display: table-cell;
	height: 34px;
	width: 106px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

#counter-add-line-discount {
	border-top: 1px solid #909090;
	padding: 14px 0 14px 14px;
	display: none;
}

#counter-add-line-discount .hide-line {
	width: 99px;
	background-color: #060606;
	height: 3px;
	float: left;
	margin: -15px 0 -10px 85px;
}

#counter-options-discount-value {
	display: inline-block;
	width: 122px;
	padding: 9px 12px 10px 12px;
	font-size: 11px;
	border: 0px;
	text-align: right;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 2px;
	color: #000000;
	resize: none;
	margin-right: 10px;
	-webkit-appearance: none;
} #counter-options-discount-value:focus {
	outline: none;
}

#counter-options-discount-percentage, #counter-options-discount-amount, #counter-options-discount-apply {
	display: inline-block;
	padding: 9px 10px 10px 10px;
	margin-right: -4px;
	cursor: pointer;
}

#counter-options-discount-percentage, #counter-options-discount-amount {
	width: 41px;
	text-align: center;
	opacity: 0.92;
}

#counter-options-discount-percentage {
	border-radius: 3px 0 0 3px;
	background-color: #303030;
	border-right: 0px;
	color: #909090;
}

#counter-options-discount-amount {
	border-radius: 0 3px 3px 0;
	margin-right: 10px;
	background-color: #303030;
	color: #909090;
}

#counter-options-discount-apply {
	border-radius: 3px;
	padding: 9px 12px 10px 12px;
	border: 1px solid #181818;
	color: #FFFFFF;
}

#counter-add-line-discount .untoggled {
background: #546e80;
background: -moz-linear-gradient(top,  #546e80 0%, #151b23 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546e80), color-stop(100%,#151b23));
background: -webkit-linear-gradient(top,  #546e80 0%,#151b23 100%);
background: -o-linear-gradient(top,  #546e80 0%,#151b23 100%);
background: -ms-linear-gradient(top,  #546e80 0%,#151b23 100%);
background: linear-gradient(to bottom,  #546e80 0%,#151b23 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546e80', endColorstr='#151b23',GradientType=0 );
	color: #909090;
	border: 1px solid #202020;
}

#counter-add-line-discount .untoggled:focus, #counter-add-line-discount .toggled:focus, #counter-options-discount-apply:focus {
	outline: none;
	opacity: 1.0;
}

#counter-add-line-discount .toggled {
	box-shadow: inset 0 0 10px #151515;
	background: #79d71b;
	background: -moz-linear-gradient(top,  #79d71b 0%, #41bb11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d71b), color-stop(100%,#41bb11));
	background: -webkit-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -o-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -ms-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: linear-gradient(to bottom,  #79d71b 0%,#41bb11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d71b', endColorstr='#41bb11',GradientType=0 );
	color: #202020;
	border: 1px solid #181818;
}

#counter-add-line-discount .toggled .checkmark {
	display: block;
	position: absolute;
	font-size: 30px;
	margin-top: -25px;
	margin-left: -2px;
	opacity: 0.08;
	color: #000000;
	z-index: 50;
}

#counter-add-line-discount .untoggled .checkmark {
	display: none;
}

#counter-add-line-discount .toggled .text, #counter-add-line-discount .untoggled .text {
	position: relative;
	z-index: 100;
}

.discount-inner-text, .discount-inner-value {
	font-size: 11px;
	color: #f7b947;
}

.serial-inner-text {
	display: inline-block;
	margin-right: 6px;
	font-size: 11px;
}

#counter-additional-discount-percentage, #counter-additional-discount-amount {
	text-align: center;
	opacity: 0.92;
	padding: 10px 0;
}

#counter-additional-discount-percentage {
	width: 93px;
	border-radius: 3px 0 0 3px;
	background-color: #303030;
	border-right: 0px;
	margin-left: 5px;
}

#counter-additional-discount-amount {
	width: 92px;
	border-radius: 0 3px 3px 0;
	margin-right: 10px;
	background-color: #303030;
	margin-left: -5px;
}

.small-text {
	font-size: 10px;
}

.ajax-spinner-small {
	position: absolute;
	width: 0px;
	height: 0px;
	display: inline-block;
	background-image: url('images/gif_spinner.gif');
	background-size: 60% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.traditional-form-padding {
	padding: 10px 0;
}

.trf-pad-top {
	padding-top: 10px!important;
}

.trf-pad-btm {
	padding-bottom: 10px!important;
}

.trf-pad-left {
	padding-left: 10px!important;
}

.trf-pad-right {
	padding-right: 10px!important;
}

.no-padding {
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.rmv-btm-pad {
	padding-bottom: 0px;
}

.traditional-form-label {
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 27px;
	font-size: 14px;
	color: #DDDDDD;
	text-shadow: 1px 1px 0 #000000;
}

.trf-label-compact {
	height: 36px;
	font-size: 12px;
	padding-left: 15px;
}

.trf-txtline-compact {
	height: 36px;
	font-size: 12px;
	padding-left: 0px;
}

.traditional-form-full-textarea {
	padding-left: 27px;
	font-size: 14px;
	color: #DDDDDD;
	text-shadow: 1px 1px 0 #000000;
}

.traditional-form-line-static {
	padding: 11px 10px 9px 0;
	font-size: 13px;
	color: #DDDDDD;
	text-shadow: 1px 1px 0 #000000;
}

.traditional-form-line {
	height: 20px;
	padding: 10px 0;
	display: table-cell;
	vertical-align: middle;
	padding-left: 27px;
	font-size: 13px;
	color: #DDDDDD;
	text-shadow: 1px 1px 0 #000000;
	width: inherit;
}

.traditional-form-line-auto-width {
	min-height: 20px;
	padding: 10px 0;
	display: table-cell;
	vertical-align: middle;
	padding-left: 27px;
	font-size: 13px;
	color: #DDDDDD;
	text-shadow: 1px 1px 0 #000000;
}

.traditional-form-center-box {
	width: 100%;
	padding: 10px 0;
	font-size: 13px;
	color: #DDDDDD;
	text-shadow: 1px 1px 0 #000000;
}

.trf-line-select {
	width: 284px;
	margin: 0;
	padding: 3px;
	background-color: transparent;
	color: #DDDDDD;
	border: 0;
	cursor: pointer;
	border: 1px solid transparent;
	margin-bottom: -3px;
	margin-top: -6px;
	margin-left: -8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	background-image: url('icons/white_icons/Edit_opacity.png');
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: 261px 4px;
} .trf-line-select option {
	color: #000000;
}

.trf-line-input {
	width: 280px;
	background-image: url('icons/white_icons/Edit_opacity.png');
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position: 257px 3px;
	margin: 0;
	padding: 3px;
	background-color: transparent;
	color: #DDDDDD;
	border: 0;
	cursor: pointer;
	border: 1px solid transparent;
	margin-bottom: -3px;
	margin-top: -6px;
	margin-left: -4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
}

.trf-line-input:focus, .trf-line-select:focus {
	outline: none;
	border: 1px solid #404040;
}

.trf-line-header {
	background: #202020;
}

.trf-line-bb {
	border-bottom: 1px solid #040404;
}

.trf-line-bl {
	border-left: 1px solid #040404;
}

.trf-line-bb-light {
	border-bottom: 1px solid #202020;
}

.trf-line-bb-medium {
	border-bottom: 1px solid #171717;
}

.trf-line-bl-light {
	border-left: 1px solid #202020;
}

.traditional-form-label-sub {
	font-size: 12px;
}

.traditional-form-mtext {
	padding-top: 20px;
	font-size: 14px;
}

.traditional-form-trans-field {
	width: 100%;
	height: 40px;
	margin-top: 10px;
	font-size: 14px;
	color: #DDDDDD;
	padding: 11px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
}

.traditional-form-input, .traditional-form-select, .traditional-form-input-ajax, .traditional-form-input-dummy, .traditional-form-input-small {
	width: 100%;
	height: 40px;
	margin-top: 10px;
	font-size: 14px;
	color: #DDDDDD;
	padding: 0 11px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	background-color: #303030;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
} .traditional-form-input:focus, .traditional-form-select:focus, .traditional-form-input-ajax:focus, .traditional-form-textarea:focus, .traditional-form-input-small:focus {
	color: #404040;
	box-shadow: inset 0 0 30px #606060;
	background-color: #DDDDDD;
} .traditional-form-input-small {
	width: 80px;
}

.traditional-form-fullsize-multiple-select {
	width: calc(100% + 40px);
	padding-right: 20px;
	font-size: 14px;
	color: #DDDDDD;
	border: 0px;
	background-color: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
} .traditional-form-fullsize-multiple-select:focus {
	outline: none;
} .traditional-form-fullsize-multiple-select option {
	padding: 3px 10px;
}

.traditional-form-textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	margin-top: 10px;
	font-size: 14px;
	color: #DDDDDD;
	font-family: inherit;
	padding: 8px 11px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	background-color: #303030;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	display: block;
}

.traditional-form-textarea-popup {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	margin-top: 10px;
	font-size: 12px;
	color: #DDDDDD;
	font-family: inherit;
	padding: 7px 9px;
	border: 1px solid #101010;
	box-shadow: inset 0 0 30px #161616;
	background-color: #454545;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	display: block;
}

.traditional-form-select-small {
	width: 80px;
	height: 40px;
	margin-top: 10px;
	font-size: 14px;
	color: #DDDDDD;
	padding: 0 11px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	background-color: #303030;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
} .traditional-form-select-small:focus {
	color: #404040;
	box-shadow: inset 0 0 30px #606060;
	background-color: #DDDDDD;
}

.traditional-form-checkbox-wrapper {
	margin-top: 10px;
	padding-bottom: 10px;
}

.traditional-form-checkbox {
	margin: 0px;
	width: 24px;
	height: 24px;
	border: 1px solid #000000;
	background-color: #303030;
	border-radius: 3px;
	margin-right: 20px;
	margin-bottom: -7px;
	margin-top: 7px;
	color: #FFFFFF;
	-webkit-appearance: none;
} .traditional-form-checkbox:checked {
	background: #303030 url('images/checkbox_checkmark.png');
	background-size: 80% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.traditional-form-submit, .traditional-form-anchor-button {
	width: 100%;
	height: 40px;
	margin-top: 10px;
	font-size: 14px;
	color: #EEEEEE;
	text-shadow: 1px 1px 0 #202020;
	padding: 0 11px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	text-align: center;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
} .traditional-form-submit:focus, .traditional-form-anchor-button:focus {
	box-shadow: inset 0 0 30px #606060;
}

.traditional-form-anchor-button {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 10px;
}

.trf-inp-compact {
	width: 100%;
	height: 30px;
	margin-top: 3px;
	font-size: 12px;
	color: #DDDDDD;
	padding: 0 8px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	background-color: #303030;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
}

.trf-inp-compact-readonly {
	width: 100%;
	height: 30px;
	margin-top: 3px;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0;
	border: 1px solid transparent;
	box-shadow: inset 0 0 30px transparent;
	background-color: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
} .trf-inp-compact-readonly:focus {
	outline: none;
	background-color: transparent;
	box-shadow: inset 0 0 30px transparent;
	color: #FFFFFF;
}

.trf-chk-compact {
	width: 30px;
	height: 30px;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: -3px;
	box-shadow: inset 0 0 15px #101010;
}

.underline {
	text-decoration: underline;
}

.emphasize-btn {
	height: 50px;
	margin-top: 30px;
	color: #EEEEEE;
	text-shadow: 1px 1px 0 #202020;
	padding: 0 40px;
	font-size: 20px;
	border: 1px solid #000000;
	box-shadow: inset 0 0 30px #101010;
	text-align: center;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.traditional-form-exp {
	padding: 16px 26px;
	font-size: 12px;
	color: #CCCCCC;
	text-shadow: 1px 1px 0 #000000;
	border-bottom: 1px solid #000000;
	background-color: #151515;
}

.notes-sms-wrapper, .notes-email-wrapper {
	padding: 12px 14px;
	margin-bottom: 5px;
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #101010;
	font-size: 14px;
}

.notes-sms-wrapper {
	max-width: 368px;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	text-shadow: -1px -1px 0 #303030;
}

.notes-email-wrapper {
	color: #000000;
	max-width: 538px;
	background: #c2c9ce;
	background: -moz-linear-gradient(top,  #c2c9ce 0%, #7c889a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c9ce), color-stop(100%,#7c889a));
	background: -webkit-linear-gradient(top,  #c2c9ce 0%,#7c889a 100%);
	background: -o-linear-gradient(top,  #c2c9ce 0%,#7c889a 100%);
	background: -ms-linear-gradient(top,  #c2c9ce 0%,#7c889a 100%);
	background: linear-gradient(to bottom,  #c2c9ce 0%,#7c889a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c9ce', endColorstr='#7c889a',GradientType=0 );
	text-shadow: -1px -1px 0 #BBBBBB;
}

.content-box-inner-feedback {
	padding: 1px 26px 16px 26px;
	color: #CCCCCC;
	text-shadow: 1px 1px 0 #000000;
	font-size: 12px;
	border-bottom: 1px solid #303030;
	background-color: #151515;
	display: none;
}

.ajax-form-feedback-text, #ajax-form-feedback {
	padding: 0 26px 16px 26px;
	color: #CCCCCC;
	text-shadow: 1px 1px 0 #000000;
	font-size: 12px;
}

.ajax-form-err-line {
	margin-top: 16px;
}

.ajax-form-err-line .bullet {
	color: red;
	display: inline-block;
	margin-right: 7px;
}

.ajax-form-err-line .bullet-green {
	color: green;
	display: inline-block;
	margin-right: 7px;
}

.traditional-form-submit-box {
	padding: 16px 0;
	font-size: 12px;
	color: #CCCCCC;
	text-shadow: 1px 1px 0 #000000;
	border-top: 1px solid #000000;
	background-color: #070707;
}

.traditional-form-exp-small {
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 27px;
	font-size: 11px;
	color: #CCCCCC;
	text-shadow: 1px 1px 0 #000000;
}

.tfp-tb {
	border-top: 1px solid #181818;
}

.tfp-bb {
	border-bottom: 1px solid #181818;
}

.counter-discount-toggle .untoggled {
	background: #546e80;
	background: -moz-linear-gradient(top,  #546e80 0%, #151b23 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546e80), color-stop(100%,#151b23));
	background: -webkit-linear-gradient(top,  #546e80 0%,#151b23 100%);
	background: -o-linear-gradient(top,  #546e80 0%,#151b23 100%);
	background: -ms-linear-gradient(top,  #546e80 0%,#151b23 100%);
	background: linear-gradient(to bottom,  #546e80 0%,#151b23 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546e80', endColorstr='#151b23',GradientType=0 );
	color: #909090;
	border: 1px solid #202020;
}

.counter-discount-toggle .untoggled:focus, .counter-discount-toggle .toggled:focus {
	outline: none;
	opacity: 1.0;
}

.counter-discount-toggle .toggled {
	box-shadow: inset 0 0 10px #151515;
	background: #79d71b;
	background: -moz-linear-gradient(top,  #79d71b 0%, #41bb11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d71b), color-stop(100%,#41bb11));
	background: -webkit-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -o-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -ms-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: linear-gradient(to bottom,  #79d71b 0%,#41bb11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d71b', endColorstr='#41bb11',GradientType=0 );
	color: #202020;
	border: 1px solid #181818;
}

.counter-discount-toggle .checkmark {
	position: absolute;
	margin-left: -63px;
	padding-top: 12px;
	z-index: 9000;
	font-size: 30px;
	color: #000000;
	opacity: 0.08;
}

.counter-sidebar-info {
	width: 352px;
	margin-bottom: 12px;
	padding: 14px 12px 0 12px;
	border-radius: 3px;
	color: #f7b947;
	background-color: #101010;
	border: 1px solid #181818;
	font-size: 11px;
}

.counter-sidebar-info ul {
	margin: 0;
	padding: 0 0 0 11px;
}

.counter-sidebar-info ul li {
	margin-bottom: 14px;
}

#counter-additional-discount-clear, #counter-additional-discount-submit {
	border: 1px solid #181818;
	margin-right: 5px;
	padding: 10px 0;
	border-radius: 3px;
	color: #FFFFFF;
}

#counter-additional-discount-clear, #counter-additional-discount-submit {
	width: 183px;
}

#counter-additional-discount-submit {
	width: 185px;
}

.border-radius-full {
	border-radius: 3px;
}

.border-radius-btm {
	border-radius: 0px 0px 3px 3px;
}

.border-radius-top {
	border-radius: 3px 3px 0 0;
}

.border-radius-left {
	border-radius: 3px 0 0 3px;
}

.border-radius-right {
	border-radius: 0 3px 3px 0;
}

.radio-button-wrapper {
	border: 1px solid #181818;
}

.radio-button-wrapper .border {
	border-right: 1px solid #181818;
}

.radio-button-wrapper .selected {
	box-shadow: inset 0 0 10px #151515;
	background: #79d71b;
	background: -moz-linear-gradient(top,  #79d71b 0%, #41bb11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79d71b), color-stop(100%,#41bb11));
	background: -webkit-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -o-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: -ms-linear-gradient(top,  #79d71b 0%,#41bb11 100%);
	background: linear-gradient(to bottom,  #79d71b 0%,#41bb11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d71b', endColorstr='#41bb11',GradientType=0 );
	color: #FFFFFF;
}

.radio-button-wrapper .notselected {
	box-shadow: inset 0 0 10px #151515;
	background: #546e80;
	background: -moz-linear-gradient(top,  #546e80 0%, #151b23 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546e80), color-stop(100%,#151b23));
	background: -webkit-linear-gradient(top,  #546e80 0%,#151b23 100%);
	background: -o-linear-gradient(top,  #546e80 0%,#151b23 100%);
	background: -ms-linear-gradient(top,  #546e80 0%,#151b23 100%);
	background: linear-gradient(to bottom,  #546e80 0%,#151b23 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546e80', endColorstr='#151b23',GradientType=0 );
	color: #909090;
}

.radio-button-selector {
	display: table-cell;
	text-align: center;
	height: 36px;
	vertical-align: middle;
	border: 0px;
	margin-right: -5px;
	opacity: 0.9;
}

.radio-button-selector:focus, .radio-button-selector:hover {
	outline: none;
	opacity: 1.0;
	cursor: pointer;
}

.input-search-results {
	border-left: 1px solid #181818;
	border-bottom: 1px solid #181818;
	border-right: 1px solid #181818;
	background-color: #FFFFFF;
	margin: -1px -1px 0 -1px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	border-radius: 0 0 3px 3px;
}

.required {
	color: red;
}

.input-search-results a {
	color: #202020;
	text-decoration: none;
	font-size: 12px;
	padding: 8px 12px;
	display: block;
} .input-search-results a:hover, .input-search-results a:focus {
	color: #FFFFFF;
}

.input-search-results span {
	color: #202020;
	text-decoration: none;
	font-size: 12px;
	padding: 8px 12px;
	display: block;
}

#counter-park-reciept-submit {
	width: 377px;
	padding: 9px 0;
	border: 1px solid #181818;
	border-radius: 3px;
	color: #FFFFFF;
}

.counter-customer-ok {
	display: inline-block;
	height: 20px;
	width: 20px;
	position: absolute;
	margin-top: -1px;
	margin-left: -9px;
	background-image: url('images/counter_user_icon_green.png');
	background-size: 100% auto;
}

.counter-customer-missing {
	display: inline-block;
	height: 20px;
	width: 20px;
	position: absolute;
	margin-top: -1px;
	margin-left: -9px;
	background-image: url('images/counter_user_icon_red.png');
	background-size: 100% auto;
}

.row {
	display: block;
	padding: 14px 17px 0px 17px;
}

.row-no-padding {
	padding: 0;
}

.row-pad-btm {
	padding-bottom: 14px;
}

.grid-col-title {
	border: 1px solid #909090;
	margin-bottom: -1px;
	padding: 7px 7px;
	background-color: #505050;
	color: #F1F1F1;
	font-size: 20px;
	text-shadow: 0px;
}

.grid-col-btm-spacer {
	height: 20px;
}

.grid-col {
	display: table-cell;
	margin: 0px;
	vertical-align: top;
	position: relative;
	visibility: hidden;
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	box-sizing:border-box;
}

.gc-discrete-text {
	float: right; 
	opacity: 0.5; 
	display: inline-block; 
	padding-right: 5px;
}

.gcw-bb {
	padding-bottom: 11px;
	border-bottom: 1px solid #000000;
}

.gcw-tb {
	padding-top: 11px;
	border-top: 1px solid #151515;
}

.padding-right {
	padding-right: 10px;
}

.btm-border {
	border-bottom: 1px solid #000000;
}

.content-box-semi-light {
	border: 1px solid #282828;
	color: #F1F1F1;
	text-shadow: 1px 1px 0 #000000;
	border-radius: 3px;
	display: block;
	background-color: #222222;
	box-shadow: inset 0 0 20px #121212;
	height: 100%;
	display: block;
	position: relative;
}

.content-box {
	border: 1px solid #202020;
	color: #F1F1F1;
	text-shadow: 1px 1px 0 #000000;
	border-radius: 3px;
	display: block;
	background-color: #101010;
	box-shadow: inset 0 0 20px #070707;
	height: 100%;
	display: block;
	position: relative;
}

.content-box-limit-height {
	height: auto;
}

.content-box-light {
	border: 1px solid #202020;
	color: #F1F1F1;
	text-shadow: 1px 1px 0 #000000;
	border-radius: 3px;
	display: block;
	background-color: #353535;
	box-shadow: inset 0 0 20px #070707;
	height: 100%;
	display: block;
	position: relative;
}

.spre-content-box {
	color: #303030;
	text-shadow: 1px 1px 0 #F5F5F5;
	border-radius: 3px;
	display: block;
}

.spre-form-box {
	margin: 9px;
}

.spre-form-block {
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	background-color: #DDDDDD;
	color: #303030;
	text-shadow: 1px 1px 0 #FFFFFF;
	padding: 7px 0;
}

.spre-form-inp, .spre-form-select {
	width: 100%;
	height: 40px;
	font-size: 14px;
	color: #303030;
	padding: 0 11px;
	border: 1px solid #909090;
	background-color: #CCCCCC;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
} .spre-form-inp:focus, .spre-form-select:focus {
	color: #151515;
	background-color: #FFFFFF;
}

.spre-form-submit {
	background-color: blue;
	margin-bottom: -7px;
	margin-top: 7px;
	background-color: #BBBBBB;
	border-top: 1px solid #909090;
}

.sptr-form-col {
	padding: 7px 20px;
	vertical-align: middle;
}

.spre-form-req {
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	padding: 12px 20px;
}

.content-submit-btn {
	border: 1px solid #050505;
	border-radius: 3px;
	font-size: 16px;
	padding: 8px 12px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0 #404040;
}

.content-box-spacer {
	display: block;
	height: 15px;
}

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

.big-search {
	display: block;
	width: 100%;
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari     */
	font-size: 18px;
	color: #404040;
	padding: 10px 12px;
	margin: 0px;
	border: 0px;
	border-radius: 0 0 2px 2px;
	box-shadow: inset 0 0 10px #151515;
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 5%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(5%,#efefef), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#efefef 5%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#cccccc',GradientType=0 );
	-webkit-appearance: none;
	position:relative;
} .big-search:focus {
	background: #F5F5F5;
}

.ajax-search-line-wrapper , .ajax-search-line-wrapper-no-hover, .ajax-search-line-wrapper-light-hover, .ajax-search-line-wrapper-no-btm-pad {
	display: block;
	color: inherit;
	text-decoration: none;
	font-size: 15px;
	border: 1px solid #252525;
	padding: 7px 10px 9px 10px;
	margin-bottom: -2px;
	color: #F4F4F4;
	border-radius: 0 0 3px 3px;
	background-color: #070707;
} .ajax-search-line-wrapper:focus, .ajax-search-line-wrapper:hover, .ajax-search-line-wrapper-no-btm-pad:hover {
	box-shadow: inset 0 0 10px #151515;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	outline: none;
	cursor: pointer;
} .ajax-search-line-wrapper-light-hover:hover {
	box-shadow: inset 0 0 10px #151515;
	background: #303030;
	outline: none;
	cursor: pointer;	
}

.ajax-search-line-wrapper-no-btm-pad {
	padding: 7px 10px 0 10px;
}

.ajax-search-header {
	display: block;
	color: inherit;
	text-decoration: none;
	font-size: 15px;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	padding: 7px 10px;
	border: 1px solid #252525;
	margin-bottom: -1px;
	color: #606060;
	border-radius: 3px 3px 0 0;
}

.ajax-sh-between-content {
	margin-top: -3px;
	border-radius: 0px;
}

.tab-wrapper {
	padding: 19px 17px 0 17px;
	border-bottom: 1px solid #202020;
	background-color: #060606;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.tab-table {
	display: table;
	width: 100%;
	margin-bottom: -0px;
}

.tab-row {
	display: table-row;
	width: 100%;
}

.tab-cell {
	display: table-cell;
	text-align: center;
	border-top: 1px solid #202020;
	border-left: 1px solid #202020;
	border-radius: 5px 5px 0 0;
	height: 31px;
	vertical-align: middle;
	box-shadow: 0 -4px 10px #101010;
	color: #CCCCCC;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	cursor: pointer;
} .tab-cell:hover {
	color: #FFFFFF;
	background: #505c60;
	background: -moz-linear-gradient(top,  #505c60 0%, #444f54 22%, #3a3f44 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505c60), color-stop(22%,#444f54), color-stop(100%,#3a3f44));
	background: -webkit-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
	background: -o-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
	background: -ms-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
	background: linear-gradient(to bottom,  #505c60 0%,#444f54 22%,#3a3f44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505c60', endColorstr='#3a3f44',GradientType=0 );
}

.tab-end {
	border-right: 1px solid #202020;
}

.tab-row .active-tab {
	background: #505c60;
background: -moz-linear-gradient(top,  #505c60 0%, #444f54 22%, #3a3f44 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505c60), color-stop(22%,#444f54), color-stop(100%,#3a3f44));
background: -webkit-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
background: -o-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
background: -ms-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
background: linear-gradient(to bottom,  #505c60 0%,#444f54 22%,#3a3f44 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505c60', endColorstr='#3a3f44',GradientType=0 );
}

.tab-no {
	color: orange;
	opacity: 0.7;
	display: inline-block;
	margin-left: -7px;
}

.tab-cell-icon-after, .tab-cell-icon-before {
	display: inline-block;
	width: 13px;
	height: 13px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	margin-bottom: -2px;
	opacity: 0.7;
}

.tab-cell-icon-before {
	margin-right: 10px;
}

.tab-cell-icon-after {
	margin-left: 10px;
}

.discount-text {
	color: orange;
}

.content-input-label {
	display: table-cell;
	padding-right: 20px;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 15px;
	color: #909090;
}

.inp-top {
	vertical-align: top;
	padding-top: 7px;
}


.content-input-wrapper {
	display: table-cell;
	vertical-align: middle;
}

.ciw-padding {
	padding: 10px 10px 10px 0;
}

.content-input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 7px 10px;
	font-size: 17px;
	border-radius: 3px;
	box-shadow: inset 0 0 10px #151515;
}

.content-inputs {
	display: table;
	width: 100%;
	height: 100%;
}

.content-select-input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: inset 0 0 10px #151515;
	border-radius: 3px;
	margin: 0px;
	color: #000000;
	resize: none;
	padding: 7px 10px;
	font-size: 17px;
	-webkit-appearance: none;
}

.content-input, .content-textarea, .content-select-input {
	border: 1px solid #000000;
} .content-input:focus, .content-textarea:focus, .content-select-input:focus {
	outline: none;
	border: 1px solid #187dca;
}

.content-textarea {
	width:100%;
	height:100%; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 7px 10px;
	font-size: 17px;
	border-radius: 3px;
	box-shadow: inset 0 0 10px #151515;
}

.inp-readonly {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 11px;
	font-size: 15px;
	border: 1px solid #000000;
	background-color: transparent;
	color: #F1F1F1;
	/*-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
} .inp-readonly:focus, .inp-readonly-center:focus {
	outline: none;
}

.inp-readonly-center {
	display: block;
	width: 100%;
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	padding: 8px 10px 8px 10px;
	text-align: center;
	font-size: 15px;
	border: 1px solid transparent;
	background-color: transparent;
	color: #F1F1F1;
	/*-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
}

.con-btm-margin {
	margin-bottom: 17px;
}

.con-top-margin {
	margin-top: 17px;
}

#tab-controller {
	width: 1154px;
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #303030;
	padding: 15px 17px;
	background-color: #050505;
}

#tab-controller #tab-next {
	float: right;
}

#tab-controller #tab-prev {
	float: left;
	display: none;
}

#tab-controller #tab-prev,#tab-controller #tab-next {
	border: 1px solid #000000;
	border-radius: 3px;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #101010;
	font-size: 15px;
	padding: 8px 0;
	width: 180px;
	font-weight: normal;
	outline: none;
} #tab-controller #tab-prev:focus,#tab-controller #tab-next:focus {
	outline: none;
}

#page-tabs-wrapper .inner-scroll {
	height: 100%;
	padding-bottom: 17px;
}

.centered-single-msg {
	margin-top: 40px; 
	text-align: center; 
	font-size: 16px; 
	line-height: 1.5em; 
	color: #DDDDDD;
}

.tb-left  {
	border-left: 1px solid #252525;
}

.tb-right {
	border-right: 1px solid #252525;
}

.tb-bottom {
	border-bottom: 1px solid #252525;
}

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

.tb-label {
	display: table-cell;
	height: 30px;
	vertical-align: middle;
	padding-left: 10px;
}

.tb-input, .tb-select {
	display: block;
	width: 100%;
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	text-align: center;
	font-size: 15px;
	padding: 0px 10px 0px 10px;
	height: 30px;
	border: 0px solid transparent;
	background-color: #CCCCCC;
	box-shadow: inset 0 0 10px #151515;
	color: #303030;
	margin: 0px;
} .tb-input:focus {
	outline: none;
	background-color: #F5F5F5;
	box-shadow: inset 0 0 10px #909090;
}

.tb-select:focus {
	background-color: #F5F5F5;
	box-shadow: inset 0 0 10px #909090;
}

.tb-select-transparent {
	display: block;
	width: 100%;
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	text-align: center;
	font-size: 15px;
	padding: 0px 10px 0px 10px;
	height: 30px;
	border: 0px solid transparent;
	background-color: #101010;
	box-shadow: inset 0 0 10px #151515;
	color: #CCCCCC;
	margin: 0px;
	-webkit-appearance: none;
}

.tb-submit {
	display: block;
	width: 100%;
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	text-align: center;
	font-size: 15px;
	padding: 7px 8px 6px 8px;
	border: 0px solid transparent;
	box-shadow: inset 0 0 10px #151515;
	color: #FFFFFF;
	margin: 0px;
} .tb-submit:focus {
	outline: none;
}

.tb-button {
	display: block;
	width: 100%;
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	text-align: center;
	font-size: 15px;
	padding: 7px 8px 6px 8px;
	border: 0px solid transparent;
	box-shadow: inset 0 0 10px #151515;
	color: #FFFFFF;
	margin: 0px;
	background-color: transparent;
}

.tb-textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	font-size: 15px;
	padding: 6px 8px 7px 8px;
	border: 0px solid transparent;
	background-color: #CCCCCC;
	box-shadow: inset 0 0 10px #151515;
	color: #303030;
	margin: 0px;
} .tb-textarea:focus {
	outline: none;
	background-color: #F5F5F5;
	box-shadow: inset 0 0 10px #909090;
}

.tb-input-readonly {
	display: block;
	width: 100%;
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	text-align: center;
	font-size: 15px;
	padding: 6px 10px 7px 10px;
	border: 0px solid transparent;
	background-color: transparent;
	color: #F1F1F1;
	margin: 0px;
	/*-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
} .tb-input-readonly:focus {
	outline: none;
}

.stock-report-correction {
	background: transparent;
    color: #FFF;
    border: 0;
    padding: 0;
    text-align: right;
    font-size: 14px;
    width: 100%;
    cursor:pointer;
}

.stock-report-correction .read-only {
	cursor: default;
} .stock-report-correction .read-only:focus {
	outline:none;
}

.column-header {
	padding: 7px 10px;
	background-color: #202020;
	color: #BBBBBB;
	text-shadow: 1px 1px 0 #000000;
	border-top: 1px solid #303030;
}

.column-header-no-tb {
	padding: 7px 10px;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
	color: #808080;
	text-shadow: 1px 1px 0 #000000;
}

.column-header-no-tb-light {
	padding: 7px 10px;
	background: #515759;
	background: -moz-linear-gradient(top,  #515759 0%, #454a4d 22%, #3a3d40 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515759), color-stop(22%,#454a4d), color-stop(100%,#3a3d40));
	background: -webkit-linear-gradient(top,  #515759 0%,#454a4d 22%,#3a3d40 100%);
	background: -o-linear-gradient(top,  #515759 0%,#454a4d 22%,#3a3d40 100%);
	background: -ms-linear-gradient(top,  #515759 0%,#454a4d 22%,#3a3d40 100%);
	background: linear-gradient(to bottom,  #515759 0%,#454a4d 22%,#3a3d40 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515759', endColorstr='#3a3d40',GradientType=0 );
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #000000;
}

.column-inner-header {
	padding: 7px 10px;
	background-color: #202020;
	color: #BBBBBB;
	text-shadow: 1px 1px 0 #000000;
}

.content-box-title, .content-box-title-single, .content-box-title-middle  {
	padding: 10px 10px;
	background-color: #303030;
	font-size: 18px;
	color: #CCCCCC;
	text-shadow: 1px 1px 0 #000000;
	background: #272d2f;
	background: -moz-linear-gradient(top,  #272d2f 0%, #191d1f 22%, #0b0c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272d2f), color-stop(22%,#191d1f), color-stop(100%,#0b0c0d));
	background: -webkit-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -o-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: -ms-linear-gradient(top,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	background: linear-gradient(to bottom,  #272d2f 0%,#191d1f 22%,#0b0c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d2f', endColorstr='#0b0c0d',GradientType=0 );
} 

.content-box-title  {
	border-bottom: 1px solid #000000;
}

.cbt-alone {
	border-radius: 3px 3px 0 0;
	margin-bottom: -2px;
	position: relative;
	z-index: 10;
}

.content-box-title-middle  {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.spre-box-title  {
	padding: 10px 10px;
	border-bottom: 1px solid #000000;
	font-size: 18px;
	color: #303030;
	background-color: #BBBBBB;
	text-shadow: 1px 1px 0 #F4F4F4;
	border-radius: 2px 2px 0 0;
}

.content-box-title .bullet, .content-box-title-middle .bullet, .content-box-title-single .bullet, #operator-title .bullet, #login-title .bullet, .spre-box-title .bullet, .bullet-point, .memcon-top-bar .bullet {
	display: inline-block;
	padding-right: 7px;
	font-size: 17px;
	color: #CE7F00;
}

.input-title-top .bullet {
	display: inline-block;
	padding-right: 7px;
	color: #CE7F00;
}

.cb-title-button {
	position: absolute;
	font-size: 12px;
	padding: 6px 32px 6px 8px;
	color: #FFFFFF;
	border: 1px solid #000000;
	text-shadow: 1px 1px 0 #151515;
	border-radius: 3px;
	right: 4px;
	top: 5px;
	background: #505c60;
	background: -moz-linear-gradient(top,  #505c60 0%, #444f54 22%, #3a3f44 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505c60), color-stop(22%,#444f54), color-stop(100%,#3a3f44));
	background: -webkit-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
	background: -o-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
	background: -ms-linear-gradient(top,  #505c60 0%,#444f54 22%,#3a3f44 100%);
	background: linear-gradient(to bottom,  #505c60 0%,#444f54 22%,#3a3f44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505c60', endColorstr='#3a3f44',GradientType=0 );
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
} .cb-title-button:focus {
	outline: none;
}

.cbtb-icon {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 7px;
	width: 16px;
	height: 16px;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.9;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	border-radius: 16px;
}

.srma-products-icon {
	display: inline-block;
	position: relative;
	top: 3px;
	right: 0px;
	width: 16px;
	height: 16px;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.5;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	border-radius: 16px;
	margin-left: 7px;
	cursor: pointer;
} .srma-products-icon:hover {
	opacity: 1;
}

.css-add-icon {
	background-image: url('icons/white_icons/Add.png');
}

.css-edit-icon {
	background-image: url('icons/white_icons/Edit.png');
}

.show-reciept-serial {
	height: 31px;
	width: 31px;
	float: right;
	margin-top: -31px;
	background-image: url('icons/tag.png');
	background-size: 50% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.show-more-results-button {
	display: table-cell;
	width: inherit;
	height: inherit;
	vertical-align: middle;
} .show-more-results-button img {
	margin-right: 10px;
	margin-bottom: -3px;
}

.red-text {
	color: #FF3270;
}

.green-text {
	color: #50F230;
}

.orange-text, .discount-text {
	color: orange;
}

.hollow {
	opacity: 0;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.bold {
	font-weight: bold;
}

.low-visibility {
	opacity: 0.5;
}

.disable-resize {
	resize: none;
}

.page-splitter {
	height: 1px;
	width: 100%;
	background-color: #202020;
	margin: 26px 0;
}

#validate-author {
	position: fixed;
	width: 420px;
	height: 150px;
	background-color: #1c1e1f;
	border: 1px solid #252525;
	border-radius: 3px;
	z-index: 27000;
	top: 50%;
	left: 50%;
	margin: -75px 0 0 -210px;
	box-shadow: 0 0 30px #101010;
	display: none;
}

#validate-author .inner {
	padding: 6px 12px;
	line-height: 1.5em;
	font-size: 12px;
	color: #909090;
}

#close-validate-author {
	position: absolute;
	height: 40px;
	width: 40px;
	right: 0px;
	cursor: pointer;
	background-image: url('icons/error2.png');
	background-size: 60% auto;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.7;
} #close-validate-author:hover {
	opacity: 1;
}

#validate-author-inp {
	padding: 10px 0px;
	font-size: 16px;
	text-align: center;
	width: 394px;
	border: 1px solid #000000;
	border-radius: 3px;
	box-shadow: inset 0 0 40px #020202;
	background-color: #202020;
	color: #CCCCCC;
	letter-spacing: 6px;
} #validate-author-inp:focus {
	outline: none;
}

#validate-author .inner-inputs .validate-author-submit {
	text-align: center;
	vertical-align: middle;
	position: absolute;
	height: 35px;
	font-size: 20px;
	color: #CCCCCC;
	text-shadow: 1px 1px 0 #606060;
	border: 1px solid #303030;
	margin-top: 2px;
	width: 35px;
	margin-left: 5px;
	border-radius: 3px;
	display: none;
}

#validate-author .inner-inputs {
	text-align: center;
	margin-top: 3px;
}

#validate-author-blur {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 24px;
	z-index: 26000;
	background: #909090;
	opacity: 0.3;
	display: none;
	cursor: pointer;
}

#validate-author-spinner {
	position: absolute;
	display: inline-block;
	width: 31px;
	height: 31px;
	margin-left: -34px;
	margin-top: 7px;
	opacity: 0;
}

#floatingCirclesG{
position:relative;
width:31px;
height:31px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-o-transform:scale(0.6);
-ms-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#000000;
height:6px;
width:6px;
-moz-border-radius:3px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.8s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:3px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-o-border-radius:3px;
-o-animation-name:f_fadeG;
-o-animation-duration:0.8s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-border-radius:3px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:0.8s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
border-radius:3px;
animation-name:f_fadeG;
animation-duration:0.8s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:13px;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-o-animation-delay:0.3s;
-ms-animation-delay:0.3s;
animation-delay:0.3s;
}

#frotateG_02{
left:4px;
top:4px;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-o-animation-delay:0.4s;
-ms-animation-delay:0.4s;
animation-delay:0.4s;
}

#frotateG_03{
left:13px;
top:0;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-o-animation-delay:0.5s;
-ms-animation-delay:0.5s;
animation-delay:0.5s;
}

#frotateG_04{
right:4px;
top:4px;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-o-animation-delay:0.6s;
-ms-animation-delay:0.6s;
animation-delay:0.6s;
}

#frotateG_05{
right:0;
top:13px;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-o-animation-delay:0.7s;
-ms-animation-delay:0.7s;
animation-delay:0.7s;
}

#frotateG_06{
right:4px;
bottom:4px;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-o-animation-delay:0.8s;
-ms-animation-delay:0.8s;
animation-delay:0.8s;
}

#frotateG_07{
left:13px;
bottom:0;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-o-animation-delay:0.9s;
-ms-animation-delay:0.9s;
animation-delay:0.9s;
}

#frotateG_08{
left:4px;
bottom:4px;
-moz-animation-delay:1s;
-webkit-animation-delay:1s;
-o-animation-delay:1s;
-ms-animation-delay:1s;
animation-delay:1s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#F5A51B}

100%{
background-color:#000000}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#F5A51B}

100%{
background-color:#000000}

}

@-o-keyframes f_fadeG{
0%{
background-color:#F5A51B}

100%{
background-color:#000000}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#F5A51B}

100%{
background-color:#000000}

}

@keyframes f_fadeG{
0%{
background-color:#F5A51B}

100%{
background-color:#000000}

}

.inner-note-text {
	padding: 6px 10px;
	line-height: 1.5em;
	color: #EEEEEE;
	min-height: 70px;
}

.grid-col-icon {
	display: inline-block;
	position: absolute;
	height: 30px;
	width: 30px;
	padding-left: 4px;
	background-size: 70% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.column-header-select {
	float: left;
	margin: 1px 0 0 -3px;
	border: 0px;
	background-color: transparent;
	color: #909090;
	-webkit-appearance: none;
	font-size: 13px;
} .column-header-select:focus {
	outline: none;
}

.note-icon {
	display: inline-block;
	position: absolute;
	margin-top: -8px;
	margin-left: -10px;
	height: 34px;
	width: 34px;
	background-size: 50% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.hex-icon {
	background-image: url('icons/hex.png');
	background-size: auto 44%;
	background-position: center center;
	background-repeat: no-repeat;
}

.scanner-icon {
	background-image: url('icons/barcode-scanner.png');
	background-size: auto 60%;
	background-position: center center;
	background-repeat: no-repeat;
}

.home-icon {
	background-image: url('icons/home.png');
	background-size: auto 50%;
	background-position: center center;
	background-repeat: no-repeat;
}

.ubl-icon {
	background-image: url('icons/star.png');
	background-size: auto 80%;
	background-position: center center;
	background-repeat: no-repeat;
}

.serial-icon {
	background-image: url('icons/tag_light.png');
	background-size: auto 80%;
	background-position: center center;
	background-repeat: no-repeat;
}

.small-print-icon {
	background-image: url('icons/small-print-icon.png');
}

.clock-icon {
	background-image: url('icons/clock.png');
}

.eye-icon {
	background-image: url('icons/eye.png');
}

.user-icon {
	background-image: url('icons/user.png');
}

.highlight-text {
	color: orange;
}

.stock-change-icon { 
	display: inline-block; 
	height: 18px; 
	width: 18px; 
	float: right; 
	margin-left: 10px;
	cursor: pointer;
}

.ajax-form-feedback-wrapper, #ajax-form-feedback-wrapper {
	display: none;
}

#setup-form-feedback-wrapper {
	display: none;
	height: auto;
}

.campaign-price {
	display: block;
	position: absolute;
	right: 40px;
	top: 9px;
}

.campaign-add-icon {
	width: 22px;
	height: 16px;
	box-shadow: inset 0 0 5px #000000;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 1px 0 4px 0;
	margin-bottom: 1px;
	margin-top: -2px;
	margin-right: -6px;
	font-weight: bold;
	opacity: 0.8;
	float: right;
	text-shadow: 0px;
	font-size: 14px;
}

.campaign-search-result-wrapper {
	background-color: #202020;
	box-shadow: inset 0 0 30px #101010;
	margin-right: -20px;
}

.campaign-search-result {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #000000;
	border-radius: 3px;
	margin-bottom: -1px;
	padding: 8px 12px 8px 12px;
	position: relative;
} .campaign-search-result:hover {
	background-color: #151515;
	cursor: pointer;
} .campaign-search-result:focus .campaign-add-icon, .campaign-search-result:hover .campaign-add-icon {
	opacity: 1;
	color: #79d71b;
	background: #202020;
	border: 1px solid #CCCCCC;
}

.campaign-product-header {
	font-size: 14px;
	padding: 8px 12px;
	background-color: #151515;
	border-bottom: 1px solid #000000;
	color: #CCCCCC;
}

.campaign-product {
	font-size: 14px;
	padding: 8px 12px;
	border-bottom: 1px solid #000000;
}

.campaign-req-qty {
	text-align: center;
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	margin: 0px;
	padding: 3px;
	margin: -3px 0;
	border: 1px solid #000000;
	border-radius: 3px;
}

.delete-from-campaign {
	float: right;
	border: 1px solid #000000;
	border-radius: 3px;
	white-space: nowrap;
	padding: 3px 8px;
	margin: -3px -8px -3px 0;
}

#chat-window {
	position: fixed;
	width: 100%;
	height: calc(100% - 100px);
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #b7b7b7 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#b7b7b7));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#b7b7b7 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#b7b7b7 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#b7b7b7 100%);
	background: radial-gradient(ellipse at center,  #ffffff 0%,#b7b7b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7b7b7',GradientType=1 );
	z-index: 15000;
	top: 100px;
	overflow: hidden;
	display: none;
}

#fullscreen {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #404040;
	z-index: 13000;
	top: 100px;
	overflow: hidden;
	display: none;
}

#fullscreen .spatres-toolbar {
	border-bottom: 1px solid #202020;
	background-color: #303030;
	color: #D1D1D1;
	height: 55px;
	overflow: hidden;
}

#fullscreen .fs-scroller {
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
}

.spatres-wrapper {
	padding: 6px 8px 6px 8px;
	border-top: 1px solid #454545;
}

.add-icon-inline {
	display: block;
	width: 23px;
	height: 23px;
	position: absolute;
	background-image: url('icons/area_plus.png');
	background-size: 100% 90%;
	background-position: center left;
	background-repeat: no-repeat;
	margin-top: -2px;
	margin-left: -28px;
}

.spatres-ele-rsz {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	background-color: #FFFFFF;
	opacity: 0.5;
} .spatres-ele-rsz:hover {
	border-right: 2px solid orange;
	border-bottom: 2px solid orange;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	background-color: transparent;
	opacity: 1.0;
}

.rsz-tl, .rsz-tr, .rsz-bl {
	visibility: hidden;
}

.rsz-br {
	display: none;
}

#create-spatres-room {
	position: absolute;
	padding: 8px 12px 8px 37px;
	border: 1px solid #202020;
	margin-top: 9px;
	margin-left: 8px;
	color: #FFFFFF;
}

#spatres-select-date-wrapper {
	height: 49px;
	position: absolute;
	left: 50%;
	text-align: center;
}

#spatres-time {
	border: 1px solid #000000;
	text-align: center;
	font-size: 17px;
	width: 30.5%;
	padding: 6px 0;
	color: #404040;
	border-radius: 3px;
	margin-top: 11px;
}

.spatres-room-wrapper {
	border: 1px solid #000000;
	background-color: #CCCCCC;
	border-radius: 3px;
	box-shadow: 0 0 15px #202020;
	position: relative;
	left: 50%;
	margin-top: 20px;
	margin-bottom: 50px;
	opacity: 0;
}

.spatres-room-wrapper .spatres-room-top {
	border-bottom: 1px solid #000000;
	background-color: #202020;
	color: #F2F2F2;
	padding: 7px 10px;
}

.spatres-room-wrapper .spatres-room-top-menu {
	border-top: 1px solid #404040;
	border-bottom: 1px solid #000000;
	background: #e8e8e8;
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #d9d9d9 16%, #afafaf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(16%,#d9d9d9), color-stop(100%,#afafaf));
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: -o-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	background: linear-gradient(to bottom,  #e8e8e8 0%,#d9d9d9 16%,#afafaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#afafaf',GradientType=0 );
	color: #000000;
	font-size: 12px;
}


.spre-rtm-point {
	display: table-cell;
	padding: 7px 10px 7px 10px;
	font-size: 14px;
} .sprerp-hover:hover, .close-spre-app-btn:hover {
	color: #FFFFFF;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	cursor: pointer;
}

.close-spre-app {
	position: absolute;
	background-image: url('images/exit_ecounter.png');
	background-size: 18px 18px;
	background-position: 27px 6px;
	background-repeat: no-repeat;
	right: 0px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	opacity: 0.8;
	display: none;
} .close-spre-app:hover {
	opacity: 1.0;
}

.spre-app-window {
	position: absolute;
	top: 66px;
	border-radius: 0 0 2px 2px;
	z-index: 42000;
	background-color: #CCCCCC;
	overflow: hidden;
	display: none;
}

.spre-app-window .app-content {
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.spre-pop-app-window {
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 42200;
}

.spatres-app-left {
	display: table-cell;
	width: 100%;
	padding: 7px;
	border-right: 1px solid #DDDDDD;
}

.spatres-app-right {
	display: table-cell;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	border-left: 1px solid #808080;
	vertical-align: top;
}

.spatres-app-right .slide-in {
	width: 0px;
}

.spatres-float-tools {
	position: relative;
	overflow: hidden;
}

.spatres-table {
	display: table;
	height: 100%;
	width: 100%;
}

.spatres-header {
	padding: 5px 7px;
	color: #505050;
	background-color: #BBBBBB;
	text-shadow: 1px 1px 0 #CCCCCC;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
}

.spatres-results-row {
	background-color: #DDDDDD;
	cursor: pointer;
	color: #202020;
	text-shadow: -1px -1px 0 #D8D8D8;
} .spatres-results-row-selected {
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	color: #FFFFFF;
	text-shadow: -1px -1px 0 #808080;
}

.spatres-results {
	padding: 5px 7px;
}

.sptr-tb-right {
	border-right: 1px solid #909090;
}

.sptr-tb-left {
	border-left: 1px solid #909090;
}

.sptr-tb-bottom {
	border-bottom: 1px solid #909090;
}

.sptr-res-valign {
	vertical-align: middle;
}

.spatres-app-right button {
	width: 216px;
	padding: 8px 10px 8px 10px;
	text-align: left;
	font-size: 15px;
	margin: 0 7px 7px 7px;
	border-radius: 3px;
	border: 1px solid #707070;
	background-color: #F1F1F1;
	color: #FFFFFF;
	text-shadow: -1px -1px 0 #808080;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	cursor: pointer;
	opacity: 0.93;
} .spatres-app-right button:hover {
	opacity: 1;
}

.btn-arr-img {
	display: inline-block;
	height: 18px;
	width: 16px;
	position: absolute;
	right: 10px;
	background-image: url('icons/opacity_btn_arr.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.btn-arr-img-highlight {
	display: inline-block;
	height: 18px;
	width: 16px;
	position: absolute;
	right: 10px;
	background-image: url('icons/opacity_btn_arr_green.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.spatres-room-top .srt-menu-wrapper {
	text-align: right;
	width: 100px;
	position: absolute;
	height: 34px;
	right: 8px;
	top: 0px;
}

.srt-menu-wrapper .spr-room-lock {
	display: inline-block;
	width: 23px;
	height: 34px;
	position: relative;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 16px;
	cursor: pointer;
}

.locked-icon {
	background-image: url('icons/locked.png');
}

.unlocked-icon {
	background-image: url('icons/unlocked.png');
}

.spatres-room {
	position: relative;
}

.spr-room-trigger-menu {
	display: inline-block;
	width: 28px;
	height: 34px;
	position: relative;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 16px;
	background-image: url('icons/settings.png');
	cursor: pointer;
}

.spatres-room-menu {
	position: absolute;
	z-index: 42100;
	display: none;
	right: 0px;
	top: 34px;
	border-left: 1px solid #000000;
	border-radius: 0 0 0 3px;
	font-size: 12px;
}

.spr-menu-point {
	border-bottom: 1px solid #000000;
	padding: 7px 9px;
	line-height: 1.7em;
	background-color: #303030;
} .spr-menu-point:hover {
	background-color: #202020;
	color: orange;
}

.spatres-ele {
	display: inline-block;
	position: absolute;
	border: 1px solid #202020;
	background-color: #404040;
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 0px;
	cursor: pointer;
	display: none;
	opacity: 0.8;
}

.spatres-name {
	display: table;
	width: 100%;
	height: 100%;
}

.spatres-name .sprn-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
}

.spatres-name .sprn-inner .spatres-ele-name {
	border: 1px solid #303030;
	font-family: inherit;
	color: #303030;
	width: 90%;
	text-align: center;
	padding: 5px 0;
	margin-left: -0.5px;
	font-size: inherit;
	display: none;
}

.spatres-ele-size-h {
	position: relative;
	float: left;
	margin-left: -76px;
	top: 50%;
	margin-top: -9px;
	width: 70px;
	text-align: center;
	background-color: #000000;
	padding: 3px 0;
	font-size: 11px;
	z-index: 41000;
}

.spatres-ele-size-w {
	position: relative;
	float: left;
	bottom: -7px;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	text-align: center;
	background-color: #000000;
	padding: 3px 0;
	font-size: 11px;
	z-index: 41000;
}

.spatres-ele-rsz-meas {
	display: none;
}

.spatres-dragable {
	background-color: orange;
}

.spatres-resize {
	background-color: purple;
}

.spatres-h-dim, .spatres-w-dim {
	position: absolute;
	color: #CCCCCC;
	font-size: 13px;
	margin-top: -32px;
}

.spatres-h-dim {
	width: 100px;
	text-align: right;
	margin-left: -108px;
	padding: 7px 0;
}

.spatres-w-dim {
	padding-top: 3px;
	text-align: center;
}

.sptres-time-period {
	display: block;
	width: 399px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -194px;
	top: 0px;
	padding: 9px 0;
	border-left: 1px solid #202020;
	border-right: 1px solid #202020;
	font-size: 12px;
	box-shadow: inset 0 0 10px #151515;
	background: #57a8f3;
	background: -moz-linear-gradient(top,  #57a8f3 0%, #3d99ef 20%, #2087e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a8f3), color-stop(20%,#3d99ef), color-stop(100%,#2087e8));
	background: -webkit-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -o-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: -ms-linear-gradient(top,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	background: linear-gradient(to bottom,  #57a8f3 0%,#3d99ef 20%,#2087e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a8f3', endColorstr='#2087e8',GradientType=0 );
	color: #FFFFFF;
}

.spr-res-count {
	font-size: 12px;
	padding: 3px 0;
	border-top: 1px solid #606060;
	background-color: #000000;
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.spr-got-res {
	color: red;
}

.spr-no-res {
	color: green;
}

.spatres-blur {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.6;
	z-index: 39000;
	display: none;
	margin-top: -1px;
}

.spr-pop-up {
	position: absolute;
	z-index: 39500;
	left: 50%;
	top: 50%;
	border: 1px solid #000000;
	border-radius: 3px;
	background-color: #CCCCCC;
	box-shadow: 0 0 15px #505050;
	display: none;
}

.spr-add-ele-wrapper {
	width: 400px;
	height: 200px;
	margin: -100px 0 0 -200px;
}

.spr-popup-title {
	padding: 4px 7px;
	border-bottom: 1px solid #000000;
	background-color: #303030;
	color: #F3F3F3;
}

.spr-popup-inner {
	padding: 8px 7px 4px 7px;
	font-size: 14px;
}

.spr-popup-inner .grid-col input[type="text"] {
	border: 1px solid #909090;
	float: left;
	padding: 5px 7px;
	font-size: 14px;
	border-radius: 2px;
	margin-top: -5px;
	margin-left: 0px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.spr-popup-inner .grid-col input[type="submit"] {
	float: left;
	padding: 7px 10px;
	font-size: 14px;
	border-radius: 2px;
	margin-top: -12px;
	margin-left: 0px;
	color: #FFFFFF;
	border: 0px;
}

.spre-pop-app-window {
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 42200;
	border: 1px solid #000000;
	border-radius: 3px;
	background-color: #CCCCCC;
	box-shadow: 0 0 15px #505050;
	display: none;
}

.spr-close-all {
	position: absolute;
	right: 3px;
	height: 20px;
	top: 3px;
	width: 20px;
	cursor: pointer;
	background-image: url('icons/error2_w.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% auto;
	opacity: 0.9;
} .spr-close-all:hover {
	opacity: 1.0;
}

#time-slider {
	position: fixed;
	left: 10px;
	width: 25px;
	border: 1px solid #000000;
	background-color: #909090;
	border-radius: 3px;
	z-index: 34000;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#time-slider .ts-slider {
	width: 25px;
	height: 1.04%;
	position: absolute;
	z-index: 34500;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	display: none;
} 

#time-slider .ts-slider-active, #time-slider .ts-slider:hover {
	border-radius: 1px;
}

#time-slider .ts-slider .slider-hit-box {
	position: absolute;
	height: 25px;
	width: 25px;
	z-index: 34400;
}

#time-slider .ts-slider .ts-time-disp {
	position: absolute;
	height: 16px;
	font-size: 13px;
	padding: 2px 10px;
	left: 30px;
	margin-top: -5px;
	color: #FFFFFF;
}

#time-slider .ts-time-point {
	font-size: 10px;
	height: 1.04%;
	max-height: 1.04%;
	overflow: hidden;
	color: transparent;
}

#time-slider .ts-time-point .shown-time {
	position: absolute;
	color: #909090;
	margin-left: 40px;
	margin-top: -10px;
	font-size: 13px;
}

#time-slider .ts-time-point .shown-time .ts-time-line {
	position: absolute;
	width: 25px;
	height: 1px;
	background-color: #303030;
	margin-top: 8px;
	margin-left: -40px;
}

#spatres-hor-slider {
	height: 25px;
	padding: 25px 0px 25px 0px;
	border-top: 1px solid #454545;
	display: table;
	width: 100%;
}

#spatres-hor-slider .left, #spatres-hor-slider .middle, #spatres-hor-slider .right {
	display: table-cell;
	width: 15.4%;
}

#spatres-hor-slider .left, #spatres-hor-slider .right {
	padding: 0 30px;
}

#spatres-hor-slider .middle {
	display: table-cell;
	width: 69.2%;
}

#spatres-buffer {
	height: 15px;
	width: 100%;
	border-bottom: 1px solid #303030;
}

#spatres-hor-slider .ts-label {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 8px;
	color: #808080;
	font-size: 12px;
	z-index: 40000;
	margin-bottom: -45px;
}

#spatres-hor-slider .timeslider-inp {
	width: 100%;
	border: 2px solid #555555;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	padding: 0px 7px 0 7px;
	font-size: 14px;
	height: 25px;
	max-height: 25px;
	text-align: center;
	background-color: #909090;
	color: #F3F3F3;
}

.spatres-ele-menu {
	position: fixed;
	font-size: 13px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-radius: 3px;
	background-color: #202020;
	color: #FFFFFF;
	z-index: 42200;
	display: none;
	box-shadow: 0 0 10px #202020;
}

.spatres-ele-menu .spre-menu-title {
	border-top: 1px solid #000000;
	padding: 3px 30px 3px 7px;
	background-color: #101010;
	color: #CCCCCC;
	cursor: default;
}

.spatres-ele-menu .spre-close {
	display: table-cell;
	text-transform: uppercase;
	width: 14px;
	height: 14px;
	float: right;
	margin-top: 1px;
	margin-right: -25px;
	background-image: url('images/exit_ecounter.png');
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	color: transparent;
	opacity: 0.9;
	cursor: pointer;
} .spatres-ele-menu .spre-close:hover {
	opacity: 1;
}

.spatres-ele-menu .spre-menu-point {
	border-top: 1px solid #000000;
	padding: 5px 27px 5px 7px;
} .spatres-ele-menu .spre-menu-point:hover {
	background-color: #707070;
	color: #000000;
}

.hand, .click-to-sort {
	cursor: pointer;
}

.click-to-sort {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



























#sprLoader {
	padding-top: 24px;
	box-sizing: border-box;
	top: 0px;
	position: fixed;
	z-index: 43000;
	width: 100%;
	height: 100%;
	background-color: #909090;
	opacity: 0.3;
	cursor: pointer;
	display: none;
}

#sprLoader .spinner {
	position:fixed;
	top: 50%;
	left: 50%;
	margin-left: -31px;
	margin-top: -36px;
	width:62px;
	height:77px;
}

#sprLoader .spinner-text {
	position:fixed;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: 70px;
	width:200px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-size: 13px;
} #sprLoader .spinner-text:hover {
	color: orange;
}

.blockGx{
position:absolute;
background-color:#FFFFFF;
width:10px;
height:24px;
-moz-border-radius:8px 8px 0 0;
-moz-transform:scale(0.4);
-moz-animation-name:fadeGx;
-moz-animation-duration:0.48s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:8px 8px 0 0;
-webkit-transform:scale(0.4);
-webkit-animation-name:fadeGx;
-webkit-animation-duration:0.48s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:8px 8px 0 0;
-ms-transform:scale(0.4);
-ms-animation-name:fadeGx;
-ms-animation-duration:0.48s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:8px 8px 0 0;
-o-transform:scale(0.4);
-o-animation-name:fadeGx;
-o-animation-duration:0.48s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:8px 8px 0 0;
transform:scale(0.4);
animation-name:fadeGx;
animation-duration:0.48s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#eprotateG_01{
left:0;
top:28px;
-moz-animation-delay:0.18s;
-moz-transform:rotate(-90deg);
-webkit-animation-delay:0.18s;
-webkit-transform:rotate(-90deg);
-ms-animation-delay:0.18s;
-ms-transform:rotate(-90deg);
-o-animation-delay:0.18s;
-o-transform:rotate(-90deg);
animation-delay:0.18s;
transform:rotate(-90deg);
}

#eprotateG_02{
left:8px;
top:10px;
-moz-animation-delay:0.24s;
-moz-transform:rotate(-45deg);
-webkit-animation-delay:0.24s;
-webkit-transform:rotate(-45deg);
-ms-animation-delay:0.24s;
-ms-transform:rotate(-45deg);
-o-animation-delay:0.24s;
-o-transform:rotate(-45deg);
animation-delay:0.24s;
transform:rotate(-45deg);
}

#eprotateG_03{
left:26px;
top:3px;
-moz-animation-delay:0.3s;
-moz-transform:rotate(0deg);
-webkit-animation-delay:0.3s;
-webkit-transform:rotate(0deg);
-ms-animation-delay:0.3s;
-ms-transform:rotate(0deg);
-o-animation-delay:0.3s;
-o-transform:rotate(0deg);
animation-delay:0.3s;
transform:rotate(0deg);
}

#eprotateG_04{
right:8px;
top:10px;
-moz-animation-delay:0.36s;
-moz-transform:rotate(45deg);
-webkit-animation-delay:0.36s;
-webkit-transform:rotate(45deg);
-ms-animation-delay:0.36s;
-ms-transform:rotate(45deg);
-o-animation-delay:0.36s;
-o-transform:rotate(45deg);
animation-delay:0.36s;
transform:rotate(45deg);
}

#eprotateG_05{
right:0;
top:28px;
-moz-animation-delay:0.42000000000000004s;
-moz-transform:rotate(90deg);
-webkit-animation-delay:0.42000000000000004s;
-webkit-transform:rotate(90deg);
-ms-animation-delay:0.42000000000000004s;
-ms-transform:rotate(90deg);
-o-animation-delay:0.42000000000000004s;
-o-transform:rotate(90deg);
animation-delay:0.42000000000000004s;
transform:rotate(90deg);
}

#eprotateG_06{
right:8px;
bottom:7px;
-moz-animation-delay:0.48s;
-moz-transform:rotate(135deg);
-webkit-animation-delay:0.48s;
-webkit-transform:rotate(135deg);
-ms-animation-delay:0.48s;
-ms-transform:rotate(135deg);
-o-animation-delay:0.48s;
-o-transform:rotate(135deg);
animation-delay:0.48s;
transform:rotate(135deg);
}

#eprotateG_07{
bottom:0;
left:26px;
-moz-animation-delay:0.5399999999999999s;
-moz-transform:rotate(180deg);
-webkit-animation-delay:0.5399999999999999s;
-webkit-transform:rotate(180deg);
-ms-animation-delay:0.5399999999999999s;
-ms-transform:rotate(180deg);
-o-animation-delay:0.5399999999999999s;
-o-transform:rotate(180deg);
animation-delay:0.5399999999999999s;
transform:rotate(180deg);
}

#eprotateG_08{
left:8px;
bottom:7px;
-moz-animation-delay:0.6s;
-moz-transform:rotate(-135deg);
-webkit-animation-delay:0.6s;
-webkit-transform:rotate(-135deg);
-ms-animation-delay:0.6s;
-ms-transform:rotate(-135deg);
-o-animation-delay:0.6s;
-o-transform:rotate(-135deg);
animation-delay:0.6s;
transform:rotate(-135deg);
}

@-moz-keyframes fadeGx{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes fadeGx{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes fadeGx{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-o-keyframes fadeGx{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@keyframes fadeGx{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}



.menu-unpublished {
	opacity: 0.3;
} .menu-unpublished:hover, .menu-unpublished:focus {
	opacity: 1.0;
}

.disable-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-hand {
	cursor: default;
}

.inherit-height {
	height: inherit;
}

.hidden {
	display: none;
}

.force-display {
	display: block;
}

.size-100 {
	width: 100%;
}

.size-50 {
	width: 50%;
}

.valign-middle, .vertical-align-middle {
	vertical-align: middle;
}

.std-pad-left {
	padding-left: 12px;
}

.std-pad-right {
	padding-right: 12px;
} .std-pad-right-compact {
	padding-right: 2px;
}

.std-pad-top {
	padding-top: 10px;
}

.std-pad-btm {
	padding-bottom: 10px;
}

.hide-overflow-x {
	overflow-x: hidden;
}

.z-acp-lansc-identifier {
	padding: 0;
	margin: 0;
	background: transparent;
	background-color: transparent;
	color: inherit;
	box-shadow: none;
}