/* css updates for tutor panel by chandra on date 16-11-2016*/

.table tr th {

    vertical-align: middle;

    background: #eeeeee;

    color: #000;
    padding-left: 10px;
    padding-right: 10px;

}#frm-filters input, #frm-filters select {

    margin-bottom: 0px;

    width: 99%;

    padding: 4px 0px;

    text-indent: 5px;

    font-size: 12px; max-width:99%;

    border: 1px solid #babbbb;

    background: #eeeeee;}#frm-filters1 input, #frm-filters1 select {

    margin-bottom: 0px;

    width: 99%;

    padding: 4px 0px;

    text-indent: 5px;

    font-size: 12px;  max-width:98%;  

    border: 1px solid #babbbb;
    background: #eeeeee;

} .table tr td {

    padding: 10px;

    border-top: 1px solid #c3c3c3;

}

.table tr th {

    padding: 10px;

    border-top: 1px solid #ccc;

} .table-bordered td {

    border-left: 1px solid #ccc;

}.table-bordered th{border-left: 1px solid #ccc;}

.table tbody tr:last-child td {

    

}
.table a{
  color: #333;
      text-decoration: underline;
}
.table a:hover {
    text-decoration: none;
}
.table-bordered {

    /*border-right: 1px solid #14c1b1;*/}

  









.btn {

 -webkit-transition: .6s;

  transition: .6s;

  overflow: hidden;

}

.btn:focus {

  outline: 0;

}

.btn:before {

  content: '';

  display: block;

  position: absolute;

  background: rgba(255, 255, 255, 0.5);

  width: 60px;

  height: 100%;

  left: 0;

  top: 0;

  opacity: .5;

  -webkit-filter: blur(30px);

          filter: blur(30px);

  -webkit-transform: translateX(-100px) skewX(-15deg);

          transform: translateX(-100px) skewX(-15deg);

}

.btn:after {

  content: '';

  display: block;

  position: absolute;

  background: rgba(255, 255, 255, 0.2);

  width: 30px;

  height: 100%;

  left: 30px;

  top: 0;

  opacity: 0;

  -webkit-filter: blur(5px);

          filter: blur(5px);

  -webkit-transform: translateX(-100px) skewX(-15deg);

          transform: translateX(-100px) skewX(-15deg);

}

.btn:hover {



  cursor: pointer;

}

.btn:hover:before {

  -webkit-transform: translateX(300px) skewX(-15deg);

          transform: translateX(300px) skewX(-15deg);

  opacity: 0.6;

  -webkit-transition: .7s;

  transition: .7s;

}

.btn:hover:after {

  -webkit-transform: translateX(300px) skewX(-15deg);

          transform: translateX(300px) skewX(-15deg);

  opacity: 1;

  -webkit-transition: .7s;

  transition: .7s;

}.btn.btn-primary {

    background: #14c1b1;

    color: #fff;

    text-shadow: none;

    filter: none;

}
.top_band_container{
  background-color: #c8f0ec;
  border: 1px solid #29C4B7;
  position: relative;
  padding: 3px 0px;
  display: none;
}
.top_band_container.active_band{
  display: block;
}
.top_band_container .close_icon{
  position: absolute;
  right: 20px;
  top: 10px;
}
#complete-kyc .modal-body .close .desxtop{
  display: block;
}
#complete-kyc .modal-body .close .mobile{
  display: none;
}
.top_band_container .top_band{
  display: flex;
  justify-content: center;
  align-items: center;
}
.top_band_container .top_band .img_msg_container{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 50px;
}
.top_band_container .top_band .msg_description{
  font-size: 14px;
  color: #0D786F;
  margin: 0px 15px;
  font-weight: 600;
  line-height: 1.7;
}
.top_band_container .top_band .img_msg_container .msg_button .btn-top-band{
    max-width: 105px;
    width: 104px;
    background-color: #0D786F;
    height: 26px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    padding: 0px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_band_container .top_band .img_msg_container .msg_button .btn-top-band:hover{
  color: #14c1b1;
}
.top_band_container .top_band .img_msg_container .img_btn{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top_band_main #main .without-offer.page-header{
  margin: 75px 0 15px 0;
}
.top_band_main #left.without-offer .subnav:first-child {
  margin-top: 195px;
}
.complete-kyc .kyc-coplete-imgs{
  position: relative;
}
.complete-kyc .kyc-coplete-imgs .kyc-coplete-center-imgs{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.complete-kyc .row-kyc{
  display: flex;
}
.complete-kyc .row-kyc .col-6{
  width: 50%;
}
.complete-kyc .modal-body{
  padding: 0px;
}
.complete-kyc .kyc_msg_container{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  box-sizing: border-box;
  padding: 40px 0px 10px 40px;
}
.complete-kyc .kyc_msg_container .kyc_msg_detail{
  max-width: 350px;
}
.complete-kyc .kyc_msg_container .kyc_msg_detail h3{
  font-size: 44px;
    color: #000000;
    line-height: 1.2;
    font-weight: 600;
} 
.complete-kyc .kyc_msg_container .kyc_msg_detail h3 span{
  color: #00C4B4;
} 
.complete-kyc .kyc_msg_container .kyc_msg_detail p{
  font-size: 14px;
  color: #004A44;
  margin-top: 30px;
} 
.complete-kyc .kyc_msg_container .kyc_msg_detail .btn_kyc_popup{
  background-color: #000000;
    color: #fff;
    max-width: 125px;
    min-width: 122px;
    margin-top: 30px;
    text-transform: capitalize;
    height: 34px;
    padding: 0px;
    text-align: center;
}
.complete-kyc .kyc_msg_container .kyc_msg_detail .btn_kyc_popup:hover{
  opacity: 0.7;
}
.complete-kyc .kyc_msg_container .kyc_msg_bottom{
  color: #DA594C;
  font-size: 12px;
}
.complete-kyc .modal-body .close {
  opacity: 1;
  padding: 2px 5px;
}
.complete-kyc .kyc-coplete-imgs .desxtop{
  display: block;
}
.complete-kyc .kyc-coplete-imgs .mobile{
  display: none;
}
.kyc-tab .controls .select2-container{
  width: 100%;
}
.common-tab-msg .under-prosses{
  max-width: 700px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
    color: #FFAB2D;
    font-size: 14px;
    background-color: #FFF5D6;
}
.common-tab-msg .completed-info{
  max-width: 700px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
    color: #009B2F;
    font-size: 14px;
    background-color: #C2FFA8;
}
.common-tab-msg .rejected-info{
  max-width: 700px;
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
  color: #EF0039;
  font-size: 14px;
  background-color: #FFDEDE;
}
.kyc-tab .control-group .controls select{
	width: 100%;
}
.form-horizontal .controls{
  padding-top: 5px;
}
.complete-kyc{
  border: none;
}

@media (max-width: 991px) {
.complete-kyc.modal {
  max-width: 700px;
  margin-left: -350px;
}
#complete-kyc .kyc_msg_container{
  padding: 0px 0px 10px 40px;
  font-size: 28px;
}
#complete-kyc .kyc_msg_container h3{
  font-size: 28px !important;
}
}
@media (max-width: 767px) {
  .top_band_container .top_band .img_left{
    display: none;
  }
  .top_band_container .top_band .img_right{
    display: none;
  }
  .top_band_container .top_band .img_msg_container .img_btn{
    flex-direction: column;
    align-items: flex-start;
  }
  .top_band_container .top_band .img_msg_container{
    margin: 0px;
  }
  .top_band_container .top_band .msg_description{
    margin: 0px;
    margin-bottom: 10px;
  }
  .top_band_container .top_band .img_msg_container .msg_msg{
    margin-right: 10px;
  }
  .top_band_container .top_band {
    justify-content: flex-start;
    align-items: center;
    min-height: 68px;
    max-height: 68px;
  }
.top_band_main #main .without-offer.page-header {
    margin: 100px 0 15px 0;
}
#complete-kyc .row-kyc {
  display: flex;
  flex-direction: column;
}
#complete-kyc .row-kyc .col-6 {
  width: 100%;
}
#complete-kyc .modal-body .close{
  position: absolute;
  z-index: 999;
  right: 0;
  padding: 5px;
}
#complete-kyc .modal-body .close .desxtop{
  display: none;
}
#complete-kyc .modal-body .close .mobile{
  display: block;
}
#complete-kyc .kyc-coplete-imgs .desxtop{
  display: none;
}
#complete-kyc .kyc-coplete-imgs .mobile{
  display: block;
  width: 100%;
}
#complete-kyc .kyc_msg_container{
 padding:  20px 10px 20px 10px
}
#complete-kyc .kyc_msg_container .kyc_msg_detail{
  width: 100%;
}
#complete-kyc .kyc_msg_container .kyc_msg_bottom{
  margin-top: 20px;
}
#complete-kyc .kyc_msg_container .kyc_msg_bottom p{
  margin-bottom: 0px;
  text-align: center;
}
#complete-kyc.modal.fade.in {
  top: 40px;
}
#complete-kyc .kyc_msg_container .kyc_msg_detail h3 {
  font-size: 40px;
}
#complete-kyc{
  min-height: auto;
  max-height: 100%;
  max-width: 100%;
  margin-left: auto;
}
#complete-kyc .modal-body{
  min-height: 100%;
  max-height: 100%;
}
}