html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans","Arial","sans-serif";
	font-size: 10pt;
}
#Root {
	position: absolute;
	width: 100%;
	height: 100%;
}
#Header {
	position: fixed;
	left: 200px;
	top: 0px;
	width: calc(100% - 200px);
	height: 40px;
	background-color: rgb(51, 51, 51);
	z-index:1000;
}
.MaintenanceArea #Header{
	left: 400px;
	width: calc(100% - 400px);
}
#Navigation {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 100%;
	background-color: rgb(70, 70, 70);
	z-index:1000;
}
#Navigation > div > a {
	position: relative;
	color: white;
	display: block;
	width: calc(100% - 28px);
	height: 40px;
	line-height: 38px;
	vertical-align: middle;
	cursor: pointer;
	font-size: 14px;
	text-decoration: none;
	padding-left: 28px;
}
#Navigation > div > a:hover:not(.SpinnyDark) {
	background-color: rgb(90, 90, 90);
}
.NavigationSelected {
	background-color: rgb(80, 150, 215) !important;
	cursor: default !important;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}
#Navigation > span:not(.Logo):not(#NavigationBottom) {
	position: relative;
	color: white;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 38px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	margin-left: 6px;
}
.Logo {
	position: relative;
	background-color: rgb(70, 70, 70);
	color: white;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	margin-left: 0px !important;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.Logo:not(.Selected){
	cursor: pointer;
}

#Content {
	position: absolute;
	background-color: white;
	left: 200px;
	top: 40px;
	width: calc(100% - 200px - 40px);
	height: calc(100% - 40px - 30px);
	padding: 15px 20px 15px 20px;
}

body{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input, textarea{
	background-color: white;
	border: 1px solid #c1c1c1;
	padding: 3px 3px 3px 3px;
}

#SchemaTextArea{
	max-height:100%; 
	width:250px; 
	overflow:auto; 
	border: 1px solid #c1c1c1; 
	padding:3px; height: auto;
}

input[disabled=""], input[disabled="disabled"], textarea[disabled=""], textarea[disabled=disabled] {

	border-style: none;
	background-color: #f5f3f2;
	color: #c1c0bf;

}

input[type=text]:not(.k-input) {
	height: 18px;
	min-width: 208px;
}

input[type=text].k-input{
	height: 2em !important;
	padding-left:3px !important;
	width: calc(100% - 3px);
}

input[datePicker]{
	min-width: 183px !important;
}

/*FireFox*/
@-moz-document url-prefix() {
	input[datePicker]{
		min-width: 185px !important;
		margin-right: -2px !important;
	}
}

input[type=password]{
	height:18px;
	min-width:208px;
}

select {
	border: 1px solid #c1c1c1;
	padding: 3px 26px 3px 3px;
	background: white url('/Content/Standard/images/selectArrows/BlueLathemSelectArrow.png') no-repeat 100% center !important;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance: none;
	height: 26px;
	border-radius: 0px;
	min-width:216px;
}

select:not(.Disabled):hover{
	background: white url('/Content/Standard/images/selectArrows/LightBlueLathemSelectArrow.png') no-repeat 100% center !important;
}

select::-ms-expand{
	display: none;
}

/*FireFox*/
@-moz-document url-prefix() {


	select{
		border: 1px solid #c1c1c1;;
		padding: 3px 18px 3px 3px;
		-webkit-appearance: none;
		-moz-appearance:none;
		appearance: none;
		background-image: url('/Content/Standard/images/selectArrows/FFSelectArrow.png') !important;
		height: 26px;
		border-radius: 0px;
	}

	select:not(.Disabled):hover {
		background: white url('/Content/Standard/images/selectArrows/FFSelectArrowHover.png') no-repeat 100% center !important;
	}
}

.FieldGroup {
	float: left;
	margin: 20px 55px 30px 10px;
	min-width: 210px;
}

.HorizontalFieldContainer, .FieldContainer {
	margin-bottom: 15px;
}

.HorizontalFieldContainer > label, .FieldContainer > label {
	color: #000;
	margin-bottom: 5px;
}

.timeZoneSelect {
	max-width: 185px;
}

div {
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

button {
	min-height: 25px;
	padding: 2px 10px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background-color: rgb(51, 51, 51);
	border-style: none;
}

.HorizontalFieldContainer > *, .FieldContainer > * {
	display: block;
}

#Content h2 {
	font-size: 16pt;
	font-weight: 300;
	margin: 0 0 10px 0;
	color: #000 !important;
}

.ToolbarSeparatorContainer {
	display: inline-block;
	position: relative;
	height: 100%;
	width: auto;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

.ToolbarSeparator {
	position: absolute;
	top: 7px;
	width: 1px;
	height: 26px;
	background-color: rgb(150, 150, 150) !important;
}

.Toolbar .ToolbarButton {
	position: relative;
	float: left;
	overflow: visible;
	display: inline-block;
}

.HeaderButtons > div > a, .Toolbar > div > a {
	padding-left: 10px;
	padding-right: 10px !important;
	position: relative;
	float: left;
	height: 40px;
	line-height: 38px;
}

.HeaderButtons {
	height: 40px;
	display: inline-block;
	width:auto;
	min-width: 370px;
}

.LogViewer #Header .HeaderButtons {
	min-width: 500px;
}

#TruncationMessage {
	padding: 50px 10px 10px 10px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
}

/* Hide default HTML checkbox */
.switch #UTCToggle {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

#UTCToggle:checked + .slider {
	background-color: #2196F3;
}

#UTCToggle:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
}

.slider.round {
	border-radius: 17px;
}

.slider.round:before {
	border-radius: 50%;
}

.HeaderButtons a, .Toolbar a {
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background-color: rgb(51, 51, 51);
}

.HeaderButtons a:active, .Toolbar a:active {
	background-color: rgb(80, 150, 215) !important;
}

.HeaderButtons a:not(.SpinnyDark):hover, .Toolbar a:not(.SpinnyDark):hover {
	background-color: rgb(90, 90, 90);
}

