.translate-field div:not(:last-child) {
	padding: 0px;	
}
/* Text Area Editor Right Border Issue Fix */
.mce-tinymce iframe,
#description_ifr {
	width: 99.9% !important;
}
/* Dropped in Bootstrap 4 */
.btn-xs {
    padding: 1px 5px;
    line-height: 1.5;
    border-radius: 3px;
    font-size: .8rem;
}
.badge-active {
	background-color: #777;
	color: #fff;
}
/* Prevent Tooltip Flickering */
/* This also disables the scroll */
/*.tooltip { 
	pointer-events: none;
}*/
.tooltip > .tooltip-inner {
	width: 100%;
}
/* Fancytree replace Expander ICON with FontAwesome ICON */
.fancytree-exp-c span.fancytree-expander,
.fancytree-exp-cl span.fancytree-expander,
.fancytree-exp-cd span.fancytree-expander,
.fancytree-exp-cdl span.fancytree-expander {
    position:relative;
    background: none;
}    
.fancytree-exp-c span.fancytree-expander:before,
.fancytree-exp-cl span.fancytree-expander:before,
.fancytree-exp-cd span.fancytree-expander:before,
.fancytree-exp-cdl span.fancytree-expander:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f055";  /* this is your text. You can also use UTF-8 character codes as I do here */
    position:absolute;
    top: -2px;
    left: 2px;
}
@media (min-width: 768px) {
	.form-horizontal .col-form-label {
	    padding-top: 7px;
	    padding-right: 2rem;
	    margin-bottom: 0;
	    text-align: right;
	}
	.form-inline label {
		justify-content: flex-end;
	}
}
/* Exact margin between icon and text */
.fa {
  display: inline-block;
}
.fa-fr { 
	/*width: 1.5rem !important;*/
	margin-right: .5rem;
}
.fa-fl { 
	/*width: 1.5rem !important;*/
	margin-left: 1rem;
}
/* Override custom-select CSS */
.custom-select.selectized,
.selectize-dropdown.custom-select,
.selectize-control.custom-select {
	height: auto;
	padding: 0px;
	border: none;
	background: #fff;
}
/* cart price cut */
.line-through {
	text-decoration-line: line-through;
	-webkit-text-decoration-line: line-through; /* Safari */
}
/* Sort By Button as Link */
.btn-sort {
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
}
/* Bootstrap 4 - input-group-append https://github.com/bassjobsen/typeahead.js-bootstrap4-css/issues/1*/
.input-group>.twitter-typeahead {
     position: relative;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
 }
 .input-group>.twitter-typeahead:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .input-group>.twitter-typeahead>.tt-input {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .form-control.tt-input:focus {
     z-index: 3
 }
/* Mobile Devices Upload Logo and Cover*/
@media only screen and (max-width: 468px) {
	 .table-cell-middle .input-group {
	 	display: block;
	 }
}
/* The box should have a fixed height */
.img-box {
    display: table-cell;
    height: 8.75rem;
    max-height: 8.75rem;
    max-width: 21.87rem;
    text-align: center;
    vertical-align: middle;
    width: 21.87rem;
}

.img-box .img-fluid {
    display: block;
    width: auto !important;
    max-height: 100%;
    max-width: 100%;
    margin-left: auto; /* Image Center Align */
    margin-right: auto;
}
/* Crop the image from the Center */
.img-crop-center,
.color-box {
    width: 100%;
    height: 12.5rem;
    overflow: hidden;
    position: relative;
}
.img-crop-center-md { /* Height of the Image*/
	height: 13.75rem;
}
.img-crop-center .img-fluid,
.color-box img {
    /*position: absolute;*/
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto; 
    height: auto;
    width: auto;
    
     /* Stretch Image to Fit 100% of Div Height and Width */			
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.img-crop-center .img-contain {
    object-fit: contain; /* Keep the aspect ratio */
	
}

.color-box img { /* Image CRUD */
	height: 90px;
	width: 90px;
}

/* Perfect Circle DIV Image, given image path in HTML using style attribute */
.img-circle-block {
	display: flex;
	justify-content: center;
	align-items: center;
}
.img-circle-block__image {
	width: 6.25rem;
	height: 6.25rem;
	-webkit-border-radius: 6.25rem;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 6.25rem;
	-moz-background-clip: padding;
	border-radius: 6.25rem;
	background-clip: padding-box;
	margin: 7px 0 0 5px;
	float: left;
	background-size: cover;
	background-position: center center;
}
/* Leaflet Map width and height in forms */
.map-leaflet {
	width: 100%;
	height: 300px;
}
#mapLeaflet {
	z-index: 49;
}
/* Checkmark in unordered list */
.list-check ul {
    padding-left: 0;
    list-style: none;
}
.list-check li:before {
  content: '✓';
  margin-right: 10px;
}
/* Bootstrap Select - Callbacks */
.btn-input {
    background-color: #fff;
    border: 1px solid #ced4da;
}
.bootstrap-select .dropdown-menu.show a {    
  	width: 255px;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
/* validation error strings margin removal */
.alert.alert-block.alert-danger p {
    margin-bottom: 0px !important;
}
.rating-xs {
	font-size: 1.5em !important;
}
/* Text Decoration None */
.text-decoration-none,
.text-decoration-none:hover,
.text-decoration-none:active,
.text-decoration-none.active,
.text-decoration-none.focus,
.text-decoration-none:focus {
	text-decoration: none;
	outline: none !important;
}
/* captcha height */
.refresh-captcha {
    max-height: 37px;
}
/* Max Height */
.mh-100 {
	max-height: 100px !important;	
}
.mh-200 {
	max-height: 200px !important;	
}
.h-250 {
	height: 250px !important;
}
.h-80 {
	height: 80px !important;
}
.h-180 {
	height: 180px !important;
}
.thumb-50 {
	max-width: 50px;
	max-height: 50px;
}
.thumb-80 {
	max-width: 80px;
	max-height: 80px;
}
.thumb-100 {
	max-width: 100px;
	max-height: 100px;
}
.thumb-crop-100 {
	max-width: 100px !important;
	max-height: 100px !important;
}
/* Font Sizes */
.font-14 {
	font-size: 14px;
}
/* Field Only Form */
.field-only-form .form-control,
.field-only-form .intl-tel-input {
	margin-bottom: 10px;	
}
.field-only-form.border-0 .form-control {
	border-radius: 0px;
}
.field-only-form .input-sm {
	margin-bottom: 0px;
}
.form-vertical .form-row > .col,
.form-vertical .form-row > [class*="col-"] {
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
}
.form-vertical .col-form-label {
	font-weight: 600;
}
label.error {
	display: block;
    margin-top: -10px;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    background: #dc3545!important;
}
.alert.alert-danger p {
	margin-bottom: 0px;
}
/* place button in the middle of the screen */
.btn-screen-middle {
	position: fixed;
	top: 28%;
	right: -49px;
	z-index: 9999;
}
.btn-screen-middle > div {
	padding-top: 6rem;
	position: absolute;
    right: 0;
}
.btn-screen-middle a {
	display: inline-block;
	transform: rotate(-90deg);
	width: 136px;
}
/* truncate text upto 2 lines */
.text-truncate-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* language dropdown selectize field */
.language-change .selectize-input {
	width: 150px;
}
/* disable btn class shadow effect - FAQs*/
.btn-shadow-none.focus, .btn-shadow-none:focus {
	box-shadow: none;
}
/* Infinite Scroll Loader */
.page-load-status {
	display: none; /* hidden by default */
	padding-top: 20px;
	border-top: 1px solid #DDD;
	text-align: center;
	color: #777;
}

.loader-ellips {
	font-size: 20px; /* change size here */
	position: relative;
	width: 4em;
	height: 1em;
	margin: 10px auto;
}

.loader-ellips__dot {
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	background: #555; /* change color here */
	position: absolute;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
	left: 0;
}

.loader-ellips__dot:nth-child(3) {
	left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
	left: 3em;
}

@keyframes reveal {
	from {
		transform: scale(0.001);
	}

	to {
		transform: scale(1);
	}
}

@keyframes slide {
	to {
		transform: translateX(1.5em);
	}
}

.loader-ellips__dot:nth-child(1) {
	animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
	animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
	animation-name: reveal;
	animation-direction: reverse;
}
/* full page loader - change country */
.page-loader {	
	position: fixed;
	background: white;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	z-index:10000;
	-webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
	font-family: "Lucida Grande",Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
}
.page-loader.hidden {
	opacity: 0;
}

.page-loader .fl-loader p:before {
	content:""!important;
}

.page-loader .info {
	color: #e3e4dc;
	font-size: 1em;
	margin: 80px 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	-webkit-transform: scale(1, 2.5);
	-webkit-transform-origin: 50% 0 0;
	transform: scale(1, 2.5);
	transform-origin: 50% 0 0;
	width: 100%;
}

.page-loader .fl-loader:after, 
.page-loader .fl-loader:before,
.page-loader .fl-loader 
{	border: 3px solid #E3E4DC;
	border-radius: 50%;
}
.page-loader .fl-loader 
{	position: fixed;
	top: 40%;
	left: 50%;
	width: 160px;
	height: 160px;
	margin: -80px 0px 0px -80px;
	border-color: transparent #E3E4DC;
	animation: 2s linear 0s reverse none infinite running spin;
	-webkit-animation: 2s linear 0s reverse none infinite running spin;
}

.page-loader .fl-loader:after, 
.page-loader .fl-loader:before 
{	content:"";
	border-color: #E3E4DC transparent;
	position: absolute;
	box-sizing: border-box;
	top:30%;
	left:30%;
	width: 40%;
	height: 40%;
}
.page-loader .fl-loader:before 
{	width:140px;
	height:140px;
	left:10px;
	top:10px;
	animation: 1s linear 0s normal none infinite running spin;
	-webkit-animation: 1s linear 0s normal none infinite running spin;
}

@keyframes spin 
{	0% { 
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
 	}
	100% { 
		-webkit-transform: rotate(360deg); 
		transform: rotate(360deg); 

	}
}

/* logo title after the logo */
.logo-with-title {
    position: relative;
}
.logo-with-title:before {
    content: attr(data-content);
    position: absolute;
	left: 75px;
    bottom: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
/* image crop contain */
.img-crop-contain .img-fluid {
    object-fit: contain !important;	
}
/* Google Place Autocomplete not showing in Bootstrap modal */
.pac-container {
	z-index: 10000 !important;
}