.select2-dropdown 
.select2-results__option {
  text-align: center !important;
}

.color-primary {
  color: #0d6efd !important;
}

.userDatatable-inline-title h6, 
.userDatatable-content {
  text-transform: initial !important;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-10 {
  margin-left: 10px;
}

.gc__img img {
  /*width: 168px;
  height: 168px;*/
  width: 100%;
  height: 125px;
  background: #fff;
  object-fit: contain;
}

.gc__img:hover {
  cursor: pointer;
}

.gallery_img {
  width: 25vw;
  height: 35vh;	
}

.gallery_img_dt {
  max-width: 100%;
}

.card .card-header {
  min-height: 55px !important;
}

.card.card-default .card-header {
  border: 1px solid transparent !important;	
}

.basic-form-wrapper {
  max-width: 1320px !important;	
}

.la-times:before {
  cursor: pointer !important;
}

.searchDiv h3 {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.searchDiv span {
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  padding: 5px;
  margin: 0 5px;
  background: ghostwhite;	
}

.dp-inline {
  display: inline-block;
}

.card-chg {
  justify-content: initial !important;	
}

.form-chg {
  width: 7vw !important;
  margin-left: 20px;
}

.form-chg-mz {
  width: 18vw !important;
  margin-left: 20px;
}

.form-sz {
  width: 5vw !important;
  margin-left: 10px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;	
}

.mt-5 {
  margin-top: 5px !important;	
}

.mt-10 {
  margin-top: 10px;	
}

.mt-30 {
  margin-top: 30px;
}

.ml-2 {
  margin-left: 2px !important;	
}

.ml-9 {
  margin-left: 9px !important;	
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-10 {
  margin-right: 10px;	
}

.mr-12 {
  margin-right: 12px;	
}

.pr-20 {
  padding-right: 20px;
}

.plr-20 {
  padding-left: 10px;
  padding-right: 0;
}

.ml-0 {
  margin-left: 0 !important;
}

.checkbox-group h6,
.card .card-header h6 {
  font-size: 14px;	
}

.card-body,
.card.card-md .card-header {
  padding-top: 5px !important;
  padding-bottom: 5px !important;	
}

.pt-30 {
  padding-top: 30px !important;
}

.ptb-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ptb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.horizontal-form p {
  margin-bottom: 0;	
}

.pt-10 {
  padding-top: 10px;
}

.la-user-circle {
  font-size: 24px;	
}

.pb-20 {
  padding-bottom: 20px !important;
}

.searchParent {
  display: flex;
  align-items: center;
  justify-content: space-between;	
}

@media (max-width: 767px) {
  .f-d-column {
	flex-direction: column;  
  }
  
  .w-full {
	width: 100% !important;
	margin-left: 0;
  }
  
  .pl-20 {
	padding-left: 0 !important; 
  }
  
  .plr-20 {
	padding-left: 10px;
	padding-right: 0;
  }
  
  .m-ml-10 {
	margin-left: 10px;  
  }
  
  .form-sz {
	width: 10vw !important;  
  }
  
  .searchParent {
	justify-content: start;
	flex-direction: column;  
  }
  
  .m-pt-20 {
	padding-top: 20px;
	width: 100%;  
  }
}

.ptb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;	
}

.filtr-container {
  display: block !important;
}

.w-text {
  width: 30%;	
}

.w-50 {
  width: 50%;	
}

.w-60px {
  width: 60px !important;	
}

.w-75px {
  width: 75px !important;	
}

.w-110px {
  width: 110px !important;	
}

.w-130px {
  width: 130px !important;	
}

.historyTbody tr {
  cursor: pointer;	
}

.historyTbody tr:hover {
  background: #D2D2D2;	
}

.gc__img {
  position: relative;
  text-align: center;
}

/*
.chkImg {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 18px;
  height: 18px;
  appearance: none;
  background: #fff;
  border-radius: 4px;	
}
*/

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #656565; /* Change this to your desired border color */
  border-radius: 4px; /* Optional: for rounded corners */
  outline: none;
  cursor: pointer;
  position: absolute;
  background-color: white;
}

/* Optional: Styling the checked state */
input[type="checkbox"]:checked {
  background-color: blue;
}

/* Optional: Styling the checkmark */
input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.chkImgAll {
  position: absolute;
  left: 35px;
  top: 26px;
}

.spanAll {
  padding-left: 33px;
  padding-bottom: 10px;	
  font-weight: bold;
}

.w-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 15%;
  padding: 5px 5px;
}

