.overflow-hidden {
	overflow: hidden !important;
}

.modal {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: auto;
}

.modal .modal-body {
	overflow-x: hidden;
}

.modal .modal-body:not(.overflow-hidden) {
	overflow-y: auto;
}

.modal.modal-mini {
	width: 400px;
	max-height: 180px;
}

.modal.modal-smaller {
	max-height: 40vh;
	max-width: 40vw;
}

.modal.modal-small {
	max-width: 60vw;
}

.modal.modal-medium {
	max-height: 70vh;
	max-width: 70vw;
}

.modal.modal-big {
	max-height: 80vh;
	max-width: 80vw;
}

.modal.modal-bigger {
	max-height: 95vh;
	max-width: 90vw;
}

.modal-mini .modal-body.modal-body-max-height {
	height: calc(180px - 49px);
}

.modal-smaller .modal-body.modal-body-max-height {
	height: calc(40vh - 49px);
}

.modal-small .modal-body {
	max-height: 55vh !important;
}

.modal-small .modal-body.modal-body-max-height {
	height: calc(60vh - 49px);
}

.modal-medium .modal-body.modal-body-max-height {
	height: calc(70vh - 49px);
}

.modal-big .modal-body.modal-body-max-height {
	height: calc(80vh - 49px);
}

.modal-bigger .modal-body.modal-body-max-height {
	height: calc(95vh - 49px);
}

.modal-mini .modal-body.modal-body-with-footer-max-height {
	height: calc(180px - 49px - 40px);
}

.modal-smaller .modal-body.modal-body-with-footer-max-height {
	height: calc(40vh - 49px - 40px);
}

.modal-small .modal-body.modal-body-with-footer-max-height {
	height: calc(60vh - 49px - 40px);
}

.modal-medium .modal-body.modal-body-with-footer-max-height {
	height: calc(70vh - 49px - 40px);
}

.modal-big .modal-body.modal-body-with-footer-max-height {
	height: calc(80vh - 49px - 40px);
}

.modal-bigger .modal-body.modal-body-with-footer-max-height {
	height: calc(95vh - 49px - 40px);
}

@media ( max-width : 1200px) {
	.modal {
		position: absolute;
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
		width: auto !important;
	}
	
	.modal .modal-body {
		overflow-x: hidden !important;
	}
	
	.modal .modal-body:not(.overflow-hidden) {
		overflow-y: auto !important;
	}
	
	.modal.modal-mini {
		width: 400px !important;
		max-height: 180px;
	}
	
	.modal.modal-smaller {
		max-height: 40vh;
		max-width: 40vw;
	}
	
	.modal.modal-small {
		max-width: 60vw;
	}
	
	.modal.modal-medium {
		max-height: 70vh;
		max-width: 70vw;
	}
	
	.modal.modal-big {
		max-height: 80vh;
		max-width: 80vw;
	}
	
	.modal.modal-bigger {
		max-height: 95vh;
		max-width: 90vw;
	}
	
	.modal-mini .modal-body.modal-body-max-height {
		height: calc(180px - 49px) !important;
	}
	
	.modal-smaller .modal-body.modal-body-max-height {
		height: calc(40vh - 49px) !important;
	}
	
	.modal-small .modal-body.modal-body-max-height {
		height: calc(60vh - 49px) !important;
	}
	
	.modal-medium .modal-body.modal-body-max-height {
		height: calc(70vh - 49px) !important;
	}
	
	.modal-big .modal-body.modal-body-max-height {
		height: calc(80vh - 49px) !important;
	}
	
	.modal-bigger .modal-body.modal-body-max-height {
		height: calc(95vh - 49px) !important;
	}
	
	.modal-mini .modal-body.modal-body-with-footer-max-height {
		height: calc(180px - 49px - 40px) !important;
	}
	
	.modal-smaller .modal-body.modal-body-with-footer-max-height {
		height: calc(40vh - 49px - 40px) !important;
	}
	
	.modal-small .modal-body.modal-body-with-footer-max-height {
		height: calc(60vh - 49px - 40px) !important;
	}
	
	.modal-medium .modal-body.modal-body-with-footer-max-height {
		height: calc(70vh - 49px - 40px) !important;
	}
	
	.modal-big .modal-body.modal-body-with-footer-max-height {
		height: calc(80vh - 49px - 40px) !important;
	}
	
	.modal-bigger .modal-body.modal-body-with-footer-max-height {
		height: calc(95vh - 49px - 40px) !important;
	}
}

@media ( max-width : 768px) {
	.modal {
		position: absolute;
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
		width: auto !important;
	}
	
	.modal .modal-body {
		overflow-x: hidden !important;
	}
	
	.modal .modal-body:not(.overflow-hidden) {
		overflow-y: auto !important;
	}
	
	.modal.modal-mini {
		width: 400px !important;
		max-height: 180px;
	}
	
	.modal.modal-smaller {
		max-height: 40vh;
		max-width: 40vw;
	}
	
	.modal.modal-small {
		max-width: 60vw;
	}
	
	.modal.modal-medium {
		max-height: 70vh;
		max-width: 70vw;
	}
	
	.modal.modal-big {
		max-height: 80vh;
		max-width: 80vw;
	}
	
	.modal.modal-bigger {
		max-height: 95vh;
		max-width: 90vw;
	}
	
	.modal-mini .modal-body {
		height: calc(180px - 49px) !important;
	}
	
	.modal-smaller .modal-body {
		height: calc(40vh - 49px) !important;
	}
	
	.modal-small .modal-body {
		max-height: 55vh !important;
	}
	
	.modal-medium .modal-body {
		height: calc(70vh - 49px) !important;
	}
	
	.modal-big .modal-body {
		height: calc(80vh - 49px) !important;
	}
	
	.modal-bigger .modal-body {
		height: calc(95vh - 49px) !important;
	}
}