/**
 * Base Site Css
 */

/**
 * Center Box
 */
.center-box-outer {
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

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

.center-box-inner {
	margin-left: auto;
	margin-right: auto;
	/* width: 400px; */
	/*whatever width you want*/
}

/**
 * Pure CSS Loaders
 * https://loading.io/css/
 */
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-ellipsis div {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #333;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(19px, 0);
	}
}

.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-display-field, .x-item-disabled .x-form-cb-label, .x-item-disabled .x-form-trigger {
	filter: alpha(opacity=60);
	opacity: .6 !important;
 }

.dropdownbox-button {
	border-color: #fff0 !important;
	background: #fff0 !important;
	padding: 0px !important;
}

.dropdownbox-button .x-btn-inner {
	text-align: left;
	padding: 0px !important;
}

.dropdownbox-button:hover {
	border-color: #a9cbf5 !important;
	background: #a9cbf580 !important;
}

.float-show-text {
}
.float-show-text>div.origin_text{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.float-show-text>div.tip_text{
	display: none;
}

.float-show-box {
	position: fixed;
	left: 0px;
	top: 0px;
	max-width: 99vw;
	z-index: 99999;
	background-color: #fff;
	border: 1px solid #99bce8;
	padding: 5px;
	box-sizing: border-box;
	word-break:break-all;
	word-wrap:break-word;
}
.float-show-box>div.origin_text{
	display: none;
}
.float-show-box * {
	max-width: 100%;
}


.x-panel-body .x-toolbar .x-btn-default-toolbar-small, .x-window .x-toolbar .x-btn-default-toolbar-small{
	border-color: #81a4d0;
	background-image: none;
	background-color: #dbeeff;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dbeeff),color-stop(10%,#d0e7ff),color-stop(52%,#bbd2f0),color-stop(100%,#bed6f5));
	background-image: -webkit-linear-gradient(top,#dbeeff,#d0e7ff 10%,#bbd2f0 52%,#bed6f5);
	background-image: -moz-linear-gradient(top,#dbeeff,#d0e7ff 10%,#bbd2f0 52%,#bed6f5);
	background-image: -o-linear-gradient(top,#dbeeff,#d0e7ff 10%,#bbd2f0 52%,#bed6f5);
	background-image: linear-gradient(top,#dbeeff,#d0e7ff 10%,#bbd2f0 52%,#bed6f5)

}
.x-panel-body .x-toolbar .x-btn-default-toolbar-small-over, .x-window .x-toolbar .x-btn-default-toolbar-small-over {
	border-color: #81a4d0;
	background-image: none;
	background-color: #dbeeff;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dbeeff),color-stop(48%,#d0e7ff),color-stop(52%,#bbd2f0),color-stop(100%,#bed6f5));
	background-image: -webkit-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
	background-image: -moz-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
	background-image: -o-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
	background-image: linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5)

}
.x-panel-body .x-toolbar .x-btn-default-toolbar-small-pressed, .x-window .x-toolbar .x-btn-default-toolbar-small-pressed {
	border-color: #7a9ac4;
	background-image: none;
	background-color: #bccfe5;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bccfe5),color-stop(48%,#c5d6e7),color-stop(52%,#95c4f4),color-stop(100%,#9fc9f5));
	background-image: -webkit-linear-gradient(top,#bccfe5,#c5d6e7 48%,#95c4f4 52%,#9fc9f5);
	background-image: -moz-linear-gradient(top,#bccfe5,#c5d6e7 48%,#95c4f4 52%,#9fc9f5);
	background-image: -o-linear-gradient(top,#bccfe5,#c5d6e7 48%,#95c4f4 52%,#9fc9f5);
	background-image: linear-gradient(top,#bccfe5,#c5d6e7 48%,#95c4f4 52%,#9fc9f5)
}

.loginWindow .x-window-header-text-container-default {
	line-height: 32px !important;
	font-size: 20px !important;
	padding: 2px 20px !important;
}

.loginWindow .x-panel-body-default, .loginWindow .x-form-item-label {
	line-height: 32px !important;
	font-size: 20px !important;
}

.loginWindow .x-form-text {
	line-height: 20px !important;
	font-size: 18px !important;
	height: 30px;
	padding: 3px 3px 3px 3px;
}
.loginWindow .x-toolbar-footer{
	padding: 5px 0 5px 6px !important;
}
.loginWindow .x-btn-button {
	height: 29px !important;
	padding-top:3px;
}

.loginWindow .x-btn .x-btn-inner {
	line-height: 22px !important;
	font-size: 20px !important;
}

.loginWindowItem .x-boundlist-item {
	line-height: 24px !important;
	font-size: 18px !important;
}

.loginWindow .x-form-trigger {
	height: 30px !important;
	background: url(./images/trigger-big.gif) !important;
	width: 22px !important;
	border-width: 0 0 1px;
	border-color: #b5b8c8;
	border-style: solid;
}

.loginWindow .ext-ux-clearbutton {
	width: 16px  !important;
	height: 22px  !important;
	background-image: url(./images/clear-text-icon-big.gif)  !important;
	background-position: 0 0;
	background-repeat: no-repeat;
	-moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
	cursor: pointer;
	position: absolute;
	overflow: hidden; /* IE 6 :-( */
	background-color: white;
}