body {
	/* padding-top: 44px !important; */
	padding-top: constant(safe-area-inset-top) !important;
	padding-top: env(safe-area-inset-top) !important;

	padding-bottom: constant(safe-area-inset-top) !important;
	padding-bottom: env(safe-area-inset-top) !important;
}

.header {
	/* top: 44px !important; */
	top: constant(safe-area-inset-top) !important;
	top: env(safe-area-inset-top) !important;
}

.header-top {
	top: constant(safe-area-inset-top) !important;
	top: env(safe-area-inset-top) !important;
}

.text-light-caption {
	font-weight: 300;
}

/* iPhone 5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
	body {
		zoom: 92%;
	}

	#migrate-app-step1 {
		zoom: 75%;
	}

	#new-app-start {
		zoom: 75%;
	}

	#content {
		zoom: 70%;
	}

	#slider-special-mode {
		margin-top: -30px !important;
	}

	#status-header {
		font-size: smaller;
	}

	.item.run h3 {
		/* top:15px; */
		margin-top: 10px;
		height: 30px;
	}

	.item h3 {
		/* top:15px; */
		margin-top: 10px;
		height: 30px;
	}
}

/* iPhone X */
@media only screen and (min-device-height : 736px) {
	.modal1-height {
		height: 500px !important;
	}
}

/* iPhone X landscape */
@media screen and (orientation: landscape) {
	/* body {
		padding-left: 5vw !important;
		padding-left: 5vw !important;

		padding-right: 5vw !important;
		padding-right: 5vw !important;
	} */

	.container {
		padding-right: 50px;
		padding-left: 50px;
	}

	/* .top-curtine-spacer {
		height: 12vh;
	} */
}