.clear { clear: both; }
.ar { text-align: right; direction: rtl; }
.en { text-align: left; direction: ltr; }
.placeholder { color: #999; }
input, textarea, select {
	padding: 2px 5px;
	border: #CCC solid 1px;
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.08);
}
input:hover, textarea:hover, select:hover { border-color: #9cbb2e;}
input:focus, textarea:focus, select:focus { border-color: #328a2f !important; }
select { height: 30px; }

.error_field { border: #F00 solid 1px !important; }

.floatForm {
	float: right;
	width: 50%;
}
.floatForm h4 {
	text-align: center;
}
.normalForm { clear: both; position: relative; }
.floatForm ul, .normalForm ul { list-style: none; margin: 0; padding: 0; }
.floatForm ul li, .normalForm ul li { margin: 5px; }
.floatForm input, .floatForm textarea { width: 95%; }
.normalForm input, .normalForm textarea, .normalForm select, 
.formField .input input, .formField .input textarea, .formField .input select { width: 100%; }
.floatForm textarea, .normalForm textarea { height: 150px; min-height: 150px; resize: vertical; }
.normalForm textarea { height: 100px; min-height: 100px; }
.normalForm .floatField { float: right; width: 32%; }
.formField {
	clear: both;
	margin: 10px auto;
}
.formField .caption, .formField .input { float: right; width: 40%; }
.formField .caption { text-align: center; font-weight: bold; }
.formField .input { width: 60%; }


.ui-autocomplete-loading {
	background-image: url('https://www.aou.im/epcms/clientscripts/images/ajax-loader.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

.ui-autocomplete-loading {
	background-image: url('https://www.aou.im/epcms/clientscripts/images/ajax-loader.gif') !important;
	background-position: right center;
	background-repeat: no-repeat;
}

#files_menu { max-height: 200px; overflow: auto; }
input.disabled { background-color: #EBEBEB }

#messages_list .messageContainer {
	margin: 10px auto;
	padding: 5px 10px;
	background-color: #fff;
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
}
#messages_list .messageContainer .sn { float: right; }
#messages_list .messageContainer .time { float: left; }


#student_letter {
	height: 297mm !important;
	width: 210mm !important;
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	padding: 110px 150px 60px 150px !important; display: none;
}
#student_letter #header_info {
	margin-top: 3cm;
}
#student_letter #message_content:not(.exception) {
	margin-top: 50px;
	font-size: 28px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 50px !important;
}
#student_letter #message_content h1, #student_letter #message_content h2 {
	text-align: center;
	margin: 15px 0;
}
#student_letter #message_content h1 { margin: 10px 0; }
#student_letter #message_content h2 { font-size: 20px; }
#student_letter #message_content h1 { font-size: 22px; }
#student_letter #message_content { line-height: 30px; text-align: justify; text-justify: inter-word; }
#student_letter #footer_top { margin: 30px 0; text-align: center; line-height: 30px;  }
#student_letter #footer { position: absolute; top: 33cm; left: 150px; text-align: center; line-height: 50px; font-weight: bold;  }
.arabic #message_content { font-size: 18px !important; }
.arabic #footer_top, .arabic #footer,  .arabic #header_info { font-size: 22px !important; }
.english #message_content { font-size: 18px !important; }
.english #footer_top, .english #footer,  .english #header_info { font-size: 20px !important; }
#student_letter table { width: 98%; margin: 10px auto; }
#student_letter table th { background: #C4C4C4; font-weight: bold; }
#student_letter table td { padding: 0px !important; text-align: center; }
#student_letter th, #student_letter td { border: #000000 solid 1px; text-align: center; }
#student_letter #footer { top: 31cm !important; }
#alumni_list_table .diff { display: inline-block; background-color: #EBEC0B; padding-left: 5px; padding-right: 5px; }
.tos_holder {
	height: 500px;
	height: calc(100vh - 300px);
	overflow: auto;
	margin: -13px 0px 0px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.01);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
#sms_archive_list table th:nth-child(1){ width: 150px; }
#sms_archive_list table th:nth-child(3){ width: 100px; }
#sms_archive_list img, #singe_sms_container img { max-width: 100%; }
.sms-container .panel-body { position: relative; padding-bottom: 30px; }
.sms-container .sms-responses { position: absolute; bottom: 5px; right: 20px;}
.sms-container img { display: block; }
.sms-container .not-received { color: #BCBFC0; }
.sms-container .received { color: #001DE6; }
select option:empty { height: 18px; }
#equalization_manage_page .alert-warning, #equalization_manage_page .table > tbody > tr.warning > td { background-color: #f8ebac; }
#equalization_manage_page .alert-danger, #equalization_manage_page .table > tbody > tr.danger > td { background-color: #ebcccc!important; }
#equalization_manage_page .equalization-row { cursor: pointer; }

.has-error .select2-selection  {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
@font-face {
	font-family: 'Poppins';
	src: url('https://www.aou.im/epcms/clientscripts/fonts/aou/Poppins-Regular.woff2') format('woff2'),
	url('https://www.aou.im/epcms/clientscripts/fonts/aou/Poppins-Regular.woff') format('woff'),
	url('https://www.aou.im/epcms/clientscripts/fonts/aou/Poppins-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MadaniArabic';
	src: url('https://www.aou.im/epcms/clientscripts/fonts/aou/MadaniArabic-Regular.woff2') format('woff2'),
	url('https://www.aou.im/epcms/clientscripts/fonts/aou/MadaniArabic-Regular.woff') format('woff'),
	url('https://www.aou.im/epcms/clientscripts/fonts/aou/MadaniArabic-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('https://www.aou.im/epcms/clientscripts/fonts/aou/Poppins-SemiBold.woff2') format('woff2'),
	url('https://www.aou.im/epcms/clientscripts/fonts/aou/Poppins-SemiBold.woff') format('woff'),
	url('https://www.aou.im/epcms/clientscripts/fonts/aou/Poppins-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MadaniArabic';
	src: url('https://www.aou.im/epcms/clientscripts/fonts/aou/MadaniArabic-SemiBold.woff2') format('woff2'),
	url('https://www.aou.im/epcms/clientscripts/fonts/aou/MadaniArabic-SemiBold.woff') format('woff'),
	url('https://www.aou.im/epcms/clientscripts/fonts/aou/MadaniArabic-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}


@media print {
	@page {
		size: A4;   /* auto is the initial value */
		margin: 0mm;  /* this affects the margin in the printer settings */
	}
	body { -webkit-print-color-adjust:exact;  }
	body * { /*display: none;*/ visibility: hidden; }
	.content-wrapper .content, .content-wrapper .content #student_letter, .content-wrapper .content #student_letter > *:not(style) {  display: block; }
	.content-wrapper .content #student_letter  br,
	.content-wrapper .content #student_letter h1,
	.content-wrapper .content #student_letter h2,
	.content-wrapper .content #student_letter h3,
	.content-wrapper .content #student_letter h4,
	.content-wrapper .content #student_letter h5,
	.content-wrapper .content #student_letter h6,
	.content-wrapper .content #student_letter h6 { display: block; }
	.content-wrapper .content #student_letter strong,
	.content-wrapper .content #student_letter b { display: inline; }
	#main-content, #hoeapp-container, .page-content { min-height: 0 !important; }
	#hoeapp-wrapper,
	#hoeapp-container,  
	#main-content,
	.content-wrapper,
	#student_letter {
		display: block;
		position: static;
		left: 0; right: 0; top: 0; bottom: 0;
		margin: 0;
		padding: 0;
	}
	#student_letter * { visibility: visible; font-family: "MadaniArabic", Times, "Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", serif !important; }
	#student_letter {
		height: 297mm !important;
/*		width: 210mm !important;*/
		width: 260mm !important;
		padding: 20px;
		position: absolute;
		left: 0; right: 0; top: 0; bottom: 0;
        color: #000;
	}
	.twoLanguages-letter { position: relative; display: block; margin-left: -10mm;  margin-right: -10mm;  }
    #message_content {
        text-align: justify;
    }
    html, body {
        border: 1px solid white;
        height: 99%;
        page-break-after: avoid;
        page-break-before: avoid;
     }
  }