/* #############################################################################
STYLESHEET(CSS) FOR THE MEDICAL OFFICER PAGES
---------------------------------------------
- Medical Officer Application page
- Approve Medical Officer page

Developed By: Simon Edge
Project: International Ice Swim Association website
Date: 20/03/2026
############################################################################# */


/*
########################################
### MEDICAL OFFICER APPLICATION PAGE ###
########################################
*/
#edit_medical_officer {
	padding:30px 0px 50px;
}
#edit_medical_officer p {
	padding:0px;
}
#edit_medical_officer br {
	display:none;
}
#emo_heading {
	padding:0px 0px 40px !important;
}
#emo_heading #emo_heading1 {
	padding:0px 0px 10px !important;
	font-weight:400 !important;
	font-size:24px !important;
	line-height:30px !important;
	color:#000000 !important;
}
#emo_heading #emo_heading2 {
	padding:0px !important;
	font-weight:400 !important;
	font-size:20px !important;
	line-height:26px !important;
	color:#606060 !important;
}
#emo_heading #emo_heading2 strong {
	font-weight:400 !important;
	color:#71a6c5;
}

/* form input fields */
#edit_medical_officer .emo_field {
	padding:0px 0px 20px;
}
#edit_medical_officer .emo_field div {
	padding:0px 0px 5px 3px;
	font-weight:400 !important;
	font-size:15px !important;
	line-height:20px !important;
	color:#000000 !important;
	max-width:900px;
}
#edit_medical_officer .emo_field p {
	padding:0px;
}
#edit_medical_officer .emo_field textarea {
	margin:0px;
	padding:5px 8px;
	border:solid 2px #91dbfb;
	border-radius:5px;
	width:100%;
	max-width:900px;
	font-size:14px !important;
	line-height:22px !important;
	color:#000000;
	min-height:58px;
	outline-style:none !important;
	outline-color:rgba(0,0,0,0) !important;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
#edit_medical_officer .emo_field textarea:focus {
	border:solid 1px #71a6c5;
}
#edit_medical_officer .emo_field textarea.emo_ro {
	background-color:#f0f0f0;
	color:#a0a0a0;
	cursor:default;
	border:solid 1px #e0e0e0 !important;
}
#edit_medical_officer .emo_field_hidden {
	display:none;
}
#edit_medical_officer #emo_button {
	margin:10px 0px 0px;
	border-width:0px;
	outline-width:0px;
	padding:10px 20px;
	border-radius:5px;
	background-color:#71a6c5;
	color:#ffffff;
	font-size:16px !important;
	line-height:100% !important;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
#edit_medical_officer #emo_button:hover {
	background-color:#808080;
}

/* upload (medical practitioner) registration pdf */
#registration_wrapper {
	margin:0px 0px 40px;
	padding:15px 20px;
	border:solid 1px #e0e0e0;
	border-radius:5px;
	background-color:#f3f3f3;
	max-width:860px;
}
#registration_wrapper > p {
	padding:0px 0px 6px !important;
	font-size:16px !important;
	line-height:22px !important;
	color:#000000 !important;
}
#registration_wrapper legend {
	display:inline-block;
	margin-left:0px;
	font-size:16px;
	line-height:16px;
	padding:0px 5px;
	color:#333333;
	text-transform:uppercase;
}
#registration_upload {
	width:100% !important;
	max-width:500px !important;
	color:#000000 !important;
	background-color:#fafafa !important;
	border:solid 1px #e0e0e0 !important;
	border-radius:5px !important;
	padding:10px !important;
	font-size:14px !important;
	line-height:20px !important;
}
#registration_button {
	display:inline-block;
	margin:0px;
	padding:8px 14px;
	background-color:#91dbfb;
	color:#ffffff;
	font-size:13px;
	line-height:100%;
	text-transform:uppercase;
	border-width:0px;
	border-radius:5px;
	cursor:pointer;
	transition:background-color 0.3s ease-in-out;
	-webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	-o-transition:background-color 0.3s ease-in-out;
}
#registration_button:hover {
	background-color:#808080;
}
#registration_loading {
	display:none;
	margin:0px 0px 0px 5px;
	vertical-align:middle;
}
#registration_done {
	display:none;
	margin:0px 0px 0px 10px;
	padding:8px 14px;
	background-color:#009933;
	color:#ffffff;
	font-size:13px;
	line-height:100%;
	text-transform:uppercase;
	border-radius:5px;
	cursor:default;
}
#registration_done strong {
	display:inline-block;
	margin:0px 5px 0px 0px;
}
#registration_link {
	margin:10px 0px 0px 10px;
	padding:8px 14px;
	background-color:#91dbfb;
	color:#ffffff;
	font-size:13px;
	line-height:100%;
	text-transform:uppercase;
	border-width:0px;
	border-radius:5px;
	cursor:pointer;
	text-decoration:none !important;
	transition:background-color 0.3s ease-in-out;
	-webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	-o-transition:background-color 0.3s ease-in-out;
}
#registration_link:hover {
	background-color:#808080;
}

