html{
  font-size: 14px;
}
body{
 /*font-family: 'Open Sans', sans-serif;*/
 font-family: 'Source Sans Pro', sans-serif;;
 color: #2f2f2f;
 line-height: 1.4;
 background: url( '/images/login_background.jpg') repeat;
}
:focus, .form-control:focus, input:focus{
 border-color: #afafaf !important;
 outline: 0;
 box-shadow: none;
}
.form-control{
 height: calc(1.25em + .5rem + 3px);
 padding: .375rem .65rem;
 border-radius: 0;
 border-color: #babac1;
 margin-bottom: 0.5rem;
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time]{
 color: #495057;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
  padding: 15px 10px 15px 50px;
}

.error{
  color: #D8000C;
  background-color: #FFBABA;
  padding: 15px 10px 15px 50px;
}
.ican-application-form{
 max-width: 75%;
 margin: 10px auto;
 padding-left: 30px;
 padding-right: 30px;
 /* background-color: #f5f5f5; */
 background-color: #fff;
 box-shadow: 0px 0px 4px 2px #616161;
}

.ican-application-form-print {
    /* max-width: 75%; */
    margin: 10px auto;
    padding-left: 30px;
    padding-right: 30px;
    /* background-color: #f5f5f5; */
    background-color: #fff;
    box-shadow: 0px 0px 4px 2px #616161;
}

img{
 display: block;
}
.submit-btn{
 float: right;
 background-color: #0f2d61;
 border-color: #0f2d61;
 border-radius: 0;
 padding: 5px 20px;
}
.btn:focus{
 box-shadow: none;
}
.ican-tabs .tab-content{
  border: 1px solid #c1c0c0;
  padding: 20px;
}
.ican-tabs .nav-tabs .nav-item.show .nav-link, .ican-tabs .nav-tabs .nav-link.active{
  color: #fff;
  background-color: #d52a23;
  border: 0;
}
.ican-tabs .nav-tabs .nav-link{
  border: 1px solid #c1c0c0;
  border-radius: 0;
  border-bottom: 0;
  color: #5d5b5b;
  padding: 0.6rem 1rem;
  text-transform: uppercase;
}
.ican-tabs .address .card .card-body{
  padding: 1rem;
}
.ican-tabs .address .card .card-body .form-group{
  margin-bottom: 0.5rem;
}
.ican-tabs .address .card .card-header{
  background-color: rgb(0 0 0 / 0.08);
}
.application-form-title h3, .application-form-title h4, .application-form-title h4{
 font-weight: 600;
 margin-bottom: 5px;
}
.application-form-title h3{
 font-size: 20px;
}
.application-form-title h4{
 font-size: 20px;
}
.application-form-title h5{
 font-size: 16px;
}
.application-form-title p{
 font-size: 13px;
}
.application-form-title > *{
 color: #0f2d61;
}
.first-left .first-left-top h6{
 font-size: 0.9rem;
}
.first-left .first-left-top input{
 border: 0;
 border-bottom: 1px solid #dad9d9;
}
.first-left-bottom p{
 font-size: 0.95rem;
 line-height: 1;
}
.avatar-upload {
 position: relative;
 max-width: 200px;
}
.ican-tabs .avatar-upload .avatar-edit{
  right: 40px;
  top: 5px;
}
.avatar-upload .avatar-edit {
 position: absolute;
 right: -15px;
 z-index: 1;
 top: 5px;
}
.avatar-upload .avatar-edit input {
 display: none;
}
.avatar-upload .avatar-edit input + label {
 display: inline-block;
 width: 34px;
 height: 34px;
 margin-bottom: 0;
 border-radius: 100%;
 background: #e4e5e6;
 border: 1px solid transparent;
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
 cursor: pointer;
 font-weight: normal;
 transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
 background: #f1f1f1;
 border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
 content: "\f067";
 font-family: FontAwesome;
 font-weight: bold;
 color: #757575;
 position: absolute;
 top: 5px;
 left: 0;
 right: 0;
 text-align: center;
 margin: auto;
}
.ican-tabs .avatar-upload .avatar-preview {
  right: 20px;
  left: 20px;
}
.avatar-upload .avatar-preview {
 width: 120px;
 height: 120px;
 position: relative;
 right: -60px;
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
 width: 100%;
 height: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}
