.chk-box{
  position: relative;
    display: inline-block;
    padding: 2px 74px;
    font-weight: 600;
}

.epch-none{display: none}
.epch-block{display: block}

.input-flex{
    width: 100%;
    position: relative;
}

.view-pass{
    color: #443b9c;
    position: absolute;
    top: 3px;
    align-content: start;
    right: 3px;
    bottom: 3px;
    padding: 0px;
    cursor: pointer;
}


/* @media Queries */
/* Site Fonts */
/* font-weight Variables */
/* Font Weight Classes */


/* Muli Fonts */
/*@font-face {
    font-family: 'muliitalic';
    src: url('muli_italic-webfont.woff2') format('woff2'),
         url('muli_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mulilight_italic';
    src: url('muli_light_italic-webfont.woff2') format('woff2'),
         url('muli_light_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
.bold-text{font-weight:bold;}
@font-face {
    font-family: 'mulilight';
    src: url('../fonts/muli_light-webfont.woff2') format('woff2'),
         url('../fonts/muli_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'muliregular';
    src: url('../fonts/muli-webfont.woff2') format('woff2'),
         url('../fonts/muli-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mulibold';
    src: url('../fonts/muli-bold-webfont.woff2') format('woff2'),
         url('../fonts/muli-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mulisemibold';
    src: url('../fonts/muli-semibold-webfont.woff2') format('woff2'),
         url('../fonts/muli-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Muli Fonts */
.boldTxt{font-weight: bold !important}





















