/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {


    --cnvs-themecolor: #FF0000;
    --cnvs-themecolor-rgb: 255, 0, 0;
	--bs-primary-rgb: 255, 0, 0;
	--cnvs-contrast-bg-offset: #FFFFFF !important;
	--cnvs-footer-top-border: 5px solid rgba(var(--cnvs-contrast-rgb), 0.15);
	--bs-dark-rgb: 253, 217, 217;
	--cnvs-form-group-margin: 0rem !important;
	--cnvs-apsinno-content-padding: 1rem;
	--cnvs-body-image: 255, 0, 0;
	--cnvs-body-font: "Inter", sans-serif;
	--cnvs-secondary-font: "Playfair Display", serif;
	--cnvs-body-image: 255, 255, 255;
}

form .form-group {--cnvs-form-group-margin: 0.75rem;}

.content-wrap-workshop-registration {
    padding: var(--cnvs-apsinno-content-padding) 0;
}

.row-without-flex {

	display: block !important;
  }
  .form {--cnvs-form-group-margin: 1.25rem !important; }  

  .boxed-slider {
    padding-top: 10px;
}
.entry-meta li {
    color: var(--cnvs-contrast-700) !important;
}
.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--cnvs-contrast-1000), var(--bs-text-opacity)) !important;
}

.date-range{
	height:30px;
  }

  
  [data-kt-app-layout=dark-sidebar] .app-sidebar {
	background-color: #05122d !important;

  }

  @media (min-width: 992px) {
	[data-kt-app-layout=dark-sidebar] .app-sidebar .menu-sub-lg-dropdown {
	  background-color: #05122d !important;
	}
  }


  body {
	  font-family: 'Segoe UI', sans-serif;
	  background: #f3f4f6;
	  margin: 0;
	  padding: 20px;
  }

  .listing-grid {
	  display: flex;
	  flex-direction: column;
	  gap: 12px;
  }

  .listing-header,
  .listing-row {
	  display: flex;
	  background: white;
	  border-radius: 8px;
	  padding: 6px;
	  align-items: center;
	  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }

  .listing-header {
	  font-weight: 600;
	  background: #e5e7eb;
	  color: #333;
  }

  .col {
	  flex: 1;
	  display: flex;
	  align-items: center;
	  gap: 6px;
	  min-width: 100px;
	  justify-content: left;
	  margin-left:10px;
  }

  .checkbox-col {
	  flex: 0 0 40px;
	  display: flex;
	  justify-content: center;
  }

  .sortable {
	  cursor: pointer;
  }

  .sortable i:last-child {
	  margin-left: 4px;
  }

  .status {
	  padding: 4px 10px;
	  background: #d1fae5;
	  color: #065f46;
	  border-radius: 50px;
	  font-size: 0.8em;
	  font-weight: 600;
  }

  @media (max-width: 600px) {

	  .listing-header,
	  .listing-row {
		  flex-direction: column;
		  align-items: flex-start;
	  }

	  .col {
		  width: 100%;
		  justify-content: space-between;
	  }

	  .checkbox-col {
		  width: 100%;
		  justify-content: flex-start;
		  margin-bottom: 8px;
	  }

	  .col.center-mobile {
		  justify-content: center;
	  }

	  .listing-row {
		padding:15px;
	  }
  }





  .dropdown {
	  position: relative;
	  display: inline-block;
  }

  .dropdown-toggle {
	  background: none;
	  border: none;
	  cursor: pointer;
	  padding: 4px;
	  font-size: 1em;
  }

  .dropdown-menu {
	  display: none;
	  position: absolute;
	  right: 0;
	  top: 100%;
	  background: white;
	  border: 1px solid #ddd;
	  border-radius: 6px;
	  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
	  min-width: 100px;
	  z-index: 100;
  }

  .dropdown-menu a {
	  display: block;
	  padding: 8px 12px;
	  text-decoration: none;
	  color: #333;
	  font-size: 0.9em;
  }

  .dropdown-menu a:hover {
	  background-color: #f3f4f6;
  }

  .checkbox-border-color {
	  border: 1px solid #636876 !important;
  }