/* @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
* {
	margin: 0;
	padding: 0;
}

#valid-msg{
color: #75B63C;
}
.noneclass{
  display: none !important;
}

:root{
  --primary:#758331;
  --secondary:#74798C;
  --warning:#FE8533;
  --dark:#494949;
  --blue:#183CC6;
  --light:#74798C;
  --dark-light:#E6E6E6;
  --info:#758331;
  --purple:#AE56FA;
  --dark-light:#F6F6F6;
  --orange:#D7671A;
  --yellow:#FEBC33;
  --success:#019445;
}
.text-warning{
  color:var(--warning) !important;
}
.text-primary{
  color:var(--primary) !important;
} 
.text-secondary{
  color:var(--secondary) !important;
}
.text-dark{
  color:var(--dark) !important;
}
.text-info{
  color:var(--info) !important;
}
.text-blue{
  color:var(--blue);
}
.bg-light{
  background-color:var(--light) !important;
}
.bg-dark-light{
  background-color: var(--dark-light);
}
.text-orange{
  color:var(--orange);
}
.border-warning{
  border-color:var(--warning) !important;
}
.border-success{
  border-color:var(--primary) !important;
}
.border-info{
  border-color: var(--info) !important;
}
.border-secondary{
  border-color: var(--secondary) !important;
}
.border-purple{
  border-color: var(--purple) !important;
}
.text-light{
  color: var(--light) !important;
}
.border-yellow{
  border-color: var(--yellow) !important;
}
.btn-light{
  background-color: #ECECEC;
}
.btn-info{
  background-color: var(--info) !important;
}
.text-success{
  color: var(--success) !important;
}
.bg-success-50{
  background-color: #EDFFF6;
}
.z-9{
  z-index: 99;
}
body {
	/* font-family: 'Josefin Sans', sans-serif; */
  font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	overflow-x: hidden;
  box-sizing: border-box;
  background-color:#F5F6FA;
  width:100%;
  height:100%;
}
.form-control {
  background-color: #F5F6FA;
  /* min-height: 55px; */
}
/* button */
.btn-success-gradient {
  background-image: linear-gradient(#669930, #7FCF42);
}

/* Sidebar styles */
.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.sidebar {
  background-color: #27311D;
}

#sidebar {
  width: 250px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  color: #fff;
  transition: all 0.3s;
}

.top-header{
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
}
#sidebar.active {
  margin-left: 0px;
  min-width: 90px;
  max-width: 90px;
  transition: all 0.3s;
}
#sidebar.active a {
  display: block;
  text-align: center;
  align-items: center;
  padding: 0px 0px 20px 0px !important;
  transition: all 0.3s;
}
#sidebar.active .logo{
  padding: 10px !important;
}
#sidebar.active a p{
  font-size: 10px;
  padding-top: 10px;
}

a[data-toggle="collapse"] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}

#content {
  width: calc(100% - 250px);
  min-height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.3s;
}
#content.active {
  width: calc(100% - 90px);
}
a[data-toggle="collapse"] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
.sidebar a {
  display: flex;
  align-content: center;
  gap: 1rem;
  padding: 8px 32px;
  border-radius: 0px 15px 15px 0px;
  color:#9ea9b4;
}

.sidebar a.active, .sidebar a.active svg {
  color: #F7A80C;
  fill:#F7A80C;
}
.sidebar a:hover{
  color: #F7A80C;
  transition:0.4s ease-in-out;
}
.sidebar a:hover svg{
  fill: #F7A80C;
}
.sidebar svg{
  fill:#AAAB86;
}
.dropdown-item{
  font-size:14px;
}

/* Notification */
.notification_card{
  width:400px;
}

/* top-header-css */
.top-header .navbar .container-fluid{
  flex-wrap: initial;
    gap: 1rem;
    order: 1;
    flex-direction: row-reverse;
}
.top-header .navbar .container-fluid .navbar-nav{
  display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0.1rem;
}

