@import 'bootstrap.min.css';
@import 'custom_theme.css';


.wk-label-ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.wk-label-wordwrap {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: auto !important;
}

.wk-grid-cell-ellipsis .x-grid-cell-inner {
	text-overflow: ellipsis !important;
}

.wk-grid-header-ellipsis .x-column-header-inner .x-column-header-text {
	text-overflow: ellipsis !important;
	white-space: normal !important;
}

.wk-grid-header-ellipsis-line-2 .x-column-header-inner .x-column-header-text {
	overflow: hidden;
	text-overflow: ellipsis !important;
	white-space: normal !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: auto !important;
}

/*.x-form-item-label-default {
	font-size: 13px;
}*/

.x-panel-body-default {
	font-size: 13px;
}

.x-form-text-default {
	font-size: 13px;
}

.x-tip-header-title-default {
	font-size: 13px;
}

.x-tip-body-default {
	font-size: 13px;
}

.x-mask-msg{
	background-color:#f2f5f8 !important;
	border-color:#d9d9d9;
	-webkit-box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 8px 2px rgba(0,0,0,0.25);
	padding:4px;
}
.x-mask-msg-inner{
	background-color:#f2f5f8 !important;
	border-color:#f2f5f8 !important;
}	
.x-mask-msg-text{
	background-color:#f2f5f8 !important;
	font-weight:bold !important; 
}

/*
.my-list .x-boundlist-list-ct {
	overflow-x: hidden !important;
}
*/

.my-list .x-boundlist-item {
	padding: 4px 4px;
	border: none;
	color: #000;
}
.my-list .x-boundlist-selected {
	background: #d9ecff;
	border-color: #d9ecff;
	color: #000;
	font-weight: 600;
}
.my-list .x-boundlist-item-over {
	background: #e8f4ff;
	border-color: #e8f4ff;
}

.my-list .x-view-item-focused {
	outline: 0 !important;
}
 
.my-grid-cell-ellipsis .x-grid-cell-inner {
	text-overflow: ellipsis !important;
}

.my-grid-header-ellipsis .x-column-header-inner .x-column-header-text {
	text-overflow: ellipsis !important;
	white-space: normal !important;
}

/* 
.my-grid-header-ellipsis .x-grid-header-ct-default {
	height: 100% !important;
}
.my-grid-header-ellipsis .x-grid-header-ct > .x-box-inner {
	height: 100% !important;
} */

.my-btn-red .x-btn-icon > .x-btn-icon-el {
	color: red !important;
}

.my-treeview-bgcolor .x-tree-view-default {
	background-color: #fff !important;
}

.my-treeview_focus_rect .x-grid-item-focused .x-grid-cell-inner:before {
	border: none;
}

.my-toolbar-bgcolor {
	background-color: #F2F5F8 !important;
}

.my-cp-bg-white {
	background-color: #fff !important;
}

.my-cp-border {
	border: 1px solid #d9d9d9;	
}
.my-cp-border-l {
	border-left: 1px solid #d9d9d9;	
}
.my-cp-border-r {
	border-right: 1px solid #d9d9d9;	
}
.my-cp-border-t {
	border-top: 1px solid #d9d9d9;	
}
.my-cp-border-b {
	border-bottom: 1px solid #d9d9d9;	
}
.my-cp-border-tb {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.my-container-color-white {		
	background-color: white !important;
}
.my-container-border-top {		
	border-top: 1px solid #E0E0E0;
}
.my-container-border-bottom {		
	border-bottom: 1px solid #E0E0E0;
}
.my-container-border-left {		
	border-left: 1px solid #E0E0E0;
}
.my-container-border-right {		
	border-right: 1px solid #E0E0E0;
}
.my-container-context-color {		
	background-color: #F2F5F8 !important;
}

.my-panel-color .x-panel-body-default{		
	background: #F2F5F8 !important;
}

.stat-reports-grid-header-color .x-group-sub-header {
	color: default;
}
.stat-reports-grid-header-color .x-group-header {
	color: #094FA3;
}
.stat-report-vaccine-category-grid-header-height .x-column-header {
	height: 190px;
}
.stat-report-vaccine-category-grid-header-height .x-group-sub-header {
	height: 100%;
}
.stat-report-vaccine-date-grid-header-height .x-column-header {
	height: 80px;
}
.stat-report-vaccine-date-grid-header-height .x-group-sub-header {
	height: 100%;
}
.stat-report-doctor-dynamics-grid-header-height .x-column-header {
	height: 100px;
}
.stat-report-doctor-dynamics-grid-header-height .x-group-sub-header {
	height: 100%;
}

.my-fa-trigger {
	background-image: none;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding-top: 9px;
	color: #1998ff;
}

.my-fa-trigger.x-form-trigger-over {
	background: #e5f1fb;
}

.pw-trigger {
	background-image: none;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding-top: 9px;
	color: #777;
}
.pw-trigger.x-form-trigger-over {
	background: #e5f1fb;
}

.my-photo {
	background-image: none;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding-top: 20px;
	color: #bbb;
}
.my-photo:before {
	font-family: "FontAwesome";
	font-size: 80px;
	content: "\f2c0";
}

.x-menu-item-text {  
	font-size: 13px;
	color: red;
}

.x-menu-item-icon-default {
	color: #1998FF !important;
}
.x-menu-header {
	z-index: 0 !important;
	background: #f0f0f0 !important;
}
.x-title.x-menu-header-title {
	padding-top: 2px;
	padding-left: 4px;
	font-size: 13px;
	height: 24px;
	color: #094FA3;
	//text-align: left;
	//font-weight: bold;
}

.x-menu-item-text-default.x-menu-item-indent {
	margin-left: 28px !important;
}

.grid-header-bold-blue .x-column-header-inner {
  font-size: 13px;
  font-weight: bold;
  color: #094FA3;
}