.Disabled {
	opacity: 0.6 !important;
	pointer-events: none;
}

.otherDialogHolder {
	z-index: 7999995;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
}

.Dim {
	background-color: #000;
	opacity: 0.7;
	z-index: 8000000;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
}

.notDim {
	z-index: 7999999;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
}

.k-input {
	border-radius: 0 !important;
	background-color: #fff;
	padding: 0 !important;
	height: auto !important;
	line-height: normal !important;
	text-indent: 0px !important;
}

.k-datepicker .k-picker-wrap {
	background-image: none !important;
	box-shadow: none !important;
}

.k-picker-wrap {
	background: none !important;
	background-image: none !important;
	border-style: none !important;
	border-width: 0 !important;
}

.CalendarIcon {
	background: #f7f5f4 url('/Content/Standard/images/Misc/CalendarIcon.png');
	opacity: 1;
	width: 24px !important;
	height: 24px !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #c1c1c1 !important;
	cursor: pointer;
	border-radius: 0px !important;
	right: -25px !important;
}

@-moz-document url-prefix() {
	.CalendarIcon{
		height: 26px !important;
	}
}

.CalendarIcon:hover{
	background-color:#e3e2e0  !important;
}

.k-icon.k-i-calendar {
	background-image: none !important;
}

.k-calendar .k-link {
	opacity: 1;
	background-image: none !important;
}

.k-calendar {
	width: 210px !important;
}

.k-calendar .k-state-hover{
	background-image: none !important;
	background-color: #d4d4d4 !important;
	border-radius: 0px;
}

.k-calendar .k-state-selected {
	background: #e3e2e0 !important;
	color: #000 !important;
	border-radius: 0;
	box-shadow: none !important;
}

.k-state-selected > .k-link, .k-panelbar > li > .k-state-selected{
	color: #000 !important;
}

.k-calendar-container .k-header {
	background-image: none !important;
	background-color: rgb(80, 150, 215) !important;
	height: 23px;
	line-height: 20px;
}

.k-calendar-container .k-header a {
	margin: 0 !important;
	line-height: 20px !important;
	top: 0px !important;
	color: #fff !important;
}

.k-calendar-container .k-nav-next {
	background: rgb(80, 150, 215) url('/Content/Standard/images/Misc/CalendarRightArrow.png');
	background-size: 22px;
	border-radius: 0;
	right: 0px !important;
}

.k-calendar-container .k-nav-prev {
	background: rgb(80, 150, 215) url('/Content/Standard/images/Misc/CalendarLeftArrow.png');
	background-size: 22px;
	border-radius: 0;
	left: 0px !important;
}

.k-calendar-container .k-nav-fast{
	height: 23px !important;
}

.k-calendar-container .k-header a:hover{ /*.k-state-hover.k-nav-fast {*/
  background-color: rgb(180,215,248) !important;
  border-radius: 0px;
  color:black !important;
}

.k-calendar-container .k-nav-next:hover {
	background-image: url('/Content/Standard/images/Misc/CalendarRightArrowDark.png') !important;
}

.k-calendar-container .k-nav-prev:hover {
	background-image: url('/Content/Standard/images/Misc/CalendarLeftArrowDark.png') !important;
}

.k-other-month {
	border-radius: 0px !important;
}

.k-state-focused, .k-other-month, .k-link {
	border-radius: 0px !important;
}

.MessageBox {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 400px;
	min-height: 80px;
	margin-left: -200px;
	margin-top: -100px;
	border: 1px solid rgb(205, 205, 205);
	opacity: 1 !important;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
	background-image: linear-gradient(
	to right bottom,
	rgb(255,255,255) 45%,
	rgb(215,215,215) 69%
  );
	border-radius: 2px;
}

.SetupBoxHeader {
	color: #fff;
	background-color: rgb(46,129,203);
	height: 22px;
	padding-top: 3px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 10;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
	border-radius: 2px 2px 0px 0px;
}

.DialogToolbar {
	background-color: rgb(46,129,203);
	height: 40px;
	z-index: 12;
	width: 100%;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
	border-radius: 0px 0px 2px 2px;
}

#DialogDeleteButton{
	width:69px;
}

.WarningBox .SetupBoxHeader, .ErrorBox .SetupBoxHeader, .CompleteBox .SetupBoxHeader {
	background-color: rgb(51,51,51);
}

.WarningBox .DialogToolbar {
	background-color: rgb(255,180,0);
	color: black;
}

.ErrorBox .DialogToolbar {
	background-color: rgb(230,30,0);
	color: black;
}

.DialogToolbar > div.ToolbarButton > a {
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	float: right;
	height: 40px;
	line-height: 38px;
	text-decoration: none;
	cursor: pointer;
}

.CompleteBox .DialogToolbar{
	background-color: rgb(0,125,30);
}

.WarningBox .DialogToolbar > div.ToolbarButton > a, .CompleteBox .DialogToolbar > div.ToolbarButton > a {
	color: black;
}

.DialogContentInset {
	margin: 10px 10px 10px 10px;
	cursor: default;
}

