#track-my-job{margin:20px auto 0}
#track-my-job .no-padding{padding:0}
#track-my-job .top-container.show-track{margin-bottom:8px}
#track-my-job .track-btn{margin-bottom:40px;min-height:40px;clear:left}
#track-my-job .blur{position:absolute;left:0;opacity:.4}
#track-my-job .top-container{background:url("img/track-my-job-hero.jpg");height:500px;position:relative}
.tmjbanner-content-container{position:absolute;margin:auto;top:50%;transform:translateY(-50%);left:0;right:0}
#track-my-job .page-title{font-size:36px;font-weight:normal;margin-bottom:0;margin-top:25px}
#track-my-job .page-title+p{color:#000;font-size:18px;margin-bottom:36px}
#track-my-job .btn-radius{background-color:#00caaf;border:0;border-radius:20px;color:#000;font-size:14px}
#track-my-job .btn-circular:active{box-shadow:none}
#track-my-job .input-container{margin-bottom:30px}
#track-my-job .input-container{width:33.33333333%}
@media(max-width:992px){#track-my-job .col-xs-8{width:66.66666667%}
}
#track-my-job .close-btn{display:inline-block;top:10px;right:20px;width:23px;height:23px;position:absolute}
#track-my-job .empty~.close-btn{display:none}
#track-my-job input{font-family:"DinBook";font-size:30px;height:42px;color:#000;background:0;padding-right:35px}
#track-my-job input:focus{outline:0;-ms-box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#track-my-job .links .btn-circular{width:140px;height:140px}
#track-my-job .btn-circular img{width:100%;height:100%}
#track-my-job .link-title{font-size:24px;color:#000}
#track-my-job .name{position:relative}
#track-my-job .toggle-accordion{position:absolute;right:30px;top:15px}
#track-my-job .link-description{font-family:"DinBook";font-size:16px;line-height:1.2}
#track-my-job .job-details{margin-bottom:20px;text-align:center;padding-top:20px}
#track-my-job .job-details p:first-child{font-size:18px;color:#6a6a6a}
#track-my-job .job-details p:nth-child(2){font-size:30px;color:#000}
#track-my-job .job-track{color:#6a6a6a;font-size:24px;padding-top:50px;padding-bottom:50px}
@media(max-width:800px){#track-my-job .job-track{border-top:2px solid #f4f4f4;border-bottom:2px solid #f4f4f4}
}
#track-my-job .job-track .date{padding:0;text-align:right;margin-right:26px}
#track-my-job .job-track .date:first-child{color:#000;font-size:28px;top:0}
#track-my-job .job-track .date:first-child+.description{color:#00a690;font-size:28px;top:0}
#track-my-job .job-track .date:first-child+.description:before{background:url("img/active-job.png");background-size:cover;width:30px;height:30px;left:-15px}
#track-my-job .job-track .description{padding-left:40px;padding-right:0;padding-bottom:5px}
#track-my-job .job-track .description:not(:last-child):after{content:"";width:2px;height:95%;position:absolute;left:0;top:12%;background:#979797;z-index:-1}
#track-my-job .job-track .description:not(:last-child){padding-bottom:40px}
#track-my-job .job-track .description:not(:first-child),#track-my-job .job-track .date:not(:first-child){top:-5px}
#track-my-job .job-track .description:last-child{border:0}
#track-my-job .job-track .description:before{content:"";background:#ccc;width:20px;height:20px;border-radius:50%;position:absolute;left:-10px;top:5px}
@media(max-width:991px){#track-my-job .top-container{margin-bottom:44px}
#track-my-job .links .btn-circular{width:100px;height:100px}
#track-my-job .link-description{margin-bottom:41px}
#track-my-job .job-track .date:first-child+.description{padding-bottom:40px}
#track-my-job input{font-size:18px;padding-right:40px}
#track-my-job .close-btn{width:15px;height:15px}
#track-my-job .job-track .description:not(:last-child):after{top:8%}
#track-my-job .link-title{margin-top:10px}
#track-my-job .job-details{text-align:left;margin-left:0;margin-right:0}
#track-my-job .top-container .input-container{padding:0}
}
@media(min-width:992px){#track-my-job .top-container{margin-bottom:40px}
#track-my-job .link-title{margin-top:20px}
}
input[data-validate]{display:block;border:0;border-bottom:1px solid #6a6a6a}
input[data-validate]:focus{outline:0}
#track-my-job .input-container label{color:#000;font-size:21px;font-weight:normal;position:absolute;pointer-events:none;left:5px;margin-left:12px;top:10px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
#track-my-job .input-container input[data-validate]:focus~label,#track-my-job .input-container input[data-validate]:not(.empty)~label{top:-20px;font-size:12px;color:#6a6a6a}
.input-container .bar{position:relative;display:block;width:100%}
.input-container .bar:before,.input-container .bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#4a90e2;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
.input-container .bar:before{left:50%}
.input-container .bar:after{right:50%}
input[data-validate]:focus~.bar:before,input[data-validate]:focus~.bar:after{width:50%}
.input-container .highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}
input[data-validate]:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}
@-webkit-keyframes inputHighlighter{from{background:#4a90e2}
to{width:0;background:transparent}
}
@-moz-keyframes inputHighlighter{from{background:#4a90e2}
to{width:0;background:transparent}
}
@keyframes inputHighlighter{from{background:#4a90e2}
to{width:0;background:transparent}
}
input[type=text]::-ms-clear{display:none}
.tmjInfoIcon{vertical-align:middle;margin-left:-40px;margin-top:4px;position:absolute;color:#333}
.tmjInfoIndent{margin-left:25px}
.input-container{position:relative;font-weight:400;color:#6a6a6a}
input[data-validate]{color:#000;border:0;box-shadow:none;border-bottom:.75px solid #6a6a6a;border-radius:initial;font-size:21px}
input[data-validate]+img{display:none;position:absolute;bottom:0;right:0;margin:0 15px 10px 0}
input[data-validate].valid{padding-right:35px}
input[data-validate].valid+img{display:initial}
input[data-validate].invalid{border-color:#e90027}
.invalid-hint,.empty-hint{color:#e90027;font-family:"DinBook";font-size:18px;display:none;margin-top:10px}
@media(max-width:640px){.invalid-hint,.empty-hint{font-size:13px}
}
#track-my-job input[data-validate].invalid ~ .invalid-hint{display:inline-block;text-align:center}
input[data-validate].empty ~ .invalid-hint{display:none}
.invalid-hint .strong{font-weight:normal;font-style:normal;font-family:"DinMedium"}