/* upload als/acls certificate pdf */
#certificate_wrapper {
	margin:0px 0px 40px;
	padding:15px 20px;
	border:solid 1px #e0e0e0;
	border-radius:5px;
	background-color:#f3f3f3;
	max-width:860px;
}
#certificate_wrapper > p {
	padding:0px 0px 6px !important;
	font-size:16px !important;
	line-height:22px !important;
	color:#000000 !important;
}
#certificate_wrapper legend {
	display:inline-block;
	margin-left:0px;
	font-size:16px;
	line-height:16px;
	padding:0px 5px;
	color:#333333;
	text-transform:uppercase;
}
#certificate_upload {
	width:100% !important;
	max-width:500px !important;
	color:#000000 !important;
	background-color:#fafafa !important;
	border:solid 1px #e0e0e0 !important;
	border-radius:5px !important;
	padding:10px !important;
	font-size:14px !important;
	line-height:20px !important;
}
#certificate_button {
	display:inline-block;
	margin:0px;
	padding:8px 14px;
	background-color:#91dbfb;
	color:#ffffff;
	font-size:13px;
	line-height:100%;
	text-transform:uppercase;
	border-width:0px;
	border-radius:5px;
	cursor:pointer;
	transition:background-color 0.3s ease-in-out;
	-webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	-o-transition:background-color 0.3s ease-in-out;
}
#certificate_button:hover {
	background-color:#808080;
}
#certificate_loading {
	display:none;
	margin:0px 0px 0px 5px;
	vertical-align:middle;
}
#certificate_done {
	display:none;
	margin:0px 0px 0px 10px;
	padding:8px 14px;
	background-color:#009933;
	color:#ffffff;
	font-size:13px;
	line-height:100%;
	text-transform:uppercase;
	border-radius:5px;
	cursor:default;
}
#certificate_done strong {
	display:inline-block;
	margin:0px 5px 0px 0px;
}
#certificate_link {
	margin:10px 0px 0px 10px;
	padding:8px 14px;
	background-color:#91dbfb;
	color:#ffffff;
	font-size:13px;
	line-height:100%;
	text-transform:uppercase;
	border-width:0px;
	border-radius:5px;
	cursor:pointer;
	text-decoration:none !important;
	transition:background-color 0.3s ease-in-out;
	-webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	-o-transition:background-color 0.3s ease-in-out;
}
#certificate_link:hover {
	background-color:#808080;
}

/* page error message */
#emo_error_mess {
	padding:30px 0px;
	text-align:center;
}
#emo_error_mess h3 {
	padding:0px 0px 10px;
	font-size:22px;
	letter-spacing:1px;
	line-height:28px;
	color:firebrick;
}
#emo_error_mess div {
	font-size:16px;
	line-height:22px;
	color:#666666;
}