/*@import url("https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800");*/
.font-weight-300 {
  font-weight: 300; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-700 {
  font-weight: 700; }

.font-weight-800 {
  font-weight: 800; }

/* All Colors */
/* Color Classes */
.black {
  color: #000000; }

.white {
  color: #ffffff; }

.whiteBg {
  background: #ffffff; }

.paragraph {
  color: #444444; }

.blurBG {
  background: #444444; }

.grayBg {
  background: #eeeeee; }
.gray-table-Bg {
    background: #c0c0c0;
}
.blue {
  color: #181375; }

.blueBg {
  background: #181375; }

.lightBlue {
  color: #0066cc; }

.lightBlueBg {
  color: #0066cc; }

/* Common Font Sizes */
/* common font size classes */
.heading-30 {
  font-size: 30px;
  color: #181375; }

.size-10 {
  font-size: 10px;
}
.size-12 {
  font-size: 12px;
}

/* Input border bottom only common */
input::-webkit-input-placeholder {
  color: #999999;
  font-size: 14px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

input::-moz-placeholder {
  color: #999999;
  font-size: 14px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

input:-ms-input-placeholder {
  color: #999999;
  font-size: 14px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

input:-moz-placeholder {
  color: #999999;
  font-size: 14px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

  input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: #ffffff !important;
  }

.form-group {
  position: relative;
  margin-bottom: 30px; }

.input-border-bottom {
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  /*padding: 0px 0;*/
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  font-weight: 600; }

/* HEADING COMMON */
.sub-heading {
  font-size: 30px;
  font-weight: 700; }
  @media screen and (max-width: 1024px) {
    .sub-heading {
      font-size: 20px; } }

/* ROUNDED CONTAINER */
.wrap-height-container {
      height: calc(100vh - 50px);
      margin: 25px auto;
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap-height-container {
      height: 80vh; } }
  @media screen and (max-width: 767px) {
    .wrap-height-container {
      height: auto;
      margin: 15px auto; } }
/* Border saperate class */
.border-bottom-dotted {
  border-bottom: 1px dotted #d0d0d0;
}
/* Border saperate class */


/* Border Radius */
.rounded-box {
  border-radius: 10px;
  overflow: hidden; }

.rounded-right-top-bottom {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.box-shadow-container {
  box-shadow: 0px 0px 24px 1px #17171799; }

/* SELECT BOX IT */
.profile-drop-down .selectboxit-container span.selectboxit.selectboxit-enabled.selectboxit-btn {
  background: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 16px; }

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff !important;
  background: #444444; }

.selectboxit-container span.selectboxit.selectboxit-enabled.selectboxit-btn::after {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  right: 0;
  top: 17px; }

.selectboxit-text {
  text-indent: 0px; }

/* Custom Scroll Section */
.scroll-section {
  max-height: 60vh;
  position: relative;
 }

.scroll-section.height54vh {
  max-height: 54vh; }

.wrap-register-member {
  max-height: 74vh;
}
.profile-drop-down a {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #ffffff;
}

.wrap-member-register {
  max-height: 85%; }
  @media screen and (max-width: 767px) {
    .wrap-member-register {
      max-height: initial; } }

.wrap-design-register {
  max-height: 83%; 
}

/* Custom Radio Button */
.custom-radio {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.2; }
  .custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .custom-radio input:checked ~ .checkmark {
    background-color: #443b9c; }
  .custom-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #eee;
    border-radius: 50%; }
  .custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .custom-radio .checkmark:after {
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
    right: 0;
    bottom: 0;
    margin: auto; }
  .custom-radio input:checked ~ .checkmark:after {
    display: block; }

body {
  background: #ffffff;
  font-size: 14px;
  font-family: 'mulilight';
  letter-spacing: 0.6px;
  outline: none !important; }
input {
  outline: none !important;
}
ul, li {
  list-style: none; }

a {
  text-decoration: none !important; }

section {
  overflow: hidden; }

input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #eeeeee;
  font-family: 'mulilight';
  font-size: 12px; }

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #eeeeee;
  font-family: 'mulilight';
  font-size: 12px; }

input:-ms-input-placeholder {
  /* IE 10+ */
  color: #eeeeee;
  font-family: 'mulilight';
  font-size: 12px; }

input:-moz-placeholder {
  /* Firefox 18- */
  color: #eeeeee;
  font-family: 'mulilight';
  font-size: 12px; }
select {
  outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.mobile-none {
  display: block; }
  @media screen and (max-width: 767px) {
    .mobile-none {
      display: none; } }

.desktop-none {
  display: none; }
  @media screen and (max-width: 767px) {
    .desktop-none {
      display: block;
      object-fit: cover;
      width: 100%; } }

@media screen and (max-width: 767px) {
  .column-reverse {
    display: flex;
    flex-direction: column-reverse; } }

.form-control:focus {
  background-color: #fff;
  border-color: #ced4da !important;
  outline: 0;
  box-shadow: none !important;
  transition: 0.5s; }

.rigister-btn {
  color: #ffffff;
  background: #0073e7;
  transition: 0.5s;
  padding: 7px 15px;
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid transparent; }
  .rigister-btn:hover {
    background: #ffffff;
    border-color: #0073e7;
    color: #0073e7; }

.gray-btn {
  color: #ffffff;
  background: #444444;
  transition: 0.5s;
  padding: 7px 15px;
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid transparent; }
  .gray-btn:hover {
    background: #ffffff;
    border-color: #444444;
    color: #444444; }

.lightGray-btn {
  color: #ffffff;
  background: #999999;
  transition: 0.5s;
  padding: 7px 15px;
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid transparent; }
  .lightGray-btn:hover {
    background: #ffffff;
    border-color: #999999;
    color: #999999; }
.wrap-inner-blueBtn .blue-btn,
.wrap-inner-blueBtn .lightGray-btn {
  line-height: normal;
    padding: 4px 10px 4px;
    font-size: 14px;
}
.blue-btn {
  color: #ffffff;
  background: #443b9c;
  transition: 0.5s;
  padding: 7px 15px;
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid transparent; }
  .blue-btn:hover {
    background: #ffffff;
    border-color: #443b9c;
    color: #443b9c; }

.forgot-ps {
  color: #999999;
  font-size: 14px;
  text-align: center; }

.separator {
  color: #999999; }

.separator::after {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: calc(50% - 15px);
  background: #999999;
  margin: auto;
  left: 0;
  right: 9px; }

.separator::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 1px;
  height: calc(50% - 15px);
  background: #999999;
  margin: auto;
  left: 0;
  right: 9px; }

.container {
  max-width: 1230px; }

.height-100vh {
  /*height: 100vh;*/
  padding: 0 15px; }
  @media screen and (max-width: 767px) {
    .height-100vh {
      height: auto;
      padding: 0; } }

.body-bg {
  background: url("../images/bg.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  /*height: 100vh; */
}
  @media screen and (max-width: 767px) {
    .body-bg {
      background: #ffffff;
      height: auto; } }

/* Navigation ON mobile */
.toggle-menu {
  padding: 15px 25px;
  display: block;
  font-size: 18px;
  color: #444;
  line-height: 1.4;
  transition: 0.5s;
  background: #eee;
  margin: 0;
  border-top: 1px solid #bfbfbf; }
  @media screen and (min-width: 768px) {
    .toggle-menu {
      display: none; } }

.wrap-register-payment p {
  text-align: center;
  font-size: 18px;
}

/* LOGO */
.inner-page-logo {
  max-width: 205px;
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  margin: auto;
}
/* LOGO */

/* LOGIN TABS */
.wrap-tab-head {
  background: #dedede;
  /*border: 1px solid #dedede;*/
}
.wrap-tab-head li {
  width: 50%;
  text-align: center;
  margin: 0;
}
.wrap-tab-head li a.nav-link {
  border: none;
  border-radius: 0;
  color: #333;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0;
}
.wrap-tab-head li a.nav-link.active {
  background: #443b9c;
  color: #ffffff;
}
.wrap-first-login .tab-content form {
  /*border: 1px solid #dedede;*/
  border-top: none;
  padding: 30px 20px 30px;
}



/* CUSTOM RADIO BUTTONS */
.form-group.type.check_member_form {
    display: flex;
}
.check_member_form .form-check {
    padding: 0;
    width: 50%;
}
/* CUSTOM RADIO BUTTONS */





/* LOGIN TABS */


/* Login-Panel-Left */
.wrap-login-left {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 40px);
  padding: 20px 20px;
  margin: auto;
  right: 0; }
  @media screen and (max-width: 767px) {
    .wrap-login-left {
      position: static;
      padding: 0;
      width: 100%;
      margin: 0 0 15px; } }
  .wrap-login-left .login-btn-left {
    background: #fff;
    padding: 10px 20px 10px;
    display: block;
    text-align: center;
    border-radius: 30px;
    margin: 30px 30px 0;
    font-size: 20px;
    color: #443b9c;
    text-transform: uppercase;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all; }
    .wrap-login-left .login-btn-left:hover {
        background: #443b9c;
        color: #fff;
    }
  .wrap-login-left h2 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .wrap-login-left h2 {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      .wrap-login-left h2 {
        position: absolute;
        top: 79px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 1;
        width: 100%;
        height: 35px;
        text-align: center; } }
  @media screen and (max-width: 767px) {
    .wrap-login-left .wrap-heading-login {
      top: 79px;
      height: 110px;
      text-align: center; }
      .wrap-login-left .wrap-heading-login .login-btn-left {
        max-width: 160px;
        margin: 20px auto 0; } }
  .wrap-login-left .login-bottom-link {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .wrap-login-left .login-bottom-link {
        display: none; } }
  .wrap-login-left ul {
    padding: 0;
    margin: 0 0 42px;
    display: flex; }
    .wrap-login-left ul.first{margin-bottom:6px}
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .wrap-login-left ul {
        margin: 0 0 80px; } }
    .wrap-login-left ul li {
      margin: 0 6px 0 0; }
    .wrap-login-left ul li, .wrap-login-left ul a {
      color: #ffffff;
      font-size: 14px;
      font-weight: 300; }
  .wrap-login-left .copy-right {
    color: #ffffff;
    font-size: 13px;
    margin: 40% 0 20px;
    font-weight: 300;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0; }


    
/* TOP MAIN HEADING */
.main-heading-top {
  position: absolute;
  padding: 0 20px;
  display: flex;
  height: 75px;
}
.main-heading-top h2 {
  margin: 0;
  font-weight: 300;
}
/* TOP MAIN HEADING */



/* Profile */
.pro-img {
/*  width: 50px;
  height: 50px;
  overflow: hidden; */
}
.pro-img i {
  color: #fff;
  font-size: 24px;
}
/* SIDE MENUS */
.wrap-side-menu .side-menu {
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 767px) {
    .wrap-side-menu .side-menu {
      display: none; } }
  .wrap-side-menu .side-menu li a {
    padding: 15px 15px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #222222;
    display: block;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.4;
    transition: 0.5s; }
    .wrap-side-menu .side-menu li a:hover {
      background: #ffffff;
      color: #443b9c; }
    @media screen and (max-height: 768px) {
      .wrap-side-menu .side-menu li a {
        padding: 10px 25px;
        font-size: 16px; }
      .wrap-design-register {
        max-height: 73%;
      }
    }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .wrap-side-menu .side-menu li a {
        padding: 15px;
        font-size: 14px; } }
  .wrap-side-menu .side-menu li:first-of-type {
    border-top: none; }
  .wrap-side-menu .side-menu li:last-of-type a {
    border-bottom: none; }
  .wrap-side-menu .side-menu li.active a {
    background: #ffffff;
    color: #443b9c; }

.wrap-side-menu .copy-right {
  color: #ffffff;
  font-size: 13px;
  margin: 40% 0 20px;
  font-weight: 300;
  padding: 0 25px;
  position: absolute;
  bottom: 0; }
  @media screen and (max-width: 767px) {
    .wrap-side-menu .copy-right {
      display: none; } }

/* Form with sideLabel */
.form-with-sideLabel .form-group {
  float: left;
  width: 100%; }

.form-with-sideLabel .side-label label {
  width: 30%;
  float: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  color: #444444;
  font-family: 'mulilight'; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .form-with-sideLabel .side-label label {
      width: 33%;
      font-size: 12px; } }
  @media screen and (max-width: 767px) {
    .form-with-sideLabel .side-label label {
      width: 100%;
      font-size: 14px; } }

.with-img.active .article_attached {
    width: 30% !important;
}
.wrap_addmore {
  float: left;
  width: calc(100% - 50px);
}
.wrap_addmore.appended {
  width: 100%;
}
.wrap_addmore.appended input{
  width: calc(100% - 50px) !important;
}
/* .with-img.active #article_attached_file {
  display: block;
  width: 30% !important;
} */
span.add-mor-img {
  font-size: 24px;
  color: #443b9c;
  cursor: pointer;
  float: right;
}
a.add-mor-img {
  font-size: 15px;
  color: #212529;
  cursor: pointer;
  float: right;
  /*margin: 11px 0 0;*/
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.wrap_addmore {
  position: relative;
}
.wrap_addmore.appended a.add-mor-img {
  right: 50px;
  top: 9px;
}
.form-with-sideLabel .novelty span, .form-with-sideLabel .noc span {
    color: #155724;
    display: block;
    background: #d4edda;
    padding: 5px 20px 5px;
}
.form-with-sideLabel .form-group .wrap-input {
  width: 60%;
  float: right; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .form-with-sideLabel .form-group .wrap-input {
      width: 62%; } }
  @media screen and (max-width: 767px) {
    .form-with-sideLabel .form-group .wrap-input {
      width: 100%; } }
.wrap-input.is_master {
    border-bottom: 1px solid #999999;
    padding: 0 0 10px;
}
.wrap-input.is_master input.form-control {
    width: auto;
}
.w-100.Download-attache {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    display: block;
    border-bottom: 1px solid #999999;
    padding: 0 0 5px 5px;
}
.form-with-sideLabel .form-group input, .form-with-sideLabel .form-group select, .form-group textarea  {
  width: 100%;
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  padding: 0 0 5px 5px;
  height: auto;
  font-family: 'mulilight'; }
  @media screen and (max-width: 767px) {
    .form-with-sideLabel .form-group input, .form-with-sideLabel .form-group select{
      padding: 0 0;
      font-size: 14px; } }
.form-with-sideLabel .form-group input.applicant_type {
  width: 0;
}
.form-control[readonly] {
  background: #ffffff;
  cursor: pointer;
}

.modal-form-wrap .modal-dialog {
  max-width: 80%;
}
.wrap-popup-form {
  line-height: 2;
}
/* .wrap-popup-form input {
  width: auto !important;
  display: inline-block;
  padding: 0 !important;
  height: auto !important;
  line-height: normal;
} */
.modal-form-wrap input {
  width: auto !important;
  display: inline-block;
  padding: 0 5px !important;
  margin: 0 0px;
  height: auto !important;
  line-height: normal;
  border: none;
  border-bottom: 1px solid #ced4da;
  border-radius: 0;
  font-size: 14px;
}
.wrap-input .wrap-input-checkbox input {
  width: auto;
}
.wrap-input .wrap-input-checkbox label {
  width: auto;
}
.form-with-sideLabel .sep-input {
  width: 60%;
  float: right;
  display: flex; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .form-with-sideLabel .sep-input {
      width: 62%; } }
  @media screen and (max-width: 767px) {
    .form-with-sideLabel .sep-input {
      width: 100%; } }
  .form-with-sideLabel .sep-input > span {
    width: 55%;
    float: right;
    display: block; }
    .form-with-sideLabel .sep-input > span input {
      width: 100%; }

.form-with-sideLabel .sep-input > span input {
  width: 100%;}
  
.form-with-sideLabel select + .selectboxit-container > span {
  width: 100% !important;
  padding: 0; }

.form-with-sideLabel .selectboxit-container span.selectboxit.selectboxit-enabled.selectboxit-btn::after {
  content: '\f107';
  position: absolute;
  right: 10px;
  top: 0;
  font-family: Font Awesome\ 5 Free;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto; }


/* Wrap-Three-Grid */
.wrap-three-grid {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  padding: 0 0 10px !important;
  border-bottom: 1px dotted #d0d0d0;
  flex-wrap: wrap;
}
.wrap-three-grid small {
  width: 100%;
  clear: both;
}
.wrap-three-grid:last-of-type {
  border: none;
}
/*.form-with-sideLabel .wrap-three-grid .form-group,
.form-with-sideLabel .wrap-three-grid > select,
.form-with-sideLabel .wrap-three-grid .multi-select-dropdown {
  padding: 0;
  width: 33.33%;
}*/
.form-with-sideLabel .wrap-three-grid .form-group {
    padding: 0 0 0 20px;
    margin: 0;
    width: 33.33%;
    height: 27px;
    display: flex;
    align-items: center;
}
.form-with-sideLabel .wrap-three-grid .wrap-both-select {
    width: 66.66%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-with-sideLabel .wrap-three-grid .wrap-both-select > select,
.form-with-sideLabel .wrap-three-grid .multi-select-dropdown {
    width: calc(50% - 20px);
}
.form-with-sideLabel .wrap-three-grid .form-group input {
  margin: 0 10px 0 -20px;
}
.wrap-three-grid > select {
  margin: 0 30px 0px;
}
.form-with-sideLabel .wrap-three-grid .form-group label,
.form-with-sideLabel .wrap-three-grid .form-group input {
  width: auto;
}
span.border-red input {
    border-bottom: 1px solid red;
}
/* Wrap-Three-Grid */

/* MultiSelect DropDown */
.multi-select-dropdown button.multiselect {
  box-shadow: none; 
  background: #fff;
  border-radius: 0;
  padding: 0 10px 4px;
  margin: 0;
  border-bottom: 1px solid #999999;
  width: 100%;
}
.multi-select-dropdown .multiselect-container>li {
  display: flex;
  margin: 0 0 1px;
  outline: none !important;
}
.multi-select-dropdown .multiselect-container>li a {
  display: flex;
  width: 100%;
}
.multi-select-dropdown .multiselect-container>li label {
  display: flex;
  padding: 3px 5px;
  width: 100%;
  font-size: 11px;
  text-transform: capitalize!important;
  outline: none !important;
}
.multiselect-container>li.active label {
  background: #4a3fa7;
  color: #fff;
}
.multi-select-dropdown .multiselect-container>li label input {
  width: auto;
  margin: 1px 5px 0 0 !important;
}
.multi-select-dropdown .btn-group {
  width: 100%;
}
span.multiselect-selected-text {
  width: 100%;
  display: block;
  text-align: left;
  position: relative;
  overflow: hidden;
  font-size: 14px;
}
.dropdown-toggle::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-right: 0.2em solid transparent;
  border-left: .2em solid transparent;
}
/* MultiSelect DropDown */




/* TABLE */
.blue-heading th, .blue-heading td {
  padding: 15px; }

.blue-heading th {
  color: #181375;
  font-size: 15px; }
  @media screen and (max-width: 767px) {
    .blue-heading th {
      font-size: 16px;
      line-height: normal; } }

/* User Profile */
.user-pro-img {
  display: flex;
  align-items: center; }
  .user-pro-img .user-name {
    margin: 0 0 0 10px;
    display: flex;
    flex-direction: column;
    color: #444444;
    font-weight: 700; }
    .user-pro-img .user-name span {
      font-weight: 400; }

/* Content - 500 */
.content-500 {
  max-width: 500px;
  width: 100%;
  margin: 0 auto; }
.content-800 {
  max-width: 800px;
  width: 100%;
  margin: 0 auto; }

.otp-box {
  display: flex;
  justify-content: space-between; }
  .otp-box input {
    width: calc(100% - 150px);
    float: left; }
.form-group.otp small.opt-green {
  background: #d4edda !important;
  color: #28a745!important;
}
/* VIEW REGISTERED DESIGN */
.fa-file-pdf {
  color: red;
  font-size: 22px; }

#home {
  max-height: 500px;
  position: relative;
  overflow-y: scroll;
  margin: 20px 0 0; }
  @media screen and (max-height: 768px) {
    #home {
      max-height: 310px; } }

.profile-details .nav-tabs .nav-item {
  margin: 0 10px; }
  .profile-details .nav-tabs .nav-item .nav-link {
    padding: 8px 20px 13px;
    border: none;
    border-bottom: 1px solid transparent;
    color: #999999;
    font-weight: 700; }
  .profile-details .nav-tabs .nav-item .nav-link.active {
    color: #443b9c;
    border-color: #443b9c; }

.profile-details .wrap-design-detail {
  padding: 10px 30px 0; }
  .profile-details .wrap-design-detail h5 {
    color: #444444;
    font-size: 16px;
    font-weight: 600; }
  .profile-details .wrap-design-detail h6 {
    color: #666;
    font-size: 14px; }
  .profile-details .wrap-design-detail ul {
    padding: 0;
    margin: 0;
    display: flex; }
    .profile-details .wrap-design-detail ul li {
      border: 1px solid #999999;
      margin: 10px;
      border-radius: 5px; }
      .profile-details .wrap-design-detail ul li:first-of-type {
        margin-left: 0; }

/* Online-Wallet */
.online-wallet ul#myTab {
  justify-content: space-around; }
select.select-amount {
    padding: 5px 10px 5px 10px;
}
/* Balance */
.balance span {
  font-size: 24px;
  /*width: 50%; */
}

/* Edit Design */
.wrap-edit-table, .wrap-edit-table table {
  width: 100%;
}
.wrap-edit-table th, .wrap-edit-table td {
  border: 1px solid;
  padding: 5px 10px;
}
.wrap-edit-table img {
    max-width: 70px;
}
.wrap-edit-table > tbody > tr > td:first-of-type {
  width: 30%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  color: #444444;
}
.wrap-edit-table > tbody > tr {
  border-bottom: 1px dotted #dedede;
}
.wrap-edit-table > tbody > tr > td:first-of-type span {
  display: block;
  margin: 10px 0;
}
.wrap-edit-table .table-w-50 {
  width: 50%;
}
.wrap-edit-vertically {
  vertical-align: top;
}
/* Edit Design */


/* wrap-design-list */
.wrap-design-list thead tr th:first-of-type {
  width: 180px;
}
/* wrap-design-list */


/* Form Disable */
.form-group.side-label.form-disable label, .form-group.side-label.form-disable input, .form-group.side-label.form-disable select {
    color: #b6b6b6 !important;
    border-color: #dddddd !important;
    cursor: not-allowed;
    pointer-events: none;
}
.credential small.print-error-msg.form-text.text-danger.m-0.valiError {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    background: #f8d7da;
    text-align: center;
    padding: 5px 0;
    left: 0;
}
#disputeadmin1 .credential small.print-error-msg.form-text.text-danger.m-0.valiError,
#disputeadmin2 .credential-2 small.print-error-msg.form-text.text-danger.m-0.valiError {
    position: absolute;
    z-index: 99;
    width: 100%;
    background: #f8d7da;
    text-align: center;
    padding: 5px 0;
    left: 0;
    top: -30px;
    width: calc(100% - 30px);
    right: 0;
    margin: auto !important;
}
/* Form Disable */


/* ADMIN - LOGIN */
.wrap-admin-login {
  position: relative;
}
.wrap-admin-login .credential,
.wrap-admin-refund-form .credential {
  width: 100%;
  position: absolute;
  top: -30px;
  background: #f8d7da;
  text-align: center;
  color: #721c24;
}
.dataTables_length {
  margin: 10px 0 0 10px;
}
.dataTables_filter {
  margin: 10px 10px 0 0;
}
.dataTables_filter input[type="search"] {
  border: 1px solid #333;
  outline: none;
}
.dataTables_info {
  margin: 0 0 0 10px;
  font-weight: bold;
}
div#manage-registration-associate_paginate {
  margin: 10px 10px 0 0;
  border: 1px solid #333;
  padding: 0 0 0;
}
.dataTables_paginate {
  margin-right: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  /* border-right: 1px solid #333 !important; */
  margin: 0;
  padding: 0;
  border-radius: 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #181375 !important;
  color: #fff !important;
  border-radius: 0;
  border: 1px solid #181375 !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #181375 !important;
  color: #fff !important;
  border-radius: 0;
  /*border: none !important; */
  box-shadow: none !important;
}
a#manage-registration-associate_previous {
  border-right: 1px solid;
  border-radius: 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #7b7b7b;
    padding: 0;
    pointer-events: none;
    color: #fff !important;
    border: none;
    border-radius: 0 !important;
}
.page-item.disabled .page-link {
  border-radius: 0;
}
.dataTables_paginate .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #443b9c;
    border: none;
    font-size: 14px;
}
a#manage-registration-associate_next {
  border-left: 1px solid;
  border-radius: 0 !important;
}
div#manage-registration-associate_paginate > span > .paginate_button {
  border-right: 1px solid;
}
div#manage-registration-associate_paginate > span > .paginate_button:last-of-type {
  border-right: none;
}
.sep_admin:after {
    content: '';
    height: 100%;
    width: 1px;
    background: #a2a2a2;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
form.mt-4.wrap-report-view-textarea {
    display: flex;
    flex-direction: column;
}
.wrap-report-view-textarea textarea {
    width: 50%;
    height: 90px;
    padding: 10px;
}
.wrap-report-view-textarea select {
  border: 1px solid rgb(169, 169, 169);
  width: 50%;
}
.wrap-report-view-textarea input::-webkit-input-placeholder {
  color: #999999;
  font-size: 14px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

.wrap-report-view-textarea input::-moz-placeholder {
  color: #999999;
  font-size: 14px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

.wrap-report-view-textarea input:-ms-input-placeholder {
  color: #999999;
  font-size: 14px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

.wrap-report-view-textarea input:-moz-placeholder {
  color: #999999;
  font-size: 14px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

.wrap-report-view-textarea input[type="submit"] {
  max-width: 100px;
  margin: 10px 0 0;
}
/* ADMIN - LOGIN */

/* Filter MIS Report */
.wrap-filter-mis-report div#mis-report-datatable_filter,
#wrap-admin-view-member_filter,
#billing-view_filter {
    display: none;
}
span.trans-dotted {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    text-overflow: ellipsis;
}
#date_filter {
    position: absolute;
    top: 0;
    right: 30px;
    display: flex;
    align-items: center;
    z-index: 1;
}
div#mis-report-datatable_length,
div#wrap-admin-view-member_length {
    margin: 5px 0 10px 20px;
}
#date-label-from input,
#date-label-to input {
  width: 100px;
}
/* Filter MIS Report */
.wrap-clear-img {
  position: relative;
}
.wrap-clear-img .clear-img {
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 10px;
}
.wrap-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #949494a3;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  display: none;
}
.wrap-loader.active {
  display: flex;
}
.form-group.otp small {
    position: absolute;
    top: -40px;
    z-index: 99;
    width: 100%;
    background: #f8d7da;
    text-align: center;
    padding: 5px 0;
    left: 0;
}
.contact-page h6 {
  line-height: 2;
}
.size-20 {
  font-size: 20px;
}

.span-block {
  width: 340px;
  display: block;
  margin: 0 auto;
}

.after-login-bottom-links {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 15px;
}
.after-login-bottom-links ul {
    padding: 0 0px 0 10px;
    margin: 0 0 10px;
    display: flex;
}
.after-login-bottom-links ul li {
    margin: 0 5px 0 0;
    color: #fff;
}
.after-login-bottom-links ul li a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
}
.wrap-side-menu .after-login-bottom-links .copy-right {
      padding: 0 12px;
      font-size: 11px;
      margin-top: 0;
}
.invalidreg small {
      background-color: #f8d7da;
      border-color: #f5c6cb;
      text-align: center;
      padding: 5px 0;
}
.zoom {
  /*padding: 50px;*/
  /*background-color: green;*/
  transition: transform .2s;
  /*width: 200px;
  height: 200px;
  margin: 0 auto;*/
  transform: scale(1);
  cursor: pointer;
}
.zoom:hover {
  transform: scale(3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  position: relative;
  z-index: 1;
}
span.add-shape.add_field_button.add-mor-img {
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 1;
}
.table td, .table th {
    font-size: 12px;
}
table.dataTable thead th, 
table.dataTable thead td {
    text-transform: capitalize !important;
}

.support-info-footer {
    text-align: center;
    color: #fff;
    margin: -20px 0 0;
    font-size: 12px;
}
/*.pointer-event-sort {
    pointer-events: none !important;
    background-image: none !important;
}*/

.search-order {
  width: 230px;
}
.search-order::-webkit-input-placeholder { /* Edge */
  font-size: 11px;
  color: #dedede;
}

.search-order:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 11px;
  color: #dedede;
}

.search-order::placeholder {
  font-size: 11px;
  color: #dedede;
}
.logo {
    width: 240px;
    margin-bottom: 25px;
}
.logo img{
    max-width: 100%;
}
.bg-success, .bg-danger, .bg-secondary {
  color: #fff;
}
.cursor-pointer {
    cursor: pointer;
}
#transactionTable {
  text-align: center;
}
.inline-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.inline-list li {
    display: inline-block;
    margin: 0 5px;
    position: relative;
}

/* Add separator after each item except last */

/* Optional: spacing for links */
.inline-list li a {
    text-decoration: none;
    color: #fff; /* link color */
}