@charset "utf-8";
/* CSS Document */


form.dropzone input[type=file] {
    display: none;
}
#cropper-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8); 
	align-items: center;
	justify-content: center;
	z-index: 9999;
	display: none;
}	
#cropModal {
  display: none;
  position: fixed;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 20px;
  z-index: 9999;
  max-height: 100vh;
  max-width: 95vw;
  overflow: hidden; /* No scroll inside modal */
  box-sizing: border-box;
  border-radius: 10px;
  bottom: 2%;
}

.cropper-container {
  height: 82vh !important;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#cropperImage {
  max-width: 100%;
  max-height: 82vh;
  display: block;
  object-fit: contain;
}
.modal-status-button {
    /*padding: 3px;*/
    margin-left: 2px;
}
.tooltip-inner { max-width: 250px; }

.dontdeliveryet-btn {
	background: #b10202;
	color: #fcc8c2;
}
.dodeliveryet-btn {
	background: #d4edbc;
	color: #409167;
}
.grid_order_by_ul li a, .grid-top-a-filters a {
    width: 40px;
}
.case_study_icon_style
{
    margin-top: 5.5px;
    font-size: 1em;
    margin-left: 1px;
}
.main_case_study_iconstyle_1 {
	border: 1px solid #9f9f9f; 
	color: #9f9f9f; 
}
.case_study_icon_style_1
{
    color: #9f9f9f;
}

.main_case_study_iconstyle_2 {
	border: 1px solid #FF8F06; 
	color: #FF8F06; 
}
.case_study_icon_style_2
{
    color: #FF8F06;
}

.main_case_study_iconstyle_3 {
	border: 1px solid #709D54; 
	color: #709D54; 
}
.case_study_icon_style_3
{
    color: #709D54;
}
.case_study_icon_active_style
{
    padding: 6px;
    border-radius: 100%;
    border: 2px solid #2563eb;
}
.case_study_filter_a {
    padding: 0px !important;
    text-align: center;
}
#case_study_filter button {
    --tw-ring-offset-width: 0px;
    --tw-ring-opacity: 0px;
}

@media only screen and (max-width: 768px)  {
	#cropModal  {
		left: 2%;
		transform: translateX(0%);
	}
	.cropper-container, #cropperImage {
  		max-height: 72vh;
	}
}