.DialogToolbar > div.ToolbarButton > a:hover {
	background-color: rgb(176,176,176);
	color: black;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.ErrorBox .DialogToolbar > div.ToolbarButton > a:hover {
	background-color: rgb(193,24,0);
	color: black;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.WarningBox .DialogToolbar > div.ToolbarButton > a:hover {
	background-color: rgb(191,153,0);
	color: white;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.CompleteBox .DialogToolbar > div.ToolbarButton > a:hover {
	background-color: rgb(0,79,20);
	color: white;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.SuccessBox .DialogToolbar > div.ToolbarButton > a:hover {
	background-color: rgb(180,215,248);
	color: black;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.SelectedCustomerHolder, .SelectedUserHolder {
	height: calc(100% - 40px);
	margin-bottom: 0px;
}

.SelectedCustomerTable, .CustomerGrid{
	/*height: auto;*/
	max-height: calc(100% - 15px);
	overflow-y: auto;
	border-color: #c1c1c1;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

#SelectedCustomers, #SelectedUsers {
	height: calc(100% - 34px);
	min-height: 10px;
}

#SelectedCustomers .cInput, #SelectedUsers .cInput {
	margin-left:20px;
}

.SearchHolder{
	max-height:calc(100% - 96px);
	max-width:250px;
	min-width:214px;
	position:absolute;
	z-index:10;
	background:white;
	border:1px solid #c1c1c1;
	display:none;
	overflow-y:auto;
}

.SearchItem {
	width: calc(100% - 3px);
	line-height: 20px;
	cursor: pointer;
	height: 22px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 3px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.AddMore{
	text-align: center;
	background: #e3e3e3;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.2);
}

.SearchItem:hover{
	background:#DEDEDE;
}

.SearchItemSelected{
	background: rgb(80, 150, 215) !important;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.2);
}

.AddMore:hover{
	background: rgb(90, 90, 90) !important;
	color:white;
}

.SearchItem:active{
	background:#D3D3D3;
}

.FullHeight{
	height:100%;
}

.CheckAllHolder, .TableHeader{
	height: 22px;
	padding:7px 0px 5px 0px;
	background:#e3e3e3;
	border-color: #c1c1c1;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.2);
}

.CheckHolder:not(.SelectedSerialTable) {
	cursor: pointer;
	height: 22px;
	padding: 7px 0px 5px 0px;
	width: 100%;
}

.CheckHolder:not(.SelectedSerialTable):hover{
	background-color: rgb(90, 90, 90);
	color:white;
}

.row-selected, #ReconcileHardwareGrid .k-grid-content tr.k-state-selected {
	background-color: rgb(80, 150, 215) !important;
	cursor: default !important;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
	color: white;
}

.CheckRemove {
	display: none;
	float: right;
	border: 1px solid #9e9d9c;
	border-radius: 2px;
	background: white;
	width: 20px;
	text-align: center;
	height: 20px;
	color: black !important;
	cursor: pointer;
	margin-right: 6px;
	margin-top: -1px;
	background-image: url('/Content/Standard/images/Misc/fileclose.png') !important;
	background-size: 16px;
	background-position: 2px 2px;
}

.row-selected .CheckRemove, .CheckHolder:hover .CheckRemove{
	display: inline-block;
}

.CheckRemove:hover, .ClearSearch:hover{
	background-color: #c1c1c1;
}

.ClearSearchButtonHolder {
	display: inline-block;
	height: 26px;
	width: 24px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	margin-left: 190px;
}

.ClearSearch {
	height: 24px;
	width: 24px;
	cursor: pointer;
	border: 1px solid #9e9d9c;
	background: #f8f8f9;
	background-image: url('/Content/Standard/images/Misc/fileclose.png') !important;
	background-size: 24px 24px;
}

.ClearButtonDisabled .ClearSearch{
	opacity:.6;
}

.SearchInput{
	min-width:100px !important;
	width: 202px;
}

@-moz-document url-prefix() {
	.SearchInput{
		min-width:100px !important;
		width: 182px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.SearchInput{
		min-width:100px !important;
		width: 182px;
	}
}

.ClearButtonDisabled {
	pointer-events: none;
	background: rgb(251,251,251);
	color: rgb(102, 102, 102);
}

label.FileLabel input[type="file"] {
	display:none;
}

div.Disabled .FileLabel{
	cursor:default;
}
.FileLabel {
	border: 2px solid #AAA;
	border-radius: 0px;
	padding: 3px 5px;
	background: rgb(51, 51, 51);
	display: inline-block;
	width:auto;
	min-width: 75px;
	text-align:center;
	cursor:pointer;
	color: white;
	height:25px;
}
.FileLabel:not(.SpinnyDark):hover {
	background: rgb(90, 90, 90);
}
.FileLabel:active {
	background: rgb(80, 150, 215);
	color: white
}
.FileLabel span{
	color:white;
	font-size: 12pt;
}

.Progress{
	height:auto;
	border:1px solid rgb(205, 205, 205);
	width: 500px;
	padding: 15px 15px 65px 15px;
	background: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(0px,-50%); /* IE 9 */
	-webkit-transform: translate(0px,-50%); /* Safari */
	transform: translate(0px,-50%);
	margin-left: -250px;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.ProgressText{
	font-size: 14pt;
}

.ProgressHolder{
	border: 2px solid black;
	height:30px;
	border-radius:4px;
	background: #555;
	overflow: hidden;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.PercentHolder{
	font-style:italic;
	margin-bottom:-22px;
	text-align: center;
}

.ProgressBar {
  display: block;
  height: 100%;
  width: 0px;
  border-radius:2px;
  background-color: rgb(46,129,203);
  box-shadow: 
	inset 0 2px 9px  rgba(255,255,255,0.3),
	inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.ProgressBarAnimator{
	opacity: .5;
	height: 100%;
	width: 75px;
	border-radius:2px;
  background-image: linear-gradient(
	to bottom,
	rgb(116,215,248) 37%,
	rgb(71,201,245) 69%
  );
  box-shadow: 
	inset 0 2px 9px  rgba(255,255,255,0.3),
	inset 0 -2px 6px rgba(0,0,0,0.4);
	
	-webkit-animation-name: slide; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.75s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: infinite;
	animation-name: slide;
	animation-duration: 1.75s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes slide {
	0%   {margin-left:-75px; opacity: 1}
	25%  {opacity: .5}
	50%  {margin-left:496px; opacity: 1}
	75%  {opacity: .5}
	100% {margin-left:-75px; opacity: 1}
}

/* Standard syntax */
@keyframes slide {
	0%   {margin-left:-75px; opacity: 1}
	25%  {opacity: .5}
	50%  {margin-left:496px; opacity: 1}
	75%  {opacity: .5}
	100% {margin-left:-75px; opacity: 1}
}

.DarkAnimator{
	position:relative;
	top:-30px;

	background-image: linear-gradient(
	to bottom,
	rgb(176,176,176) 37%,
	rgb(215,215,215) 69%
  );
}

.ProgressHeader {
	color: #fff;
	background-color: rgb(51,51,51);
	height: 22px;
	padding-top: 3px;
	width: calc(100% + 30px);
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 10;
	margin-bottom: -15px;
	margin-top: -15px;
	margin-left: -15px;
	cursor: move;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.ProgressHeader > label{
	cursor: move;
}

.ProgressFooter{
	height: 40px;
	width:100%;
	position:absolute;
	bottom: 0px;
	background: rgb(51,51,51);
	margin-left: -15px;
	box-shadow: inset 0px -2px 6px rgba(0,0,0,0.4);
}

.ProgressFooter > div.FooterButton > a  {
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	float: right;
	height: 40px;
	line-height: 38px;
	text-decoration: none;
	cursor: pointer;
}

.ProgressFooter > div.FooterButton > a:hover {
	background-color: rgb(176,176,176);
	color: black;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.LogOnContentHolder {
	background-image: linear-gradient(
	to right bottom,
	rgb(46,144,203) 45%,
	rgb(60,181,255) 70%) !important;
	background-repeat: no-repeat;
	background-size: 100%;
	width:100%;
	height:100%;
}

.LogOn {
	border: 1px solid rgb(205, 205, 205);
	width: 436px;
	padding: 15px;
	background: white;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -218px;
	margin-top: -150px;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
	background-image:linear-gradient(
	to left top,
	rgb(255,255,255) 45%,
	rgb(215,215,215) 88%);
}

.LogOnHeader {
	color: #fff;
	background-color: rgb(51,51,51);
	height: 22px;
	padding-top: 3px;
	width: calc(100% + 30px);
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 10;
	margin-bottom: -15px;
	margin-top: -15px;
	margin-left: -15px;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.LogOnFooter {
	height: 40px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: rgb(51,51,51);
	margin-left: -15px;
	box-shadow: inset 0px -2px 6px rgba(0,0,0,0.4);
}

.LogOnFooter > div.FooterButton > a {
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	float: right;
	height: 40px;
	line-height: 38px;
	text-decoration: none;
	cursor: pointer;
}

.LogOnFooter > div.FooterButton > a:hover {
	background-color: rgb(176,176,176);
	color: black;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.LogOnContent{
	min-height:200px;
	margin-top:22px;
}

.LogOnBody .Logo {
	width: 200px;
	margin-left: -200px !important;
}

#Footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	background-color: rgb(51, 51, 51);
}

.input-validation-error{
	background-color: #ffeeee;
	border: 1px solid #ff0000 !important;
}

.LoginHeader{
	width:100% !important;
	left:0px !important;
}

.LogInBtn{
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	height: 40px;
	line-height: 38px;
	text-decoration: none;
	border: 0px;
	cursor: pointer;
	background-color: transparent;
	float: right;
}

.LogInBtn:hover{
	background-color: rgb(176,176,176);
	color: black;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

.MenuButtonHolder {
	/*position: relative;
	float: right;*/
	height: 100%;
	background: url('/Content/Standard/images/Misc/SettingsIcon.png') no-repeat 6px !important;
	padding-left: 30px;
	background-color: transparent;
	cursor: pointer;
}

.MenuButton {
	color: white;
	font-size: 11pt;
	margin-right: 10px;
	/*text-align: right;*/
	background: url('/Content/Standard/images/Misc/DownArrow.png') no-repeat 100% !important;
	background-position-y: 1px !important;
	padding-right: 16px;
	position: absolute;
	height: 100%;
}

.Menu{
	display:none;
	position:absolute;
	/*top:40px;*/
	right:0px;
	background-color:rgb(51, 51, 51);
	z-index: 100;
	padding:5px 0px 5px 0px;
}

.ListMenu{
	right: auto !important;
	background: rgb(70, 70, 70);
	z-index: 1001;
}

.Menu a {
	line-height: 35px;
	color: white;
	cursor: pointer;
	font-size: 11pt;
	padding: 0px 20px 0px 20px;
	min-width: 100px;
	display: block;
	margin: 5px 0px 5px 0px;
}

.MenuHolder:hover, .Menu a:hover, .MenuHolderHovered {
	background-color: rgb(90, 90, 90) !important;
}

a{
	text-decoration:none;
}

.SetUpBox {
	background-color: white;
	position: absolute;
	left: calc(50%-30%);
	top: calc(50%-30%);
	width: calc(60%);
	min-height: 150px;
	opacity: 1.0;
	max-height: 100% !important;
	max-width: 100% !important;
}

#UserList{
	display: inline-block;
	height: 100%;
	width: 226px;
	background: rgb(51, 51, 51);
}

#ManageContent{
	display: inline-block;
	padding: 20px;
	height: calc(100% - 80px);
	margin-top:40px;
	float: right;
	width: calc(100% - 266px);/*989px;*/
}

#UserListHolder div.Header{
	height: 22px;
	padding: 7px 0px 5px 10px;
	background: #e3e3e3;
	border-color: #c1c1c1;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.2);
}

.ItemSearch{
	margin:7px 5px 7px 5px;
}

.ListItem{
	height:30px;
	color:white;
	padding: 10px 0px 0px 10px;
	cursor: pointer;
}

.ListItem:hover{
	background: rgb(90, 90, 90);
}

.ListItemSelected {
	background-color: rgb(80, 150, 215) !important;
	cursor: default !important;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
	pointer-events: none;
}

.DialogToolbarWithList{
	position:absolute;
	top:25px;
	left:226px;
	width:calc(100% - 226px);
	height: 40px;
	background: rgb(51, 51, 51);
}

.DialogToolbarNoList {
	position:absolute;
	width: 100%;
	height: 40px;
	background: rgb(51, 51, 51);
}

.DialogToolbarButtonLink{
	padding-left: 10px;
	padding-right: 10px !important;
	position: relative;
	float: left;
	height: 40px;
	line-height: 38px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background-color: rgb(51, 51, 51);
}

.DialogToolbarButtonLink:active{
	background-color: rgb(80, 150, 215) !important;
}

.DialogToolbarButtonLink:hover {
	background-color: rgb(90, 90, 90);
}

.CheckListHolder{
	border: 1px solid #c1c1c1;
	min-width: 250px;
}

#ManageContentHolder{
	display: none;
}

#UserCheckList div.SelectedCustomerTable{
	max-height: 306px;
	border: 0px;
}

.ChangePWLabel {
	display:none;
	border: 2px solid #AAA;
	border-radius: 0px;
	padding: 3px 5px;
	background: rgb(51, 51, 51);
	display: inline-block;
	width:105px;
	text-align:center;
	cursor:pointer;
	color: white;
	height:20px;
}
.ChangePWLabel:hover {
	background: rgb(90, 90, 90);
}
.ChangePWLabel:active {
	background: rgb(80, 150, 215);
	color: white
}
.ChangePWLabel span{
	color:white;
	font-size: 10pt;
}

.MenuHolder{
	height:100%;
	position:relative;
}

.Generate{
	background: url('/Content/Standard/images/Misc/GenerateName.png') no-repeat 100% !important;
	border: 1px solid #c1c1c1;
	background-color: #f8f8f9 !important;
	background-size: 20px !important;
	-moz-background-size: 20px !important;
	-webkit-background-size: 20px !important;
	height:24px;
	width:25px;
	background-position-x: 4px !important;
	background-position-y: 1px !important;
	float:right;
	cursor: pointer;
	position: relative;
	left:-1px;
}

.Generate:hover{
	background-color: rgb(227,226,224) !important;
}

.MenuSeparator {
	width: calc(100% - 40px);
	height: 1px;
	margin-bottom: 7px;
	margin-top: 7px;
	left: 20px;
	position: relative;
	background-color: #fff;
}

.MenuPanel {
	float: left;
	margin-bottom: 2px;
	min-width: 200px;
}

.MenuPanel > span {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	background: rgb(70, 70, 70) !important;
	box-shadow: inset 0px 2px 9px rgba(255,255,255,0.3), inset 0px -2px 6px rgba(0,0,0,0.4);
}

#PasswordContentHolder{
	margin: 60px 20px 20px 20px;
}

.ContentSeparator{
	width: calc(100% - 20px);
	height: 1px;
	margin-bottom: 7px;
	margin-top: 7px;
	left: 10px;
	position: relative;
	background-color: rgb(51, 51, 51);
}

.CopyText{
	padding: 0px;
	background: transparent !important;
	border: 0px;
	font-weight: bold;
	color: black !important;
	cursor: text !important;
}

.PreviewCustomerBillingDetails, .ConvertTrialContent{
	height: auto;
	top: 43px;
}

.ConvertTrialContent{
	min-width: 562px;
}

#DetailsHolder{
	position: relative;
	left: 20px !important;
}

.EditCustomerBillingDetailsList{
	height:calc(100% + 10px);
	top:0px;
}

.EditCustomerBillingDetails{
	background: rgb(205,205,205);
	height: 100%;
	width: 180px;
	padding: 10px;
	overflow-x: auto;
}

.CompanyBillingLabel{
	font-size:14pt;
	margin-bottom:20px;
}


.EditCustomerBillingLabel{
	font-size: 11pt !important;
}

.TabButtons, .TabButtonsAlt {
	background-color: rgb(88,88,88);
}

.TabButtons {
	width: 100%;
	height: 35px;
	margin-bottom: 25px;
	vertical-align: middle;
	line-height: 31px;
	min-width: 48px;
	top:40px;
	position: fixed;
	z-index:1000;
}

.TabButtons a, .TabButtonsAlt a {
	font-size: 14pt;
	font-weight: 300;
	text-decoration: none;
	color: #ffffff;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.TabButtons > a {
	float: left;
	height: 35px;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
}

.SelectedTab {
	color: black !important;
	background-color: #ffffff !important;
}

#Tab{
	margin-top:34px;
}


#ContentHolder{
	width:844px;
}

.MarginlessFieldGroup{
	margin: 0px !important;
}

.TableHeader th, .CustomerGrid td{
	border-right:1px solid #c1c1c1;
	font-weight: normal;
	text-align: left;
}

.CustomerGrid td{
	line-height:36px;
}

.lastCell{
	border-right:0px !important;
}

.TableHeader th label, .CustomerGrid tr label{
	margin-left:5px;
}

.CustomerGridHeader{
	height:calc(100% + 12px);
	width:calc(100% + 5px);
	margin-top:-7px;
	margin-left: -5px;
}

.CustomerGrid{
	overflow-x:hidden;
}

#CustomerGrid{
	height: calc(100% - 129px);
}

.CustomerGrid tr:not(.row-selected):hover, #ReconcileHardwareGrid .k-grid-content tr:not(.k-state-selected):hover {
	background-color: rgb(90, 90, 90);
	color: white;
}

.CustomerGrid tbody div{
	width: 249px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#NavigationBottom{
	height:7px;
	width:200px;
	/*box-shadow: inset -4px 2px 9px rgba(255,255,255,0.3), inset 0px 0px 7px rgba(0,0,0,0.4);*/
	box-shadow: inset -1px 2px 9px rgba(255,255,255,0.3), inset 0px -1px 10px rgba(0,0,0,0.4);
	background-color: rgb(70,70,70);
	display:block;
}

div[accordian-for]{
	background: rgb(51,51,51);
	display:none;
}

.CheckHolder label{
	white-space:nowrap;
}

#InitialHolder{
	min-width: 561px;
	height: calc(100% - 65px);
}

