.form_application{
    background-color: #fff;
    width: 80%;
    margin-left: 10%;
    margin-top: 15px;
}
.career_para{
    color: #807979;
}
.career_header{
    color:#a2000f;
    margin-bottom: 14px;
    font-size: 28px;
}
.btn-apply {
    background-color: #a2000f;
    color: #ffff;
    margin-top: 15px;
    width: 19%;
    border-radius: 1px !important;
}
.btn-apply:hover {
    background-color: #007ba7;
    color: #ffff;
    margin-top: 15px;
    width: 19%;
    border-radius: 1px !important;
}
.career_label{
    color: #4d4b4b;
}
.career_cntrl {
    background-color: #fff;
    width: 98%;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 4px;
    margin-bottom: 12px;
    box-shadow: 2px 2px #eee;
   
  }
  .form-controls {
    background-color: #fff;
    width: 99%;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 12px;
    box-shadow: 2px 2px #eee;
  }
/***********************************File Attachment****************************/
  #file-upload {
    position: absolute;
    left: -9999px;
 }

label[for="file-upload"]{
  padding:0.5em;  
  display:inline-block;
  background:#f4f4f4;
  cursor:pointer;
  margin-top: 8px;
  color: #717171;
  border: 1px solid #ccc;
}
#filename{
    padding: 6px;
    float: left;
    width: 83%;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee;
    margin-top: 10px;
    border-radius: 3px;
    color: #9b9b9b;
    font-size: 15px;
    box-shadow: 2px 2px #eee;
}
/****************form login page**********************/
.form_login{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    width: 50%;
     margin: auto;
     text-align: center;
     margin-top: 40px;
     margin-bottom: 25px;
   
}
.line_login{
    height: 3px;
    width: 76px;
    background: #a2000f;
    margin-bottom: 19px;
	margin-top: 0px;
    margin-bottom: 10px;
    margin: auto;
    text-align:center;
    width: 15%;
}
.login_head{
    margin-top: 35px;
    font-size: 25px;
}
.login_span{
    color: #a2000f;
    margin-left: 10px;
}
.login_para{
    margin-top: 20px;
    margin-bottom: -14px;
}
.btn_login{
    width: 20%;
    background-color: #a2000f;
    color: #ffff;
    margin-top: 15px;
    border-radius: 1px !important;
    margin-bottom: 10px;
}
.btn_login:hover{
    width: 20%;
    background-color: #007ba7;
    color: #fff;
    margin-top: 15px;
    border-radius: 1px !important;
}
.login_subpara{
    margin-top: 12px;
    color: #484747;
}
.prtShowDetile span {
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 8px 8px 8px 0;
    background: #007ba7;
    margin-right: 10px;
    margin-left: 7px;
  }   
  .login_ul{
      text-align: left;
      color: #717171;
      list-style: none;
  }
  .fa-caret-left{
      margin-right: 10px;
  }
  .login_lists{
      color:#717171; 
  }
  .login_lists:hover{
    color: #a2000f;
  }
  
