a/* ===============================================
	
	PROFESSIONAL AND CONTINUING EDUCATION - SEGI

	=============================================== */

/* ===============================================
	BASIC
	=============================================== */
* {font-family: 'Droid Serif', serif; font-size: 14px; color: #000;}
body {background: #8FC4D6 url(../img/bg-pattern.png) repeat top left;}

.notice {color: #DE0707; margin-bottom: 40px;}

/* ===============================================
	HEADER
	=============================================== */
header {padding: 30px 0; text-align: center; background: #fff;}
header .pace-logo {display: inline-block;}
header .tagline {
	font-family: 'Roboto', sans-serif; font-weight: 100;
	padding: 20px 0 0; font-size: 30px; text-transform: uppercase;
}

/* ===============================================
	FORM - ONLINE PAYMENT
	=============================================== */
form#online_payment {padding: 50px 0; border-top: 6px solid #00698C;}
form#online_payment .table-form {margin-bottom: 20px;}
form#online_payment .input-field {width: 100%;}
form#online_payment .input-field td {padding-bottom: 10px;}
form#online_payment .input-field td:first-child {width: 20%;}
form#online_payment .input-field td:last-child {width: 80%;}
form#online_payment input[type="text"],
form#online_payment input[type="email"],
form#online_payment input[type="date"],
form#online_payment input[type="number"] {
	width: 100%; padding: 20px 15px; border-radius: 0; border: 0;
	background: transparent; color: #00698C; background: rgba(255,255,255,0.5);
	box-shadow: 0px 1px 1px #00698C;
}
form#online_payment input[type="date"] {padding: 11px 15px;}

form#online_payment input[type="text"]:focus,
form#online_payment input[type="email"]:focus {outline: none;}

form#online_payment input::-webkit-input-placeholder {color: #000; opacity: 0.35;}
form#online_payment input:-moz-placeholder {color: #000; opacity: 0.35;}
form#online_payment input::-moz-placeholder {color: #000; opacity: 0.35;}
form#online_payment input:-ms-input-placeholder {color: #000; opacity: 0.35;}

form#online_payment input[type="radio"],
form#online_payment input[type="checkbox"] {position: relative; top: 2px; margin-right: 5px;}
form#online_payment label {font-weight: normal; cursor: pointer;}
form#online_payment label.error {color: red; font-size: 0.9em; font-style: italic;}
form#online_payment .payment-opt {padding: 30px; margin-bottom: 30px; box-shadow: 0 1px 2px #00698C; border-radius: 0; background: #fff; background: rgba(255,255,255,0.5);}
form#online_payment .payment-opt label {color: #000;}

form#online_payment input[type="submit"] {border: 0; border-radius: 0; box-shadow: none; padding: 15px 60px; color: #fff; background: #00698C; -webkit-transition: background 0.3s ease-in-out;}
form#online_payment input[type="submit"]:hover {background: #fff; color: #00698C;}
form#online_payment input[type="reset"] {border: 0; border-radius: 0; box-shadow: none; padding: 15px 60px; color: #000; background: #ccc; -webkit-transition: background 0.3s ease-in-out;}
form#online_payment input[type="reset"]:hover {background: #000; color: #ccc;}

/* ===============================================
	FORM - REQUEST INFORMATION
	=============================================== */
form#request_information {padding: 80px 100px 50px; margin: 150px 0 100px; position: relative; background: #fff; background: rgba(255,255,255,0.5);}
form#request_information .title {
	margin-bottom: 40px; position: relative; text-align: center;
	font-size: 50px; text-transform: uppercase; color: #000;
}
form#request_information .title:before {
	content: ""; width: 20%; height: 2px; background: #000; display: none;
	position: absolute; top: 50%; left: 0; margin-top: -1px; z-index: -1;
}
form#request_information .title:after {
	content: ""; width: 20%; height: 2px; background: #000; display: none;
	position: absolute; top: 50%; right: 0; margin-top: -1px; z-index: -1;
}
form#request_information table {margin-bottom: 30px;}
form#request_information td:first-child {width: 25%;}
form#request_information td:last-child {width: 75%;}
form#request_information td {padding: 5px 0;}
form#request_information td input[type="text"],
form#request_information td input[type="email"],
form#request_information td input[type="number"] {width: 100%; padding: 8px; border: none; border-bottom: 1px solid #00698C; border-radius: 5px;}
form#request_information td select {width: 100%; padding: 10px 8px; border: 0; border-bottom: 1px solid #00698C; border-radius: 5px;}
form#request_information input[type="submit"] {
	padding: 15px 40px; border: 0; color: #00698C; background: #fff; background: rgba(255,255,255,0.8);
}