#ReconcileActionSelectHolder{
	left: 820px !important;
}

#ReconcileActionSelectHolder, #IsDealerHolder{
	display: none;
	position: absolute;
	top: 135px;
	left: 722px;
}

#ReconcileDealerInputs, #ReconcileSubscriptionInput, #DealerInputs{
	width: 216px;
	margin-top:15px;
	display:none;
}

#DealerInfoHolder{
	background:rgb(205,205,205);
	position:absolute;
	left:1053px;
	top: 135px;
	min-width:214px;
	padding: 5px 15px 5px 15px;
	white-space: nowrap;
	max-width: 325px;
	overflow-x: auto;
}

#DealerInfoHolder span {
	display: table-row;
}

#DealerInfoConfirmButtons{
	position: absolute;
	top: 277px;
	left: 722px;
	display:none;
	background:white;
	height: 50px;
	width: 224px;
}

.DealerInfoConfirmButtonsReconcile{
	top: 286px !important;
	left: 820px !important;
}

.SubscriptionInfoConfirmButtonsReconcile{
	top: 233px !important;
}

.fullScreenOverlay{
	display:none;
	height: calc(100% - 40px);
	width: calc(100% - 200px);
	position: fixed;
	top: 40px;
	left: 200px;
	background: white;
	opacity: 0.6;
	z-index:1000;
}

