body {
  counter-reset: my-sec-counter;
  font-family: 'Open Sans', sans-serif; 
}

input[type=checkbox] {
    position: relative;
    cursor: pointer;
}
input[type=checkbox]:before {
     content: "";
     display: block;
     position: absolute;
     width: 16px;
     height: 16px;
     top: 0;
     left: 0;
     border: 2px solid #555555;
     border-radius: 3px;
     background-color: white;
}
input[type=checkbox]:checked:after {
     content: "";
     display: block;
     width: 5px;
     height: 10px;
     border: solid black;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: 2px;
     left: 6px;
}
#myModalEvents .modal-body {
	max-height: 70vh;
	overflow-y: auto;
	position: relative;
}
#myModalEvents .form-control {
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
#myModalEvents textarea {
	width: 100%;
	padding: 10px;
}
#myModalEvents textarea:focus {
	border: 1px solid gray !important;
}

#return-to-top {
	display: none;	
}
 
#inner-message-post i {
	font-size: normal !important;
}
.nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
}
.list-unstyled li .fa-solid {
	color: #b9b9b9 !important;
}
.nav-tabs {
    text-align:center;
}

.cookie-container {
	position: fixed;
	bottom: -100%;
	left: 1%; 
	width: 350px;
	max-width: 100%;
	background: #333;
	color: #fff;
	padding: 10px 32px;
	z-index: 99;
	visibility: hidden;
	transition: 400ms;
	-moz-transition: 400ms;
	-webkit-transition: 400ms;
	-ms-transition: 400ms;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.cookie-container.active {
	bottom: 2%;
	visibility: visible;
}
.cookie-container p {
	line-height: 18px;
}
.cookie-container a {
	color: #41b67b !important;
}
.cookie-container a:nth-of-type(2),
.cookie-container a:nth-of-type(3) {
	color: #000 !important;
}
.cookies-icon {
	width: 80px;
	height: 80px; 
	margin-bottom: 12px;
	background: url("../../assets/img/cookies-icon.svg")no-repeat 100% center;
	background-size: contain; 
} 
.cookie-btn::first-child {
	background: #41b67b;
}
.cookie-btn {
	background: #41b67b;
	padding: 6px 24px;
	line-height: 20px;
	border: 0px;
	display: block;
	color: #000;
	width: 100%;
	margin-bottom: 5px;
	position: relative;
	-webkit-border-radius: 0.3em; 
	-moz-border-radius: 0.3em; 
	-ms-border-radius: 0.3em; 
	-o-border-radius: 0.3em; 
	cursor: pointer;
}
.cookie-btn2 {
	background: #cbeddc; 
	padding: 6px 24px;
	line-height: 20px;
	border: 0px;
	display: block;
	width: 100%;
	color: #333;
	text-align: center;
	margin-bottom: 5px;
	position: relative;
	-webkit-border-radius: 0.3em; 
	-moz-border-radius: 0.3em; 
	-ms-border-radius: 0.3em; 
	-o-border-radius: 0.3em; 
	cursor: pointer;
}
.two-step-verify .resend-otp {
	background: transparent !important;
	display: inline-table;
	font-weight: normal;
	color: #09ae68;
	text-decoration: underline;
	line-height: normal;
	padding: 0px; 
}

.modal button.close {
    z-index: 1000;
}

.images_wrapped {
	position: relative;
	width: 100%;
	min-height: 200px;
	padding: 30px 0px 30px 0px;
	text-align: center;
}

.images_wrapped .img_wrap_inner a  { 
	width: 33%;
	height: 230px; 
	position: relative;
	display: inline-block;
	overflow: hidden;
	background: #000;
}

.images_wrapped img { 
	display: block; 
	object-fit: cover;
	object-position: top;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.images_wrapped img:hover {
	transform: scale(1.2);
	opacity: 0.7;
}
@media (max-width: 768px){
	.images_wrapped .img_wrap_inner a {
		width: 48%;
	}
}
/*modal confirm =============== and error modal */

.modal-confirm3 {		
	color: #434e65;
	width: 525px;
	max-width: 100%;
}
.modal-confirm3 .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
.modal-confirm3 .modal-header {
	background: #e85e6c;
	border-bottom: none;   
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 35px;
}
.modal-confirm3 h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
.modal-confirm3 .form-control, .modal-confirm3 .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-confirm3 .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}
.modal-confirm3 .close:hover {
	opacity: 0.8;
}
.modal-confirm3 .icon-box {
	color: #fff;		
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}
.modal-confirm3 .icon-box i {
	font-size: 58px;
	margin: -2px 0 0 -2px;
}

.modal-confirm3 .btn, .modal-confirm3 .btn:active {
	color: #ff262c !important;
	border-radius: 4px;
	background: #ffdbdb !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	min-width: 150px;
	border: none;
}
.modal-confirm3 .btn:hover, .modal-confirm3 .btn:focus {
	background: #ffdbdb !important;
	outline: none;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}

/*modal confirm =============== and error modal */


.modal-chat-history .modal-body {
	height: auto;
	max-height: 70vh;
	overflow-x: auto;
}


.profile-displayed {
	width: 100%;
	min-height: 100px;
}


.list-unstyled {
	display: inline-block; 
	line-height: 25px;
	font-size: 18xp;
}

.list-unstyled li:nth-of-type(1){
	margin-right: 8px;
}

.list-unstyled li:nth-of-type(7){
	margin-left: 8px;
}
.event-empty h3 {
	color: #9d9d9d;
}
.event-img-empty {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	margin-top: 21px;
	background: url('../../assets/img/event-empty.svg')no-repeat center 100%;
	background-position: center;
	background-size: contain;
}
.deactivate___acount a {
	background: transparent !important;
}
.deactivate___acount a:nth-of-type(2),
.deactivate___acount a:nth-of-type(3),
.deactivate___acount a:nth-of-type(4),
.deactivate___acount a:nth-of-type(5){
	padding: 0px 5px 0px 5px;
	line-height: 25px;
	color: #000 !important;
	display: inline-block;
	-webkit-border-radius: 0.5em;
}
.rest___pwd {
	width: 45px;
	height: 45px;
	border: 2px solid #2ed180;
	color: #2ed180;
	margin: 0 auto;
	line-height: 45px;
	font-size: 22px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
}


.imgProfileWrapp .bg-success {
	animation: online 1.5s alternate infinite ease-in;
}
@keyframes online {
  0%   {transform: scale(.8);}
  100% {transform: scale(1.4);}
}

.notification_tags {
	width: 15px;
	height: 15px;
	background: #fff;
	display: inline-block;
	margin-left: 10px; 
	position: relative; 
	-webkit-border-radius: 5em;
	color: #000;
	line-height: normal;
}

.profileNames .fa-bell {
	color: #63d685;
	margin-left: 12px;
}
.refer-cards h2 {
	font-weight: 800;
	color: #030a05;
	font-size: 25px; 
}
.refer-cards textarea {
	height: 52px;
}
.refer-cards .btn-flat {
	background: #51d295 !important;
	color: #fff !important;
	width: 100px;
}
.refer-cards .btn-flat:focus,
.refer-cards .btn-flat:active,
.refer-cards .btn-flat:hover { 
	background: #31bd7a !important;
	color: #fff !important; 
}
.block-refer {
	width: 100%;
	min-height: 50px; 
	background: #51d295;
	color: #fff !important;
}
.block-refer p{ 
	line-height: 25px;
	font-weight: 800 !important;
	font-size: 20px;
	margin-top: 10px;
}
.block-refer .input-group-addon {
	background: transparent;
	border: 0px;
	color: #fff !important;
	font-size: 20px;
}
.block-refer a {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: #fff;
	text-align: center;
	line-height: 35px;
	color: #51d295 !important; 
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
.refer-cards textarea {
  resize: none;
}
.refer-send {
	background: #d6293e;
}
.refer-send a {
	color: #d6293e !important; 
}
.contact-details-person {
	padding: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.contact-details-person  i {
	display: inline-block; 
	width: 25px;
	height: 25px;
	font-size: normal;
	background: #d9f2d5;
	color: #45aa33;
	text-align: center;
	line-height: 25px;
	margin-right: 12px;
	margin-bottom: 5px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.contact-details-person:hover,
.contact-details-person:focus,
.contact-details-person:active {
	background: #45aa33;
	color: #fff !important;
}
.ui-dialog-titlebar-close:after {
   content: 'X' !important;
   position: absolute;
   top: -2px;
   right: 3px; 
}


.btn-right-next {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #333;
	-webkit-border-radius: 5em;
	text-align: center;
	font-size: 24px;
	line-height: 45px;
	color: #333 !important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}


.btn-right-next:hover,
.btn-right-next:focus,
.btn-right-next:active {
	 background: #68b96c;
	 color: #333 !important;
}

.text-danger {
	color: #ff0000 !important;
}
 
.wrapped-post-links .big-icon{
	margin-right: 20px;
	font-size: normal;
	font-weight: 600;
	background: transparent;
	border: 0px;
	margin-top: 12px;
}
.wrapped____reviews {
	position: relative;
	width: 100%;
	min-height: 20px;
	padding: 10px;
}
.wrapped____reviews p {
	color: #000;
	font-weight: 800;
	line-height: 5px;
}

.wrapped____reviews p small{
	color: #9f9f9f;  
}

.wrapped____reviews .input-group-addon { 
	background: transparent !important;
	position: relative;  
	border: 0px;
	padding-right: 15px;
}
 

.wrapped____reviews i {
	position: absolute;
	top: 5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #ccffdf;
	color: #179647;
	line-height: 30px;
	-webkit-border-radius: 5em;
	right: 5px;
}


 

 
.alert .alert-danger i {
	font-size: normal;
	width: 10px;
	height: 10px;
	float: left; 
	clear: right;
	margin-top: -5px;
}
.alert-small {
	height: 30px;
	padding: 10px 10px 10px 10px;
	line-height: 10px;
}

.alert-small .close{
	font-size: 18px !important;
	right: -5px;
}

.edit-profile textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 12px;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 0.8em !important;
	-moz-border-radius: 0.8em !important;
	-ms-border-radius: 0.8em !important;
	-o-border-radius: 0.8em !important;
	border-radius: 0.8em !important;
}

.edit-profile .line_details2 {
	margin-bottom: 31px;
}
.edit-profile .line_details2 span {
	padding-left: 10px;
	background: #fff;
	line-height: 25px;
}

.edit-profile textarea:focus,
.edit-profile textarea:active,
.edit-profile textarea:hover { 
	border: 1px solid #d5d5d5 !important;
}

.service-tags {
	display: inline-block;
	padding: 8px ; 
	background: #f1f1f1;
	color: #000;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	margin-right: 10px;
	margin-bottom: 10px;
}
.service-tags i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #ff0000;
	color: #fff;
	line-height: 20px;
	text-align: center;
	margin-left: 10px;
	-webkit-border-radius: 5em;
	-ms-border-radius: 5em;
	-moz-border-radius: 5em;
	-o-border-radius: 5em;
}
.modal button.close {
    z-index: 1000;
}

/* Load more  
.load-more{
    width: 99%;
    background: #0cbc87;
    text-align: center;
    color: white;
    padding: 10px 0px;
    font-family: sans-serif;
}

.load-more:hover{
    cursor: pointer;
}

/* more link */
.more{
    color: blue;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 16px;
}

.chat_history {
	display: flex;
	flex-direction: column-reverse;
}

.comment-feed-row .post___modal {
	padding-top: 3px !important;
	margin-top: 10px;
} 
.imag__guard_prd {
	 position: relative;
	 margin-bottom: 12px;
	 background: #000;
	 text-align: center;
	 overflow: hidden;
	 -webkit-border-radius: 0.5em;
	 -moz-border-radius: 0.5em;
	 -ms-border-radius: 0.5em;
	 -o-border-radius: 0.5em;
}
.imag__guard_prd img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	object-position: left;
	 -webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	 -ms-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
}
.imag__guard_prd:hover img {
	-webkit-transform: scale(1.2);
	opacity: 0.7;
}
.prd____img_upload {
	display: inline-block;
	padding: 0px 12px 0px 12px;
	line-height: 35px;
	background: #cef2e7;
	color: #0cbc87;
	 -webkit-border-radius: 5em;
	 -moz-border-radius: 5em;
	 -ms-border-radius: 5em;
	 -o-border-radius: 5em;
	 margin-bottom: 21px;
}
.delete__PRDimg {
	position: absolute;
	z-index: 9;
	bottom: 10px; 
	left: 35%;
	text-align: center;
	background: #fff;
	padding: 5px 10px 5px 10px;
	color: #ff0000 !important;
	 -webkit-border-radius: 5em;
	 -moz-border-radius: 5em;
	 -ms-border-radius: 5em;
	 -o-border-radius: 5em;
	 text-decoration: none;
}

.line_details2 span {
	border: 1px solid #6e6e6e;
	 -webkit-border-radius: 5em;
	 -moz-border-radius: 5em;
	 -ms-border-radius: 5em;
}
.line_details2 span:nth-of-type(2) {
	border: 1px solid #6e6e6e;
	 -webkit-border-radius: 5em;
	 -moz-border-radius: 5em;
	 -ms-border-radius: 5em;
	 right: 0px;
	 cursor: pointer;
	 -webkit-transition: all 0.2s linear; 
	 -moz-transition: all 0.2s linear; 
	 -ms-transition: all 0.2s linear; 
	 -o-transition: all 0.2s linear; 
}

.line_details2 span:nth-of-type(2):hover,
.line_details2 span:nth-of-type(2):focus,
.line_details2 span:nth-of-type(2):active {
	background: #20bb17 !important;
	color: #fff !important;
}
.register-bg .error
{
  color: red;
  size: 80%
}
.register-bg .hidden
{
  display:none;
}

.intl-tel-input, .iti{
  width: 100%;]
  position: relative;
  z-index: 9 !important;
}
.commenst_wrappedBlog {
	width: 100%;
	min-height: 35px;
	margin-bottom: 21px;
}
.commenst_wrappedBlog .input-group-addon {
	background: transparent;
	border: 0px;
}
.commenst_wrappedBlog p {
	position: relative;
	color: #7f7f7f
}
.commenst_wrappedBlog p strong { 
	color: #363636
}
.commenst_wrappedBlog .input-group-addon i {
	display: inline-block;
	width: 50px;
	line-height: 50px;
	color: #4dbc43;
	background: #e9e9e9;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.background-color-gradient-1 {
	 background: rgb(0,89,62) !important;
	background: linear-gradient(333deg, rgba(0,89,62,1) 38%, rgba(0,255,179,1) 100%) !important; 
}
 
.background-color-gradient-2 {
 background: rgb(219,200,22) !important;
background: linear-gradient(47deg, rgba(219,200,22,1) 38%, rgba(212,96,0,1) 65%) !important; 
}
 
.background-color-gradient-3 {
 background: rgb(84,235,142) !important;
background: linear-gradient(47deg, rgba(84,235,142,1) 35%, rgba(46,164,85,1) 59%) !important;  
}

.btn-reply {
	position: absolute;
	top: -15px;
	right: 0px;
	line-height: 30px;
	padding: 0px 12px 0px 12px;
	line-height: 30px;
	background: #cef2e7 ;
	color: #077151;
	-webkit-border-radius: 0.5em;
}
.reply {
	padding-left: 50px;
}
@media(max-width: 768px ){
	.btn-reply {
		position: relative;
	}
}
.card-person {
	border-bottom: 1px dashed #40cf30;
	margin-bottom: 21px;
}

.comment-feed-row .input-group {
	margin-left: 40px;	
	margin-right: 10px;
}
.comment-feed-row .message-post {
	background: #f1f1f1;	
	padding: 0px 10px 10px 10px; 
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.comment-feed-row a {
	font-weight: bolder;
	color: #000 !important;
}
.comment-feed-row .input-group-addon {
	padding: 0px;
	padding-right: 10px;
	background: transparent; 
	border: 0px;
}
 
#myModalContact .modal-body {
	height: 85vh;
	overflow-x: auto;
}
.contact-details-person {
	min-height: 220px;
}

.Img___FullBlog {
	width: 100%;
	height: 350px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
.Img___FullBlog img {
	display: block;
	object-fit: cover;
	object-postion: top;
	width: 100%;
}

.wrapped-blogs .content-list strong {
	display: inline-block;
	padding: 0px 16px 0px 16px;
	line-height: 35px;
	background: #dff7ec;
	color: #52cf93;
	margin-top: 21px;
	-webkit-border-radius: 5em;
}
.wrapped-blogs .text-muted span {
	display: inline-block;
	margin-left: 21px;
}
.wrapped-blogs ul li {
	list-style-image: url('../../assets/img/icons/right-arrow-icon.svg');
}
.business___hub {
	width: 100%;
	min-height: 300px;
}
.business___hub .card {
	text-align: center;
	padding: 20px;
}

.business___hub .card  h2 {
	display: inline-block;
	margin-top: -20px;
}

.business___hub .card  h3 {
	display: inline-block;
	margin-top: -10px;
}

.business___hub .card .right-bar li {
	display: block;
	text-align: left;
	line-height: 15px; 
	border-bottom: 2px solid #ccc;
	margin-bottom: 12px;
	padding-bottom:8px;	
}
.business___hub .card .right-bar li:nth-of-type(3) {
	border-bottom: 0px;
}
.business___hub .card .right-bar li .input-group-addon {
	background: transparent;
	border: 0px; 
	font-size: 28px;
	padding-left: 0px;
	color: #88d762;
}
.business___profile {
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 21px;
}

.business___profile .line-middle span {
	padding: 0px 21px 0px 21px;
	display: inline-block;
}

.business___profile .wrapped-2 a {
	background: #e9e9ed;
}
.profile-img-biz {
	width: 110px;
	height: 110px;
	background: #fff;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	-ms-border-radius: 50em;
	-o-border-radius: 50em;
	overflow: hidden;
	position: relative;
}
.profile-img-biz h1 {
	text-align: center;
	line-height: 60px;
	font-weight: 1000;
	color: #d3d3d3
}
.profile-img-biz img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	object-position: 50% 50%; /* default position */
	object-position: right bottom;
	object-position: 20px 95px;
	object-position: center 20px; /* mix and match */
	object-position: 60% top; /* mix and match */
}
.profile-img-biz a {
	position: absolute;
	z-index: 1000;
	bottom: 0px;
	display: block;
	width: 100%;
	line-height: 35px;
	background: rgba(0,0,0,0.3);
	color: #fff !important;
	text-align: center;
}
@media (max-width: 768px ){
	.profile-img-biz {
		margin: 0 auto;
		margin-bottom: 21px;
	}
}

.business-empty-pg {
	width: 100%;
	min-height: 200px;
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}
#add___new_biz {
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	min-height: 300px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
#add___new_biz p {
	color: #969696
}
#add___new_biz i {
	color: #cacaca;
	text-align: center;
	display: block;
	font-size: 8em;
}
#add___new_biz h1 { 
	text-align: center;
	font-weight: 700;
	display: block; 
}
#add___new_biz a { 
	display: block;
	padding: 0px 24px 0px 24px;
	width: 200px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	font-size: 28px;
	color: #fff;
	line-height: 45px;
	-webkit-border-radius: 5em;
	background: #0cbc87;
	margin-top: 21px;
	margin-bottom: 21px;
}
.rate-costumer i {
	color: #dadada !important;
} 
.rate-costumer i.checked {
	color: gold !important;
}
.edit-business h1 {
	font-weight: 800;
	display: block;
	font-size: 28px;
	text-align: left;
	color: #b6b6b6
}
.business_______reg textarea { width: 100%; height: 110px; }
.business_______reg {
	display: table;
	width: 100%;
	position: relative;
}
 
