.select2.select2-container{
	width:100% !important;
}
tbody.listing-tbl-body tr {
	border-bottom: solid 1px;
}
#twobbari_login, #twobbari_register, #edit_listing{
    background-color: #f2f2f2;
    padding: 15px;	
}
#twobbari_login label, #twobbari_register label, #edit_listing label{
    color: #000;
    text-transform: uppercase;	
}
#twobbari_login .form-control, #twobbari_register .form-control, #twobbari_register .select2-selection, #edit_listing .form-control, #edit_listing .select2-selection {
    border-radius: 0;
    box-shadow: 0px 0px 0px;
    border-color: #e6e6e6;
}
#twobbari_login .btn-default, #twobbari_register .btn-default, #edit_listing .btn-default{
    background-color: #7dab58;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 0px 0px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;	
    margin: 15px;	
}
#listing_filter{
    /* background-color: #aaaaaa; */
    padding: 10px;
    margin: 0px -15px 10px -15px;
    border: 1px solid #808080;
    border-radius: 0px;
}
#listing_filter .form-group {
    margin-bottom: 0px;
    margin-top: 6px;	
}
#listing_filter .form-control{
    border-radius: 5px;
    border: 0px;
    font-size: 18px;
    height: auto;	
    border: 1px solid #808080 !important;	
}
#listing_filter .btn{
    width: 100%;
    border-radius: 0px;
    border: 0px;
    font-size: 18px;
    height: auto;
    background-color: #904e34;
    color: #fff;	
}
#listing_filter .button-search{
    font-size: 18px;
    padding: 6px 12px !important;
    height: 39px !important;	
    background-color: #A52A2A;	
    margin-top: 6px;	
}
.button{
    padding: 5px 30px !important;
    border-radius: 5px  !important;
    color: #fff  !important;
    border: 0px  !important;
    height: auto  !important;
    max-width: 40%  !important;
	background-color:#7da95a;
} 
button{
    padding: 5px 30px !important;
    border-radius: 5px  !important;
    color: #fff  !important;
    border: 0px  !important;
    height: auto  !important;
    max-width: 40%  !important;	
	background-color:#7da95a;	
}
button, input[type=submit]{ 
	padding: 5px 30px !important;
    border-radius: 5px !important;
    color: #fff !important;
    border: 0px !important;
    height: auto !important;
    max-width: 40%  !important;	
    background-color: #7da95a !important;	
}
.search-submit{
    width: auto !important;
    padding: 4px 16px !important;
    top: 0px !important;
    left: -2px !important;
}
.button-search{
    width: 100% !important;
    max-width: 100% !important;	
}
.listing_title{
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 23px;
    padding: 10px 0px 6px 0px;	
}
.main_title{
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #7dab58;
    border-bottom: 1px solid #7dab58;	
}
.notice{
    color: #000;	
}
.userdashboard{
    background-color: #f2f2f2;	
    text-align: center;	
}
.userdashboard thead>tr>th{
    color: #000;	
    text-align: center;	
}
.userdashboard tbody{
    color: #000;	
}
.userdashboard .edit_btn{
	background-color: #7dab58;
    padding: 5px 25px;
    color: #fff;
    border-radius: 3px;	
}
#post_thumbnail{
    position: absolute;
    opacity: 0;	
}
.upload_lable{
    background-color: #7dab58;
    padding: 0px 10px 3px 10px;
    color: #fff;
    border-radius: 5px !important;	
    text-align: center;
    font-weight: bold;	
}
.listing-img{
	height:160px !important;
	object-fit: cover;
    object-position: center;
}
.post-type-archive-listings .pagination{
	width:100%;
	text-align:center;
}
.tax-expertise .pagination{
	width:100%;
	text-align:center;
}
.tax-location .pagination{
	width:100%;
	text-align:center;
}
.listing-table{
	width:100%;
}
.listing-list-section table thead th.listing-name {
    width: 50%;
}
.listing-list-section table thead th.listing-address {
    width: 30%;
}
.listing-list-section table thead th {
    /* background-color: #7daa5b; */
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
}
.listing-main{
	width:69%;
	display:inline-block;
	padding-left: 10px;
	vertical-align: top;
	float:right;
}
.listing-sidebar{
	width:29%;
	display:inline-block;
	padding-right: 10px;
	vertical-align: top;
}
/*====== Send Message Popup =========*/
.sendmsg-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	z-index:2;
}
.sendmsg-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.sendmsg-close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.sendmsg-close:hover,
.sendmsg-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.sendmsg-modal-header {
    padding: 2px 16px;
    background-color: #7daa5b;
    color: white;
}

.sendmsg-modal-body {padding: 2px 16px;}