#DealerInfoHolder span.EditCustomerBillingLabel{
	font-size: 10pt !important;
}


.CreditCardVISA {
	background-image: url('/Content/Standard/images/Logos/Visa.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	height:30px;
	width:46px;
	position:relative;
	left:221px;
	top:-43px;
	margin-bottom: -30px;
}

.CreditCardMASTERCARD {
	background-image: url('/Content/Standard/images/Logos/MasterCard.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	height:30px;
	width:50px;
	position:relative;
	left:221px;
	top:-43px;
	margin-bottom: -30px;
}

.CreditCardAMEX {
	background-image: url('/Content/Standard/images/Logos/AmericanExpr.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	height:30px;
	width:55px;
	position:relative;
	left:221px;
	top:-43px;
	margin-bottom: -30px;
}

.CreditCardDISCOVER {
	background-image: url('/Content/Standard/images/Logos/Discover.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 30px;
	width: 55px;
	position: relative;
	left: 221px;
	top: -43px;
	margin-bottom: -30px;
}

#UserListContent{
	overflow-y: auto;
	height: 356px;
}

.SpinnyDark{
	background-image: url('/Content/Standard/images/Misc/BlackSpinny.gif');
	background-repeat:no-repeat;
	background-position: center;
}

.SpinnyLight{
	background-image: url('/Content/Standard/images/Misc/LightBlueSpinny.gif');
	background-repeat:no-repeat;
	background-position: center;
}

.SpinnyLight span, .SpinnyDark span{
	opacity:0;
}

.AccountingCustomers .CheckHolder{
	width: calc(100% - 10px);
}

.ReconcileConvertFirstCell {
	width: 1320px;
}

.ItemListHolder{
	position: absolute;
	top: -40px;
	left: 0px;
	height: calc(100% + 40px);
	width: 200px;
	background: #e3e2e0;
}

.ListSearchBox {
	position: relative;
	top: 8px;
	left: 7px;
	width: calc(100% - 51px);
	height: 20px;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #9c9b9a;
	height: 16px !important;
	min-width: 100px !important;
}

.ListSearchBoxNoOptions{
	width: calc(100% - 20px);
}

.ListMenuContainer {
	float: right;
	margin-top: 8px;
	margin-right: 6px;
}

.ListMenuButton > div {
	width: 28px;
	height: 24px;
}

.OptionsIconDark {
	background-image: url('/Content/Standard/images/Misc/OptionsIconDark.png');
}

.OptionsIconDark:hover {
	background-color: rgb(70, 70, 70);
	background-image: url('/Content/Standard/images/Misc/OptionsIconLight.png');
}

#NewButton{
	display: none;
}

.MaintenanceArea #NewButton{
	display: block;
}

#DeleteButton{
	display: none;
}