section label > span {
  display: inline-block;
  padding-top: 0.5em;
  vertical-align: top;
}
section label > span:after {
  content: ":";
  padding-right: 0.5em;
}
.business_______reg .form-control {
	margin-bottom: 12px;
}
.business_______reg .readmore {
	display: inline-block;
	line-height: 35px;
	border: 0px;
	background: #0cbc87;
	color: #fff;
	padding: 0px 18px 0px 18px;
	margin-top: 12px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}
#output {
  padding: 0px;
  background: #fff;
}
.modal {
	background: rgba(0,0,0,0.3) !important;
}

@media (max-width: 900px ){
	 
}



/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 









#DataTable {
  position:relative;
  padding: 15px;
  box-sizing: border-box;
}

table { 
  width: 100%; 
  border-collapse: collapse; 
}

th { 
  background: #0cbc87; 
  color: white; 
  font-weight: bold; 
  cursor: cell;
}
td, th { 
  padding: 6px;  
  text-align: left; 
  box-sizing: border-box;
}

tr:nth-of-type(odd) { 
  background: #eee; 
}

	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

      table {
        margin-top: 106px;
      }
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
      overflow: auto; 
    }
      
      
      
      tbody tr:before {
        counter-increment: my-sec-counter;
        content: "";
        background-color:#0cbc87;
        display: block;
        height: 1px;
      }

      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none; 
      margin-right: 0%;
      display: block; 
      box-sizing:border-box;
		}

		td:before {
			/* Top/left values mimic padding */
      font-weight: bold;
			width: 50%;
      float:left;
      box-sizing:border-box;
      padding-left: 5px;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		td:nth-of-type(1):before { content: "#"; }
		td:nth-of-type(2):before { content: "Name"; }
		td:nth-of-type(3):before { content: "Email"; }
		td:nth-of-type(4):before { content: ""; }
		td:nth-of-type(5):before { content: ""; }
		td:nth-of-type(6):before { content: ""; }
		td:nth-of-type(7):before { content: ""; }
		td:nth-of-type(8):before { content: ""; }
		td:nth-of-type(9):before { content: ""; }
		td:nth-of-type(10):before { content: ""; }
    
    .box ul.pagination {
      position: relative !important;
      bottom: auto !important;
      right: auto !important;
      display: block !important;
      width: 100%;
    } 
      
    .box {
      text-align: center;
      position: fixed;
      width: 100%;
      background-color: #fff;
      top: 0px;
      left:0px;
      padding: 15px;
      box-sizing: border-box; 
    }
      
    .box ul.pagination {
      display: block;
      margin: 0px;
    }
      
     .box .dvrecords {
      display: block;
       margin-bottom: 10px;
    }
    .pagination>li {
        display: inline-block;
    }
	}