.sendmsg-modal-footer {
    padding: 2px 16px;
    background-color: #7daa5b;
    color: white;
}
/*======= End Send Message Popup =========*/
/*=== Message List User dashboard ===*/
.message-list-table{
	width:100%;
}
/*=== End Message List User dashboard ===*/
.listing_list_title{
	font-size: 20px;
    font-weight: 700;
    color: #7eab5b;	
}
.bottom_links{
    padding: 0px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 30px;	
}
.bottom_links li{
    display: inline;
    padding: 0px 12px;
    font-size: 18px;
    font-weight: 700;	
}
.bottom_links li a{ 
     color: #000;	
}
.wp-core-ui .button, .wp-core-ui .button-secondary{
    color: #555 !important;
    border: 1px solid #ccc !important;
}
.mce-rtl .mce-btn button {
    direction: rtl;
    color: #555 !important;
    border: 1px solid #ccc !important;
    background: none !important;
    max-width: 100% !important;
}
.rtl .quicktags-toolbar input, .rtl .wp-switch-editor{
    background-color: #ebebeb!important;
    border-radius: 0px !important;
    color: #000 !important;	
}
#wp-qa_content-editor-tools .switch-tmce {
    background-color: #c1c1c1 !important;
    color: #fff !important;
    border-bottom-color: #f5f5f5 !important;
    border-radius: 0px !important;
}
.btn_login{
	font-size: 15px;
    line-height: 15px;
    padding: 2px !important;
    height: 20px !important;
    background-color: #7eab5b !important;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 3px 0px;
}
.btn_login:hover{
    color: #f2f2f2;	
}