.MaintenanceArea #DeleteButton{
	display: block;
}

.ForDeleteBtn{
	display: none;
}

.MaintenanceArea .ForDeleteBtn{
	display: block;
}

#UndoButton{
	display: none;
}

.MaintenanceArea #UndoButton{
	display: block !important;
}

.SelectedMenuButton{
	background-color: rgb(70, 70, 70);
}

.SelectedMenuButton .OptionsIconDark{
	background-image: url('/Content/Standard/images/Misc/OptionsIconLight.png');
}

.ListMenu > a {
	color: #fff !important;
	text-decoration: none !important;
	font-size: 10pt !important;
	display: block;
	padding: 7px 30px 7px 30px;
	cursor: pointer;
	margin: 0px !important;
	line-height: 16px;
}

#ListToolbar{
	height: 40px;
}

.MaintenanceListGrid{
	height: calc(100% - 41px);
}

#MaintenanceContent{
	position: relative;
	left: 200px;
	top: -13px;
	width: calc(100% - 200px);
}

.TimeOfDayInput{
	width: 65px;
	height: 19px;
	text-align: center;
	padding-right: 21px;
}

.TimeOfDayBtns{
  position:absolute;
  left: 72px;
  top: 1px;
}

.TimeOfDayBtn {
	height: 12px;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f7f5f4;
	width: 17px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #c1c1c1;
	background-size: 19px 14px;
	background-position: center;
	background-repeat: no-repeat;
}

.TimeOfDayBtnLrg{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #c1c1c1;
	background-size: 29px 24px;
}

.TimeOfDayBtnLrg[data-btn-dir='up']{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #c1c1c1;
}

.TimeOfDayBtnLrg[data-btn-dir='down']{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c1c1c1;
}

.TimeOfDayBtn:hover{
  background-color: #e3e2e0;
}

.TimeOfDayBtn:active{
  background-color: #c1c1c1;
}

.TimeOfDayBtn[data-btn-dir='up']{
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #c1c1c1;
  background-image: url(/Content/Standard/images/selectarrows/BlueSpanUpArrow.png) !important;
}

.TimeOfDayBtn[data-btn-dir='down']{
  background-image: url(/Content/Standard/images/selectarrows/BlueSpanDownArrow.png) !important;
}

.InlineTimeOfDay{
	margin-left: 50px;
	float: right;
}

.ErrorField {
	color: red;
	position: relative;
	top: -12px;
	display: none;
	margin-bottom: 30px;
}