.apply-registration label{
 line-height: 1.5;
 margin-bottom: 5px;
}
.apply-registration-input .form-group .form-group:last-child{
 margin-bottom: 0;
}
.detail-fee-paid .detail-fee-paid-wrap input{
 border: 0;
 border-bottom: 1px solid #dad9d9;
 margin-bottom: 1rem;
 max-width: 250px;
 width: 100%;
}
.pass-ca-foundation .pass-ca-foundation-wrap label{
 display: inline;
}
.pass-ca-foundation .pass-ca-foundation-wrap input{
 border: 0;
 border-bottom: 1px solid #dad9d9;
 margin-bottom: 1rem;
 max-width: 240px;
 width: 100%;
}
.academic-qualification-table table thead th{
 font-size: 0.9rem;
}
.academic-qualification-table table.table-sm td, .table-sm th{
 padding: 0.55rem;
}
.academic-qualification-table input, .academic-qualification-table select{
 width: 100%;
 border: 1px solid #dad9d9;
 min-width: 115px;
 background-color: white;
 height: calc(1.35em + .5rem + 1px);
}
.academic-qualification-table .add-record{
 color: #fff;
}
.firm .firm-inner .form-group label {
   padding-left: 1.5rem;
}
.year-pass-intermediate strong{
 display: inline-block;
}
.year-pass-intermediate input{
 border: 0;
 border-bottom: 1px solid #dad9d9;
 margin-bottom: 1rem;
 width: 100%;
}
.signature-of-applicant-inner{
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
}
.signature-upload {
 position: relative;
 max-width: 270px;
}
.signature-upload .signature-edit {
 position: absolute;
 right: -20px;
 z-index: 1;
 top: 5px;
}
.signature-upload .signature-edit input {
 display: none;
}
.signature-upload .signature-edit input + label {
 display: inline-block;
 width: 34px;
 height: 34px;
 margin-bottom: 0;
 border-radius: 100%;
 background: #e4e5e6;
 border: 1px solid transparent;
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
 cursor: pointer;
 font-weight: normal;
 transition: all 0.2s ease-in-out;
}
.signature-upload .signature-edit input + label:hover {
 background: #f1f1f1;
 border-color: #d6d6d6;
}
.signature-upload .signature-edit input + label:after {
 content: "\f067";
 font-family: FontAwesome;
 font-weight: bold;
 color: #757575;
 position: absolute;
 top: 5px;
 left: 0;
 right: 0;
 text-align: center;
 margin: auto;
}
.signature-upload .signature-preview {
  width: 210px !important;
  height: 100px !important;
 position: relative;
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.voucher-upload .signature-preview {
  width: 210px !important;
  height: 100px !important;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
 }
.signature-upload .signature-preview > div {
 width: 100%;
 height: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}
.date-signature-of-applicant input{
 border: 1px solid #dad9d9;
}
.attested-copies {
 margin-top: 5rem;
}
.attested-copies .attested-copies-wrap{
   border-top: 1px solid #dad9d9;
   padding-top: 0.8rem;
}
.attested-copies span{
 font-size: 0.9rem;
}
.attested-copies-ul{
 padding-left: 20px;
}
.attested-copies-ul li strong{
 font-size: 0.9rem;
}
.fileUpload {
 position: relative;
 overflow: hidden;
 margin: 0 -4px;
 padding: 2px 10px;
 border-radius: 0;
 top: -2px;
}
.fileUpload input.upload {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   font-size: 20px;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity=0);
}
.citizen-passport{
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
}
.citizen-passport-upload {
 position: relative;
 max-width: 270px;
}
.citizen-passport-upload .citizen-passport-edit {
 position: absolute;
 right: -20px;
 z-index: 1;
 top: 5px;
}
.citizen-passport-upload .citizen-passport-edit input {
 display: none;
}
.citizen-passport-upload .citizen-passport-edit input + label {
 display: inline-block;
 width: 34px;
 height: 34px;
 margin-bottom: 0;
 border-radius: 100%;
 background: #e4e5e6;
 border: 1px solid transparent;
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
 cursor: pointer;
 font-weight: normal;
 transition: all 0.2s ease-in-out;
}
.citizen-passport-upload .citizen-passport-edit input + label:hover {
 background: #f1f1f1;
 border-color: #d6d6d6;
}
.citizen-passport-upload .citizen-passport-edit input + label:after {
 content: "\f067";
 font-family: FontAwesome;
 font-weight: bold;
 color: #757575;
 position: absolute;
 top: 5px;
 left: 0;
 right: 0;
 text-align: center;
 margin: auto;
}
.citizen-passport-upload .citizen-passport-preview {
 width: 200px;
 height: 100px;
 position: relative;
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.citizen-passport-upload .citizen-passport-preview > div {
 width: 100%;
 height: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.acca-passed{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
 }
 .acca-passed-upload {
  position: relative;
  max-width: 270px;
 }
 .acca-passed-upload .acca-passed-edit {
  position: absolute;
  right: -20px;
  z-index: 1;
  top: 5px;
 }
 .acca-passed-upload .acca-passed-edit input {
  display: none;
 }
 .acca-passed-upload .acca-passed-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #e4e5e6;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
 }
 .acca-passed-upload .acca-passed-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
 }
 .acca-passed-upload .acca-passed-edit input + label:after {
  content: "\f067";
  font-family: FontAwesome;
  font-weight: bold;
  color: #757575;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
 }
 .acca-passed-upload .acca-passed-preview {
  width: 200px;
  height: 100px;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
 }
 .acca-passed-upload .acca-passed-preview > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 }

 .training-passed{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
 }
 .training-passed-upload {
  position: relative;
  max-width: 270px;
 }
 .training-passed-upload .training-passed-edit {
  position: absolute;
  right: -20px;
  z-index: 1;
  top: 5px;
 }
 .training-passed-upload .training-passed-edit input {
  display: none;
 }
 .training-passed-upload .training-passed-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #e4e5e6;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
 }
 .training-passed-upload .training-passed-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
 }
 .training-passed-upload .training-passed-edit input + label:after {
  content: "\f067";
  font-family: FontAwesome;
  font-weight: bold;
  color: #757575;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
 }
 .training-passed-upload .training-passed-preview {
  width: 200px;
  height: 100px;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
 }
 .training-passed-upload .training-passed-preview > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 }

 .membership-granted{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
 }
 .membership-granted-upload {
  position: relative;
  max-width: 270px;
 }
 .membership-granted-upload .membership-granted-edit {
  position: absolute;
  right: -20px;
  z-index: 1;
  top: 5px;
 }
 .membership-granted-upload .membership-granted-edit input {
  display: none;
 }
 .membership-granted-upload .membership-granted-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #e4e5e6;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
 }
 .membership-granted-upload .membership-granted-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
 }
 .membership-granted-upload .membership-granted-edit input + label:after {
  content: "\f067";
  font-family: FontAwesome;
  font-weight: bold;
  color: #757575;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
 }
 .membership-granted-upload .membership-granted-preview {
  width: 200px;
  height: 100px;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
 }
 .membership-granted-upload .membership-granted-preview > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 }

 .deed-agreement{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
 }
 .deed-agreement-upload {
  position: relative;
  max-width: 270px;
 }
 .deed-agreement-upload .deed-agreement-edit {
  position: absolute;
  right: -20px;
  z-index: 1;
  top: 5px;
 }
 .deed-agreement-upload .deed-agreement-edit input {
  display: none;
 }
 .deed-agreement-upload .deed-agreement-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #e4e5e6;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
 }
 .deed-agreement-upload .deed-agreement-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
 }
 .deed-agreement-upload .deed-agreement-edit input + label:after {
  content: "\f067";
  font-family: FontAwesome;
  font-weight: bold;
  color: #757575;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
 }
 .deed-agreement-upload .deed-agreement-preview {
  width: 200px;
  height: 100px;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
 }
 .deed-agreement-upload .deed-agreement-preview > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 }
 
 @media print {
  .ican-application-form{
    max-width: 100%;
  }
    .print-break-after{
      page-break-after: always;
    
  }
   .ican-tabs .tab-content{
        /* border: 1px solid #c1c0c0; */
        padding: 10px;
  }
}
 
@media screen and (max-width: 1200px) {
 .detail-fee-paid .detail-fee-paid-wrap input{
   max-width: 200px;
 }
}
@media screen and (max-width: 1025px) {
 .detail-fee-paid .detail-fee-paid-wrap input{
   max-width: 170px;
 }
}
@media screen and (max-width: 992px) {
 .ican-application-form{
   max-width: 95%;
 }
 .detail-fee-paid .detail-fee-paid-wrap input{
   max-width: 220px;
 }
}
@media screen and (max-width: 768px) {
 .firm .firm-inner .form-group input {
   margin-left: 0.5rem;
 }
 .detail-fee-paid .detail-fee-paid-wrap input {
   max-width: 190px;
 }
 .attested-copies-ul li{
   margin-bottom: 0.5rem !important;
 }
 .attested-copies-ul li strong{
   margin-bottom: 0.5rem;
   display: inline-block;
 }
 .attested-copies-ul li span{
   display: block;
 }
}
@media screen and (max-width: 635px){
 .detail-fee-paid .detail-fee-paid-wrap input {
   max-width: 190px;
 }
}