.x-date-menu{
    width: 180px !important;
}
.x-ignore.x-menu-plain.x-menu-nosep.x-menu.x-date-menu.x-component div{
    min-width: 180px !important;
}

.x-ignore.x-menu-plain.x-menu-nosep.x-menu.x-date-menu.x-component .x-date-left div.x-icon-btn, .x-ignore.x-menu-plain.x-menu-nosep.x-menu.x-date-menu.x-component .x-date-middle div.x-icon-btn, .x-ignore.x-menu-plain.x-menu-nosep.x-menu.x-date-menu.x-component .x-date-right div.x-icon-btn {
    min-width: 16px !important;
}

.filter-info-div{
	display:block;
	background-color:#15428b;
	height:auto;
	line-height:14px;
	padding:4px;
	margin-top:8px;
	font-size:13px;
	font-weight:bold;
}
.yellow-bg{
	
}
.yellow-text{
	color: #ffc107 !important;
	font-weight:bolder;
	font-size:15px !important;

}
.green-bg{
	
}
.green-text{
	color: #198754 !important;
	font-weight:bolder;
	font-size:15px !important;
}
.blue-bg {
}
.blue-text{
	color: #0d6efd !important;
	font-weight:bolder;
	font-size:15px !important;
}
.gray-text{
	color: #6c757d !important;
	font-weight:bolder;
	font-size:15px !important;
}
.popup-button .x-btn-image{
	background-color:blue;
	background-size:cover !important;
}
.popup-topBar{
	width:100%;
	
	background-color:#64b5f6;
	
}

.main-popup>div.popupContent{
	
	border:4px solid #64b5f6;
	background-color:#64b5f6;
}
.main-popup{
	
	border:none !important;
}