.ErrorField span {
	position: absolute;
}

.SectionOverlay{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: .7;
	background: white;
	display: none;
}

#MaintenanceOverlay{
	width: calc(100% - 200px);
	left: 200px;
}

input[datePicker]::-ms-clear, input[lathem-time-picker]::-ms-clear {
	display: none;
}

.NoItemsDiv {
	font-size: 16pt !important;
	width: 100%;
	font-weight: 300 !important;
}

#MaintenanceNoDataOverlay {
	top: 0px;
	left: 200px;
	line-height: 30px;
	font-size: 24pt;
	position: absolute;
	height: 100%;
	width: calc(100% - 200px);
	background: #fff;
	display: none;
}

.NoItemsDiv a {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
	font-size: 12pt !important;
}

.AddedPagePadding{
	padding-top: 20px;
	padding-left: 20px;
}

#BillingProcessContent > div:not(:first-child){
	margin-top: 75px;
}

#BillingProcessContent > div > div{
	max-width: 565px;
}

#BillingProcessContent label.FileLabel{
	width: 110px;
}

#BillingProcessContent .FieldContainer{
	margin-top: 15px;
	float: right;
}

#ReconcileHardwareButtons > div {
	display: inline;
	margin-right: 5px;
}

#ReconcileHardwareHolder {
	width: 1280px;
	max-height: 100%;
}

#ReconcileHardwareGrid, #TrialCustomerGrid, #CustomerTerminalsGrid {
	max-height: calc(100% - 40px);
	height: auto;
}

#ReconcileHardwareGrid .k-grid-content, #TrialCustomerGrid .k-grid-content, #CustomerTerminalsGrid .k-grid-content {
	max-height: calc(100% - 30px) !important;
	overflow-y: auto !important;
	overflow-x: hidden;
}

#ReconcileHardwareGrid .k-grid-header th, #TrialCustomerGrid .k-grid-header th, #CustomerTerminalsGrid .k-grid-header th {
	cursor: default;
}

#ReconcileHardwareGrid .k-grid-content tr, #TrialCustomerGrid .k-grid-content tr, #CustomerTerminalsGrid .k-grid-content tr {
	height: 39px;
}

#CustomerTerminalsGrid .k-grid-content tr
{
	cursor: default !important;
	pointer-events: none !important;
}

.k-i-arrow-n {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black !important;
	display: inline !important;
	position: relative;
	top: -5px;
}
/*need to remove below*/
.k-i-arrow-s {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black !important;
	display: inline !important;
}

@-moz-document url-prefix() {
	.k-i-arrow-n {
		top: -3px;
	}

	.k-i-arrow-s {
		position:relative;
		top:-2px;
	}
}

.k-numeric-wrap .k-link:hover {
	background: rgb(90, 90, 90) !important;
}

.k-numeric-wrap .k-link:hover .k-i-arrow-n {
	border-bottom: 5px solid white !important;
}

.k-numeric-wrap .k-link:hover .k-i-arrow-s {
	border-top: 5px solid white !important;
}

.k-numeric-wrap.k-state-focused .k-link.k-state-selected {
	background: rgb(51, 51, 51) !important;
}

.k-numeric-wrap input{
	text-align: center;
}

#ReconcileHardwareLoadingOverlay .LoadWaitSpinny, #TrialExpirationsLoadingOverlay .LoadWaitSpinny, #CustomerBillingContactLoadingOverlay .LoadWaitSpinny {
	background: url('/Content/Standard/images/Misc/TransparentWaitSpinnyLargeStill.png') center no-repeat;
	width: 100px;
	height: 100px;
	position: relative;
	left: calc(50% - 50px);
	animation: loading-animation linear 1s infinite;
	-webkit-animation: loading-animation 1s linear infinite;
	-moz-animation: loading-animation 1s linear infinite;
}

@keyframes loading-animation {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loading-animation {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#ReconcileHardwareLoadingOverlay, #TrialExpirationsLoadingOverlay {
	z-index: 999999;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	display: none;
}

#CustomerBillingContactLoadingOverlay {
	z-index: 999999;
	height: 100px;
	width: 100%;
	position: absolute;
	top: 150px;
	left: 0;
	display: none;
}

#ReconcileHardwareLoadingOverlay.Loading, #TrialExpirationsLoadingOverlay.Loading, #CustomerBillingContactLoadingOverlay.Loading {
	display: block;
}

.LoadingCover {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #fff;
}

.LoadWaitText {
	width: 100%;
	font-size: 18pt;
	text-align: center;
	font-weight: lighter;
	padding-top: 15px;
}

.LoadWait {
	height: 120px;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -125px;
}

[data-num-hold]{
	height: 28.66px;
	line-height: 28.66px;
	display: inline-block;
}

#TrialCustomerDateHolder > div {
	display: inline-block;
	margin-right: 45px;
}

#TrialCustomerGrid td {
	pointer-events: none;
	cursor: default;
}

.CheckActivityHolder label, .RestoreDatabseHolder label {
	margin-left: 5px;
	margin-right: 5px;
}

.CheckActivityHolder .CheckRemove, .RestoreDatabseHolder .CheckRemove {
	position: absolute;
	right: 0px;
}

.CheckActivityHolder .CheckHolder, .RestoreDatabseHolder .CheckHolder {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#CustomerInfoPane, #UserInfoPane, #SerialInfoPane, #CustomerBillingContactInfoPane {
	position: relative;
	left: 20px;
	height: auto;
	top: 43px;
	display: none;
	float: left;
}

#CustomerBillingAccountManagersGrid > .k-grid-header
{
	padding-right: 0px !important;
}

.CustomerInfoDetails, .UserInfoDetails {
	background: rgb(205,205,205);
	height: 100%;
	width: 250px;
	padding: 10px;
	overflow-x: auto;
}

.CustomerInfoLabel, .UserInfoLabel {
	font-size: 14pt;
	margin-bottom: 20px;
}

.CustomerInfoDataLabel, .UserInfoDataLabel {
	font-size: 11pt !important;
	margin-left: 10px;
}

