/** 9-9-2021 */

/** uploaded multiple css **/
.imageuploadify {
  border: 1px solid #8d99a2;
  position: relative;
  height: 40px;
  padding: 0;
  text-align: center;
  background-color: #fff;
  color: #000;
  width: 100%;
  margin: 0px auto;
  border-radius: 10px;
}
.imageuploadify .imageuploadify-overlay i {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.imageuploadify .imageuploadify-images-list {
  display: inherit;
  position: absolute;
  top: 5px;
  width: 100%;
}
.imageuploadify .imageuploadify-images-list i {
  display: block;
  font-size: 7em;
  text-align: center;
  margin-top: 0.5em;
  padding-bottom: 12px;
}
.imageuploadify .imageuploadify-images-list button.btn-default {
  display: block;
  margin: 25px auto;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: 70px;
  height: 30px;
  position: relative;
  overflow: hidden;
  margin-bottom: 1em;
  float: left;
  border-radius: 12px;
  box-shadow: 0 0 4px 0 #888;
}
.imageuploadify
  .imageuploadify-images-list
  .imageuploadify-container
  button.btn-danger {
  position: absolute;
  top: 0px;
  right: 2px;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  font-size: 10px;
  line-height: 1.42;
  padding: 2px 0;
  text-align: center;
  z-index: 3;
  background: url(../../images/cross.png) no-repeat !important;
  background-position: 0px;
  border: none !important;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container img {
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.imageuploadify
  .imageuploadify-images-list
  .imageuploadify-container
  .imageuploadify-details {
  position: absolute;
  top: 0px;
  padding-top: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
  opacity: 0;
}
.imageuploadify
  .imageuploadify-images-list
  .imageuploadify-container
  .imageuploadify-details
  span {
  display: block;
}
.imageuploadify-images-list.text-center button.btn {
  outline: none !important;
  background: #00826500 !important;
  color: #000 !important;
  text-transform: uppercase;
  padding: 5px 5px;
  position: absolute;
  right: 0;
  top: -26px;
  border: none !important;
  border: 1px solid #fff;
  box-shadow: none;
}

/** end here **/

input.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 13px;
  font-weight: 400;
}
input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 13px;
  font-weight: 400;
}
input.form-control:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 13px;
  font-weight: 400;
}
input.form-control:-moz-placeholder {
  /* Firefox 18- */
  font-size: 13px;
  font-weight: 400;
  height: 40px;
}

select.form-select,
input.form-control {
  font-size: 13px;
  height: 40px;
  font-weight: 400;
}

.modal-content button.btn-close {
  right: 0;
  position: absolute;
  top: 0px;
  z-index: 999;
}
/** end here*/

/** Rahul css 19-8-2021**/

.login_form {
  width: 400px;
  margin: 50px auto;
}
.cd-horizontal-timeline .form-check-inline {
  margin-right: 0px;
}
.dark-logo {
  display: none;
}
.navbar-header_d {
  margin-left: 4%;
}
.navbar-nav.me-auto {
  visibility: hidden;
}
.user-profile.position-relative {
  display: none;
}
.card-body nav {
  float: right;
}
.logo-text img {
  width: 140px;
}
button.add_usr_btn {
  float: right;
}
.btn.btn-info.submit-btn {
  float: right;
}
.custom-file input {
  opacity: 0;
  z-index: 2;
}
.custom-file-label.selected {
  position: absolute;
  left: 11%;
}
.controls.mb-3 .custom-file.mb-3 {
  border: 1px solid #8d99a2;
  height: 40px;
  border-radius: 5px;
}
.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
  text-overflow: unset !important;
}
.search_item {
  padding: 20px;
  position: relative;

  float: right;
}
.search_item button {
  border: none;
  position: absolute;
  right: 25px;
  top: 28px;
  background: #fff;
}
.custom-file-label {
  margin-top: 10px;
  float: right;
  margin-right: 14px;
}
#main-wrapper[data-layout="horizontal"]
  .topbar
  .navbar-collapse[data-navbarbg="skin1"],