/* Login-css */
.login_banner {
  border-radius: 0 100px 0 100px;
  height: 560px;
  width: 100%;
  object-fit: cover;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: var(--primary);
}
.nav-pills .nav-link{
  background-color: rgba(116, 121, 140, 0.1);
  color: var(--secondary);
}
.table tbody td {
  color: #74798C;
  font-weight: 400;
  padding: 10px;
}
.table tbody tr.even {
  background-color: #F5F6FA;
}
.table tbody tr{
  vertical-align: middle;
}
.pagination .page-link{
  background-color: #F5F6FA;
  color:#74798C;
}
.iti{
  width: 100%;
}
.iti__flag {
  width: 18px;
}
/* Multistep-css */
/*form styles*/
#msform  {
  position: relative;
  margin-top: 30px;
}
#editEventForm {
  position: relative;
  margin-top: 30px;
}
/*Hide all except first fieldset*/
/* #msform fieldset:not(:first-of-type) {
  display: none;
} */
/*buttons*/
 #msform .action-button {
  padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    border: 0;
    background-color: var(--info);
    border-radius: 0;
    color: white;
    float: right;
}
/*buttons*/
#editEventForm .action-button {
  padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    border: 0;
    background-color: var(--info);
    border-radius: 0;
    color: white;
    float: right;
}

#msform .action-button-previous {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border: 0;
  background-color: #ECECEC;
  border-radius: 0;
  color: #000;
position: absolute;
right: 110px;
}

#editEventForm .action-button-previous {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border: 0;
  background-color: #ECECEC;
  border-radius: 0;
  color: #000;
  position: absolute;
  right: 110px;
} 


.draft_btn {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border: 0;
  background-color: #ECECEC;
  border-radius: 0;
  color: #000;
  position: absolute; 
  right: 200px;
} 

/*progressbar*/
#progressbar {
  margin-bottom: 30px !important;
  overflow: hidden;
  counter-reset: step;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  padding-left: 0 !important;
}
#progressbar li {
  list-style-type: none;
  color: #74798C;
  text-transform: uppercase;
  width: 20%;
  float: left;
  position: relative;
  letter-spacing: 1px;
}

#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 24px;
  height: 24px;
  line-height: 20px;
  display: block;
  font-size: 12px;
  color: #333;
  background: white;
  border: 2px solid rgba(116, 121, 140, 40%);
  border-radius: 25px;
  margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #C2C5CE;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before{
  background: #74798C;
  color: white;
}


/* Not relevant to this form */
.dme_link {
  margin-top: 30px;
  text-align: center;
}
.dme_link a {
  background: #FFF;
  font-weight: bold;
  color: #ee0979;
  border: 0 none;
  border-radius: 25px;
  cursor: pointer;
  padding: 5px 25px;
  font-size: 12px;
}

.dme_link a:hover, .dme_link a:focus {
  background: #C5C5F1;
  text-decoration: none;
}

/* Upload-css */
.dropzone {
  border: 0.0625rem solid #c6ccd6;
  border-radius: 0.5rem;
  background-color: #F5F6FA;
  display: block;
  cursor: pointer;
}
.event_Card_image img{
  height:100px !important
  }
.dropzone .dropzone-container {
  padding: 0.8rem 0;
  width: 100%;
  /* height: 100%; */
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #8c96a8;
  z-index: 20;
}
.dropzone .dropzone-container .dropzone-title {
  padding-top: 1.5rem;
}
.dropzone .dropzone-container .browse {
  text-decoration: underline;
  color: #007bff;
}
.dropzone .file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