.SerialSearchHolder {
	height: auto;
	width: 100%;
	position:relative;
}

.ReleaseSerialNumberHolder .TableHeader{
	width: 200px;
	display:inline-block;
}

.ReleaseSerialNumberHolder .TableHeader:not(:first-child){
	margin-left:-5px;
}

.ReleaseSerialNumberHolder .TableHeader label{
	margin-left: 5px;
}

.SelectedSerialTable .SerialSearchHolder:hover {
	cursor: pointer;
	background-color: rgb(90, 90, 90);
	color: white;
}

.SelectedSerialTable > .SerialSearchHolder > div {
	width: 195px;
	display: inline-block;
	padding-left: 5px;
	min-height: 30px;
	vertical-align: top;
	line-height: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.SelectedSerialTable > .SerialSearchHolder > div:not(:first-child){
	border-left: 1px solid #c1c1c1;
	width:194px;
}

#SerialTable{
	border: 1px solid #c1c1c1;
}

.SelectedSerialTable .CheckRemove {
	position: absolute;
	right: -1px;
	min-height: 20px !important;
	padding: 0px !important;
	top: 6px;
	display: none !important;
	cursor:pointer;
	width: 20px !important;
}

.SelectedSerialTable .SerialSearchHolder:hover .CheckRemove {
	display: block !important;
}

#SelectUsersHolder .CheckAllHolder {
	width: 208px;
	display: inline-block;
}

#SelectUsersHolder .CheckAllHolder.EmailAddress {
	width: 300px;
}

#SelectUsersHolder .CheckHolder div:not(.CheckRemove) {
	width: 198px;
	display: inline-block;
	height: calc(100% - 12px);
	padding: 7px 5px 5px 5px;
	margin: 0px;
}

#SelectUsersHolder .CheckHolder div.EmailAddress:not(.CheckRemove) {
	width: 290px;
}

#SelectUsersHolder .CheckHolder div:not(.CheckRemove):last-of-type {
	border-left: 1px solid #cdcdcd;
}

#SelectUsersHolder .CheckHolder {
	max-width: 510px;
	padding: 0px;
	height: 32px;
	position:relative;
}

#SelectUsersHolder .CheckHolder .CheckRemove{
	top: 5px;
}

.SupportSelectEmail {
	padding: 3px;
	cursor: pointer;
	font-weight: bold;
}

.SupportSelectEmail:hover {
	background: #cdcdcd;
}

.GetActiveClocksHolder .CheckHolder{
	padding: 0px !important;
	height: 31px !important;
	position: relative;
}

.GetActiveClocksHolder .CheckHolder .CheckRemove {
	top: 4px;
}

.GetActiveClocksHolder .CheckHolder label{
	margin: 0px !important;
	display: block;
	height: 100%;
	padding: 0px 5px;
	line-height: 28px;
}


.GetBillingAccountManagersHolder .CheckHolder {
	padding: 0px !important;
	height: 31px !important;
	position: relative;
}

.GetBillingAccountManagersHolder .CheckHolder .CheckRemove {
	top: 4px;
}

.GetBillingAccountManagersHolder .CheckHolder label {
	margin: 0px !important;
	display: block;
	height: 100%;
	padding: 0px 5px;
	line-height: 28px;
}

#TerminalsDatabaseGrid td {
	pointer-events: none;
	background: #fff;
}

.SelectedSerialTable .CheckHolder {
	padding: 0px !important;
	height: 31px !important;
	position: relative;
}

.SelectedSerialTable .CheckHolder label {
	margin: 0px !important;
	display: block;
	height: 100%;
	padding: 0px 5px;
	line-height: 28px;
}

.SelectedSerialTable .CheckHolder .CheckRemove {
	top: 4px;
}

.RestoreDatabaseDataHolder > div {
	margin-bottom: 10px;
}

.DateTimeInvalidRange {
	border: 1px solid #a94442;
	background: #ce8483;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;
	animation-name: DateTimeInvalidRangeAnimation;
	animation-duration: 3s;
}

@keyframes DateTimeInvalidRangeAnimation {
	from {
		border: 1px solid #a94442;
		box-shadow: inset 0px 1px 1px rgba(0,0,0,0), 0 0 6px #ce8483;
		background: #ce8483;
	}

	to {
		border: 1px solid #c1c1c1;
		box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0 0 6px transparent;
		background: transparent;
	}
}

.SerialNumberCopy {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	pointer-events: stroke;
}

.requiredInput {
	color: red;
}

#details-container {
	padding: 10px;
}

#details-container h2 {
	margin: 0;
}

#details-container em {
	color: #8c8c8c;
}

#details-container dt {
	margin: 0;
	display: inline;
}

.CopyToClip {
	background-color: white;
	float: right;
	padding: 0px;
	outline: none;
	width: 25px;
	height: 25px;
	border-width: 0px;
	background-image: url('/Content/Standard/images/Misc/copy-to-clipboard_icon.png');
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
}

	.CopyToClip:hover {
		opacity: 0.8;
	}

	.CopyToClip .tooltip {
		visibility: hidden;
		background-color: black;
		color: #fff;
		text-align: center;
		padding: 5px;
		border-radius: 6px;
		position: absolute;
		right: 105%;
		top: -5%;
		min-width: 100px;
	}

	.CopyToClip:hover .tooltip {
		visibility: visible;
	}

.tableSchedule, .thSchedule, .tdSchedule {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
}

.board-inner-content {
	margin-left: 15px;
}

#LiveDatabaseConfirmationContent div {
	margin-bottom: 8px;
}

#ExistingCloneGrid {
	margin-top: 15px;
	max-width: 500px;
}

#ExistingCloneGrid .k-grid-content {
	max-height: 420px !important;
}
.InputInfo {
	background: url(/Content/Standard/images/Misc/InfoIconDark.png) center no-repeat;
	height: 20px;
	width: 20px;
	cursor: pointer;
	border-style: none;
}

#SaveSettingButton {
	margin-top: 15px;
}