@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700&display=swap');
*{
	font-family: 'Work Sans', sans-serif;
}
#apply-job-page{
	background: url('../images/subtlenet2.png');
    background-repeat: repeat;
    background-attachment: fixed;
}
h1.heading{
    text-align: center;
    color: #666;
    font-weight: 500;
    line-height: 40px;
    font-size: 25px;
    margin-top: 1.5%;
    margin-bottom: 3%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	display:none;
}
h1.heading span{
	font-weight: 500;
    font-size: 30px;
}
.apply-job-main-wrap{
	float: left;
    margin: 0% auto 4%;
    padding: 5% 3%;
    background-color: #fff;
    box-shadow: 0px 0px 8px 0px #cccccc82;
    border-radius: 4px;
    height: 100%;
    border-top: 3px solid #00A651;
	display:none;
	text-align: left;
}
.check{
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
input[type="radio"]{
	display:none;
}
.radio label{
	padding-left: 28px;
    height: 25px;
    display: inline-block;
	background-image: url('../images/csscheckbox.png');
    background-repeat: no-repeat;
    background-position: 0 -25px;
	padding-top: 2px;
    vertical-align: middle;
    cursor: pointer;
	color: #666;
}
input[type=radio]:checked + label{
    background-position: 0 0;
}
.form-control, .submit-button, .apply-job-main-wrap{
	border-radius: 0px;
}	
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}
p.footer-text-job-form{
	 text-align: center;
    margin-bottom: 3%;
    width: 100%;
    color: #666;
    font-size: 15px;
    font-weight: 400;
	display:none;
}
p.footer-text-job-form .tm-footer-link{
	color: #00A651;
    font-weight: 500;
}
.submit-button{
	background-color: #00A651;
    border-color: #00A651;
	margin-right:15px;
}
.submit-button:hover, .submit-button:visited, .submit-button:focus, .submit-button:active{
	background-color: #00a651eb;
    border-color: #00A651;
}
p.upload-helping-text{
	color: #888;
    margin-bottom: 5px;
    font-size: 14px;
}
.marginbottom20{
	margin-bottom: 20px;
}
.thank-you-wrap{
	text-align: center;
    margin: 40px auto;
    border-top: 4px solid #00A651;
    background-color: #fff;
    padding: 2% 3%;
    box-shadow: 0px 0px 6px 1px #ccc;
}
.unauthorized-wrap{
	text-align: center;
    margin: 40px auto;
    border-top: 4px solid #ce4646;
    background-color: #fff;
    padding: 2% 3%;
    box-shadow: 0px 0px 6px 1px #ccc;
}
h2.unauthorized-text {
    color: #444;
}
.error-wrap{
	text-align: center;
    margin: 40px auto;
    border-top: 4px solid #d00e0e;
    background-color: #fff;
    padding: 2% 3%;
    box-shadow: 0px 0px 6px 1px #ccc;
}
h2.thank-you-text, h2.error-text{
	color: #666;
    font-weight: 500;
}
p.email-exists{
	 color: #d82727;
    font-size: 16px;
    font-weight: 400;
    background-color: #b51b1b21;
    text-align: center;
    margin-bottom: 35px;
    padding: 5px;
    border: 1px solid #d82727;
}
label:after {
    content: '*';
    color: rgba(255, 0, 0, 1);
    padding-left: 2px;
}
.radio label:after{
	content:'';
}
#live-link-url, #src-ins-name, #src-refer-code, #project-synopsis{
	margin-top: 5px;
    margin-bottom: 10px;
	display:none;
}

#resume{
	max-width:100%;
}
label {
    font-weight: 500;
    color: #555;
}
.adaan-logo{
	margin: 3% auto 0%;
	display:none;
}
.form-group select{
    overflow: hidden;
    background: url(../images/select-img.jpg) #ffffff no-repeat right;
    -webkit-appearance: none;
	background-size: 32px 32px;
}
.job-form-row{
	width: 90%;
    margin: 0 auto;
	text-align: center;
}
.radio{
	 margin-top: 0px;
}
/* Prelaoder */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  background-color:#f2f2f2;
  border-top: 10px solid #00A2E5;
  border-right: 10px solid #FFD101;
  border-bottom: 10px solid #00A550;
  border-left: 10px solid #F5821F;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 500px) {
  .apply-job-main-wrap{
     width:100%;
  }
}
@media screen and (max-width: 991px) {
  .apply-job-main-wrap{
     float: none;
  }
  .job-form-row{
	width: 100%;
  }
  form .col-md-12{
	  padding-left: 0;
      padding-right: 0;
  }
}