.top-filters {
  font-size: 0px;
}

.search-field {
  text-align: right;
  margin-bottom: 5px;
}

.dd-number-of-recoeds {
  font-size: 12px;
}

.search-field,
.dd-number-of-recoeds {
  display: inline-block;
  width: 50%;
}

.box ul.pagination {
  position: absolute;
  bottom: -45px;
  right: 15px;
}

.box .dvrecords {
  padding: 5px 0;
}

.box .dvrecords .records{
  margin-right: 5px;
} 

#myModalComments .close {
	width: 45px;
	height: 45px;
	background: #46c23d;
	opacity: 1;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.comment-img {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	overflow: hidden;
	bottom: -8px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
}

.comment-img img {
	 display: block;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}

.image_area {
  	position: relative;
  	background: #fff;
  	width: 160px; 
	height: 160px; 
	-webkit-border-radius: 50em;
	border: 6px solid #fff;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 12px;
	margin-top: 20px;
}
.image_area2 { 
	border: 6px solid #e7e7e7; 
}
.business_profile_bar{
	padding: 10px !important;
	padding-bottom: 0px !important;
}
.business_profile_bar .progress {
	height: 15px;
}

.business_profile_bar .progress-bar {
	font-size: 8px;
}
.business_profile_bar .bg-success {
	background: #71e61a;
}