#edit_medical_officer #emo_success {
	margin:0px auto 30px;
	max-width:450px;
	padding:20px;
	border:solid 1px #d8d8d8;
	border-radius:5px;
	background-color:#e8e8e8;
	color:#71a6c5;
	text-align:center;
	font-size:20px;
	line-height:26px;
	font-weight:700;
	cursor:pointer;
}



/*
####################################
### APPROVE MEDICAL OFFICER PAGE ###
####################################
*/
#medical_officer_approve {
	padding:30px 0px 50px;
}

/* introduction section */
#moa_intro {
	padding:0px 0px 20px !important;
}
#moa_intro h4 {
	padding:0px !important;
	font-weight:400 !important;
	font-size:24px !important;
	line-height:30px !important;
	color:#303030 !important;
}
#moa_intro ul {
	margin:0px 0px 0px 20px !important;
	padding:2px 0px 0px !important;
}
#moa_intro ul li {
	padding:3px 0px !important;
	font-weight:400 !important;
	font-size:18px !important;
	line-height:24px !important;
	color:#303030 !important;
}
#moa_intro ul li a {
	font-weight:400;
	text-decoration:none;
}
#moa_intro p {
	padding:10px 0px 0px !important;
	font-weight:400 !important;
	font-size:16px !important;
	line-height:24px !important;
	color:#606060 !important;
}

/* form fields */
#medical_officer_approve .moa_field {
	padding:0px 0px 20px;
}
#medical_officer_approve .moa_field span {
	displayu:inline-block;
	padding:0px 10px 2px 0px;
	font-weight:700 !important;
	font-size:18px !important;
	line-height:20px !important;
	color:#000000 !important;
}
#medical_officer_approve .moa_field em {
	displayu:inline-block;
	padding:0px 0px 0px 30px;
	font-weight:400 !important;
	font-size:18px !important;
	line-height:20px !important;
	color:#a0a0a0 !important;
	font-style:normal;
}
#medical_officer_approve .moa_field div {
	padding:0px 0px 5px 3px;
	font-weight:400 !important;
	font-size:15px !important;
	line-height:20px !important;
	color:#000000 !important;
	max-width:900px;
}
#medical_officer_approve .moa_field p {
	padding:0px;
}
#medical_officer_approve .moa_field input[type=checkbox] {
	width:20px;
	height:20px;
}
#medical_officer_approve .moa_field textarea {
	margin:0px;
	padding:5px 8px;
	border:solid 2px #91dbfb;
	border-radius:5px;
	width:100%;
	max-width:900px;
	font-size:14px !important;
	line-height:22px !important;
	background-color:#ffffff;
	color:#303030;
	min-height:58px;
	cursor:default;
	outline-style:none !important;
	outline-color:rgba(0,0,0,0) !important;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
#medical_officer_approve #moa_button1,
#medical_officer_approve #moa_button2 {
	margin:0px 10px 25px 0px;
	border-width:0px;
	outline-width:0px;
	padding:8px 15px;
	border-radius:5px;
	color:#ffffff;
	font-size:16px !important;
	line-height:100% !important;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
#medical_officer_approve #moa_button1 {
	background-color:#71a6c5;
}
#medical_officer_approve #moa_button2 {
	background-color:crimson;
}
#medical_officer_approve #moa_button1:hover,
#medical_officer_approve #moa_button2:hover {
	background-color:#808080;
}

/* page error message */
#moa_error_mess {
	padding:30px 0px;
	text-align:center;
}
#moa_error_mess h3 {
	padding:0px 0px 10px;
	font-size:22px;
	letter-spacing:1px;
	line-height:28px;
	color:firebrick;
}
#moa_error_mess div {
	font-size:16px;
	line-height:22px;
	color:#666666;
}

#medical_officer_approve #moa_success {
	margin:0px auto 35px;
	max-width:450px;
	padding:20px;
	border:solid 1px #d8d8d8;
	border-radius:5px;
	background-color:#e8e8e8;
	color:#71a6c5;
	text-align:center;
	font-size:20px;
	line-height:26px;
	font-weight:700;
	cursor:pointer;
}