body {
	font-family: 'Barlow Semi Condensed', sans-serif;
}

#myIMSIModal {
	top:40%;
	right:60%;
	outline: none;
	overflow-y: auto;
	overflow-x: auto;
	height:500px !important;
	width:33% !important;
}

.modal-dialog {
	width:65% !important;
}

#myIMSIModalAlert {
	padding: 0px;
}

	

.main-section {
	margin: 0 auto;
	margin-top: 100px;
	background-color: #fff;
	border-radius: 5px;
	padding: 0px;
}
.modalBoxShadowBorder {
	box-shadow: 0px 2px 20px 3px #041ff980;
}

.modalBorderEAGL {
	border: 5px solid rgb(74, 96, 236);
}
.messaging {
	background: #74b8f1;
}
.user-img {
	margin-top: -10px;
}
.user-img img {
	height: 100px;
	width: 100px;
}
.user-name {
	margin: 10px 0px;
}
.user-name h1 {
	font-size: 30px;
	color: #676363;
}
.coloredModalText {
	font-size: 30px;
	color: #fcfcfc;
}
.user-name button {
	position: absolute;
	top: -50px;
	right: 20px;
	font-size: 30px;
}
.form-input button {
	width: 100%;
	margin-bottom: 20px;
}
.link-part {
	border-radius: 0px 0px 5px 5px;
	background-color: #ecf0f1;
	padding: 15px;
	border-top: 1px solid #c2c2c2;
}
.open-modal {
	margin-top: 100px !important;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
	.zoom {
		zoom: 60%;
	}
}

/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
	.zoom {
		zoom: 80%;
	}
}