/* Dropped in Bootstrap 4 */
.btn-xs {
    padding: 1px 5px;
    line-height: 1.5;
    border-radius: 3px;
    font-size: .8rem;
}
@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;
	}
}
.chk-input,
.chk-in {
	width: 100%;
}
.chk-input .checkbox,
.chk-in .checkbox {
	margin-right: 1.2rem;
}
input[type=checkbox], input[type=radio] {
    margin-right: 4px !important;
}
.form-horizontal .form-group > label {
	padding-left: 20px;
    color: #666;
}
.selectize-input {
	width: 100%;
    /*background-repeat: repeat-x;
    background-image: url('../images/inputBg.gif');*/
}
.fa-fr {
	margin-right: 5px;
}
.fa-fl {
	margin-right: 5px;
}
/* Error Messages */
.alert-error {
    background-color: #ee0101;
    border-color: #ee0101;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 10px;
}
.alert-error p {
	margin-bottom: 0px;
}

@media only screen and (max-width: 990px){
    .progress-theme{ margin-bottom: 20px; }
}
/* horizontal line with words in the middle */
.hr-text {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.35);
	margin: 8px 0px;
}
.hr-text::before,
.hr-text::after {
	content: "";
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.35);
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 5px;
}

.basic-search .form-control.selectize-control {
	width: 100%;
}
.basic-search .form-group .form-row {
	padding-right: 0 !important;
	}
.basic-search .selectize-input {
	height: 38px;
    min-height: 36px !important;
	margin-top: 4px;
	border-radius: 0 !important;
	overflow-y: scroll;
}
.basic-search .custom-select {
	border-radius: 0 !important;
}
.basic-search .btn-danger {
	margin-top: 7px;
}

.badge { /* validation - display overflow text in the next line */
	white-space: normal;
}
/* 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
 }
/* 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; /* Keep the aspect ratio */
    object-position: top;
}
.color-box img {
	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;
}
/* image max width and height to display thumbnails*/
.thumbnail-100 {
	max-width: 100px;
	max-height: 100px;
}
.thumb-h-100 {
	max-width: 100px !important;
	max-height: 100% !important;
}
.img-file {
	max-width: 80px !important;
	max-height: 80px !important;
}
.slick-syncing .slick-slide img {
	display: initial;
	}
.slick-syncing-nav, .slick-syncing-nav img, .slick-syncing-nav .slick-slide {
	height: 68px;
	object-fit: cover;
}
.slick-syncing img, .slick-syncing .slick-slide {
	object-fit: cover;
    height: 284px
}
/* Sort By Button as Link */
.btn-sort {
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
}
.img-blur {
	filter: blur(5px);
}
.img-blur-text {
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
}
.img-blur-text p {
	opacity:0.6;
}
.progress-completed {
	position: absolute;
	left: 50%;
	color: #fff;
}
/*---------------------------------------------*/
/* TYPEAHEAD SEARCH BAR
/*---------------------------------------------*/
.tt-suggestion {
	background-color: #fde910;
	color: #292f38;
	display: block;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	color: #fff;
	background-color: #428bca;
}
.tt-suggestion.tt-is-under-cursor a {
	background-color: #000;
	color: #fff;
}
.tt-suggestion p {
	margin: 0;
}
.tt-suggestion:hover {
	background-color: #292f38;
	color: #fff;
}
.tt-input-group,
.tt-menu {
    width: 100%;
}
/* Checkmark in unordered list */
.list-check li:before {
  content: '✓';
  margin-right: 10px;
}
.service_error.alert {
    font-size: 18px;
    font-weight: 600;
    background-color: #444;
    color: #fff;
    border-color: #444;
}
/* jquery form validation errors */
.help-block.with-errors ul {
	background-color: #ee0101 !important;
    border-radius: 5px;
    box-shadow: 0 0 4px #aaa;
	color: #fff;
	font-size: 12px;
    padding: 5px 5px 5px 8px;
}
/* Services Block - Profile Summary*/
.gc-thumbnail-sm {
	width: 50px;
	height: 50px;
}
.bottom-0 {
	bottom: 0;
}
/* Maximum Height Attributes */
.h-70 {
	height: 70px !important;
}
.mh-90 {
	max-height: 90px;
}
.h-90 {
	height: 90px !important;
}
.mh-110 {
	max-height: 110px;
}
.h-110 {
	height: 110px !important;
}
.h-150 {
	height: 150px !important;
}
.mh-200 {
	max-height: 200px;
}
.h-200 {
	height: 200px !important;
}
/* Radio and checkbox inline in forms */
.flex-form-input {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    justify-content: flex-start;
}
.flex-form-input div {
    min-width: 20%;
    margin-left: 10px;
}
.alert-danger p {
	margin-bottom: 2px;
	font-weight: 600;
}
@media (min-width: 600px) {
	.basic-search {
	    display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-align: center;
		align-items: center;
	}
	.basic-search .form-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 0;
	}
	.basic-search label {
		justify-content: flex-end;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
	}
	.basic-search .custom-select, .form-inline .input-group {
		width: auto;
	}
	.basic-search .form-control.selectize-control {
	width: 18% !important;
	margin-right: 1rem;
	}
}
@media (max-width: 600px) {
	.wg-auto {
		max-width: 96.5% !important;
		width: 96.5% !important;
	}
	.h-90 {
		height: 100% !important;
	}
}
/* 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;
}
.img-file-size {
	max-width: 200px;
	max-height: 200px;
}
/* validation error strings margin removal */
.alert.alert-block.alert-danger p {
    margin-bottom: 0px !important;
}
.form-group .mce-tinymce.mce-container {
	margin-left: 1px;
}
/* images user protected */
.user-lock {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../../assets/images/user-lock.png');
    position: relative;
    height: 250px;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 50px;
}
.user-lock span {
    position: absolute;
    top: 40%;
    left: 22%;
    font-size: 25px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}
.user-lock .btn-warning {
    position: absolute;
    top: 35%;
    left: 37%;
    font-size: 35px;
}
.user-lock .btn-danger {
    position: absolute;
    top: 35%;
    left: 25%;
    font-size: 25px;
}

/* Admin Panel Buttons */
.form-actions {
	padding: 20px;
    text-align: center;
    border: 1px solid #ccc;
    background: #f1f1f1;
}
label.error { /* jQuery Validator */
    background-color: #ee0101;
    border-color: #ee0101;
    border-radius: 5px;
    box-shadow: 0 0 4px #aaa;
    padding: 5px 5px 5px 8px;
    color: #fff;
    font-size: 12px;
    display: block;
}
/* Member Area - Dropdown Navbar */
.dropdown-item,
.dropdown-item a {
	color: #444 !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;
}
/* truncate text upto 2 lines */
.text-truncate-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.font-15 {
    font-size: 15px;
}
/* border rounded */
.rounded-left-10 {
    border-top-left-radius: 1rem!important;
    border-bottom-left-radius: 1rem!important;
}
.rounded-right-10 {
    border-top-right-radius: 1rem!important;
    border-bottom-right-radius: 1rem!important;
}

/* selectpicker custom select */
.custom-select.selectized, .selectize-dropdown.custom-select, .selectize-control.custom-select {
    height: auto;
    padding: 0px;
    border: none;
    background: #fff;
}
/* Google Place Autocomplete not showing in Bootstrap modal */
.pac-container {
	z-index: 10000 !important;
}