.file-icon {
  /* Need position to allow stacking of pseudo-elements */
  position: relative;
  width: 4rem;
  height: 5.25rem;
  /* Padding for demo purposes */
  padding: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 2rem;
  color: #007bff;
  /* Second sheet of paper */
}
.file-icon, .file-icon:before, .file-icon:after {
  background-color: #ffffff;
  border-radius: 0.25rem;
  border: 0.125rem solid #b8bec9;
}
.file-icon:before, .file-icon:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0.125rem solid #ccd0d8;
}
.file-icon:before {
  left: -0.625rem;
  top: 0.5rem;
  z-index: -1;
}
.file-icon:after {
  top: -0.25rem;
  right: -0.25rem;
  left: auto;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  border-width: 0.625rem;
  border-style: solid;
  border-color: #f9f9fb #f9f9fb #b8bec9 #b8bec9;
}
.gallery-image img, .gallery-image video {
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}
.venue_image img {
  width: 200px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 10px;
}
.plan_list{
  background-color: #F3F3F3;
  border: 2px solid #E3E3E3;
  border-radius: 4px;
}
SELECT {
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important; 
  appearance: none !important;
  padding-right: 2rem !important;
}
#phone_number-error{
  position: absolute;
}
.ui-timepicker-container{
  z-index: 999 !important;
  width: 136.5px!important ;
}
.aftercropImagebanner,#baner_img{
  object-fit: cover;
  width: 100%;
/*  aspect-ratio: 4/1;*/
/*  aspect-ratio: 0;*/
aspect-ratio: 1280 / 320;
}
#artist_vali_row li img{
  width: 80px;
  height: 80px;
  border-radius: 50px;
  aspect-ratio: 2/2;
  object-fit: cover;
}
.editartist_image {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  aspect-ratio: 2/2;
  object-fit: cover;
}
.aftercropImage{
  aspect-ratio: 4/1;
  object-fit: contain;
  max-width: 100%;
}

#image-show,#image-show2,#image-show3,#image-show4,#image-show5{
  max-width: 100%; /* prevent the overflow blip when the modal loads */
}
.show_gallery_img{
  flex-wrap: wrap;
}
.show_gallery_img li{
  max-width: 23%;
}
.show_gallery_img li img, .show_gallery_img li video{
  aspect-ratio: 2/2;
    height: 100%;
    object-fit: cover;
}
/* #preloader{
  position: fixed;
width: 100%;
height: 100vh;
background: #fff url('../js/skins/moono-lisa/images/spinner.gif') no-repeat center center;
z-index: 9999;
} */

/* custom styles */
.dataTable th{font-size: 14px;vertical-align: middle;}
.dataTable td{font-size: 13px;}
.paginate_button.active a{background-color: #758331; border-color: #758331; color:#fff}
.login_start {
  min-height: calc(100vh - 72.81px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media(max-width:667px){
  #content.active {
    width:  calc(100% - 250px);
}
 
  #content {
    width: calc(100% - 90px);
}
#sidebar.active a p {
  font-size: 14px;
  padding-top: 0;
}
  #sidebar a p {
    font-size: 10px;
    padding-top: 10px;
}
#sidebar.active a {
  display: flex;
  align-content: center !important;
  gap: 1rem;
  padding: 8px 32px !important;
  border-radius: 0px 15px 15px 0px;
  color: #9ea9b4;
}
  #sidebar a {
    display: block;
    padding: 0px 0px 20px 0px !important;
    transition: all 0.3s;
    text-align: center;
}
  #sidebar .logo {
    padding: 10px !important;
}
  #sidebar {
    margin-left: 0px;
    min-width: 90px;
    max-width: 90px;
    transition: all 0.3s;
}
#sidebar.active {
  width: 250px;
  z-index: 999;
  min-width: auto;
  max-width: 250px;
}
}
/* Added by sarvesh 13_feb_26 */
.btn-secondary {
    background-color: #758331 !important;
    border-color: #758331 !important;
    color: #ffffff !important; /* Text color white rakhne ke liye */
}

/* Hover, Active aur Focus states ke liye */
.btn-secondary:hover, 
.btn-secondary:focus, 
.btn-secondary:active {
    background-color: #AAAB86 !important;
    border-color: #AAAB86 !important;
    color: #ffffff !important;
    box-shadow: none !important; /* Blue outline hatane ke liye */
}