#main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin1"],
#main-wrapper[data-layout="vertical"]
  .topbar
  .navbar-collapse[data-navbarbg="skin1"],
#main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin1"] {
  background: #fff !important;
}

#main-wrapper[data-layout="horizontal"]
  .topbar
  .top-navbar
  .navbar-header[data-logobg="skin1"],
#main-wrapper[data-layout="vertical"]
  .topbar
  .top-navbar
  .navbar-header[data-logobg="skin1"] {
  background: #fff !important;
}

.topbar .nav-toggler,
.topbar .topbartoggler {
  color: #e62e2d !important;
}

.user-profile .profile-img {
  margin-left: 84px;
}

.user-profile .profile-text > a {
  background: rgb(191 12 12 / 92%);
}

#main-wrapper #sidebarnav .sidebar-item.active a {
  background: #e0f4fa;
  color: #000;
}
#main-wrapper #sidebarnav .sidebar-item.active i {
  color: #000;
}

.p-0.bg-full img {
  width: 100%;
}

.page-titles .text-themecolor {
  color: #000 !important;
  font-size: 40px;
  font-weight: 500;
}

.card-body.p-0 .col-8.p-0 {
  /* display: flex;
    align-items: center;
    justify-content: flex-end;
    */

  display: inline-block;
  /* width: 100%; */
  text-align: center;
  padding-top: 27% !important;
  padding-left: 25% !important;
}

.padding-right-none {
  padding-right: 0px !important;
}
.card-body.p-0 .col-8.p-0 a {
  background: #e62e2d;
  padding: 0px 55px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin-right: 30px;
  box-shadow: 0px 1px 6px 0px #e6527d;
  display: inline-block;
  margin-bottom: 10px;
}

.card-body.p-0 .col-8.p-0 a span {
  display: block;
}

.card-body.p-0 .col-8.p-0 a strong {
  font-size: 20px;
  font-weight: 600;
}

h3.qlty-db {
  position: absolute;
  top: 29%;
  left: 12%;
  font-size: 50px;
  font-weight: 500;
}

.atr-db {
  position: absolute;
  top: 5%;
  left: 10%;
  font-size: 50px;
  font-weight: 500;
}

.atr-bg-img {
  background: url("../../../assets/images/left-line-img.png") right no-repeat;
  /*height: 550px;*/
  background-size: contain;
}

.atr-bg-img .col-4.p-0.mt-5 svg {
  width: 100%;
}

/** End here **/

/** Responsive css ***/

@media only screen and (max-width: 768px) {
  h3.qlty-db {
    font-size: 30px;
  }
  .card-body.p-0 .col-8.p-0 {
    padding-left: 8% !important;
  }
  .card-body.p-0 .col-8.p-0 a {
    padding: 0px 35px;
  }

  .modal-dialog {
    max-width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .modal-dialog {
    max-width: 100% !important;
  }
}

.imageuploadify .imageuploadify-images-list i {
  display: block;
  font-size: 25px;
  text-align: center;
  margin-top: 0.5em;
  padding-bottom: 12px;
}

.imageuploadify-container {
  display: flex;
  align-items: center;
  margin-left: 6px;
}
.imageuploadify-details {
  margin-right: 10px;
}

/** 29th July 2024 */

.imageuploadify-list-container {
  display: flex;
  max-width: 80%;
  overflow-x: auto;
  cursor: pointer;

}
.img_holder .imageuploadify-container{
  margin-bottom: 0px !important;
}
.imageuploadify {
  margin: 20px 0px;
}
.img_holder::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
.img_holder::-webkit-scrollbar
{
  width: 1px;
  background-color: #F5F5F5;
}
.img_holder::-webkit-scrollbar-thumb
{
  background-color: #000000;
  border: 1px solid gray;
}
.imageuploadify-list-container {
  height: 50px;
}