@media only screen and (min-width: 280px) and (max-width:480px)
{
    .form_login {
        width: 98%;
    }
    .btn_login {
        width: 30%;
    }
    .btn_login:hover{
        width: 30%;
    }
    .form_application {
        width: 94%;
        margin-left: 8px;
        padding: 11px;
    }
      .career_header {
        font-size: 22px;
      }
      .career_para {
        color: #807979;
        font-size: 13px;
        text-align: justify;
      }
      .career_label {
        font-size: 13px;
      }
      .career_cntrl {
        padding: 1px;
      }
      .form-controls {
        padding: 1px;
      }
      #filename {
        padding: 4px;
        width: 59%;
        margin-top: 15px;
        font-size: 13px;
      }
      label[for="file-upload"] {
        padding: 4px;
        margin-top: 16px;
        font-size: 13px;
      }
      .btn-apply {
        margin-top: 15px;
        width: 41%;
        padding: 4px;
        font-size: 13px;
      }
      .login_para {
        margin-top: 13px;
        margin-bottom: -25px;
        font-size: 13px;
      }
} 
@media only screen and (min-width: 480px) and (max-width:576px)
{
    .form_login {
        width: 98%;
    }
    .btn_login {
        width: 30%;
    }
    .btn_login:hover{
        width: 30%;
    }
    label[for="file-upload"] {
        padding: 5px;
        margin-top: 15px;
        font-size: 12px;
    }
    #filename {
        padding: 3px;
        width: 79%;
        margin-top: 15px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 576px) and (max-width:768px)
{
    .form_login {
        width: 98%;
    }
    .btn_login {
        width: 30%;
    }
    .btn_login:hover{
        width: 30%;
    }
    .career_header {
        color: #a2000f;
        margin-bottom: 14px;
        font-size: 24px;
      }
      .career_para {
        color: #807979;
        font-size: 13px;
        text-align: justify;
      }
      .form-controls {
        padding: 5px;
      }
      .form_application {
        padding: 10px;
      }
      #filename {
        width: 75%;
      }
}
@media only screen and (min-width: 768px) and (max-width:991px)
{
    .form_login {
        width: 75%;
    }
    .btn_login {
        width: 30%;
    }
    .btn_login:hover{
        width: 30%;
    }
    label[for="file-upload"] {
        padding: 6px;
        margin-top: 9px;
    }
    #filename {
        padding: 6px;
        width: 78%;
    }
    .form_application {
        padding: 8px;
    }
    .career_cntrl {
        width: 99%;
        padding: 4px;
        margin-bottom: 12px;
    }
}
@media only screen and (min-width: 991px) and (max-width:1200px)
{
    .form_login {
        width: 98%;
    }
    .btn_login {
        width: 30%;
    }
    .btn_login:hover{
        width: 30%;
    }
    .form_application {
        padding: 20px;
        width: 107%;
        margin-left: 10px;
    }
    #filename {
        padding: 5px;
        width: 79%;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1500px)
{
    .form_login {
        width: 50%;
    }
    .btn_login {
        width: 30%;
    }
    .btn_login:hover{
        width: 30%;
    }
    #filename {
        padding: 7px;
        width: 83%;
      }
}
@media only screen and (min-width: 1201px) and (max-width:1399px)
{
    .form_login {
        width: 50%;
    }
    .btn_login {
        width: 30%;
    }
    .btn_login:hover{
        width: 30%;
    }
    #filename {
        padding: 7px;
        width: 82%;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px)
{
    .form_login {
        width: 70%;
      }
    .btn_login {
        width: 30%;
    }
    .btn_login:hover{
        width: 30%;
    }
}
@media only screen and (min-width: 481px) and (max-width:576px)
{
    label[for="file-upload"] {
        padding: 6px;
        margin-top: 15px;
        font-size: 12px;
      }
      #filename {
        padding: 4px;
        width: 67%;
        margin-top: 15px;
        font-size: 14px;
      }
      .btn-apply {
        width: 29%;
      }
}
@media only screen and (min-width: 577px) and (max-width:767px)
{
    label[for="file-upload"] {
        padding: 7px;
        margin-top: 8px;
      }
      #filename {
        padding: 6px;
        width: 71%;
        margin-top: 10px;
        font-size: 15px;
      }
     
}
@media only screen and (min-width: 769px) and (max-width:990px)
{
    label[for="file-upload"] {
        padding: 7px;
        margin-top: 8px;
      }
      #filename {
        padding: 6px;
        width: 71%;
      }
     
}
@media only screen and (min-width: 350px) and (max-width:479px)
{
    label[for="file-upload"] {
        padding: 7px;
        margin-top: 12px;
      }
      #filename {
        padding: 4px;
        width: 66%;
      }
     
}