form#request_information:after {
	content: ""; position: absolute; top: 50px; left: 50px;  box-shadow: -1px 2px 0 #000;
	width: 60px; height: 60px; display: block; border-radius: 50%; background: #00698C; background: rgba(0, 105, 140, 0.5);
}
form#request_information:before {
	content: ""; position: absolute; top: 50px; right: 50px;  box-shadow: -1px 2px 0 #000;
	width: 60px; height: 60px; display: block; border-radius: 50%; background: #00698C; background: rgba(0, 105, 140, 0.5);
}

/* ===============================================
	FORM - ONLINE PAYMENT
	=============================================== */
#msform {margin: 50px auto; text-align: center; position: relative;}
#msform fieldset {
	background: #fff; border: 0; border-radius: 3px; box-shadow :0 0 15px 1px rgba(0,0,0,.4); 
	padding: 20px 0; box-sizing: border-box; width: 700px; margin: 0 auto 50px; 
	position: absolute; left: 50% !important; margin-left: -350px; top: 100px;
}
#msform fieldset:not(:first-of-type) {display: none;}
#msform fieldset table {width: 100%;}
#msform fieldset td {text-align: left; padding: 5px 30px;}
#msform fieldset tr.grey {background: #ddd;}
#msform fieldset tr.grey td {padding: 10px 30px;}
#msform fieldset td:first-child {width: 30%;}
#msform fieldset td:last-child {width: 70%;}
#msform fieldset td input[type="radio"] {margin-right: 10px;}
#msform fieldset td input[type="text"],
#msform fieldset td input[type="email"],
#msform fieldset td input[type="date"],
#msform fieldset td input[type="number"],
#msform fieldset td textarea,
#msform fieldset td select {width: 100%; padding: 10px;} 
#msform fieldset td input[type="date"] {padding: 3px 10px;}
::-webkit-inner-spin-button { display: none; }
#msform fieldset td label {display: inline;}
#msform fieldset td label.error {color: red; font-style: italic;}

#msform .action-button{width:100px;background:#27AE60;font-weight:700;color:#fff;border:0;border-radius:1px;cursor:pointer;padding:10px 5px;margin:10px 5px}
#msform .action-button:focus,#msform .action-button:hover{box-shadow:0 0 0 2px #fff,0 0 0 3px #27AE60}

/* 26-28May2019 - Return student - start */
#msform .pay-button{width:100px;background:red;font-weight:700;color:#fff;border:0;border-radius:1px;cursor:pointer;padding:10px 5px;margin:10px 5px}
#msform .pay-button:focus,#msform .pay-button:hover{box-shadow:0 0 0 2px #fff,0 0 0 3px red}

#msform .update-button{width:100px;background:blue;font-weight:700;color:#fff;border:0;border-radius:1px;cursor:pointer;padding:10px 5px;margin:10px 5px}
#msform .update-button:focus,#msform .update-button:hover{box-shadow:0 0 0 2px #fff,0 0 0 3px blue}

#msform .update-label{color: blue; font-weight: bold;}
#msform .action-label{color: #27AE60; font-weight: bold;}
#msform .pay-label{color: red; font-weight: bold;}

#msform .return-button{width:200px;background:#27AE60;font-weight:700;color:#fff;border:0;border-radius:1px;cursor:pointer;padding:10px 5px;margin:10px 5px}
#msform .return-button:focus,#msform .return-button:hover{box-shadow:0 0 0 2px #fff,0 0 0 3px #27AE60}

#msform .back-button{width:200px;background:#808B96;font-weight:700;color:#fff;border:0;border-radius:1px;cursor:pointer;padding:10px 5px;margin:10px 5px}
#msform .back-button:focus,#msform .back-button:hover{box-shadow:0 0 0 2px #fff,0 0 0 3px #808B96}

#msform .button_aslink{padding-left: 0px; padding-right: 0; border: 0; background-color: #FFF; text-decoration: underline;}
#msform .button_aslink:focus,#msform .button_aslink:hover{background-color: #27AE60; color: #FFF; text-decoration: none;}
/* 26-28May2019 - Return student - end */

.fs-title{font-size:15px;text-transform:uppercase;color:#2C3E50;margin-bottom:10px}
.fs-subtitle{font-weight:400;font-size:13px;color:#666;margin-bottom:20px}
#progressbar{padding:0;margin-bottom:30px;overflow:hidden;counter-reset:step}
#progressbar li{list-style-type:none;color:#fff;text-transform:uppercase;font-size:9px;width:16.667%;float:left;position:relative}
#progressbar li:before{content:counter(step);counter-increment:step;width:20px;line-height:20px;display:block;font-size:10px;color:#333;background:#fff;border-radius:3px;margin:0 auto 5px}
#progressbar li:after{content:'';width:100%;height:2px;background:#fff;position:absolute;left:-50%;top:9px;z-index:-1}
#progressbar li:first-child:after{content:none}
#progressbar li.active:after,#progressbar li.active:before{background:#27AE60;color:#fff}