/* Custom styles goes here */
@font-face {
	font-family: segoeuilight;  
	src: url(../register/fonts/segoeuil.ttf);   
	font-weight: normal;  
}
body{
	font-family:segoeuilight !important;
}
h1,h2,h3,h4,h5,h6{
	font-weight:600 !important;
}
h2 {
    font-size: 1.4rem !important;
}
h3{
	font-size: 1.3rem !important;
}
h4{
	font-size: 1.2rem !important;
}
h5{
	font-size: 1.1rem !important;
}
a:focus {
    outline: 0;
}
.form-control:focus {
    box-shadow: none !important;
    border-color: #ced4da;
}
.form-control{
	border-radius:0 !important;
}
button.btn.btn-primary {
    background-color: rgb(68, 114, 196) !important;
	border:none;
    padding: 0.2rem 2.75rem 0.375rem;
    font-weight: bold;
}
button.btn.btn-primary:focus , button.btn.btn-secondary:focus {
    box-shadow: none;
    border: none;
}

/* Registration */
a.navbar-brand {
    background: rgb(191, 191, 191);
    border-radius: 50%;
    height: 90px;
    margin: 0em 0 1em 5px !important;
    width: 90px;
}
.navbar-header {
	float: none !important;
	text-align: center;
	width: 80%;
}

.bg{
	background: radial-gradient(at left top, #ff0707, #b1680e);
	left:0;
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
	opacity: .6;
    -webkit-transition: opacity 5s;
    -moz-transition: opacity 5s;
    transition: opacity 5s;
}
.numberingList li:before {
	background: #2c3e5f;
    border-radius: 50%;
    border: 1px solid;
    counter-increment: myOrderedListItemsCounter;
    content: counter(myOrderedListItemsCounter);
    float: left;
	font-size:16px;
    height: 46px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    width: 46px;
}
.numberingList{
	border-bottom:1px solid;
	counter-reset: myOrderedListItemsCounter;
    padding: 0px 10px 1em;
}
.numberingList li {
	list-style-type: none;
	margin: 1em 0;
}
.stepsToRegister {
    position: relative;
	padding: 13% 5% 0% 5%;
    top: 49%;
    transform: translateY(-50%);
}
.stepsToRegister p {
font-size: 13px;
    line-height: 23px;
    font-family: sans-serif;
    font-weight: 500;
}
.stepsToRegister h4 {
    line-height: 23px;
    margin: 0;
}
.stepsToRegister h3 {
    margin: 0;
}
.row.instructions h5{
	text-transform:uppercase;
}
.row.instructions {
   /* padding: 1em 0em; */
}
.row.instructions a {
	color:#fff;
	text-decoration: none;
}
.row.instructions p {
    margin: 0;
}
.col-lg-6.img-fluid{
    background: transparent url(../images/Symbi_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    height: 100%;
	left:0;
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	position:fixed;
    -webkit-backface-visibility: hidden;
}
.col-lg-6.login-form {
    position: fixed;
    padding: 1em 10em 0 5em;
	right: 0;
	top: 47%;
    transform: translateY(-50%);
}
h2.newUser.form-group {
    margin-top: 1rem;
}
.welcomeBack {
    margin:0 0 1rem;
}
.marqueeText h3 {
    color: #eb772f;
    line-height: 30px;
}
p.copyRight {
    margin-top: 0.5em;
    font-size: 14px;
    margin-bottom: 0.5rem;
}
.loginForm{
	border-bottom: 1px solid #4472c4;
	padding-bottom: 1em;
    width: 80%;
}
.registerCandidates{
	width:80%;
}
.navbar-header h1 {
    display: inline-block;
}
.navbar-brand {
    padding: 32px 20px !important;
    color: #fff !important;
}
.captchaText {
    background-image: url(../images/captchabg.jpg);
    padding: 5px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
}
input.enterCaptcha {
    line-height: 28px;
    margin-left: -4px;
    padding-left: 3px;
    border: 1px solid silver;
}
button.refereshCaptcha {
    padding: 3px;
    margin-left: -5px;
}
/* Terms and Conditions Checkbox */
.termsConditionsForm input[type="checkbox"] {
  visibility: hidden;
}		
.termsConditionsForm input[type="checkbox"] + label:before {
    border: 1px solid #5b9bd5;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 16px;
    margin: 4px .50em 0 0;
    padding: 0;
    vertical-align: top;
    width: 16px;
    background: #5b9bd5;
}
.termsConditionsForm input[type="checkbox"]:checked + label:before {
  background: #fff;
  color: #333;
  content: "\2713";
}
div#termsConditionsModal .modal-content {
    background-color: #1f4e79;
    color: #fff;
	padding: 0rem 0 1rem;
}
#termsConditionsModal .modal-title {
    color: rgb(255, 192, 0);
	font-size: 20px !important;
    padding-left: 0.3rem;
}
#termsConditionsModal .modal-header{
	border-bottom: transparent;
    box-shadow: 0px 2px #FFC107;
	padding:12px 15px;
}
#termsConditionsModal .modal-footer{
	border-top:transparent;
}
#termsConditionsModal .col-md-6 {
    padding-right: 4%;
}
#termsConditionsModal .modal-lg {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
#termsConditionsModal .modal-header .close {
    margin: -1.5rem -1rem -1rem auto !important;
}
.close, .close:focus, .close:hover {
	color: #fff !important;
    text-shadow: none !important;
    opacity: 1 !important;
/*    font-size: 2.5rem !important;*/
    font-weight: 100 !important;
}
.iAgreeBtn {
    text-align: center;
    margin: 1em;
}
.termsConditionsCheckbox label {
    font-weight: 600;
}
.iAgreeBtn button {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: 600;
}
.panel-heading {
    background: #ffffff30;
    padding: 0 1%;
}
h4.panel-title a {
    color: #a9ea5c;
    text-decoration: none;
}
.panel-collapse {
    padding: 0 1%;
}
div#accordion {
    border: 1px solid #ffffff30;
	width: 98%;
}
h4.panel-title {
	font-size: 17px !important;
    padding: 4px 0 7px;
   
}
.accordian{
	font-size: 15px;
	margin-top: 1%;
    width: 100%;
    padding-left : 10px;
}
.highLight{
	color: rgb(255, 192, 0);
}
.accordian table{
	border: grey;
	margin:1em 1em;
}
.accordian table tr th,
.accordian table tr td {
    padding: 1%;
}
#collapse6 table{
	width:80%;
}
/* Important: Programme Eligibility Criteria */
div#collapse9 table{
    width: 97%;
}
.table td, .table th{
	border-top: 1px solid #808080 !important;
}
.table thead th{
	border-bottom: 1px solid #808080 !important;
}
/* Terms and Consitions Dialog */
/* How to fill online form */
.numberingList.instructionsFormFilling li:before {
   background: #03A9F4;
    border: 1px solid #fff;
    color: #fff;
    height: 32px;
    line-height: 28px;
    width: 33px;
}
.InsModal .modal-dialog {
    float: left;
    max-width: 43.5%;
    margin-left: 2.8em;
}
.InsModal .modal-header {
    padding-bottom: 0.5rem;
}
ol.numberingList.instructionsFormFilling {
    border-bottom: transparent;
   
}
ol.numberingList.instructionsFormFilling li p {
    margin-left: 3em;
}
/* Modal Window */
.modal-content {
    border-radius: 0;
}
.modal-content{
	border-radius:0 !important;
}
.modal-footer {
    text-align: center;
    display: block !important;
}
#onlineFormInstructionsModal .modal-title {
    color: rgb(16, 202, 249);
}
button.btn.btn-secondary {
    background-color: rgb(166, 166, 166);
    border: transparent;
    padding: .375rem 1.75rem;
}
/* Modal Body Scroll */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body {
    padding: 0.5rem 1px !important;
}
.modal-body {
    max-height: calc(102vh - 200px);
    overflow-y: auto;
}