.w-14 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14%;
  flex: 0 0 14%;
  max-width: 15%;
  padding: 5px 5px;
}

.w-20 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.w-50 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

#srchTypeSelect {
  width: 120px;
  margin-right: 10px;
  appearance: auto;
  text-align-last: center;	
}

.width-45 {
  width: 45% !important;	
}

.width-40 {
  width: 40% !important;
  border: 1px solid #656565 !important;
}

.chgStatus {
  transform: translate(10px, -10px);	
}

.delGallery {
  transform: translate(10px, -10px);	
}

.form-rt {
  width: 8vw;	
}

.form-rt-modal {
  width: 6.8vw !important; 	
}

.dm-date-picker input {
  color: #000 !important;	
}

.ui-datepicker {
  z-index: 10000 !important;
  width: 30% !important;
}

.f-bold {
  font-weight: bold !important;
}

.div-pdf {
  display: none;	
}

.rental-div {
  display: none;	
}

.historyDelBtn {
  display: none;	
}

.card,
.gc {
  height: 100% !important;	
}

.card-desc {
  height: 140px;
  overflow: hidden;	
  margin-top: 10px;
  padding: 0 5px !important;
}

.table-hover > tbody > tr:hover {
  cursor: pointer !important;	
}

.artistData {
  color: cornflowerblue;
  text-decoration: underline;
  cursor: pointer;	
}

.artistData:hover {
  color: #0d6efd;
}

#artistDetailLabel {
  font-size: 16px;	
}

#artistTitle {
  font-size: 18px;
  font-weight: bold;	
}

.main-yn {
  position: absolute;	
  top: 15px;
  left: 30px;
}

.free:hover,
.unfree:hover {
  cursor: pointer;	
}

.dropdown-menu a:hover {
  cursor: pointer;	
}

.ex-upt-div img {
  width: 250px;
  height: 250px;	
}

.regExhibition {
  transform: translate(10px, -10px);	
}

#videoDiv .statusChk a,
#popDiv .statusChk a {
  transform: translate(10px, -6px) !important;	
}

#videoDiv .gc__img img {
  height: 225px;	
}

#videoDiv .card-desc {
  height: 70px;	
}

.slick-slider {
  background-size: cover;
  background-repeat: no-repeat;	
  background-position: center;
  height: 100%;
}

.prev {
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 50;
}

.next {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 50;
}

.slick-track {
  height: 100%;	
}

.slick-slider__single img {
  background: #fff;
}

.slick-list {
  height: 100%;	
}

.ex-gallery:hover {
  cursor: pointer;
}

.agency-check {
  border: 1px solid var(--border-light);
  width: 73.6%;
  margin-left: 12px;
  padding: 10px;
  height: 85px;
  overflow: auto;	
}

.form-group {
  margin-bottom: 5px !important;	
}

.form-control {
  border: 1px solid #656565;
  line-height: 1;
  font-size: 14px;
}

select {
  height: 30px !important;	
}

.u-btn {
  width: 55px;
  height: 30px;
  padding: 0;
  margin-left: 20px;
}

.fw-500 {
  font-weight: 500;
  font-size: 14px !important;	
}

