@media (max-height: 300px) {
	.ui-dialog .ui-dialog-content{max-height: 150px}
}

@media (min-height: 300px) and (max-height: 350px) {
	.ui-dialog .ui-dialog-content{max-height: 200px}
}

@media (min-height: 350px) and (max-height: 400px) {
	.ui-dialog .ui-dialog-content{max-height: 250px}
}

@media (min-height: 400px) and (max-height: 450px) {
	.ui-dialog .ui-dialog-content{max-height: 300px}
}

@media (min-height: 450px) and (max-height: 500px) {
	.ui-dialog .ui-dialog-content{max-height: 350px}
}

@media (min-height: 500px) and (max-height: 550px) {
	.ui-dialog .ui-dialog-content{max-height: 400px}
}

@media (min-height: 550px) and (max-height: 600px) {
	.ui-dialog .ui-dialog-content{max-height: 450px}
}

@media (min-height: 600px) and (max-height: 650px) {
	.ui-dialog .ui-dialog-content{max-height: 500px}
}

@media (min-height: 650px) and (max-height: 700px) {
	.ui-dialog .ui-dialog-content{max-height: 550px}
}

@media (min-height: 700px) {
	.ui-dialog .ui-dialog-content{max-height: 600px}
}



@media (max-width: 250px) {
	.out-dialog{max-width: 180px !important}
}

@media (min-width: 250px) and (max-width: 300px) {
	.out-dialog{max-width: 215px !important}
}

@media (min-width: 300px) and (max-width: 350px) {
	.out-dialog{max-width: 290px !important}
}

@media (min-width: 350px) and (max-width: 400px) {
	.out-dialog{max-width: 340px !important}
}

@media (min-width: 400px) and (max-width: 450px) {
	.out-dialog{max-width: 390px !important}
}

@media (min-width: 450px) and (max-width: 500px) {
	.out-dialog{max-width: 440px !important}
}

@media (min-width: 500px) and (max-width: 550px) {
	.out-dialog{max-width: 490px !important}
}

@media (min-width: 550px) and (max-width: 600px) {
	.out-dialog{max-width: 540px !important}
}

@media (min-width: 600px) and (max-width: 650px) {
	.out-dialog{max-width: 590px !important}
}

@media (min-width: 650px) and (max-width: 700px) {
	.out-dialog{max-width: 640px !important}
}

@media (min-width: 700px) and (max-width: 750px) {
	.out-dialog{max-width: 690px !important}
}

@media (min-width: 750px) and (max-width: 800px) {
	.out-dialog{max-width: 740px !important}
}

@media (min-width: 800px) and (max-width: 850px) {
	.out-dialog{max-width: 790px !important}
}

@media (min-width: 850px) and (max-width: 900px) {
	.out-dialog{max-width: 840px !important}
}

@media (min-width: 900px) and (max-width: 950px) {
	.out-dialog{max-width: 890px !important}
}

@media (min-width: 950px) and (max-width: 1000px) {
	.out-dialog{max-width: 940px !important}
}

@media (min-width: 1000px) {
	.out-dialog{max-width: 990px !important}
}

@media (min-width: 1240px) {
	.out-dialog{max-width: 1230px !important}
}