body {
	font-family: 'calibri';
}

img.center { 
	display     : block; 
	margin-left : auto; 
	margin-right: auto;
}

.c-panel-home {
	background-color: #fff;
	box-shadow      : 0px 0px 10px rgba(0,0,0,.1) inset;
}

.c-body {
	position        : absolute;
	height          : auto;
	width           : auto;
	top             : 0px;
	left            : 0px;
	right           : 0px;
	bottom          : 0px;
	background-color: #eee;
	background-image: url('../images/icons/pattern.png');
}

.c-head {
	background-color: #ededed;
	border          : none;
	border-bottom   : 1px solid rgba(0,0,0,.2);
	box-shadow      : 0px -1px 0px rgba(255,255,255,.4) inset;
}
.c-foot {
	background-color: #ededed;
	border          : none;
	border-top   	: 1px solid rgba(0,0,0,.2);
	box-shadow      : 0px 1px 0px rgba(255,255,255,.4) inset;
}

.c-pattern {
	background-color: #f6f6f6;
	background-image: url('../images/icons/pattern.png');
}

.x-layout-collapsed {
	background-color: transparent !important;
}

/*.c-form-footer {
	background-color: #D0DEF0;
	border-top: 1px solid #99BBE8;
	box-shadow: 0px 1px 0px rgba(255,255,255,.7) inset;
}*/

.c-form-body {
	background-color: #DFE8F6;
}

.required .x-form-item-label, .required .x-form-display-field {
	background-image   : url('../images/icons/bullet_red.png');
	background-position: right center;
	background-repeat  : no-repeat;
}

.c-form-label .x-form-item-label, .c-form-label .x-form-display-field { 
	background-color: #D0DEF0;
	border          : 1px solid #99BBE8;
	text-indent     : 5px;
	box-shadow      : -1px 1px 0px rgba(255,255,255,.7) inset;
}

.c-form-label .x-form-display-field {
	padding: 3px 3px 3px 0;
}

.c-custom-checkbox .x-form-check-wrap {
	position        : relative;
	width           : 60px;
	height          : 20px;
	background-color: #eef2f9;
	border          : 1px solid #99BBE8;
	box-shadow      : -1px 1px 0px rgba(255,255,255,.9) inset;
	border-radius   : 0px 50px 50px 0px;
}

.c-custom-checkbox .x-form-check-wrap:after {
	content    : 'NO';
	font-size  : 11px;
	color      : #000;
	position   : absolute;
	right      : 8px;
	z-index    : 0;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
	line-height: 19px;
}

.c-custom-checkbox .x-form-check-wrap:before {
	content    : 'YES';
	font-size  : 11px;
	color      : #000;
	position   : absolute;
	left       : 5px;
	z-index    : 0;
	line-height: 19px;
}

.c-custom-checkbox .x-form-check-wrap label {
	display           : block;
	width             : 28px;
	height            : 14px;
	border            : 1px solid #bbb;
	margin-left       : 0px;
	border-radius     : 50px;
	
	-webkit-transition: all .4s ease;
	-moz-transition   : all .4s ease;
	-o-transition     : all .4s ease;
	-ms-transition    : all .4s ease;
	transition        : all .4s ease;
	cursor            : pointer;
	position          : absolute;
	top               : 2px;
	left              : 2px;
	z-index           : 1;
	
	background        : rgb(254,255,232);
	background        : -moz-linear-gradient(top,  rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%);
	background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1)));
	background        : -webkit-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
	background        : -o-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
	background        : -ms-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
	background        : linear-gradient(to bottom,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
	filter 			  : progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 );
}

.c-custom-checkbox .x-form-check-wrap input[type=checkbox] {
	display: none;
}

.c-custom-checkbox .x-form-check-wrap input[type=checkbox]:checked + label {
	left: 27px;
}

.orgChart{
background: url("../js/ux/extjsorgchart/images/bkgd.png") repeat scroll left top rgba(0, 0, 0, 0);
}
.ExtJSOrgChart table{
	border: 0 none;
}

.ExtJSOrgChart table tr{
	border: 0 none;
}

.ExtJSOrgChart table td{
	border: 0 none;
}
.x-treegrid-col {
	border-left: 1px solid;
}
.x-treegrid-col .x-tree-node-icon {
	/*margin-top: 2px;*/
	margin-bottom: -1px;
}

.x-layer.x-editor {
	z-index: 8000 !important;
}

.x-layer.x-editor.x-small-editor.x-grid-editor > .x-form-text.x-form-field {
	margin-top: -4px;
}

/*login classes : */
.c-container-viewport {
	background-color: #fafafa;
}
.c-container-login {
	border          : 1px solid #ccc;
	background-color: #fdfdfd;
	padding         : 10px;
}
.c-content-title {
	font-family   : sans-serif;
	font-size     : 4em;
	font-weight   : bolder;
	color         : #555;
	margin-bottom : 10px;
	padding       : 100px;
	padding-bottom: 0px;
}
.c-content-subtitle {
	color        : #777;
	padding      : 5px;
	font-size    : 1.3em;
	padding      : 100px;
	padding-right: 200px;
	padding-top  : 0px;
	height       : 150px;
	overflow     : hidden;
	text-overflow: ellipsis;
}
.c-login-app_name {
	color: #427ed0;
}
.c-login-title {
	font-family: sans-serif;
	font-size  : 2.5em;
	font-weight: bolder;
	color      : #555;
}
.c-login-subtitle {
	color        : #777;
	padding      : 5px;
	border-top   : 1px solid #ccc;
	margin-bottom: 50px;
}
.c-login-new {
	color: #555;
	text-decoration: none;
}
.c-login-footer {
	position        : absolute;
	left            : 0px;
	right           : 0px;
	bottom          : 0px;
	background-color: #eaeaea;
	color           : #777;
	padding-top     : 5px;
	padding-bottom  : 5px;
	border-top      : 1px solid #ccc;
	text-align      : center;
	font-size       : 12px;
}

@media screen and (max-width: 990px) {
	.c-content-title {
		font-size   : 3em;
		padding-left: 50px;
	}
	.c-content-subtitle {
		font-size  : 1em;
		padding    : 50px;
		padding-top: 0px;
	}
}
@media screen and (max-width: 800px) {
	.c-content-title {
		font-size    : 2.5em;
		padding-left : 20px;
		padding-right: 0px;
	}
	.c-content-subtitle {
		font-size   : 1em;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 550px) {
	.c-content-title { visibility: hidden; }
	.c-content-subtitle { visibility: hidden; }
}


.x-btn-red{
	background-image:url(../images/red/button/btn-sprite.gif);
}