.business_profile_bar .bg-info {
	background: #169ae9;
}

.business_profile_bar .bg-warning {
	background: #e4c614;
}

@media (max-width: 768px ){
	.image_area { 
		margin: 0 auto;
		margin-bottom: 12px;
	}
	.companyName {
		text-align: center;
	}
}

.image_area img {
  	display: block;
  	max-width: 100%;
  	height: 100%;
  	object-fit: cover;
  	object-position: top left bottom;
}

.image_area .preview {
	overflow: hidden;
	width: 160px; 
	height: 160px; 
	border: 1px solid red;
}

.modal-lg{
	max-width: 1000px !important;
}

.image_area .overlay {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  height: 0;
  transition: .5s ease;
  width: 100%;
}

.image_area:hover .overlay {
  height: 100%;
  cursor: pointer;
}

.image_area .text {
  color: #333333;
  font-size: 20px;
  position: absolute;
  top: 50%;
  line-height: 15px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.nav-tabs.nav-tabs-dropdown > li > a {
	color: #333333;
}

.nav-tabs.nav-tabs-dropdown > li > a:focus,
  .nav-tabs-dropdown > li > a:focus,
  .nav-tabs.nav-tabs-dropdown > li > a:hover,
  .nav-tabs-dropdown > li > a:hover,
  .nav-tabs.nav-tabs-dropdown > li > a:active,
  .nav-tabs-dropdown > li > a:active { 
    color: #0cbc87;
  }
  .nav-tabs.nav-tabs-dropdown > li.active > a,
  .nav-tabs-dropdown > li.active > a { 
  color: #0cbc87;
  }
  .nav-tabs.nav-tabs-dropdown > li.active > a:focus,
  .nav-tabs-dropdown > li.active > a:focus,
  .nav-tabs.nav-tabs-dropdown > li.active > a:hover,
  .nav-tabs-dropdown > li.active > a:hover,
  .nav-tabs.nav-tabs-dropdown > li.active > a:active,
  .nav-tabs-dropdown > li.active > a:active { 
    color: #0cbc87;
  }

@media (max-width: 767px) {
  .nav-tabs.nav-tabs-dropdown,
  .nav-tabs-dropdown {
    border: 1px solid #dddddd;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
  }
  .nav-tabs.nav-tabs-dropdown::after,
  .nav-tabs-dropdown::after {
    content: "☰";
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 2;
    pointer-events: none;
  }
  .nav-tabs.nav-tabs-dropdown.open a,
  .nav-tabs-dropdown.open a {
    position: relative;
    display: block;
  }
  .nav-tabs.nav-tabs-dropdown.open > li.active > a,
  .nav-tabs-dropdown.open > li.active > a {
    background-color: #eeeeee;
  }
  .nav-tabs.nav-tabs-dropdown li,
  .nav-tabs-dropdown li {
    display: block;
    padding: 0;
    vertical-align: bottom;
  }
  .nav-tabs.nav-tabs-dropdown > li > a,
  .nav-tabs-dropdown > li > a {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-color: transparent;
  }
  .nav-tabs.nav-tabs-dropdown > li > a:focus,
  .nav-tabs-dropdown > li > a:focus,
  .nav-tabs.nav-tabs-dropdown > li > a:hover,
  .nav-tabs-dropdown > li > a:hover,
  .nav-tabs.nav-tabs-dropdown > li > a:active,
  .nav-tabs-dropdown > li > a:active {
    border-color: transparent;
    color: #58c738;
  }
  .nav-tabs.nav-tabs-dropdown > li.active > a,
  .nav-tabs-dropdown > li.active > a {
    display: block;
    border-color: transparent;
    position: relative;
    z-index: 1;
    background: #fff; 
  }
  .nav-tabs.nav-tabs-dropdown > li.active > a:focus,
  .nav-tabs-dropdown > li.active > a:focus,
  .nav-tabs.nav-tabs-dropdown > li.active > a:hover,
  .nav-tabs-dropdown > li.active > a:hover,
  .nav-tabs.nav-tabs-dropdown > li.active > a:active,
  .nav-tabs-dropdown > li.active > a:active {
    border-color: transparent;
    color: #58c738;
  }
}





 #share-buttons img { width: 35px; padding: 5px; border: 0; box-shadow: 0; display: inline; }