.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 26px !important;
}

.select2-container--default .select2-selection--single {
  border-radius: 0px !important;
  height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 31px !important;
}

.form-control[readonly] {
    background-color: #ffffff;
}


input.filter{
    float: left;
    margin-right: 5px;
}

.preview-image {
  position: relative;
  margin-top: 10px;
}

.remove-image {
  border: 0;
  position: absolute;
  right: 0;
}

/* additional css */

.login-box> .d-flex.w-100 {
  background-color: #fff;
}
.login-box-left {
  background-image: url('hero.png') !important;
  background-position: 80% 20% !important;
}

@media ( max-width: 767px ) {
  .login-page {
    justify-content: flex-start;
  }
  .login-page .login-box,
  .login-page .register-box {
    margin: 0;
  }
  .register-box {
      padding: 20px;
  }
  .login-box-right {
      padding: 20px;
      padding-top: 0;
  }
  .login-logo, 
  .login-box-name {
      padding: 40px 0 20px;
  }

  .login-box-left {
      background-position: 100% 50% !important;
      min-height: 100vh;
      position: absolute;
      width: 100%;
      top: 0;
      bottom: 0;
  }
  .login-box-right .card-body {
      padding: 15px;
  }
  .login-logo {
    background-color: #fff;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 20px 0;
    border-bottom-left-radius: 10px;
    margin-bottom: 60px;
    border-bottom-right-radius: 20px;
}

.login-box-msg {
  color: #fff;
}
label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 400;
  color: #fff;
}
.login-box .btn-link {
  color: #fff;
}
.login-box-right, .register-box-right {
  margin: 0;
}
}