.nav_admin {
  color: #000;	
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

.f-img {
  width: 160px;
  height: auto;	
}

.agency-checkbox-td {
  position: relative;	
}

.agency-checkbox {
  left: 80px;
  top: 15px;
}

.page-item.active .page-link {
  background-color: #336699 !important;
  border-color: #336699 !important;
  height: 30px !important;
  line-height: 0 !important;
}

.page-link {
  height: 30px !important;
  line-height: 0 !important;	
}

.text-right {
  text-align: right;	
}

.artistUpdBtn {
  display: inline-block;	
}

.desc2 {
  left: 115px;
  top: 660px;	
}

.desc3 {
  left: 115px;
  top: 613px;
}

.desc4 {
  margin-left: 100px;
  margin-top: 8px;
}

.desc5 {
  left: 115px;
  top: 893px;	
}

.desc6 {
  left: 115px;
  top: 1325px;	
}

#artistDescription > div {
  width: 100% !important;	
}

.counselDiv textarea {
  width: 100%;	
}

.counselDiv #srchTypeSelect {
  width: 140px !important;	
}

.counselDiv .srchBtn {
  width: 140px !important;
  padding: 0 !important;	
}

.option-btn {
  position: absolute;
  top: -10px;
  right: -85px;
  z-index: 10;
}

.image-item {
  width: 145px;
  height: 145px;
  cursor: move !important;
  border: 1px solid #ccc;
  padding: 5px;
}

.image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.e-tab {
  width: 20vw;	
}

.card-status {
  position: relative;
  top: 10px;	
}

.gc-bt {
  font-size: 11px !important;	
}

.deleteAudioBtn:hover {
  cursor: pointer;	
}

.uptBtn:hover {
  cursor: pointer;	
}

.play-bar {
  position: absolute;
  bottom: 40px; 	
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
  height: 88px;
  background-color: rgba(0, 0, 0, 0.1);
  gap: 1px;
}

.play-bar p {
  color: #fff;
  text-align: center;
}

.play-bar svg {
  width: 20px;
  height: 20px;
  color: #fff;
  margin: 0 50px;
}

.play-bar > div > div {
  padding-top: 20px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.m-play-bar {
  width: 100%;
  position: absolute;
  bottom: 0; 	
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
  height: 73px;
  background-color: #fff;
}

.m-play-bar p {
  text-align: center;
  font-size: 14px;
  letter-spacing: -2px;
}

.m-play-bar svg {
  width: 30px;
  height: 14px;
  margin: 0 8vw;
}

.m-play-bar .controls {
  background-color: #fff !important;	
}

.play-div {
  cursor: pointer;
  background-color:rgba(0, 0, 0, 0.1);
}

.m-play-bar {
  display: none !important;	
}

.pause-button {
  display: none;	
}

.cursor-pointer {
  cursor: pointer;	
}

.vh-100 {
  width: 100%;
  height: 100vh;
}

.swiper-slide {
  position: relative;
  overflow: hidden;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(0.5);
  transition: transform 1.5s;
  box-shadow: 5px 5px 15px;
  filter: blur(5px); /* Initial blur effect */
  transition: filter 0.3s ease; /* Smooth transition effect */
}

.swiper-slide.swiper-slide-next img {
  filter: blur(0); /* Remove blur from active slide */
  transform: scale(1.2);
  transition: transform 1.5s;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translateY(25%) !important;
}

.swiper-container {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

.chevron {
  position: absolute;
  width: 100%;
  top: 0;
}

.chevron-left,
.chevron-right {
  position: absolute;
  width: 100%;
  height: 100vh;
}

.chevron-left::after {
  position: absolute;
  left: 15px;
  top: 50%;
  content: '';
  width: 50px;
  height: 50px;
  transform: rotate(225deg);
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  z-index: 10;
}

.chevron-right::after {
  position: absolute;
  right: 15px;
  top: 50%;
  content: '';
  width: 50px;
  height: 50px;
  transform: rotate(45deg);
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  z-index: 10;
}

@media (max-width: 767px) {
  .agency-check{
	width: 93.6%; 
  }
  
  .play-bar {
    display: none !important;	
  }
    
  .m-play-bar {
  	display: flex !important;
	justify-content: center;
  }
}