.x-panel-body-default {
    background: none;
}

.x-progress-default .x-progress-bar-default {
    background: rgb(40,210,0);
    background: -moz-linear-gradient(180deg, rgba(40,210,0,0.6) 0%, rgba(41,211,1,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(40,210,0,0.6) 0%, rgba(41,211,1,1) 100%);
    background: linear-gradient(180deg, rgba(40,210,0,0.6) 0%, rgba(41,211,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#28d200",endColorstr="#29d301",GradientType=1);
}

.x-grid-item {
	background-color: initial;
}

.x-treelist-nav .x-treelist-item-text {
	line-height: 150%;
	margin-left: 4px;
	font-size: 13px;
	color: white;
}

.x-nowrap {
	white-space: nowrap;
}

.x-auto-height {
	height: auto !important;
}

.x-form-cb-wrap-default {
	height: auto;
}

.x-login-form {
	
	background-image: url(https://ai-m.capital/mt-content/uploads/2024/06/bg_6661683168daf.jpg);
	background-position: top;
	transition-duration: 0.4s;
	background-repeat: no-repeat;
	background-size: auto;
	
	> .x-panel-bodyWrap > .x-panel-body-default {
		background-color: transparent !important;
		
		> .x-autocontainer-outerCt > .x-autocontainer-innerCt > .x-panel {
			border-radius: 30px;
			box-shadow: 0px 5px 15px 0px #e8e8e8;
			-webkit-box-shadow: 0px 5px 15px 0px #bbb;
			> .x-panel-bodyWrap > .x-panel-body-default > .x-autocontainer-outerCt > .x-autocontainer-innerCt > label {
				color: #000 !important;
				font-size: 17px  !important;
				font-weight: 300 !important;
				font-style: normal !important;
				font-family: 'Lato', sans-serif !important;
			}
		}
	}
	
	.x-form-text-wrap {
		border-radius: 8px;
	}
	
	.x-btn {
		border-radius: 5px; 
		border-style: none;
	}
	
	.x-btn-inner {
		line-height: 120% !important;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
		font-size: 14px !important;
	}
	
	input {
		background-color: #FAFAFA !important;
	}
	
	.x-form-type-checkbox {
		text-align: left !important;
		font-family: 'Lato', sans-serif !important;
		font-size: 14px  !important;
	
		label {
			color: #000 !important;
			font-size: 14px  !important;
			font-weight: 300 !important;
			font-style: normal !important;
			font-family: 'Lato', sans-serif !important;
		}
	}
	
	.x-xt-link {
		font-family: 'Montserrat', sans-serif !important;
		font-weight: 400;
		font-style: normal;
		color: #084e92 !important;
		font-size: 14px !important;
		line-height: 22px !important;
		cursor: pointer;
	}
}

@media screen and (max-width: 1199px) {
	.x-login-form {
		background-position: top left -360px;
	}
}
@media screen and (max-width: 768px) {
	.x-login-form {
		background-position: top left -230px;
		background-size: 1290px;
	}
} 

@media screen and (max-width: 1039px) {
	.x-xt-link {
		font-size:11px !important;
		letter-spacing: 0;
	}
}