body {
  font-family: '29LTBukra-Regular' !important;
  letter-spacing: .05rem;
  color: #101010; }
  body.bg-gray {
    background-color: #edf1f3; }

a {
  font-family: 29LTBukra-Light; }
  a:hover {
    text-decoration: none;
    color: #4f758b; }

.white-hr {
  margin: 28px 0 10px 0;
  border-top: 2px solid #d6d6d6; }

.home-lang-icons.fixed-lang {
  position: absolute;
  width: 165px;
  right: 40px;
  top: 40px; }
.home-lang-icons a {
  text-decoration: none;
  color: #4f758b;
  font-size: 14px;
  font-weight: 400;
  margin-right: 5px;
  transition: 0.3s; }
.home-lang-icons a:hover span {
  background-color: #fff;
  text-decoration: none;
  color: #00bfb3; }
.home-lang-icons a span {
  font-weight: 400;
  font-size: 12px;
  border-radius: 50%;
  background-color: #00bfb3;
  color: #fff;
  letter-spacing: 1px;
  padding: 5px 4px;
  transition: 0.3s; }
.home-lang-icons a:hover {
  color: #4f758b; }
.home-lang-icons.inner {
  background-color: #ecf1f3;
  padding: 2px 4px 7px 4px;
  border-radius: 29px;
  margin-left: 14px; }
  .home-lang-icons.inner .home-icon {
    font-size: 11px; }
  .home-lang-icons.inner a {
    color: #4f758b; }
    .home-lang-icons.inner a span {
      font-size: 9px; }

.userlinks a {
  font-family: 'MarkPro-Bold';
  font-size: 12px;
  color: #7c7c7c;
  text-transform: uppercase;
  padding: 20px 3px;
  display: inline-block; }
  .userlinks a:hover {
    opacity: .9; }

.txt-link {
  font-family: '29LTBukra-Regular';
  color: #4f758b;
  font-size: 12px;
  width: 100%;
  padding: 10px;
  transition: 0.3s; }

textarea:focus, input:focus {
  outline: none; }

*:focus {
  outline: none; }

.login-row {
  height: 100vh; }

.banner-col {
  position: relative;
  background-image: url("../images/loginbanner.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: right; }
  .banner-col img {
    width: 210px;
    padding: 40px; }

.btn-link {
  font-family: 'MarkPro-Bold';
  color: #ffffff;
  font-size: 17px;
  width: 100%;
  background-color: #4f758b;
  padding: 10px;
  border-radius: 7px;
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
  transition: 0.3s; }
  .btn-link:hover {
    background-color: #F2CD00;
    color: #4f758b;
    text-decoration: none; }

.btn-magenta {
  font-family: 'MarkPro-Bold';
  color: #ffffff;
  font-size: 17px;
  padding: 7px 25px;
  background-color: #00bfb3;
  border-radius: 7px;
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
  transition: 0.3s; }
  .btn-magenta:hover {
    opacity: .9; }

.btn-yellow {
  font-family: 'MarkPro-Bold';
  color: #4f758b;
  font-size: 17px;
  background-color: #F2CD00;
  padding: 7px 25px;
  border-radius: 7px;
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
  transition: 0.3s; }
  .btn-yellow:hover {
    opacity: .9; }
.btn-blue {
  font-family: 'MarkPro-Bold';
  color: #ffffff;
  font-size: 17px;
  padding: 7px 25px;
  background-color: #4f758b;
  border-radius: 7px;
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
  transition: 0.3s; }
  .btn-blue:hover {
    opacity: .9; }
.login-container .logo {
  max-width: 350px;
  margin: 0 auto;
  padding: 0 80px; }
.login-container input {
  font-size: 14px;
  letter-spacing: 1px; }
.login-container i {
  padding-top: 20px;
  color: #4f758b; }
.login-container input {
  border: none;
  border-radius: 0;
  background-color: white;
  padding: 20px 20px; }
.login-container .input-group {
  border-bottom: 1px solid #dfdfdf; }

.details-row {
  background-color: #edf1f3; }
  .details-row .search-sec {
    background-color: #4f758b;
    margin: 15px;
    padding: 18px;
    border-radius: 6px; }
  .details-row .whitebg {
    background-color: #fff;
    border-radius: 6px; }
    .details-row .whitebg .lble {
      color: #4f758b; }
    .details-row .whitebg h2 {
      color: #43525c;
      font-size: 25px;
      margin-bottom: 0; }
    .details-row .whitebg h4 {
      color: #4f758b;
      line-height: 28px; }
    .details-row .whitebg h5 {
      font-size: 14px;
      color: #00bfb3; }
  .details-row .graybg {
    background-color: #f5f7f8;
    padding: 17px;
    border-radius: 6px; }
  .details-row .amlvalueYellow {
   	 background-color: #f0eee2;
    }
 .details-row .search-sec .custom-checkbox{
 	margin-top: 10px;
 }
 
 .details-row .search-sec .custom-checkbox label{
 	color: white;
    font-size: 12px;
 }
 	

.head-icon {
  width: 32px;
  margin-right: 10px; }

h1, h2, h3, h4, h5 {
  font-family: '29LTBukra-Bold';
  color: #00bfb3; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

.lble {
  font-family: '29LTBukra-Regular';
  font-size: 12px;
  color: white;
  display: block;
  margin: 17px 0 8px 0; }

.personal-details .bld {
  font-family: '29LTBukra-Bold'; }

.inpt {
  font-family: '29LTBukra-Regular';
  font-size: 12px;
  letter-spacing: 1px;
  color: #4f758b;
  background-color: #fff;
  width: 100%;
  border-radius: 6px;
  padding: 7px 6px;
  border: none; }

.ticket-sec {
  border-radius: 10px;
  background-color: white;
  padding: 15px;
  margin-bottom: 15px; }
  .ticket-sec .date, .ticket-sec .ticket-no {
    font-family: '29LTBukra-Bold';
    font-size: 11px;
    color: #00bfb3; }
  .ticket-sec .ticket-no {
    font-size: 20px;
    color: #4f758b;
    letter-spacing: 2px; }
  .ticket-sec .desc {
    font-family: '29LTBukra-Regular';
    font-size: 12px;
    color: #43525c; }
  .ticket-sec:last-child {
    margin: 0; }

.inner-header {
  background-color: #fff; }
  .inner-header .logo {
    width: 180px;
    padding: 12px 7px; }

.customer-info {
  background-color: #fff;
  border-radius: 7px;
  margin: 15px 0; }
  .customer-info .account {
    background-color: #4f758b;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 15px 15px 5px 15px; }
    .customer-info .account h3 {
      font-size: 17px; }
    .customer-info .account h3, .customer-info .account h2 {
      color: #fff; }
    .customer-info .account h2 {
      font-size: 22px; }
  .customer-info .card-details {
    padding: 15px; }
    .customer-info .card-details h5 {
      font-size: 19px;
      margin: 10px 0 20px 0; }
  .customer-info .card-info {
    border-bottom: 2px solid #d6d6d6;
    margin-bottom: 15px; }
    .customer-info .card-info label {
      font-family: '29LTBukra-Bold';
      font-size: 15px;
      color: #4f758b;
      margin: 0; }
    .customer-info .card-info ul {
      padding-left: 25px; }
    .customer-info .card-info li {
      list-style: none;
      font-family: '29LTBukra-Regular';
      font-size: 12px;
      color: #4f758b;
      margin-bottom: 5px; }
      .customer-info .card-info li img {
        margin-right: 5px;
        width: 25px; }

.tabs-section {
  background-color: #fff;
  margin: 15px 15px 15px 0;
  border-radius: 7px; }

.tabs-details {
  background-color: #fff;
  border-top-right-radius: 7px;
  padding: 25px; }
  .tabs-details h5 {
    color: #4f758b;
    margin-bottom: 15px; }
  .tabs-details label {
    color: #00bfb3;
    display: block;
    font-size: 15px;
    margin: 0; }
  .tabs-details textarea {
    border: 1px solid #cecece;
    padding: 15px;
    width: 100%;
    font-family: '29LTBukra-Regular';
    font-size: 12px;
    border-radius: 7px;
    margin: 10px 0 15px 0; }
.tabs-details textarea, .tabs-details input, .tabs-details select {
    border: 1px solid #cecece;
    padding: 7px 6px;
    width: 100%;
    font-family: '29LTBukra-Regular';
    font-size: 12px;
    border-radius: 6px;
    margin: 10px 0 15px 0; }
.tabs-details select
{
	height: 40px;
	background: transparent;
}
  .tabs-details .btn-blue {
    margin: 10px 0 15px 0;
    font-size: 15px; }
.tabs-options {
  background-color: #20a1a3;
  padding: 0;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px; }
  .tabs-options li img {
	    width: 40px;
	}
  .tabs-options ul {
    padding: 0;
    margin: 0; }
  .tabs-options li {
    list-style: none;
    text-align: center;
    width: 100%;
    transition: 0.3s; }
    .tabs-options li:first-child {
      border-top-left-radius: 7px; }
    .tabs-options li:hover {
      background-color: #3a8896;
      border-bottom-left-radius: 7px; }
    .tabs-options li a {
      font-family: '29LTBukra-Bold';
      color: #fff;
      font-size: 10px;
      line-height: 15px;
      display: block; }
      .tabs-options li a span {
        padding-top: 5px;
        display: block; }
      .tabs-options li a.active {
        background-color: #3a8896 !important; }

.switch {
  position: relative;
  top: 50%;
  width: 150px;
  height: 35px;
  text-align: center;
  margin: 22px 0;
  background: #4cd964;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 25px; }

.switch span {
  position: absolute;
  width: 20px;
  height: 4px;
  top: 50%;
  left: 50%;
  margin: -2px 0px 0px -4px;
  background: #fff;
  display: block;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 2px; }

.switch span:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 12px;
  margin-top: -8px;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 2px; }

.hide {
  display: none; }

.switch label {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.2);
  width: 60px;
  line-height: 36px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

label[for=yes] {
  position: absolute;
  left: 0px;
  height: 20px; }

label[for=no] {
  position: absolute;
  right: 0px; }

#no:checked ~ .switch {
  background: #ff3b30; }

#no:checked ~ .switch span {
  background: #fff;
  margin-left: -8px; }

#no:checked ~ .switch span:after {
  background: #fff;
  height: 20px;
  margin-top: -8px;
  margin-left: 8px; }

#yes:checked ~ .switch label[for=yes] {
  color: #fff; }

#no:checked ~ .switch label[for=no] {
  color: #fff; }

.form-group-checkbox {
  display: block;
  margin-bottom: 15px; }

.form-group-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  cursor: pointer; }

.form-group-checkbox label {
  position: relative;
  cursor: pointer;
  vertical-align: middle; }

.form-group-checkbox label:before {
  content: '';
  -webkit-appearance: none;
  background-color: #46758d;
  border: 2px solid #46758d;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px; }

.form-group-checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.message-row {
  width: 820px;
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
  margin: 0 auto;
  padding: 20px;
  border-radius: 7px; }
  .message-row h3 {
    margin: 0;
    color: #46758d; }
  .message-row hr {
    border-top: 1px solid #dfdfdf; }
  .message-row label {
    color: #00bfb3;
    display: block;
    font-size: 14px;
    margin: 0; }
  .message-row input, .message-row select {
    border: 1px solid #cecece;
    padding: 9px;
    width: 100%;
    font-family: '29LTBukra-Regular';
    font-size: 12px;
    border-radius: 7px;
    margin: 10px 0 20px 0; }
  .message-row button {
    margin: 20px 0 0 0; }
  .message-row .instructions {
    background-color: #edf1f3;
    border: 1px solid #cecece;
    border-radius: 7px;
    font-size: 13px;
    padding: 15px;
    margin-top: 32px; }

  .message-row2 {
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
  margin: 0 auto;
  padding: 20px;
  border-radius: 7px; }

    .message-row2 h3 {
    margin: 0;
    /* color: #262422; */
     }
  .message-row2 hr {
    border-top: 1px solid #dfdfdf; }
  .message-row2 label {
    color: #595857;
    display: block;
    font-size: 10px;
    margin: 0; }

  .message-row2 .instructions {
    background-color: #edf1f3;
    border: 1px solid #cecece;
    border-radius: 7px;
    font-size: 13px;
    padding: 15px;
    margin-top: 32px; }


.radio {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }


.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }


.checkround {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-color: #46758d;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%; }


.radio input:checked ~ .checkround {
  background-color: #fff; }


.checkround:after {
  content: "";
  position: absolute;
  display: none; }


.radio input:checked ~ .checkround:after {
  display: block; }


.radio .checkround:after {
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #46758d; }
  
.tabs-details .radio {
    margin: 0 15px 15px 0;
    display: inline-block; }
    
    .customer-info .card-details img {
    width: 45px;
}
button:disabled, button:disabled:hover,
button[disabled], input:disabled, input:disabled:hover,
input[disabled], textarea:disabled, textarea:disabled:hover,
textarea[disabled], input[readonly], input[readonly="readonly"] {
  background-color: #e0e0e0;
  opacity: 0.60;
  cursor: not-allowed; }

.radio-disabled {
	pointer-events: none;
  color: #bbb8b8 !important; }
  .radio-disabled .checkround {
  pointer-events: none;
    border-color: #bbb8b8 !important; }
    
.menu-bar .navbar {
  background-color: #46758d !important;
  padding: 6px; }
  .menu-bar .navbar a {
    color: #fff !important;
    font-family: '29LTBukra-Regular';
    font-size: 10px; }
.menu-bar .dropdown-menu {
  background-color: #46758d !important;
  border: 1px solid #fff; }
  .menu-bar .dropdown-menu a:hover {
    color: #46758d !important; }

.disableddiv {
    pointer-events: none;
    opacity: 0.4;
}

.table-bordered thead th {
  background-color: #50748b;
  font-size: 11px;
  letter-spacing: 1px;
  color: #fff; }

.table-bordered img {
  width: 80px; }

.main-container {
  padding: 10px;
  border-radius: 4px;
  margin: 24px 15px 8px 15px;
  border: 1px solid #dfdfdf;
  background-color: #f7f7f7; }

.table-bordered td, .table-bordered th {
  background-color: #fff;
  font-size: 12px; 
  }
  
  
  .ui-datepicker-calendar th{
    color: #4f758b !important;
}

.ui-datepicker-today .ui-state-default{
  border: 0 !important;
  background: #4f758b !important;
  color: #fff !important;
}


.ui-state-default{
  border-color: #fff !important;
  background:#f2cd00 !important;
}
.ui-state-active{
  color: #fff !important;
  background-color: #1f3948 !important;
}

.ui-widget.ui-widget-content{
  border: 1px solid #4f758b !important;
}

.cms-status {
  background-color: #F2CD00;
  border-radius: 34px;
  padding: 4px 32px 4px 9px;
  position: relative;
  margin-left: 20px; 
}
  .cms-status h5 {
    color: #367690;
    font-family: 'MarkPro-Bold';
    font-size: 17px;
    text-transform: uppercase;
    line-height: 13px;
    display: inline-block;
    margin: 0px; }
  .cms-status span {
    position: absolute;
    background-color: red;
    border-radius: 20px;
    border: 2px solid #fff;
    display: inline-block;
    width: 22px;
    height: 22px;
    right: 7px;
    top: 4px;
    box-shadow: 1px 1px 1px 0px #367690; }
    .cms-status span.active {
      background-color: #0ebf0e !important; }
   .broadcast-section
   {
   	color: white;
  background-color: #a52f3a;
  padding: 4px;
  font-size: 14px;
   }
   .form-control{
   	margin:10px 0 20px 0;
   }
   .icon-size {
   		width: 25px !important;
    	margin: 5px;
   }
/*# sourceMappingURL=custsupport.css.map */
.upload-input{
	
	background-color: white;
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
    border-radius: 4px;
    padding: 7px;
}

.applicant-container .applicant-info {
  background-color: #304B5E;
  border-radius: 12px;
  margin: 15px 0 0 0; 
  position: sticky;
    top: 20px;
  }
  .applicant-container .applicant-info .personal-details {
    background-color: #38586b;
    border-radius: 12px 12px 0 0;
    padding: 15px 10px 0 10px; }
    .applicant-container .applicant-info .personal-details img {
      max-width: 120px;
      border-radius: 8px;
      border: 4px solid #00BFB3;
      margin: 9px 20px 20px 20px; }
    .applicant-container .applicant-info .personal-details label {
      color: #00BFB3; }
    .applicant-container .applicant-info .personal-details p {
      font-family: 'MarkPro-Bold';
      color: #fff;
      font-size: 16px; }
  .applicant-container .applicant-info .application-details {
    padding: 15px; }
    .applicant-container .applicant-info .application-details h5 {
      font-size: 18px;
      color: #A5BDCB; }
    .applicant-container .applicant-info .application-details ul {
      padding: 0; }
      .applicant-container .applicant-info .application-details ul li {
        padding: 5px 0;
        border-bottom: 1px solid #425e63; }
        .applicant-container .applicant-info .application-details ul li label {
          color: #A5BDCB;
          font-size: 12px;
          margin: 0;
          padding: 10px 0;
          min-width: 158px; }
        .applicant-container .applicant-info .application-details ul li img {
          max-width: 20px;
          margin-right: 10px; }
        .applicant-container .applicant-info .application-details ul li p {
          padding: 10px;
          font-size: 14px;
          font-family: 'MarkPro-Bold';
          color: #fff;
          margin: 0; }
.applicant-container .details-container {
  margin-top: 15px; }
  .applicant-container .details-container .nav-tabs {
    border: 0; }
    .applicant-container .details-container .nav-tabs .nav-link {
      color: #38586b;
      border-radius: 0;
      text-align: left;
      border-top-left-radius: 12px;
      border-bottom-left-radius: 12px;
      padding: 15px;
      background-color: white;
      margin-bottom: 15px;
      font-size: 14px; }
      .applicant-container .details-container .nav-tabs .nav-link.active {
        border: none;
        font-family: 'MarkPro-Bold';
        color: #304B5E;
        background: white;
        background: linear-gradient(273deg, white 3%, rgba(0, 191, 179, 0.3071603641) 100%); }
  .applicant-container .details-container .tab-content {
    border: none;
    border-radius: 0 12px 12px 12px;
    border-top: 0;
    background-color: #fff; }
    .applicant-container .details-container .tab-content .tab-pane {
      padding: 0px 20px 30px; }
      .applicant-container .details-container .tab-content .tab-pane label {
        color: #00BFB3;
        font-size: 12px;
        display: block;
        padding: 15px 0 0 0; }
      .applicant-container .details-container .tab-content .tab-pane p {
        border-bottom: 1px solid #dfdfdf;
        padding: 8px 0;
        color: #6A6A6A;
        padding-top: 0;
        font-size: 14px; }
      .applicant-container .details-container .tab-content .tab-pane input, .applicant-container .details-container .tab-content .tab-pane textarea, .applicant-container .details-container .tab-content .tab-pane select {
        font-size: 14px;
        border-radius: 5px;
        width: 100%;
        border: 1px solid #e4e4e4;
        color: #6A6A6A;
        background-color: white;
        padding: 8px;
        height: 39px;
        margin-bottom: 10px; }
      .applicant-container .details-container .tab-content .tab-pane textarea {
        height: auto !important; }
      .applicant-container .details-container .tab-content .tab-pane button {
        padding: 11px 21px;
        margin: 10px 0;
        background-color: #00bfb3;
        color: #fff;
        border-radius: 7px;
        border: none; }
      .applicant-container .details-container .tab-content .tab-pane .doc-list {
        padding: 20px 0;
        border-bottom: 1px solid #dfdfdf;
        margin-bottom: 30px; }
        .applicant-container .details-container .tab-content .tab-pane .doc-list h5 {
          width: 50%;
          color: #00BFB3; }
        .applicant-container .details-container .tab-content .tab-pane .doc-list .yellow-button {
          margin: 0 15px; }
.custom-table{
	    font-size: 10px;
	    border: 1px solid #38586b;
}

.custom-table .thead-dark th {
    color: #fff;
    background-color: #38586b;
    border-color: #38586b;
}
         
.details-container .details-bg{
	    border-radius: 0 12px 12px 12px;
    	background-color: #fff;
}
.ctm-select,.ctm-input{
	border: 1px solid #cecece;
    padding: 7px 6px;
    width: 100%;
    font-family: '29LTBukra-Regular';
    font-size: 12px;
    border-radius: 6px;
    margin: 10px 0 15px 0;
    height:34px;
}
.news-carousel {
	position:relative;
	padding:4px;
	height: 55px;
}


.news-carousel .carousel-item {
	
	padding:0 80px;
}
.news-carousel a {
	color: #47748d;
	font-size: 12px;
	
}


.news-carousel .carousel-control-prev{
	position: absolute;
    left: auto;
    right: 37px !important;
    background-color: #12bdb2;
    opacity: 1;
    width: 36px;
	
}
.news-carousel .carousel-control-next{
	position: absolute;
    left: auto;
    right: 0px !important;
    background-color: #12bdb2;
    opacity: 1;
    width: 36px;
	
}

.ticktet-container {
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  margin-bottom: 15px;
  position: relative;
  margin: 15px;
   }
  .ticktet-container label {
    font-size: 12px;
    color: #445868;
    margin: 0;
    padding: 0 !important;
    min-width: 130px;
    text-align: left; }
  .ticktet-container p {
    font-size: 12px;
    
    margin: 0;
    color: #445868; 
    border: none !important;
    padding: 0 !important;
    }
  .ticktet-container .str {
    font-family: '29LTBukra-Bold'; }
  .ticktet-container .no-container {
    background-color: #F2F2F2;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 10px; }
    .ticktet-container .no-container .value-container {
      background-color: #fff;
      border-radius: 6px;
      margin-bottom: 10px;
      padding: 10px ;
       }
      .ticktet-container .no-container .value-container.sr-no {
        background-color: #F2CD00;
        }
        .ticktet-container .no-container .value-container.sr-no label {
          width: auto;
          min-width: 86px;
          font-size: 14px; }
        .ticktet-container .no-container .value-container.sr-no p {
          padding: 10px 20px;
          font-size: 14px;
          border-bottom: none;
           }
    .ticktet-container .no-container .bttn {
      font-family: 'MarkPro-Bold';
      color: #ffffff;
      font-size: 14px;
      padding: 7px 25px;
      background-color: #00bfb3;
      border-radius: 33px;
      letter-spacing: 1px;
      border: none;
      cursor: pointer;
      transition: 0.3s;
      margin: 6px;
      transition: 0.3s; }
      .ticktet-container .no-container .bttn:hover {
        background-color: #069289; }
  .ticktet-container .body-content {
    padding: 10px; }
    .ticktet-container .body-content .subject-text {
      background-color: #F2F2F2;
      border-radius: 6px;
      margin-bottom: 10px;
       padding: 10px;
       }
  .ticktet-container .comments-section {
    text-align: left; }
    .ticktet-container .comments-section ul {
      list-style: none;
      padding: 0; }
      .ticktet-container .comments-section ul li {
        border-bottom: 1px solid #dfdfdf;
        padding: 15px 10px;
        font-size: 12px;
        color: #445868; }
        
  .doc-heading{
  	color : #304B5E !important;
  }
  .cust-grid td {
  font-size: 13px;
vertical-align: middle; }
.cust-grid thead th {
background-color: #46758E;
color: #fff !important; 
font-size: 14px;
}
.cust-grid .btn-magenta {
font-size: 14px;
padding: 7px 20px;
border-radius: 29px; 
margin: 2px 0;
display: inline-block;
}
.cust-grid .isDisabled {
cursor: not-allowed;
opacity: 0.5;
text-decoration: none; }
.cust-grid.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ecf1f3 !important;
}
.gender-radio {
	padding: 2px 20px 10px 25px !important;
}
.error-msg{
	padding: 0 !important;
    color: red !important;
    font-size: 10px !important;
}
span.arrow {
    margin-left: 6px;
    height:17px;
    background: url('http://i45.tinypic.com/f9ifz6.png') no-repeat left center;
}
label.error {
    padding: 0 !important;
    color: red !important;
    font-size: 10px !important;
}
.profile-photo {
	
	 width: 100%;
    border-radius: 12px;
    border: 4px solid #00BFB3; 
}
.docs-tab .nav-link.active {
    color: #fff !important;
    background-color: #46768d !important;
}

.docs-tab .nav-link {
	color : #02bfb3 !important;
}

.docs-tab .nav-link .status {
	    width: 26px;
}


	
.error-span-msg{
	display: block;
    font-size: 12px;
    font-family: '29LTBukra-Regular' !important;
    color: red
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #bdd5e0 !important;
}

.dataTables_filter input {
    border: 1px solid #46768d !important;
    border-radius: 6px !important;
    padding: 6px !important;
    margin: 5px !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ecf1f3 !important;
    margin-bottom: 8px !important;
}

.dataTables_wrapper .dataTables_length select {
    border-radius: 6px !important;
    padding: 6px !important;
    margin: 5px 0px !important;
    border-color: #46768d !important;
    height: 38px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important !important;
    border: 1px solid #979797 !important;
    background-color: #4f758b !important;
    border-radius: 6px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.4em 1em !important;
}

.cards-search-container .col, .cards-search-container .col-1, .cards-search-container .col-10, .cards-search-container .col-11, .cards-search-container .col-12, .cards-search-container .col-2, .cards-search-container .col-3, .cards-search-container .col-4, .cards-search-container .col-5, .cards-search-container .col-6, .cards-search-container .col-7, .cards-search-container .col-8, .cards-search-container .col-9, .cards-search-container .col-auto, .cards-search-container .col-lg, .cards-search-container .col-lg-1, .cards-search-container .col-lg-10, .cards-search-container .col-lg-11, .cards-search-container .col-lg-12, .cards-search-container .col-lg-2, .cards-search-container .col-lg-3, .cards-search-container .col-lg-4, .cards-search-container .col-lg-5, .cards-search-container .col-lg-6, .cards-search-container .col-lg-7, .cards-search-container .col-lg-8, .cards-search-container .col-lg-9, .cards-search-container .col-lg-auto, .cards-search-container .col-md, .cards-search-container .col-md-1, .cards-search-container .col-md-10, .cards-search-container .col-md-11, .cards-search-container .col-md-12, .cards-search-container .col-md-2, .cards-search-container .col-md-3, .cards-search-container .col-md-4, .cards-search-container .col-md-5, .cards-search-container .col-md-6, .cards-search-container .col-md-7, .cards-search-container .col-md-8, .cards-search-container .col-md-9, .cards-search-container .col-md-auto, .cards-search-container .col-sm, .cards-search-container .col-sm-1, .cards-search-container .col-sm-10, .cards-search-container .col-sm-11, .cards-search-container .col-sm-12, .cards-search-container .col-sm-2, .cards-search-container .col-sm-3, .cards-search-container .col-sm-4, .cards-search-container .col-sm-5, .cards-search-container .col-sm-6, .cards-search-container .col-sm-7, .cards-search-container .col-sm-8, .cards-search-container .col-sm-9, .cards-search-container .col-sm-auto, .cards-search-container .col-xl, .cards-search-container .col-xl-1, .cards-search-container .col-xl-10, .cards-search-container .col-xl-11, .cards-search-container .col-xl-12, .cards-search-container .col-xl-2, .cards-search-container .col-xl-3, .cards-search-container .col-xl-4, .cards-search-container .col-xl-5, .cards-search-container .col-xl-6, .cards-search-container .col-xl-7, .cards-search-container .col-xl-8, .cards-search-container .col-xl-9, .cards-search-container .col-xl-auto {
  padding-right: 10px;
  padding-left: 10px; }
.cards-search-container .cards-search-section {
  background-color: #4F748A;
  border-radius: 6px;
  padding: 16px 6px; }
  .cards-search-container .cards-search-section h4 {
    font-size: 16px;
    color: #03BEB2;
    padding: 0 10px;
    font-family: 'MarkPro-Bold'; }
  .cards-search-container .cards-search-section label {
    font-size: 10px;
    display: block;
    color: #E2F2FC;
    margin: 0 0 3px 0;
    font-size: 11px; }
  .cards-search-container .cards-search-section input {
    border-radius: 6px;
    width: 100%;
    border: 0;
    padding: 4px 6px;
    color: #213948;
    margin-bottom: 12px;
    font-size: 14px; }
  .cards-search-container .cards-search-section button {
    padding: 6px;
    color: #fff;
    font-size: 14px;
    background-color: #03BEB2;
    width: 100%;
    border-radius: 6px;
    border: 0;
    margin: 10px 0;
    font-family: 'MarkPro-Bold'; }
.cards-search-container .cards-search-results {
  background-color: #fff;
  border-radius: 6px;
  padding: 16px; }
  .cards-search-container .cards-search-results label {
    font-size: 12px; }
  .cards-search-container .cards-search-results .pagination a {
    color: #5C5C5C; }
  .cards-search-container .cards-search-results .pagination .page-link {
    padding: 6px; }
  .cards-search-container .cards-search-results h4 {
    font-size: 16px;
    color: #03BEB2;
    margin: 0;
    font-family: 'MarkPro-Bold'; }
  .cards-search-container .cards-search-results table {
    margin-top: 10px; }
  .cards-search-container .cards-search-results thead th {
    color: #4F748A;
    font-family: 'MarkPro-Bold';
    padding: 6px; }
  .cards-search-container .cards-search-results tbody th {
    padding: 6px;
    vertical-align: middle;
    border-top: 5px solid #ffffff; }
  .cards-search-container .cards-search-results tbody tr {
    background-color: #F4F8FB;
    color: #4F748A; }
    .cards-search-container .cards-search-results tbody tr:hover {
      background-color: #E7F2FA; }
    .cards-search-container .cards-search-results tbody tr td {
      padding: 6px !important;
      vertical-align: middle;
      border-top: 5px solid #ffffff; }
      .cards-search-container .cards-search-results tbody tr td .view {
        padding: 2px 3px;
        background-color: #03BEB2;
        color: #fff;
        margin: 2px;
        border-radius: 3px; }
        .cards-search-container .cards-search-results tbody tr td .view:hover {
          background-color: #03A89E; }
      .cards-search-container .cards-search-results tbody tr td:last-child {
        text-align: right; }
  .cards-search-container .cards-search-results .search {
    border-radius: 6px;
    border: 1px solid #4F748A;
    padding: 4px 6px;
    color: #213948; }
    
    .profile-details {
background-color: #fff;
border: 1px solid #dfdfdf;
margin: 10px 0; }
.profile-details h4 {
background-color: #335f79;
padding: 10px;
color: #fff;
font-size: 16px;
margin: 0; }
.profile-details .col-md-12,
.profile-details .col-md-3,
.profile-details .col-md-4,
.profile-details .col-md-6,
.profile-details .col {
padding: 0 10px; }
.profile-details .section-content {
padding: 20px 10px 0; }
.profile-details img {
width: 100%;
border: 10px solid #fff; }
.profile-details img.profile-user {
width: 76%;
border: 1px solid #dfdfdf;
padding: 10px;
border-radius: 10px; }
.profile-details .preview-images .document-container {
position: relative; }
.profile-details .preview-images .document-container .img-preview {
width: 50px;
height: 50px;
background-color: #345f79;
color: #fff;
padding: 7px 9px;
font-size: 24px;
border-radius: 30px;
position: absolute;
top: 50%;
bottom: 50%;
left: 40%;
right: 40%;
display: inline-block; }
.profile-details .preview-images .document-container .img-preview:hover {
background-color: #183f55; }
.profile-details .preview-images .no-radius {
border-radius: 0; }
.profile-details .customgrid-table {
border: 1px solid #dfdfdf; }
.profile-details .customgrid-table th {
padding: 6px;
font-size: 14px;
font-family: 'MarkPro-Bold';
margin: 0; }
.profile-details .customgrid-table thead th:first-child:first-child {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important; }
.profile-details .customgrid-table thead tr {
background-color: #4F748A;
color: #fff; }
.profile-details .customgrid-table td {
padding: 6px; }
.profile-details .details-item {
background-color: #fff;
border-radius: 8px;
border: 1px solid #efefef;
margin-bottom: 20px; }
.profile-details .details-item label {
background-color: #efefef;
border-radius: 8px 8px 0 0;
padding: 6px;
margin: 0;
color: #808080;
width: 100%;
font-size: 12px; }
.profile-details .details-item p {
padding: 6px;
font-size: 14px;
font-family: 'MarkPro-Bold';
margin: 0;
color: #335f79; }
.profile-details .post-ticket {
background-color: #356888; }
.profile-details .post-ticket label {
background-color: #fff;
padding: 6px 0; }
.profile-details .post-ticket .details-item {
padding: 4px; }
.profile-details .post-ticket select, .profile-details .post-ticket input, .profile-details .post-ticket textarea {
border-radius: 8px;
font-size: 14px;
width: 100%;
border: oldlace;
padding: 9px;
background-color: #efefef;
color: #335f79; }
.profile-details .post-ticket button {
background-color: #00BFB3;
padding: 10px 20px;
color: #fff;
margin: 0 0 20px 0;
border-radius: 8px;
display: inline-block;
font-family: 'MarkPro-Bold'; 
border: 0;
}
.profile-details .record-details {
background-color: #3d7698; }
.profile-details .record-details .col-md-3 {
border-bottom: 1px solid #fff; }
.profile-details .record-details label {
background-color: #3d7698;
color: #fff;
border: 1px solid #3d7698; }
.profile-details .record-details p {
color: #fff; }



/* Unification Portal CSS */
.bttn {
  display: inline-block;
  padding: 10px 40px;
  border: 0;
  border-radius: 50px;
  transition: 0.3s;
  font-size: 16px; }
  .bttn.yellow {
    background-color: #F0CC14;
    color: #215574; }
    .bttn.yellow:hover {
      background-color: #e0be0f; }
  .bttn.blue {
    background-color: #00BFB3;
    color: #ffffff; }
    .bttn.blue:hover {
      background-color: #059B92; }
  .bttn.teal {
    background-color: #215574;
    color: #fff;
    cursor:pointer; }
    .bttn.teal:teal {
      background-color: #164B6A; }

/* .login-container {
  max-width: 360px;
  margin: 0 auto;
  border-radius: 10px;
  padding-top: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }
  .login-container .header {
    background: #215574;
    background: linear-gradient(160deg, #215574 0%, #0a3853 79%);
    border-radius: 20px 20px 0 0;
    padding: 40px 30px;
    text-align: right; }
  .login-container .login-form-container {
    padding: 40px 30px;
    background-color: #fff;
    border-radius: 0 0 20px 20px; }
  .login-container label {
    font-size: 12px;
    display: block;
    color: #747070; }
  .login-container .input-container {
    position: relative; }
    .login-container .input-container i {
      position: absolute;
      color: #215574;
      top: 14px;
      left: 14px; }
    .login-container .input-container input {
      margin-bottom: 15px;
      width: 100%;
      background-color: #F0F0F0;
      padding: 12px 36px;
      border: 0;
      border-radius: 6px;
      color: #215574; }
  .login-container .forgot {
    color: #215574;
    display: block;
    text-align: right;
    margin: 10px 0 20px;
    font-size: 12px; }
  .login-container button {
    width: 100%;
    font-size: 20px;
    border-radius: 6px; }
  .login-container .copyrights {
    color: #518db1;
    display: block;
    text-align: center;
    margin: 15px;
    font-size: 12px; } */

.btn.active,
.btn:active,
button:active,
button:focus,
button:hover,
input:active,
input:focus,
input:hover,
label:focus,
textarea:active,
textarea:focus,
textarea:hover {
  outline: 0 !important;
  -webkit-appearance: none;
  box-shadow: none !important; }


.uf-container {
  position: relative; }
  .uf-container::after {
    position: absolute;
    content: "";
    background-color: #04bfb3;
    color: red;
    font-weight: bold;
    width: 1px;
    height: 100%;
    top: 10px;
    left: 25px;
    z-index: 333; }
    
   .uf-container.ar::after {
    right: 25px;
    left:auto;
    }
    
    .uf-container.ar .custom-control-label::before {
    right: -11px;
    cursor: pointer;
}
.uf-container.ar .custom-control-label::after {
    right: -11px;
    cursor: pointer;
}

.uf-container .custom-select.ar{
	
	background-position: 10px;
}
  .uf-container .strong, .uf-container strong {
    font-family: 'MarkPro-Bold'; }
  .uf-container h5 {
color: #00BFB3;
font-size: 16px;
padding-bottom: 15px;
margin: 0; }
.uf-container .bttn {
display: inline-block;
padding: 10px 40px;
border: 0;
border-radius: 50px;
transition: 0.3s;
font-size: 16px; }
.uf-container .bttn.yellow {
background-color: #F0CC14;
color: #215574; }
.uf-container .bttn.yellow:hover {
background-color: #e0be0f; }
.uf-container .bttn.blue {
background-color: #00BFB3;
color: #ffffff; }
.uf-container .bttn.blue:hover {
background-color: #059B92; }
.uf-container .bttn.teal {
background-color: #215574;
color: #fff; }
.uf-container .bttn.teal:hover {
background-color: #164B6A; }
  .uf-container .hr-div {
    border-top: 1px solid #b9d0dd;
    margin: 15px;
    width: 100%; }
  .uf-container .reason-select {
    background-color: #E2FFFD;
    padding: 10px 25px !important; }
  .uf-container .form-container {
    background-color: #FCFCFC;
    border-radius: 8px;
    margin-bottom: 15px; }
    .uf-container .form-container .form-header {
      background-color: #E2FFFD;
      border-radius: 8px 8px 0 0;
      padding: 10px; }
      
      .uf-container .form-container .form-header .select-options {
    padding: 20px 20px 10px 40px;
	}

	.uf-container .form-container .form-header .desc {
	    font-size: 12px;
	    color: #848484;
	    padding: 0 40px;
	    margin-bottom: 0;
	}

      .uf-container .form-container .form-header span {
        position: relative;
        z-index: 444;
        background-color: white;
        color: #04bfb3;
        padding: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        display: inline-block;
        border-radius: 20px;
        font-size: 18px;
        border: 1px solid #04bfb3; }
      .uf-container .form-container .form-header h4 {
        color: #00BFB3;
        margin: 0;
        font-size: 18px;
        padding: 0 6px;
        display: inline-block; }
    .uf-container .form-container .form-fields {
      padding: 30px 15px 15px 36px; }
    
    .uf-container .form-container .form-fields.ar {
      padding: 30px 36px 15px 15px; }
      .uf-container .form-container  .reject-check label {
        font-size: 20px;
        color: #FC5C15;
        padding: 0 10px; }
      .uf-container .form-container  .reject-check .custom-control-label:before {
        border-color: #dc3545 !important;
        background-color: #dc3545 !important;
        width: 24px;
        height: 24px; }
      .uf-container .form-container  .reject-check .custom-control-label:after {
        width: 25px;
        height: 26px; }
      .uf-container .form-container .form-fields .field-container {
        position: relative; }
      .uf-container .form-container .form-fields .scan-doc-bttn {
        border-radius: 40px;
        padding: 10px;
        border: 1px solid #205572;
        color: #205572;
        width: 100%;
        display: inline-block;
        text-align: center;
        text-transform: uppercase; }
        .uf-container .form-container .form-fields .scan-doc-bttn:hover {
          background-color: #205572;
          color: #fff; }
      .uf-container .form-container .form-fields .customer-photo {
        background-color: #f5f0f0;
        border-radius: 8px;
        border: 1px dashed #d4d4d4;
        text-align: center;
        height: 247px;
        margin: 0 50px;
        text-align: center; 
        padding: 10px;
        }
        
        .uf-container .form-container .form-fields .customer-photo img {
        	width: 100%;
        }
        .uf-container .form-container .form-fields .customer-photo .fa-user {
          font-size: 220px;
          position: absolute;
          color: #fff; }
        .uf-container .form-container .form-fields .customer-photo a {
          font-size: 35px;
          color: #F0CC14;
          display: inline-block;
          background-color: #215574;
          border-radius: 100px;
          padding: 14px 5px 5px 5px;
          height: 120px;
          width: 120px;
          z-index: 444;
          vertical-align: middle;
          transition: 0.3s; }
          .uf-container .form-container .form-fields .customer-photo a:hover {
            background-color: #215574; }
          .uf-container .form-container .form-fields .customer-photo a span {
            font-size: 16px;
            display: block; }
      .uf-container .form-container  label {
        display: block;
        color: #5b98bd;
        font-size: 12px;
        padding: 0 10px 4px 0;
        margin: 0; 
        
        }
        
        .uf-container .form-container .form-fields .device-section {
/*         border: 1px solid #B8D0DE; */
        padding: 10px 10px 0 10px;
        background-color: #e3fffd;
        border-radius: 10px; }
        .uf-container .form-container .form-fields .device-section p {
          background-color: #F0CC14;
          padding: 6px;
          border-radius: 6px;
          font-size: 20px;
          margin: 0;
          text-align: center; 
          width: 43px;
   		 height: 43px;}
        .uf-container .form-container .form-fields .device-section .serial-no {
          background-color: #e3fffd;
          border-radius: 6px;
          padding: 6px;
          font-size: 18px;
          color: #205573; }
          .uf-container .form-container .form-fields .device-section .serial-no label {
            display: inline-block;
             }
        .uf-container .form-container .form-fields .device-section .add-notes {
          background-color: #205573;
          padding: 8px 18px;
          display: inline-block;
          border-radius: 50px;
          text-align: center;
          color: #fff; }
          
      
      .uf-container .form-container .form-fields .scanimg-container {
        border: 1px dashed #dfdfdf;
        background-color: #fff;
        border-radius: 8px;
        padding: 10px;
        margin-bottom: 15px; }
        .uf-container .form-container .form-fields .scanimg-container .image-preview {
          width: 100%;
          height: 200px;
          border: 1px solid #dfdfdf;
          margin: 15px 0; 
          background-repeat: no-repeat;
    	  background-size: contain;
    	  background-color: #f5f5f5;
    	  background-position-x: center;
          }
        .uf-container .form-container .form-fields .scanimg-container .col-md-6 {
          position: relative; }
        .uf-container .form-container .form-fields .scanimg-container .image-status a {
          display: inline-block;
          border-radius: 100px;
          background-color: #f1f1f1;
          padding: 5px 15px;
          color: #98a0a0;
          margin: 0 5px;
          border: 1px solid #97a0a0; }
          .uf-container .form-container .form-fields .scanimg-container .image-status a.active {
            background-color: #28a745;
            border: 1px solid #28a745;
            color: #fff; }
        .uf-container .form-container .form-fields .scanimg-container .image-status .scan, .uf-container .form-container .file-upload__label {
          background-color: #fff;
          color: #00BFB3;
          border: 1px solid #00BFB3; 
          font-size: 12px;
          cursor: pointer;
          }
          .uf-container .form-container .form-fields .scanimg-container .image-status .scan:hover, .uf-container .form-container .file-upload__label:hover {
          background-color: #00BFB3;
          color: #fff;
          border: 1px solid #00BFB3; 
          font-size: 12px;
          }
        .uf-container .form-container .form-fields .scanimg-container .image-status .preview {
          background-color: #00BFB3;
          color: #fff;
          border: 1px solid #00BFB3;
          margin: 0 auto;
          display: block;
          text-align: center; }
      .uf-container .form-container .form-fields .onlylabel {
        display: block;
        color: #215574;
        font-size: 12px;
        padding: 0 4px 0 4px;
        position: relative;
        margin: 0;
        background-color: transparent;
        left: auto;
        top: auto; }
      .uf-container .form-container  input, .uf-container .form-container  textarea, .uf-container .form-container  select {
        font-size: 14px !important;
        padding: 10px;
        width: 100%;
        border-radius: 6px;
        border: 1px solid #B8D0DE;
        color: #215574; }
      .uf-container .form-container  select {
        height: 42px; }
      .uf-container .form-container  .radio-container {
        height: 42px;
        padding: 8px 8px 8px 13px;
        width: 100%;
        border-radius: 6px;
        border: 1px solid #F5F5F5;
        color: #215574;
        background-color: #F5F5F5; }
        .uf-container .form-container  .radio-container .radio-label {
          color: #4190bf;
          padding: 0 4px 0 4px; }
        .uf-container .form-container  .radio-container label {
          position: relative;
          padding-top: 3px;
          color: #215574;
          background-color: #F5F5F5; }
        .uf-container .form-container  .radio-container .custom-control-inline {
          margin-right: 5px; }
      .uf-container .form-container  .job-item {
        padding: 10px 4px;
        border-bottom: 1px solid #dfdfdf; }
        .uf-container .form-container  .job-item:last-child {
          border-bottom: 0; }
        .uf-container .form-container  .job-item a {
          color: #00BFB3; }
        .uf-container .form-container  .job-item .add-record {
          background-color: #00BFB3;
          padding: 2px 9px;
          color: #ffffff;
          margin: 0 5px;
          border: 1px solid #00BFB3;
          border-radius: 50px; }
          .uf-container .form-container  .job-item .add-record:hover {
            background-color: #059B92; }
        .uf-container .form-container  .job-item .job-edit-options .option {
          background-color: #205573;
          padding: 5px 8px;
          border-radius: 27px;
          margin: 0 3px;
          text-align: center;
          color: #fff; }
      .uf-container .form-container  .job-list {
        border: 1px solid #B8D0DE;
        color: #215574;
        background-color: #fff;
        border-radius: 6px;
        padding: 5px;
        margin-top: 25px; }
        .uf-container .form-container  .job-list p {
          display: inline-block;
          margin: 0; }
      .uf-container .form-container  .feedback {
        font-size: 10px;
        color: red;
        padding: 5px 0 10px 0;
        display: block; }
        .uf-container .custom-control-label::before {
        left : -18px;
        cursor: pointer;
        }
        .uf-container .custom-control-label::after {
        left : -18px;
        cursor: pointer;
        }
        .uf-container .form-container .form-fields .gender-custom label {
        position: relative;
        background-color: transparent;
        left: auto;
        top: auto; }
      .uf-container .form-container .form-fields .gender-custom .gender-select-container {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center !important; }
        .uf-container .form-container .form-fields .gender-custom .gender-select-container .custom-radio {
          flex: 1 1 auto;
          margin: 0;
          position: relative; }
          .uf-container .form-container .form-fields .gender-custom .gender-select-container .custom-radio label {
            color: #fff;
            border-radius: 8px;
            padding: 10px;
            background-color: #04bfb3; }
          .uf-container .form-container .form-fields .gender-custom .gender-select-container .custom-radio img {
            position: absolute;
            right: 0;
            top: 7px;
            right: 10px;
            z-index: 444; }
          .uf-container .form-container .form-fields .gender-custom .gender-select-container .custom-radio img.ar {
            left: 10px;
  		    right: auto;}
          .uf-container .form-container .form-fields .gender-custom .gender-select-container .custom-radio span {
            color: #03bfb2;
            position: relative;
            font-size: 15px; }
      .uf-container .form-container .form-fields .gender-custom .custom-control-label::before {
        left: 0;
        position: absolute;
        top: 0;
        border-radius: 8px;
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #B8D0DE solid 1px; }
      .uf-container .form-container .form-fields .gender-custom .custom-control-label::after {
        opacity: 0; 
        left: -18px;
        }
  .uf-container .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    left:-18px;
    border-color: #215574 !important;
    background-color: #215574 !important; }

.uf-model .close {
  background-color: #215574;
  color: #fff;
  padding: 0 6px 6px 6px;
  width: 40px;
  height: 40px;
  opacity: 1;
  border-radius: 53px;
  top: 0;
  position: absolute;
  right: 0; }
.uf-model.modal-content {
  border-radius: 10px;
  border: 0; 
  display: block !important;}
.uf-model .modal-title {
  color: #215574;
  padding : 0; }
.uf-model .modal-header {
  border: 0; }
.uf-model .modal-footer {
  border: 0;
  padding: 0 30px 20px 30px; }
.uf-model .modal-body {
  padding: 0; }
  .uf-model .modal-body .model-form {
    padding: 0 30px; }
  .uf-model .modal-body .input-container {
    position: relative;
    margin-bottom: 24px; }
    .uf-model .modal-body .input-container label {
      display: block;
      color: #4190bf;
      font-size: 12px;
      padding: 0 4px 0 4px;
      margin: 0;
      position: absolute;
      top: -9px;
      left: 7px;
      background-color: white; }
    .uf-model .modal-body .input-container input, .uf-model .modal-body .input-container select {
      font-size: 14px;
      padding: 10px;
      width: 100%;
      border-radius: 6px;
      border: 1px solid #B8D0DE;
      color: #215574;
      height: 42px; }
  .uf-model .modal-body .nav-tabs .nav-link {
    background-color: #4f758b;
    color: #fff;
    border-radius: 0;
    border: 0;
    padding: 12px;
    font-size: 16px; }
    
    .uf-model .modal-body .nav-tabs .nav-link.active {
      background-color: #F0CC14 !important;
      position: relative; 
      color: #205573;}
     .uf-model .modal-body .nav-tabs .nav-link.active::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-top: solid 10px #F0CC14;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent; }
.uf-model .tab-pane {
  padding: 30px; }
  .uf-model .tab-pane .card-container {
    display: block; }
    .uf-model .tab-pane .card-container.active .cards {
      transform: scale(1.05);
      background-color: #FFF7D5;
      position: relative;
      border: 1px solid #F0CC14; }
      .uf-model .tab-pane .card-container.active .cards img {
      width: 100%;
      margin: 10px;
      }
      .uf-model .tab-pane .card-container.active .cards::after {
        content: "\2713";
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: #f0cb13;
        bottom: -16%;
        padding: 0 0 0 4px;
        right: 8%;
        font-size: 28px;
        color: #205573;
        border-radius: 50px; }
    .uf-model .tab-pane .card-container p {
      margin: 0px;
      padding: 0px;
      /* padding-bottom: 10px; */
      color: #00BFB3; }
    .uf-model .tab-pane .card-container .cards {
      background-color: #F0F5F7;
      border-radius: 11px;
      height: 120px;
      padding: 10px;
      display: block;
      transition: 0.3s;
      cursor: pointer; 
      margin-bottom: 15px;}
      .uf-model .tab-pane .card-container .cards:hover {
        padding-top: 15px;
        transform: scale(1.05); 
        cursor: pointer;}

.uf-header h2 {
    font-size: 26px;
    margin: 12px 0;
    display: inline-block;
}
.uf-header .cardtype-section {
  border-radius: 50px;
  background-color: #F0CC14; }
  .uf-header .cardtype-section .catorgory {
    background-color: #46768d;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 50px; }
  .uf-header .cardtype-section .card {
    display: inline-block;
    padding: 5px 10px 5px 5px;
    background-color: transparent;
    border: 0;
    color: #453A05; }

.uf-search {
  background-color: #FCFCFC;
  padding: 15px 0;
  border-radius: 8px; }
  .uf-search input, .uf-search select {
    font-size: 14px;
    padding: 6px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #B8D0DE;
    color: #215574;
    margin-bottom: 15px; }
    .uf-search label {
    display: block;
    color: #5b98bd;
    font-size: 12px;
    padding: 0 10px 4px 0;
    margin: 0;
}
.uf-search input, .uf-search .wa {
	width:auto;
	height:38px;
	}

.uf-table thead tr {
  background-color: transparent;
  border: none; }
.uf-table thead th {
  border: none;
  font-size: 12px;
  color: #8a9094; }
.uf-table tbody tr:hover {
  background-color: #E2FFFD; }
.uf-table tbody td {
  border-bottom: 1px solid #B8D0DE; }
  .uf-table tbody td.action-section a {
    padding: 6px; }
    .uf-table tbody td.action-section a img:hover {
      transform: scale(1.08); }
  .uf-table tbody td a {
    color: #0A4D76; }
  .uf-table tbody td .strong, .uf-table tbody td strong {
    font-family: 'MarkPro-Bold'; }

.reason-container .reason-header {
  padding: 0 16px;
  margin: 15px 20px; }
.reason-container .reason {
  padding: 12px;
  background-color: #b6fbf5;
  border-radius: 8px;
  border: 1px solid #b6f9f4; }
.reason-container label, .reason-container p {
  color: #215574; }
.reason-container .operator-detials {
  padding: 4px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #b6f9f4; }
  .reason-container .operator-detials i {
    font-size: 16px;
    color: #00BFB3;
    padding: 2px 6px; }
  .reason-container .operator-detials label, .reason-container .operator-detials p {
    color: #215574;
    padding: 8px;
    margin: 0;
    display: inline-block; }
    .uf-container .form-container .file-upload {
position: relative;
display: inline-block; 
margin: 0px;
}
.uf-container .form-container .file-upload__label {
display: block;
padding: 5px 15px;
border-radius: 50px; }
.uf-container .form-container .file-upload__label:hover {
cursor: pointer;
background: #00BFB3; }
.uf-container .form-container .file-upload__input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 1px !important;
width: 0 !importnat;
height: 100%;
opacity: 0;
 }
  .uf-container .docType{
  	font-size: 11px;
    color: #29a929;
    font-family: '29LTBukra-Bold';
  }
  .error{
    font-size: 9px !important;
    margin-top: 4px;
}


.uf-container .form-container .form-fields .scanimg-container .image-status a:hover {
background-color: #097b74;
border: 1px solid #097b74; }
.uf-container .form-container .form-fields .scanimg-container .image-status a.active {
background-color: #28a745;
border: 1px solid #28a745;
color: #fff; }
.uf-container .form-container .form-fields .scanimg-container .image-status a.view {
padding: 4px 8px;
width: 33px;
height: 33px;
background-color: #215574;
border: none;
color: #fff; }

.uf-container .form-container .form-fields .scanimg-container .image-status button.view {
padding: 4px 8px;
cursor: pointer;
width: 33px;
height: 33px;
background-color: #215574;
border: none;
border-radius : 50px;
color: #fff; }

.uf-container .form-container .form-fields .scanimg-container .image-status a.view:hover {
background-color: #097b74; }

.uf-container .form-container .form-fields .scanimg-container label {
color: #00BFB3;
padding: 0; 
font-size: 12px;}
.uf-container .form-container .form-fields .scanimg-container hr {
margin: 0 0 10px 0; }
.uf-container .form-container .form-fields .scanimg-container p {
color: #215574;
margin: 0;
font-size: 12px;
padding: 10px 0;
opacity: 0;
height: 30px;
 }
 
 .uf-container .form-container .form-fields .scanimg-container p.inline {
 
 display: inline-block;
    padding: 0px 5px 5px 5px;
        opacity: 1;
 }
 


.radiobutton {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }


.radiobutton form {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.radiobutton form:checked ~ .checkround {
  background-color: #fff; }

    .radiobutton form:checked ~ .checkround:after {
  display: block; }

    .radiobutton .checkround:after {
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #46758d; }

  .loading {
    position: fixed;
    background-color: rgba(24, 66, 92, 0.8);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    /* display: flex!important; */
    align-items: center!important;
    justify-content: center!important;
  }
  .model-review {
padding: 0 15px 15px 15px; }
.model-review .photo {
width: 100%;
background-color: #e6e6e6;
padding: 4px;
border-radius: 7px; }
.model-review label {
color: #5b98bd;
font-size: 12px;
padding: 0 10px 4px 0;
margin: 0;
display: block; }
.model-review p {
width: 100%;
border: 1px solid #e8f6ff;
border-radius: 6px;
padding: 5px;
background-color: #e8f6ff;
margin-bottom: 10px;
color: #205573; }
.model-review h5 {
color: #205573;
font-size: 18px;
margin-top: 20px; }
.model-review .doc-sec {
background-color: #e8f6ff;
padding: 5px;
border-radius: 6px;
color: #205573;
margin-bottom: 15px;
display: flex;
align-items: center !important; }
.model-review .doc-sec i {
font-size: 20px;
color: #42BF00;
margin-right: 10px; }

.model-review .doc-sec i.red {
        color: red; }
        
.successful-massage {
  max-width: 600px;
  border-radius: 6px;
  border: 1px solid #215574;
  background-color: #EDF8FF;
  margin: 0 auto;
  margin-top: 50px; }
  .successful-massage img {
    padding: 40px 20px 0 20px; }
  .successful-massage p {
    color: #205573; }
  .successful-massage .title {
    color: #03bfb2; }
 .qi-loading {
	position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    background-color: #f2cd00;
    padding: 4px;
    border-radius: 50px;
	
}   
    .phoneno-container .country-code {
  border-radius: 6px 0 0 6px !important; }
.phoneno-container .phone-no {
  border-radius: 0 6px 6px 0 !important;
  padding: 9px !important; }
.uf-table .view-btn {
border: 1px solid #03bfb2;
min-width: 78px;
 font-size: 12px;
padding: 2px 8px;
display: inline-block;
border-radius: 66px;
color: #04bfb3; }
.uf-table .view-btn:hover {
background: #03bfb2;
color: #fff; }
.uf-table .edit-btn {
border: 1px solid #205573;
padding: 2px 8px;
min-width: 78px;
 font-size: 12px;
display: inline-block;
background-color: #205573;
border-radius: 66px;
color: #fff; }
.uf-table .edit-btn:hover {
background: #083148;
color: #fff;
border: 1px solid #083148; }

.csvinst li{
	text-align: left;
	color: white;
	font-size: 12px;
	
}

.csvinst_new li{
	text-align: left;
	color: #262422;
	font-size: 12px;
	
}
.required:after {
    content:" *";
    color: red;
  }
  
  .timer {
  background-color: #46768d;
  padding: 4px;
  border-radius: 20px;
  font-family: 'MarkPro-Bold';
  letter-spacing: 1px;
  font-size: 20px;
  color: #fff;
  line-height: 26px;
  margin: 0 10px; 
  width: 160px;
    display: inline-block;
    text-align: center;}
  .timer i {
    color: #f0cb13; }
  .timer .sep {
    font-size: 20px;
    color: #f0cb13; }
  .timer sup {
    font-size: 10px;
    font-family: 'MarkPro';
    letter-spacing: .001rem;
    color: #f0cb13; 
    }
    
    .select2-container {
    background:  none !important;
    width: 100% !important;
    
    }
    .select2-container--default .select2-selection--single {
    border: none !important;
    }
    
    .help-btn {
    	margin: 20px 0 10px 0;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 8px;
    border: 1px solid #f2cd02;
    border-radius: 6px;
    color: #4f758a;
background-color: #ffea75;
    }
    
    .help-btn:hover {
    background-color: #f2cd00 ;
    }
    
    select option { 
    padding: 5px 0;
}

.messi-bg{ 
  background-image: url("../images/messi-card-bg.png");
  background-position: top; 
  background-repeat: no-repeat;
  background-size: contain;
  background-color: black;
}

.messi-form .form-header {
    background-color: #f4eaba !important;
}
.messi-form h2 {
    color: #f4eaba !important;
}

.messi-form .form-container {
    background-color: rgba(0,0,0, 0.8) !important;
}
.messi-form  .form-header h4 {
    color: #000 !important;
}

.messi-form .form-container label {
    
    color: #fff !important;
}

.messi-form .scanimg-container  {
	 background-color: rgba(0,0,0, 0.8) !important;
}
 .messi-form .scanimg-container p {
    color: #f0cc13 !important;
 }
 .messi-form  .form-header span{
 	color: #040403 !important;
    border: 1px solid #dab713 !important;
 }
 
 .messi-form  .uf-container::after {
    position: absolute;
    content: "";
    background-color: #dab714;
    
  }
  
   .messi-form  .uf-container .form-container .form-fields .scanimg-container .image-status button.view {
    background-color: #f3e9ba;
    color: #000;
}

 .messi-form .uf-container .form-container .form-fields .scanimg-container .image-status a.view {
    background-color: #f3e9ba;
    color: #000;
}

 .messi-form .uf-container .form-container .form-fields .scanimg-container .image-status .scan, .messi-form .uf-container .form-container .file-upload__label {
    background-color: #fff;
    color: #000000;
    border: 1px solid #f0cc13;
    font-size: 12px;
    cursor: pointer;
}


.messi-container {
  background-color: #000000;
  background-image: url("../images/pagebg.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed; 
   background-position-y: 50px; 
  }
  @media (max-width: 992px) {
    .messi-container {
      background-image: url("../images/bannersmall.jpg"); } }
  .messi-container .messi-form-container {
    padding: 70px 50px; }
    @media (max-width: 992px) {
      .messi-container .messi-form-container {
        padding: 222px 15px 15px 15px; } }
    @media (max-width: 767.98px) {
      .messi-container .messi-form-container {
        padding: 250px 15px 15px 15px; } }
    .messi-container .messi-form-container .envolup-container {
      max-width: 600px;
      margin: 20px 20px -20px;
      background: #e4e4e4;
      background: linear-gradient(150deg, #e4e4e4 22%, white 67%);
      box-shadow: 0 0 5px #aaaaaa;
      padding: 15px;
      position: relative;
      z-index: 20; }
      @media (max-width: 767.98px) {
        .messi-container .messi-form-container .envolup-container {
          padding: 12px; } }
      .messi-container .messi-form-container .envolup-container .logos {
        height: 36px; }
        @media (max-width: 767.98px) {
          .messi-container .messi-form-container .envolup-container .logos {
            height: 22px; } }
      .messi-container .messi-form-container .envolup-container .address-container {
        background-color: #f5f5f5;
        border-radius: 12px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        max-width: 330px;
        margin: 20px 20px 10px 40px;
        padding: 12px;
        position: relative;
        text-align: left; }
        @media (max-width: 767.98px) {
          .messi-container .messi-form-container .envolup-container .address-container {
            margin: 10px 6px;
            width:270px; } }
        .messi-container .messi-form-container .envolup-container .address-container .account-no {
          background-repeat: #fff;
          border-radius: 10px;
          margin: 10px 0;
          position: relative; }
          .messi-container .messi-form-container .envolup-container .address-container .account-no input {
            padding: 20px 10px 5px;
            font-size: 20px !important;
            width: 100%;
            border-radius: 10px;
            border: 0;
            letter-spacing: 2px; 
            height: 60px;
            text-align: left;}
          .messi-container .messi-form-container .envolup-container .address-container .account-no .labelin {
            font-size: 10px;
            position: absolute;
            padding: 5px 5px 0 10px;
            color: #D6A388;
            left:0; }
        .messi-container .messi-form-container .envolup-container .address-container p {
          font-size: 7px;
          color: #dfdfdf;
          margin: 0;
          line-height:11px; }
        .messi-container .messi-form-container .envolup-container .address-container .barcode {
          height: 40px; }
          @media (max-width: 767.98px) {
            .messi-container .messi-form-container .envolup-container .address-container .barcode {
              height: 30px; } }
      .messi-container .messi-form-container .envolup-container .social {
        height: 16px;
        margin: 0 50px; }
        @media (max-width: 767.98px) {
          .messi-container .messi-form-container .envolup-container .social {
            margin-left: 10px;
            height:12px; } }
    .messi-container .messi-form-container .messi-form {
      position: relative;
      z-index: 10;
      max-width: 620px;
      margin: 10px;
      background-color: #FFF6D9;
      border:1px solid #FFEEB6; }
      @media (max-width: 767.98px) {
        .messi-container .messi-form-container .messi-form {
          margin: 2px; } }
      .messi-container .messi-form-container .messi-form .nav-pills .nav-item {
        background-color: #000;
        padding: 20px 10px 10px;
        border-radius: 0;
        margin-left: 1px;
        margin-bottom: 1px;
        color: #FFF6D9;
        font-size: 14px; }
        @media (max-width: 767.98px) {
          .messi-container .messi-form-container .messi-form .nav-pills .nav-item {
            padding: 26px 10px 10px;
            font-size: 10px; } }
      .messi-container .messi-form-container .messi-form .form-cotainer {
        margin: 20px 30px; }
        @media (max-width: 767.98px) {
          .messi-container .messi-form-container .messi-form .form-cotainer {
            margin: 10px; } }
        .messi-container .messi-form-container .messi-form .form-cotainer label {
          color: #D6A388;
          margin-bottom: 0.1rem;
          font-size: 12px; }
        .messi-container .messi-form-container .messi-form .form-cotainer h4 {
          font-size: 22px;
          	color: #000;
           }
        .messi-container .messi-form-container .messi-form .form-cotainer input,
        .messi-container .messi-form-container .messi-form .form-cotainer select {
          border: 1px solid #D6A388;
          color: #000000;
          height: 49px;
          font-size: 18px !important;
          padding: 6px 14px;
           }
        .messi-container .messi-form-container .messi-form .form-cotainer .btn-primary {
          background-color: #000000;
          border: #000000;
          font-size: 20px;
          padding: 10px;
          margin: 10px 0; }
        .messi-container .messi-form-container .messi-form .form-cotainer .btn-primary:hover {
          opacity: .9; }

	.messi-container .messi-form-container .messi-form .form-cotainer .gender-custom label {
        position: relative;
        background-color: transparent;
        left: auto;
        top: auto; }
      .messi-container .messi-form-container .messi-form .form-cotainer .gender-select-container {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center !important; }
        .messi-container .messi-form-container .messi-form .form-cotainer .gender-custom .gender-select-container .custom-radio {
          flex: 1 1 auto;
          margin: 0;
          position: relative; }
          .messi-container .messi-form-container .messi-form .form-cotainer .gender-custom .gender-select-container .custom-radio label {
            color: #fff;
            border-radius: 8px;
            padding: 10px;
            background-color: #04bfb3;
            width:100%;
             }
            .messi-container .messi-form-container  .custom-control-input:checked ~ .custom-control-label::before {
		    color: #fff;
		    left:-18px;
		    border-color: #97664c !important;
		    background-color: #97664c !important; }
          .messi-container .messi-form-container .messi-form .form-cotainer .gender-custom .gender-select-container .custom-radio img {
            position: absolute;
            right: 0;
            top: 7px;
            right: 10px;
            z-index: 444; }
          .messi-container .messi-form-container .messi-form .form-cotainer .gender-custom .gender-select-container .custom-radio img.ar {
            left: 10px;
  		    right: auto;}
          .messi-container .messi-form-container .messi-form .form-cotainer .gender-custom .gender-select-container .custom-radio span {
            color: #D6A388;
            position: relative;
            font-size: 15px; }
      .messi-container .messi-form-container .messi-form .form-cotainer .gender-custom .custom-control-label::before {
        left: 0;
        position: absolute;
        top: 0;
        border-radius: .25rem;
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #D6A388 solid 1px; }
      .messi-container .messi-form-container .messi-form .form-cotainer .gender-custom .custom-control-label::after {
        opacity: 0; 
        left: -18px;
        }
        
         .messi-container .scanimg-container {
        border: 1px dashed #dfdfdf;
        background-color: #fff !important;
        border-radius: .25rem;
        padding: 10px;
        margin-bottom: 15px; }
        .messi-container .scanimg-container .image-preview {
          width: 100%;
          height: 200px;
          border: 1px solid #dfdfdf;
          margin: 15px 0; 
          background-repeat: no-repeat;
    	  background-size: contain;
    	  background-color: #f5f5f5;
    	  background-position-x: center;
          }
        .messi-container  .scanimg-container .col-md-6 {
          position: relative; }
        .messi-container  .scanimg-container .image-status a {
          display: inline-block;
          border-radius: 100px;
          background-color: #f1f1f1;
          padding: 5px 15px;
          color: #98a0a0;
          margin: 0 5px;
          border: 1px solid #97a0a0; }
          .messi-container .scanimg-container .image-status a.active {
            background-color: #28a745;
            border: 1px solid #28a745;
            color: #fff; }
        .messi-container .scanimg-container .image-status .scan, .messi-container  .file-upload__label {
          background-color: #fff;
		    color: #ad7e65;
		    border: 1px solid #ad7e65;
		    font-size: 12px;
		    cursor: pointer;
          }
          .messi-container  .scanimg-container .image-status .scan:hover, .messi-container  .file-upload__label:hover {
          background-color: #00BFB3;
          color: #fff;
          border: 1px solid #00BFB3; 
          font-size: 12px;
          }
        .messi-container  .scanimg-container .image-status .preview {
          background-color: #00BFB3;
          color: #fff;
          border: 1px solid #00BFB3;
          margin: 0 auto;
          display: block;
          text-align: center; }
          
            .messi-container .file-upload {
				position: relative;
				display: inline-block; 
				margin: 0px;
				}
			 .messi-container .file-upload__label {
				display: block;
				padding: 5px 15px;
				border-radius: 50px; }
			 .messi-container  .file-upload__label:hover {
				cursor: pointer;
				background: #00BFB3; }
			.messi-container  .file-upload__input {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				font-size: 1px !important;
				width: 0 !importnat;
				height: 100%;
				opacity: 0; 
			 }
			 
			 .messi-container .scanimg-container .image-status button.view {
				padding: 4px 8px;
				cursor: pointer;
				width: 33px;
				height: 33px;
				background-color: #8b5438;
				border: none;
				border-radius : 50px;
				color: #fff; }
				
				.messi-container .scanimg-container .image-status a.view:hover {
				background-color: #6d371c; }
				
				.messi-container .scanimg-container .image-status a:hover {
					background-color: #6d371c;
					border: 1px solid #6d371c; }
					.messi-container .scanimg-container .image-status a.active {
					background-color: #8b5438;
					border: 1px solid #8b5438;
					color: #fff; }
					.messi-container .scanimg-container .image-status a.view {
					padding: 4px 8px;
					width: 33px;
					height: 33px;
					background-color: #8b5438;
					border: none;
					color: #fff; }
					
					.messi-container  .scanimg-container p {
					    color: #215574;
					    margin: 0;
					    font-size: 12px;
					    padding: 10px 0;
					    opacity: 0;
					    height: 30px;
					}
					.messi-container .messi-form .scanimg-container p {
						    color: #000000 !important;
						}
						
						.messi-container .customer-photo {
    
    max-width: 240px;
    background-color: #f5f0f0;
    border-radius: 8px;
    border: 1px dashed #d4d4d4;
    text-align: center;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    margin-top: 40px;
}

.messi-container .customer-photo img {
    width: 100%;
}
.product-type {
	background: #f0cc13;
	   /* width: 100%; */
	   /* display: block; */
	   padding:  6px;
	   border-radius: 7px;
	   margin-bottom: 4px;
	   font-size: 12px;
}
.header-messi {
  background-color: #000;
  font-size: 12px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 555;
  color: #f3cf01; }
  .header-messi img {
    height: 20px; }
  .header-messi .back-btn {
    background-color: #512b03;
    color: #fef6d9;
    padding: 14px;
    color: #fff;
    text-decoration: none;
    height: 50px;
    font-size: 14px;
    display: block; }
    .header-messi .back-btn:hover {
      background-color: #351c01; }
  .header-messi .logout-messie {
    padding: 14px;
    color: #f7cf07;
    display: block;
    text-decoration: none;
    font-size: 14px; }
    .header-messi .logout-messie:hover {
      color: #fff; }

.messi-container .messi-form-container .envolup-container .address-container .account-no .checkmark {
            position: absolute;
            right: 13px;
            padding: 2px 2px 2px 11px;
            top: 8px;
            border-radius: 20px;
            color: #fff;
            width: 40px;
            height: 40px; }
            
.edit-btn2 {
    border: 1px solid #205573;
    padding: 2px 8px;
    min-width: 78px;
    font-size: 12px;
    display: inline-block;
    background-color: #205573;
    border-radius: 66px;
    color: #fff;
    cursor: pointer;
}

.delete-btn {
    border: 1px solid #F0CC14;
    padding: 2px 8px;
    min-width: 78px;
    font-size: 12px;
    display: inline-block;
    background-color: #F0CC14;
    border-radius: 66px;
    color: #215574;
    cursor: pointer;
}
.form-background {
      background-color: #fffddd94;
       }
    .edit-icon {
    color: #50748b;
    background-color: #ffea75;
    padding: 5px 5px 5px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    border: 1px solid #f2cd02;
    text-transform: uppercase;
    }   
    
    
    .tfun tr:last-child {
    vertical-align: middle;
    }
       
.aml .forgottxt {
	font-size: 10px;
    font-weight: 600;
    color: gray;
}

.amlvalue {
	    font-size: 10px;
    display: block;
    padding: 8px;
    border-radius: 4px;
    background-color: #f9f9f9;
}


.accordion .fa {
  margin-right: 0.5rem;
}
.accordion button, .accordion button:hover, .accordion button:focus{
  text-decoration: none;
}

.tabBtn{
	font-size: 10px;
    font-weight: bold;
    border: 0;
    padding: 0;
    background-color: transparent;
}

.card-header {
    padding: 8px;
    border:0px;
}

.card{
	margin-bottom:5px;
	border:0;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    font-size: 12px;
    font-weight: bold;
    color: #262422;
}

.nav-tabs .nav-link.active {
    color: #f2cd00;
    background-color: #262422;
    border-color: #dee2e6 #dee2e6 #fff;
    font-size: 12px;
    font-weight: bold;
    
}
.wcdContainer{
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
}

.card-body {
	max-height: 200px; 
	overflow-y: auto;
}

.linkbutton {
  background-color: transparent;
  border: none;
  color: blue;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

.action-container {
	background-color: #f7f7f7;
    padding: 10px;
    font-size: 12px;
    border-radius: 6px;
}
.action-container p{
	margin: 0;
	
}
.btn-match-score {
	border: 0;
    background-color: #f5e276;
    margin: 8px 2px;
    font-size: 10px;
    padding: 8px 11px;
    border-radius: 32px;
    cursor: pointer;
    box-shadow: azure;
    box-shadow: 1px 3px #d5d5d5;
}
.btn-match-reject {
	border: 1px solid #e91010;
    margin: 4px;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    color: #F2CD00 !important;
    cursor: pointer;
}
.btn-match-confirm {
    border: 1px solid #0704d9;
    margin: 4px;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    color: #0704d9!important;
    cursor: pointer;
}

.btn-match-score:hover {
	background-color: #f5e276;
    color: #262422;
    cursor: pointer;
}

.list-group li {
	font-size: 12px;
    line-height: 24px;
}


/* Set the maximum height of the modal body */
.modal-body {
  max-height: calc(100vh - 210px);
  overflow-y: auto;

}

/* Set the width of the table to 100% */
.modalTable {
  width: 100%;
  margin-bottom: 0;
}

/* Set the table height to 100% */
.modalTable tbody {
  height: 100%;
}

.modalTable td,
.modalTable th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataText {
	font-size: 10px;
	font-weight: 600;
}


.approvalInfo p {
	
	margin: 0;
	font-size: 12px;
	padding:0 18px 0 0;
	
}

.collapseAllBtn {
    font-size: 10px;
    padding: 6px;
    border: 0;
    background-color: #f2cd00;
    text-align: right;
    margin-bottom: 7px;
    border-radius: 5px;
    cursor: pointer;	
}

.table-cases thead th {
    background-color: #f2cd00;
    font-size: 11px;
    letter-spacing: 1px;
    color:  #262422;
}

.center-button {
  display: block;
  margin: 0 auto;
}

.form-check-label {
	font-family: '29LTBukra-Bold' !important;
}

.myRadioBtnClass:checked {
  background-color: #f2cd2e;
}


.track-container {
    background-color: #fbfbfb;
    }
    
    .track-container label{
    color: #46758d;
    }
    
    .track-container h4 {
    color: #46758d;
    
    }
    .track-container p {
    font-size: 14px;
    }
    
    .track-container .rounded-circle {
    background-color: #ffea75 !important;
    color: #46758d !important; 
        border: 2px solid #46758d;
    }
    .track-container p {
    font-size: 12px !important;
   }
   .track-container .btn-track {
   background-color: #46758d !important;
   color: #fff;
   }

.track-container span {
   
   color: #fff;
   }
   
   .track-container .step_date {
   
   color:  #46758d ;
    font-size: 10px;
    font-family: '29LTBukra-Regular';
    background-color: #ffea75;
    padding: 4px 4px;
    border-radius: 5px;
   }
   
.track-container .step-complete {
	background-color: #46758d !important;
	
}
.stepper {
  .line {
    width: 2px;
    background-color: #46758d !important;
  }
  .lead {
    font-size: 1.1rem;
  }
}
.tracking-header {
	max-width: 820px;
	margin: 0 auto;
}

.tracking-header .home-lang-icons.inner {
  padding: 1px 6px 6px 6px;
  height: min-content;}
  
  
   .track-container input:hover{
    
    -webkit-appearance: auto !important;
    
   }

.adjudication-section {
  background-color: #fff;
}
.adjudication-section .filterbg {
  background-color: #193F55;
  width: 100%;
}
.adjudication-section .filterbg .filter-container {
  border: 1px solid #2a5771;
  margin: 10px;
  padding: 10px;
}
.adjudication-section .filterbg .filter-container hr {
  margin: 10px 0 0;
  background-color: #2a5771;
}
.adjudication-section .filterbg .filter-container .custom-select {
  background-color: #0a2b3e;
  border: none;
  color: #fff;
  margin: 0;
  font-size: 12px;
}
.adjudication-section .filterbg .filter-container .yellow {
  color: #193F55;
}
.adjudication-section .filterbg .filter-container label {
  display: inline-block;
  color: #98b5c5;
  font-size: 13px;
  margin: 10px 10px 0 0;
}
.adjudication-section .filterbg .filter-container h4 {
  color: #F2CD00 !important;
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "MarkPro-Bold";
}
.adjudication-section .bio-stat {
  padding: 15px;
  background-color: #E9EEF0;
}
.adjudication-section .bio-stat .bio-rating {
  border: 1px solid #00BFB3;
  background-color: #fff;
  display: flex;
  align-items: center !important;
}
.adjudication-section .bio-stat .bio-rating img {
  height: 40px;
  padding: 0 0 0 6px;
}
.adjudication-section .bio-stat .bio-rating p {
  margin: 0;
  padding: 6px;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
}
.adjudication-section .bio-stat .bio-rating .score {
  background-color: #00BFB3;
  font-family: "MarkPro-Bold";
  font-size: 18px;
  padding: 11px 0;
  color: #fff;
  display: inline-block;
  min-width: 60px;
  text-align: center;
}
.adjudication-section .profile-container {
  margin: 15px 0;
  background-color: white;
  border: 1px solid #2B5771;
  border-radius: 6px;
}
.adjudication-section .profile-container.master-profile {
  background-color: #193F55;
}
.adjudication-section .profile-container .header {
  background-color: #E8FAFF;
  color: #fff;
  font-family: "MarkPro-Bold";
  border-radius: 15px 12px 0 0;
}

.adjudication-section .profile-container .header-source {
  background-color: #32637C;;
  color: #fff;
  font-family: "MarkPro-Bold";
  border-radius: 15px 12px 0 0;
}


.adjudication-section .profile-container .header p , .header-source p{
	color:#32637C; 
	font-size:12px;
}

.adjudication-section .profile-container .header span, .header-source span {
  display: inline-block;
  padding: 10px;
  color: #F2CD00;
  margin-right: 20px;
  position: relative;
}
.adjudication-section .profile-container .header span:after , .header-source span:after {
  position: absolute;
  content: "";
  width: 0;
  right: -9px;
  top: 36%;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #04bfb3;
}
.adjudication-section .profile-container .content h6 {
  margin: 15px;
  font-family: "MarkPro-Bold";
  color: #2a5771;
  font-size: 14px;
}
.adjudication-section .profile-container .content .photo {
  height: 260px;
  padding: 2px;
  margin: 25px 4px 4px;
  border: 1px solid #dfdfdf;
  background-color: white;
}

.adjudication-section .profile-container .content .data-item {
  margin: 0;
  padding: 0;
}
.adjudication-section .profile-container .content .data-item li {
  list-style: none;
  margin: 10px 15px;
  position: relative;
  font-size: 13px;
  border-bottom: 1px solid #dfdfdf;
}
.adjudication-section .profile-container .content .data-item li.selected {
  background-color: #f1e28e !important;
}
.adjudication-section .profile-container .content .data-item li.selected label {
  color: #2a5771 !important;
}
.adjudication-section .profile-container .content .data-item li.doc {
  display: flex;
  justify-content: space-between !important;
}
.adjudication-section .profile-container .content .data-item li strong {
  color: #2a5771;
}
.adjudication-section .profile-container .content .data-item li span {
  display: inline-block;
  width: 40%;
  font-size: 11px;
  color: #193f54;
  background-color: #f6f6f6;
  padding: 10px;
  margin-right: 10px;
}
.adjudication-section .profile-container .content .data-item li label {
  margin: 0;
}
/* .adjudication-section .profile-container .content .other-details li {
  transition: all 0.3s;
} */
/* .adjudication-section .profile-container .content .other-details li:hover {
  background-color: #f1f1f1;
}  */
.idSection {
  padding: 6px;
}
.idSection p {
  padding: 0px;
  margin-bottom: 4px;
  color: :#E8FAFF !important;
}
.idSection p img {
  width: 15px;
  margin-right: 5px;
}
.idSection span {
  font-size: 16px;
  color: #fff !important;
  padding: 0 !important;
}
.idSection span::after {
  display: none;
}
.idSection.matchingScore {
  background-color: #45AC0F;
  padding: 4px 8px;
  border-radius: 4px;
  margin: 4px;
}
.idSection.matchingScore p {
    color: #ffffff !important;
    font-weight: 200;
    font-size: 11px;
}
.idSection.matchingScore h5 {
  padding: 4px;
  font-size: 28px;
  color: #fff !important;
  border-radius: 4px;
  margin: 0 5px;
}
   
.adjNav {
  padding: 10px 10px 0 10px;
}
.adjNav img {
  width: 18px;
}
.adjNav button {
  margin: 0 10px;
}
.adjNav .nextPre {
  padding: 4px;
  background-color: #dfdfdf;
  border-radius: 4px;
  margin: 0 10px;
  color: #badbef;
  width: 33px;
  height: 33px;
  padding: 0px 4px 4px 4px;
}
.adjNav .nextPre:hover {
  background-color: #c0bdbd;
}
.adjNav h5 {
  font-size: 18px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  padding: 5px;
  margin: 0 20px !important;
}

.docPreview {
    color: #fff !important;
    /* border: 1px solid #6aafd5; */
    padding: 10px 16px;
    border-radius: 46px;
    display: block;
    background-color: #00bfb3;
    width: 100%;
}
.docPreview:hover {
  background-color: #05978e;
}
.docPreview img {
  width: 32px;
}

.matchingProfile {
  border: 1px solid #f1cd01 !important;
}
.matchingProfile .header {
  background-color: #f1cd01 !important;
  color: #193f54 !important;
}
.matchingProfile .header p, .matchingProfile .header span {
  color: #193f54 !important;
}   

.doc-stat .checks {
  margin-bottom: 1rem;
  border: 1px solid #dfdfdf;
  border-radius: 0.25rem;
}
.doc-stat .checks .total {
  background-color: #9dd3f0;
  padding: 10px;
  border-radius: 4px;
}
.doc-stat .checks .total h5 {
  color: #2a5771 !important;
  font-size: 14px;
}
.doc-stat .checks .total a {
  background-color: #215574;
    padding: 5px 9px;
    border-radius: 8px;
    color: #ffffff !important;
    border: 1px solid #3b5665;
    font-size: 11px;

}
.doc-stat .checks .total a img {
  width: 24px;
}
.doc-stat hr {
  margin: 0;
}
.doc-stat  p{
    font-size: 12px;
    margin: 0;
}


.red-text
{
	color : red !important;
	font-weight: 600 !important;
	
}

.green-text
{
	color : green !important;
	font-weight: 800 !important;
	
}

.reset-color {
    color: inherit; 
}

.adjudication-table{
	border:1px solid #000 !important;
}

.adjudication-table th,.adjudication-table td {
	border : 0 !important;
}

.adjudication-table thead{
	font-size: 11px;
    color: #32637C;
    font-weight: 600;
    background-color: #edf1f1;
}

.adjudication-table thead th{
	border-bottom: 1px solid #000 !important;
}

.adjudication-table td{
	font-size : 12px;
}

.adjudication-table tbody tr:nth-of-type(odd){
	background-color: #fff;
}
.adjudication-table tbody tr:nth-of-type(even){
	
	background-color: #f5f5f5;
	
}

.adjudication-table.dataTable.no-footer{
	border-bottom:1px solid #000 !important;
}


.adjudication-section-v1 {
  background-color: #fff;
}
.adjudication-section-v1 .filterbg {
  background-color: #193F55;
  width: 100%;
}
.adjudication-section-v1 .filterbg .filter-container {
  border: 1px solid #2a5771;
  margin: 10px;
  padding: 10px;
}
.adjudication-section-v1 .filterbg .filter-container hr {
  margin: 10px 0 0;
  background-color: #2a5771;
}
.adjudication-section-v1 .filterbg .filter-container .custom-select {
  background-color: #0a2b3e;
  border: none;
  color: #fff;
  margin: 0;
  font-size: 12px;
}
.adjudication-section-v1 .filterbg .filter-container .yellow {
  color: #193F55;
}
.adjudication-section-v1 .filterbg .filter-container label {
  display: inline-block;
  color: #98b5c5;
  font-size: 13px;
  margin: 10px 10px 0 0;
}
.adjudication-section-v1 .filterbg .filter-container h4 {
  color: #F2CD00 !important;
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "MarkPro-Bold";
}
.adjudication-section-v1 .bio-stat {
  padding: 15px;
  background-color: #E9EEF0;
}
.adjudication-section-v1 .bio-stat .bio-rating {
  border: 1px solid #00BFB3;
  background-color: #fff;
  display: flex;
  align-items: center !important;
}
.adjudication-section-v1 .bio-stat .bio-rating img {
  height: 40px;
  padding: 0 0 0 6px;
}
.adjudication-section-v1 .bio-stat .bio-rating p {
  margin: 0;
  padding: 6px;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
}
.adjudication-section-v1 .bio-stat .bio-rating .score {
  background-color: #00BFB3;
  font-family: "MarkPro-Bold";
  font-size: 18px;
  padding: 11px 0;
  color: #fff;
  display: inline-block;
  min-width: 60px;
  text-align: center;
}
.adjudication-section-v1 .profile-container {
  margin: 15px 0;
  background-color: white;
  border: 1px solid #2B5771;
  border-radius: 6px;
}
.adjudication-section-v1 .profile-container.master-profile {
  background-color: #193F55;
}
.adjudication-section-v1 .profile-container .header {
  background-color: #183f54;
  color: #fff;
  font-family: "MarkPro-Bold";
  border-radius: 3px 3px 0 0;
}
.adjudication-section-v1 .profile-container .header span {
  display: inline-block;
  padding: 10px;
  color: #F2CD00;
  margin-right: 20px;
  position: relative;
}
.adjudication-section-v1 .profile-container .header span:after {
  position: absolute;
  content: "";
  width: 0;
  right: -9px;
  top: 36%;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #04bfb3;
}
.adjudication-section-v1 .profile-container .content h6 {
  margin: 15px;
  font-family: "MarkPro-Bold";
  color: #2a5771;
  font-size: 14px;
}
.adjudication-section-v1 .profile-container .content .photo {
  height: 200px;
  padding: 2px;
  margin: 46px 4px 4px;
  border: 1px solid #dfdfdf;
  background-color: white;
}

.adjudication-section-v1 .profile-container .content .data-item {
  margin: 0;
  padding: 0;
}
.adjudication-section-v1 .profile-container .content .data-item li {
  list-style: none;
  margin: 10px 15px;
  position: relative;
  font-size: 13px;
  border-bottom: 1px solid #dfdfdf;
}
.adjudication-section-v1 .profile-container .content .data-item li.selected {
  background-color: #f1e28e !important;
}
.adjudication-section-v1 .profile-container .content .data-item li.selected label {
  color: #2a5771 !important;
}
.adjudication-section-v1 .profile-container .content .data-item li.doc {
  display: flex;
  justify-content: space-between !important;
}
.adjudication-section-v1 .profile-container .content .data-item li strong {
  color: #2a5771;
}
.adjudication-section-v1 .profile-container .content .data-item li span {
  display: inline-block;
  width: 40%;
  font-size: 11px;
  color: #193f54;
  background-color: #f6f6f6;
  padding: 10px;
  margin-right: 10px;
}
.adjudication-section-v1 .profile-container .content .data-item li label {
  margin: 0;
}
/* .adjudication-section .profile-container .content .other-details li {
  transition: all 0.3s;
} */
/* .adjudication-section .profile-container .content .other-details li:hover {
  background-color: #f1f1f1;
}  */
.idSection-v1 {
  padding: 6px;
}
.idSection-v1 p {
  padding: 0px;
  margin-bottom: 4px;
  color: #F2CD00 !important;
}
.idSection-v1 p img {
  width: 20px;
  margin-right: 5px;
}
.idSection-v1 span {
  font-size: 16px;
  color: #fff !important;
  padding: 0 !important;
}
.idSection-v1 span::after {
  display: none;
}
.idSection-v1.matchingScore {
  background-color: #45AC0F;
  padding: 4px 8px;
  border-radius: 4px;
  margin: 4px;
}
.idSection-v1.matchingScore p {
    color: #ffffff !important;
    font-weight: 200;
    font-size: 11px;
}
.idSection-v1.matchingScore h5 {
  padding: 4px;
  font-size: 28px;
  color: #fff !important;
  border-radius: 4px;
  margin: 0 5px;
}