/* Responsive Styles */
@media only screen and (max-width: 1200px) and (min-width: 992px)  {
	.col-lg-6{
		width:50%;
	}
}
@media only screen and (max-width: 1100px) and (min-width: 992px)  {
	.loginForm {
		width: 97%;
	}
}
@media only screen and (max-width: 991px) {
    .col-lg-6.img-fluid, .col-lg-6.login-form{
		height: initial;
        position: relative;
		transform: initial;
    }
	.logo_Container {
		margin:0 auto;
	}
	.row.instructions .col-lg-4 {
		margin-top: 1em;
	}
	.stepsToRegister {
		padding: 20px;
		transform: initial;
	}
	#onlineFormInstructionsModal .modal-dialog{
		max-width:90%;
		margin: 5%;
	}
}
@media only screen and (max-width: 768px){
	.col-lg-6.login-form {
		padding:  1em 2em;
	}
.modal-body {
		max-height: calc(114vh - 200px);
	}
	input.enterCaptcha, button.refereshCaptcha{
		margin-left: 0px;
	}
	.panel-collapse {
		padding: 0 4%;
	}
}
@media only screen and (max-width: 600px){
	.loginForm {
		width: 100%;
	}
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button 
{
    background-color: rgb(68, 114, 196) !important;
    border: none;
    padding: 0.2rem 2rem 0.375rem;
    font-weight: bold;
}
h4.newUser.form-group 
{
        margin-top: 0.25rem;
}	
.tableNew td, .tableNew th
{
    padding: .25rem !important;
    font-size : 14px;
}
input[type="button" i].termbtn
{
    background-color: #ffffff !important;
    border: transparent;
    padding: .375rem 1.75rem;
    color : Black;
}
.stepsToRegister h5
{
    color: #FFEB3B;
}
.row.instructions p a
{
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
}
.modal-header .close
{
   color: #ffffff !important;
    font-size: 1.8rem;
    font-weight: 600 !important;
}
.modal-header .close:hover
{
   color: #ffffff !important;
    font-size: 1.8rem !important;
    font-weight: 600 !important;
}
.modal-dialog .modal-header h4
{
    font-size : 18px !important;
      color: white !important;
}
.modal-dialog .modal-header
{
    background-color: #dc3545;
    color: white;
    padding: 8px 8px;
    border-top-left-radius : 0px;
    border-top-right-radius :0px;
}