/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
/*some basic styles*/
.rating {font-size:0;display:inline-block}
.rating__button {width:32px;height:32px;display:inline-block}
.rating__star {width:100%;height:100%;fill:#fff}

/*intial hover state*/
.rating:hover .rating__star,
/*preserve state after rating the first time*/
.rating.has--rating .rating__star {fill:orange}

/*intial hover state*/
.rating__button:hover ~ .rating__button .rating__star,
/*preserve state after rating the first time*/
.rating__button.is--active ~ .rating__button .rating__star {fill:#fff}

/*SUBSEQUENT RATING ATTEMPTS LOGIC*/

/*
lightgray signifies that you're giving a lower rating than before.
we're gonna make lightgray all the stars that the user takes away.
*/
.rating.has--rating:hover .rating__button:hover ~ .rating__button .rating__star {fill:lightgray}

/*make everything after the current active star orange*/
.rating.has--rating:hover .rating__button.is--active ~ .rating__button .rating__star {fill:orange}

/*make everything after the currently hovered star white*/
.rating.has--rating:hover .rating__button:hover ~ .rating__button.is--active ~ .rating__button .rating__star,
.rating.has--rating:hover .rating__button.is--active:hover ~ .rating__button .rating__star,
.rating.has--rating:hover .rating__button.is--active ~ .rating__button:hover ~ .rating__button .rating__star {fill:#fff}

@media screen and (max-width:600px){
	.listing-main{
	    width: 100%;
		padding-left: 0px;
	}
	.button-search{
	    display: block;
		width: 100%;
		border: 0px;
		margin-top: 5px;
		color: #fff;	
	}
	#listing_filter .form-control{
	    margin-bottom: 5px;	
	}
	.listing-sidebar {
		width: 100%;
		display: inline-block;
		padding-right: 0px;
		vertical-align: top;
		margin: 0px;
		padding: 0px 20px;
	}	
}

.planContainer {
  display: flex;
  flex-wrap: wrap;
  margin: 1em;
  display: flex;
  flex-direction: row;
  align-items: unset;
  justify-content: center;
}
.features li:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-left: 5px;
    background: #7dab589c;
    padding: 2px;
    border-radius: 90px;
}
.plan {
    background: #f5f5f5;
    width: 30%;
    box-sizing: border-box;
    text-align: center;
    margin: 0px 12px;
    margin-bottom: 1em;
    min-height: 300px;
    
    display: flex;
    flex-direction: column;
}
.plan .info-button-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.plan .titleContainer {
  background-color: #7da95a !important;
  padding: 1.4em;
}
.plan .titleContainer .title {
  font-size: 1.7em;
  text-transform: uppercase;
  color: white!important;
  font-weight: 700!important;
}
.plan .titleContainer .price {
  font-size: 1.45em;
  padding-top: 1em;
  padding-bottom: 0.25em;
  color: white;
  font-weight: 500;
  margin-top: 0;
  display: inline-block;
  width: 80%;
}
.plan .titleContainer .price p {
  font-size: 1.45em;
  display: inline-block;
  margin: 0;
}
.plan .titleContainer .price span {
  font-size: 1.0875em;
  display: inline-block;
}
.plan .infoContainer {
  padding: 1em;
  color: #2d3b48;
  box-sizing: border-box;
}
.plan .infoContainer .desc {
  padding: 1em 0;
  border-bottom: 2px solid #efefef;
  margin: 0 auto;
  width: 90%;
}
.plan .infoContainer .desc em {
  font-size: 1em;
  font-weight: 500;
}
.plan .infoContainer .features {
  font-size: 1em;
  list-style: none;
  padding-left: 0;
  text-align: right;
    padding: 0;
}
.plan .infoContainer .features li {
padding: 0.5em;
text-align: right;
margin-right: 10px;
line-height: 15px;
}
.plan .infoContainer .selectPlan {
  border: 2px solid #9b59b6;
  padding: 0.75em 1em;
  border-radius: 2.5em;
  cursor: pointer;
  transition: all 0.25s;
  margin: 1em auto;
  box-sizing: border-box;
  max-width: 70%;
  display: block;
  font-weight: 700;
    margin-bottom: 50px;
}
button.selectPlan{
    margin: 0 auto;
    margin-bottom: 50px;
}
.plan .infoContainer .selectPlan:hover {
  background-color: #9b59b6;
  color: white;
}
.listing-list-section{
	border: 1px solid #f2f2f2 !important;
    margin: 50px 0px;	
    padding: 10px;	
}
.listing-main .listing-list-section thead th{
    background-color: #7da95a !important;
    padding: 10px !important;
    border: 1px solid #ccc !important;
    color: #fff !important;
    font-size: 18px !important;
}
.listing-list-section .qa-tbl-body{
    background-color: #f2f2f2 !important;
}
.listing-list-section .qa-tbl-body tr td{
    padding: 10px !important;
    font-size: 18px !important;
    color: #000 !important;
    border: 1px solid #ccc !important;	
}
.listing-list-section .qa-tbl-body tr td a{
    font-size: 18px !important;
    color: #000 !important;
    font-weight: 600 !important;
}
.post-type-archive-listing-qa .listing-list-section .qa-tbl-body tr td{
    padding: 10px !important;
    font-size: 18px !important;
    color: #000 !important;
    border: 0px !important;
}
.post-type-archive-listing-qa .listing-list-section .qa-tbl-body tr td a.title_post{
    text-decoration: underline;
}
.post-type-archive-listing-qa .listing-list-section .qa-tbl-body tr td.publish-date {
    font-size: 15px !important;
}
.post-type-archive-listing-qa .listing-main .listing-list-section thead th.qa-content {
    text-align:left;
    width: 20%;
}
.post-type-archive-listing-qa .listing-main .listing-list-section thead th {
    border: 0px !important;
}
.listing-list-section .qa-title h3{
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
}
.listing-list-section {
    font-size: 16px;
    color: #000;	
}
.listing-list-section .reply-list-section h3{
	color: #000;
    border-top: 1px solid #dcdbdb;
    padding-top: 10px;	
}
.listing-list-section .replies-lists{
    padding: 10px;
    background-color: #f2f2f2;
    margin-bottom: 10px;
    border-radius: 5px;	
}
.listing-list-section .replies-lists p{
    margin-bottom: 0px;
    font-style: normal;
    font-size: 16px;
    color: #000;	
}
.listing-list-section .replies-lists p i{
    margin-bottom: 0px;
    font-style: normal;
    font-size: 16px;
    color: #000;	
}
.listing-list-section .reply-message{
    padding-top: 20px;
    padding-bottom: 10px;	
}

.listing-page-title {
    display: inline-block;
}
.add-qa {
    float: left;
    font-size: 15px;
    line-height: 15px;
    padding: 4px 15px!important;
    height: auto !important;
    background-color: #7eab5b !important;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin: 25px 0px;
    cursor: pointer;
}
.wrapp-form-new-qa {
    display: none;
    margin-bottom: 25px;
}
@media screen and (max-width: 25em) {
  .planContainer {
    margin: 0;
  }
  .planContainer .plan {
    width: 100%;
    margin: 1em 0;
  }
}
.wplisting-fb-comment{
	display:inherit !important;
}

@media screen and (max-width:600px){
	#sidebar{
	    clear: both;	
	}
}
.add-qa-section {
    /*float: left;*/
    text-align: center;
    margin: 0 auto;
    /*color: #fff !important;*/
    height: auto !important;
    background-color: transparent;
    margin-bottom: 10px;
}
a.add-new-qa-all{
    border: 2px solid #7da95a!important;
    padding: 5px 30px !important;
    border-radius: 5px !important;
    max-width: 220px;
}

a.add-new-qa-all{
    color: #A52A2A;
}
span.select2-selection.select2-selection--multiple:after{
    content: '\f107';
    position: absolute;
    color: #000;
    left: 5px;
    top: 5px;
    font-size: 22px;
}

.wplisting-error {
    color: red;
    font-weight: bold;
}
.select2-container .select2-selection--single{
	height:38px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:38px;
}