.offcanvas#offcanvasConfigurator {
	width: 25vw; 
	z-index: 2147483551;
}

#infoModal {
	z-index: 2147483552;
}

.TrengoOnlineStatus__iframe {
	z-index: 9999 !important;
}

.defaultpreview-select-option-image img, .defaultpreview-selected-option-image img {
	height: 30px;
}

.step {
	width: 100px;
	display: inline-block;
}

/*.step-row {
	display: none;
}*/

.group-description-title {
   font-weight: bold;
}

/*.step-row.false {
	display: none;
}*/

.step-row.firsttime {
	display: block;
}

.step-row.true {
	display: block;
}

.offcanvas-body, .offcanvas-header {
	padding: 1rem 25px;
}

.offcanvas-body hr {
   background-color: rgba(17,33,81,.15);
   opacity: 1;
}

.btn.inactive {
	background-color: #e5d6c2;
       border-color: transparent;
       color: #fff;
}

.bi-check-circle-fill::before {
	background-color: #fff;
	border-radius: 25px;
}

#summarycontainer {
	padding-top: 14px;
	border-top: 1px solid rgba(17,33,81,.15);
}


.btn.active, .btn.btn-previous.inactive {
	background-color: #BF9967 !important;
       border-color: transparent !important;;
       color: #fff !important;;
}

.step-fieldlabel {
	/*display: flex;
	flex-wrap: wrap;
	align-items: center;*/
	color: #000;
	padding: 14px 0px 14px 0px;
	border-top: 1px solid rgba(17,33,81,.15);
	font-size: 18px;
	/*background-color: #11215103;*/
}

.step-fieldinput {
	padding: 0px 0px;
}

/*.step-fieldlabel .step {
  	font-size: 22px;
  	color: #fff;
	background-color: #BF9967;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-right: 15px;
}*/

.additional-description {
	font-size: 15px;
	
}

.additional-description:hover {
	cursor: pointer;
}

.additional-description.active {
	overflow: visible;
	display: unset;
	-webkit-line-clamp: unset;
	line-clamp: unset; 
	-webkit-box-orient: unset;
}

.group-description-title {
    width: 100%;
    margin-top: 15px;
}

.step-fieldinput .readall-button {
	margin-top: 0px;
	font-size: 15px;
}

.step-fieldinput .readall-hide {
	background: none;
}

.group-description-content {
    display: flex;
    flex-wrap: wrap;
}

.item-container {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-bottom: 15px;
  }

.row-item {
	width: 79px;
	margin: 15px 15px 0px 0px;
	border-radius: 10px;
	text-align: center;
	transition: background .3s ease,color .3s ease;
}

.row-item span.title {
	font-size: 13px;
}

.row-item.selected span.title {
	font-weight: bold;
}

.row-item:hover {
   cursor: pointer;
   background-color: rgba(17,33,81,.04);
}

.row-item.normal {
	border: 1px solid #d8d8d8;
	border-radius: 100px;
}

.row-item .fakeborder {
	padding: 5px 0px;
	border-radius: 100px;
	height: 100%;
}

.step-fieldlabel .total_count {
	color: #d8d8d8;
}

.row-item.normal .fakeborder {
	border: 2px solid transparent;
}

.row-item.normal .checked-con i {
	display: none;
}

.step-fieldinput {
   margin-bottom: 15px;
}

.row-item.image i.bi-search, .row-item.image i.bi-info-lg {
   background-color: #f2f2f2;
   padding: 3px 5px;
   border-radius: 20px;
   box-shadow: 0 2px 5px rgba(0,0,0,.2);
   font-size: 8px;
}

.step-fieldinput img {
	padding: 4px;
	width: auto;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	transition: border .3s ease;
	width: 80px;
	box-shadow: 0 0px 8px 0px rgba(0,0,0,.08);
}

/* .row-item.selected img */
.row-item.normal.selected {
	border: 1px solid rgba(17,33,81,1);
}

.row-item.normal.selected .fakeborder {
	border: 2px solid rgba(17,33,81,1);
}

/*.row-item .image-con {
	overflow: hidden;
}*/

.item-container .selected-elm {
	display: none;
}

.selected-elm small {
	color: #d8d8d8;
	font-size: 12px;
}

.selected-elm strong {
	font-size: 14px;
}

.selected.hidden {
	display: none;
}

.row-item .checked-con {
	display: none;
}

.row-item.selected .checked-con {
	display: block;
	z-index: 9999999;
}

.row-item .checked-con { 
	color: #BF9967;
}

.image-con, .checked-con {
   position: relative;
}

.checked-con i {
	position: absolute;
   	top: 6px;
   	right: 5px;
   	transition: all .3s ease-in-out;
   	font-size: 20px;
}

.image-con a {
   	position: absolute;
   	bottom: 10px;
   	right: 5px;
   	font-size: 14px;
}

.image-con .show-info-modal {
	position: absolute;
   	bottom: 9px;
   	right: 26px;
   	font-size: 14px;
}

.conf-item {
  	margin: 5px 0;
  	grid-gap: 25px;
  	align-items: center;
  	display: flex;
	justify-content: space-between;
}

.conf-item strong, .conf-item .val {
	font-size: 14px;
}

.conf-item small {
	color: #d8d8d8;
	font-size: 12px;
}
   
#offcanvasConfigurator .tooltip-inner {
     background-color: #fff !important;
     box-shadow: none !important;
     opacity: 1 !important;
     padding-left: 0px !important;
     padding-right: 0px !important;
     padding-top: 0px !important;
 }
 
#offcanvasConfigurator .tooltip.show {
	opacity: 1;
}
 
#offcanvasConfigurator .tooltip.bs-tooltip-right #offcanvasConfigurator .tooltip-arrow::before {
	border: 0 none !important;
}
 
#offcanvasConfigurator .tooltip.bs-tooltip-left .tooltip-arrow::before {
	border: 0 none !important;
}
 
#offcanvasConfigurator .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
	border: 0 none !important;
}
 
#offcanvasConfigurator .tooltip.bs-tooltip-top .tooltip-arrow::before {
	border: 0 none !important;
}

@media (max-width: 1700px) {
	.offcanvas#offcanvasConfigurator {
		width: 39vw;
	}
}

@media (max-width: 1304px) {
	.offcanvas#offcanvasConfigurator {
		width: 49vw;
	}
}

@media (max-width: 1007px) {
	.offcanvas#offcanvasConfigurator {
		width: 79vw;
	}
}

@media (max-width: 625px) {
	.step-fieldinput img {
		height: unset;
		max-height: 80px;
	}
	.btn.active, .btn.btn-previous.inactive {
		line-height: 20px;
		font-size: 12px;
	}
	.row-item {
		width: 66px;
	}
	.additional-description {
	  	font-size: 13px;
	}
	.row-item.image {
		width: 79px;
	}
	.row-item span.title {
  		font-size: 11px;
	}
	.fancybox-container {
		z-index: 999999999999;
	}
	.offcanvas#offcanvasConfigurator {
		width: 100%;
	}
	.step-fieldlabel {
		padding: 18px 0px;
		font-size: 18px;
	}
	.step-fieldinput {
		margin-bottom: 5px;
	}
	.offcanvas-body, .offcanvas-header {
		padding: 1rem 10px;
	}
}